/*
 * V3 TEMA AİLESİ — ortak skin katmanı (ThemeKit).
 * Fashion bileşen kitini kullanan temalarda (Market, Beauty, Home, Electro…) kit CSS'inden SONRA, temanın kendi
 * dosyasından ÖNCE yüklenir. Kit'in sabit tipografi/renk kararlarını tasarım değişkenlerine (--v3s-*) bağlar; her tema
 * yalnız değişkenleri ve birkaç imza dokunuşunu tanımlar. Fashion sayfalarında YÜKLENMEZ (data-v3-skin yoktur).
 * Kural: her seçici [data-v3-skin] ile başlar; global eleman seçici yok, harici font/CDN yok.
 */
[data-v3-skin] {
  /* yüzeyler */
  --v3s-page-bg: var(--v3f-surface);
  --v3s-header-bg: var(--v3f-surface);
  --v3s-header-border: var(--v3f-line);
  --v3s-utility-bg: var(--v3f-soft);
  --v3s-nav-bg: var(--v3f-surface);
  --v3s-nav-fg: var(--v3f-ink);
  --v3s-nav-weight: 500;
  --v3s-ticker-bg: var(--v3f-ink);
  --v3s-ticker-fg: #ffffff;
  --v3s-footer-bg: var(--v3f-surface);
  --v3s-trust-bg: var(--v3f-soft);
  --v3s-news-bg: var(--v3f-ink);
  --v3s-news-fg: #ffffff;
  --v3s-panel-bg: #ffffff;
  --v3s-panel-radius: var(--v3f-radius);
  /* tipografi */
  --v3s-heading-font: var(--v3f-sans);
  --v3s-heading-weight: 700;
  --v3s-heading-tracking: -0.01em;
  --v3s-heading-case: none;
  --v3s-label-case: none;
  --v3s-label-tracking: 0;
  --v3s-label-weight: 600;
  --v3s-brand-font: var(--v3s-heading-font);
  --v3s-brand-weight: 800;
  --v3s-brand-tracking: -0.02em;
  --v3s-brand-case: none;
  --v3s-brand-color: var(--v3f-ink);
  /* düğmeler */
  --v3s-btn-bg: var(--v3f-accent);
  --v3s-btn-fg: #ffffff;
  --v3s-btn-radius: var(--v3f-radius);
  --v3s-btn-line-fg: var(--v3f-ink);
  --v3s-btn-line-border: var(--v3f-line);
  --v3s-hero-bg: var(--v3f-ink);
  --v3s-hero-cta-bg: #ffffff;
  --v3s-hero-cta-fg: var(--v3f-ink);
  /* kartlar */
  --v3s-card-bg: transparent;
  --v3s-card-border: 0;
  --v3s-card-radius: 0;
  --v3s-card-pad: 0;
  --v3s-card-shadow: none;
  --v3s-card-hover-shadow: none;
  --v3s-card-lift: 0;
  --v3s-media-ratio: 3 / 4;
  --v3s-media-fit: cover;
  --v3s-media-bg: var(--v3f-soft);
  --v3s-media-radius: 0;
  --v3s-price-color: var(--v3f-ink);
  --v3s-badge-bg: var(--v3f-ink);
  --v3s-badge-fg: #ffffff;
  --v3s-badge-radius: 0;
  --v3s-cta-bg: transparent;
  --v3s-cta-fg: var(--v3f-ink);
  --v3s-cta-border: var(--v3f-ink);
  /* kategori / kısayol */
  --v3s-tile-radius: 0;
  --v3s-cat-ratio: 4 / 5;
  --v3s-chip-bg: var(--v3f-soft);
  --v3s-chip-border: var(--v3f-line);
  --v3s-input-radius: var(--v3f-radius);
  --v3s-search-border: var(--v3f-ink);
  --v3s-search-radius: var(--v3f-radius);
  background: var(--v3s-page-bg);
}
[data-v3-skin] .v3f-body { background: var(--v3s-page-bg); }

/* ---------- başlık katmanları ---------- */
[data-v3-skin] .v3f-ticker { background: var(--v3s-ticker-bg); color: var(--v3s-ticker-fg); text-transform: var(--v3s-label-case); letter-spacing: var(--v3s-label-tracking); font-weight: var(--v3s-label-weight); }
[data-v3-skin] .v3f-utility { background: var(--v3s-utility-bg); }
[data-v3-skin] .v3f-masthead { background: var(--v3s-header-bg); border-bottom-color: var(--v3s-header-border); }
[data-v3-skin] .v3f-brand__word, [data-v3-skin] .v3f-footer__word { font-family: var(--v3s-brand-font); font-weight: var(--v3s-brand-weight); letter-spacing: var(--v3s-brand-tracking); text-transform: var(--v3s-brand-case); color: var(--v3s-brand-color); }
[data-v3-skin] .v3f-search { border-color: var(--v3s-search-border); border-radius: var(--v3s-search-radius); overflow: hidden; background: #ffffff; }
[data-v3-skin] .v3f-search__submit { background: var(--v3s-btn-bg); color: var(--v3s-btn-fg); text-transform: var(--v3s-label-case); letter-spacing: var(--v3s-label-tracking); font-weight: var(--v3s-label-weight); }
[data-v3-skin] .v3f-action__label { text-transform: var(--v3s-label-case); letter-spacing: var(--v3s-label-tracking); }
[data-v3-skin] .v3f-nav { background: var(--v3s-nav-bg); }
[data-v3-skin] .v3f-nav__link { color: var(--v3s-nav-fg); text-transform: var(--v3s-label-case); letter-spacing: var(--v3s-label-tracking); font-weight: var(--v3s-nav-weight); font-size: .9rem; }
[data-v3-skin] .v3f-burger span { background: var(--v3s-brand-color); }

/* ---------- başlıklar (serif → tema yazısı) ---------- */
[data-v3-skin] .v3f-sec-title, [data-v3-skin] .v3f-page-title, [data-v3-skin] .v3f-hero__heading, [data-v3-skin] .v3f-wide__heading,
[data-v3-skin] .v3f-editorial__heading, [data-v3-skin] .v3f-split__heading, [data-v3-skin] .v3f-news__heading, [data-v3-skin] .v3f-cats__label,
[data-v3-skin] .v3f-pdp__title, [data-v3-skin] .v3f-summary__title, [data-v3-skin] .v3f-empty__title, [data-v3-skin] .v3f-prose h2,
[data-v3-skin] .v3f-pdp__desc-content h2, [data-v3-skin] .v3f-pdp__desc-content h3, [data-v3-skin] .v3f-pdp__desc-content h4,
[data-v3-skin] .v3f-promo__heading, [data-v3-skin] .v3f-state__title {
  font-family: var(--v3s-heading-font); font-weight: var(--v3s-heading-weight); letter-spacing: var(--v3s-heading-tracking); text-transform: var(--v3s-heading-case);
}
[data-v3-skin] .v3f-card__placeholder, [data-v3-skin] .v3f-cats__placeholder, [data-v3-skin] .v3f-shortcuts__badge, [data-v3-skin] .v3f-gallery__placeholder,
[data-v3-skin] .v3f-line__placeholder, [data-v3-skin] .v3f-brands__item { font-family: var(--v3s-heading-font); }

/* ---------- etiket dili (BÜYÜK HARF / harf aralığı → tema kararı) ---------- */
[data-v3-skin] .v3f-hero__eyebrow, [data-v3-skin] .v3f-sec-cta, [data-v3-skin] .v3f-cats__go, [data-v3-skin] .v3f-badge, [data-v3-skin] .v3f-card__cta,
[data-v3-skin] .v3f-wide__cta, [data-v3-skin] .v3f-editorial__cta, [data-v3-skin] .v3f-split__cta, [data-v3-skin] .v3f-news__btn, [data-v3-skin] .v3f-footer__title,
[data-v3-skin] .v3f-plp__count, [data-v3-skin] .v3f-filters__toggle, [data-v3-skin] .v3f-field__label, [data-v3-skin] .v3f-btn, [data-v3-skin] .v3f-pdp__off,
[data-v3-skin] .v3f-stock, [data-v3-skin] .v3f-pdp__subtitle, [data-v3-skin] .v3f-fieldset__legend, [data-v3-skin] .v3f-hero__cta, [data-v3-skin] .v3f-brands__item,
[data-v3-skin] .v3f-promo__eyebrow, [data-v3-skin] .v3f-promo__cta {
  text-transform: var(--v3s-label-case); letter-spacing: var(--v3s-label-tracking);
}

/* ---------- karşılama ---------- */
[data-v3-skin] .v3f-hero__slide[data-v3f-align="left"] .v3f-hero__copy { margin-left: clamp(1.25rem, 6vw, 5rem); }
[data-v3-skin] .v3f-hero__slide--text { background: var(--v3s-hero-bg); }
[data-v3-skin] .v3f-hero__cta { background: var(--v3s-hero-cta-bg); color: var(--v3s-hero-cta-fg); border-radius: var(--v3s-btn-radius); font-weight: var(--v3s-label-weight); }
[data-v3-skin] .v3f-sec-cta { color: var(--v3s-btn-line-fg); border-bottom-color: currentColor; font-weight: var(--v3s-label-weight); }

/* ---------- kategori / kısayol ---------- */
[data-v3-skin] .v3f-shortcuts__badge { background: var(--v3s-chip-bg); border-color: var(--v3s-chip-border); }
[data-v3-skin] .v3f-cats__media { border-radius: var(--v3s-tile-radius); aspect-ratio: var(--v3s-cat-ratio); }

/* ---------- ürün kartı ---------- */
[data-v3-skin] .v3f-card { background: var(--v3s-card-bg); border: var(--v3s-card-border); border-radius: var(--v3s-card-radius); padding: var(--v3s-card-pad); box-shadow: var(--v3s-card-shadow); transition: box-shadow .2s ease, transform .2s ease; }
[data-v3-skin] .v3f-card:hover, [data-v3-skin] .v3f-card:focus-within { box-shadow: var(--v3s-card-hover-shadow); transform: translateY(var(--v3s-card-lift)); }
[data-v3-skin] .v3f-card__media { aspect-ratio: var(--v3s-media-ratio); background: var(--v3s-media-bg); border-radius: var(--v3s-media-radius); }
[data-v3-skin] .v3f-card__img { height: 100%; object-fit: var(--v3s-media-fit); }
[data-v3-skin] .v3f-card__now, [data-v3-skin] .v3f-pdp__now { color: var(--v3s-price-color); }
[data-v3-skin] .v3f-card__price { flex-wrap: wrap; gap: .1rem .5rem; }
[data-v3-skin] .v3f-card__compare, [data-v3-skin] .v3f-card__now { white-space: nowrap; }
[data-v3-skin] .v3f-badge, [data-v3-skin] .v3f-pdp__off { background: var(--v3s-badge-bg); color: var(--v3s-badge-fg); border-radius: var(--v3s-badge-radius); }
[data-v3-skin] .v3f-badge--muted { background: var(--v3f-muted); color: #ffffff; }
[data-v3-skin] .v3f-card__cta { display: inline-block; background: var(--v3s-cta-bg); color: var(--v3s-cta-fg); border: 1px solid var(--v3s-cta-border); border-radius: var(--v3s-btn-radius); font-weight: var(--v3s-label-weight); }
[data-v3-skin] .v3f-card__cta--ghost { background: transparent; border-color: var(--v3f-line); color: var(--v3f-muted); }
[data-v3-skin] .v3f-carousel__btn { border-radius: var(--v3s-btn-radius); }

/* ---------- editoryal / kampanya / güven / bülten ---------- */
[data-v3-skin] .v3f-wide__cta, [data-v3-skin] .v3f-split__cta { border-radius: var(--v3s-btn-radius); }
[data-v3-skin] .v3f-split__cta { color: var(--v3s-btn-line-fg); border-color: currentColor; }
[data-v3-skin] .v3f-editorial__card { border-radius: var(--v3s-tile-radius); overflow: hidden; }
[data-v3-skin] .v3f-editorial__cta { color: var(--v3s-btn-line-fg); border-bottom-color: currentColor; }
[data-v3-skin] .v3f-trust { background: var(--v3s-trust-bg); }
[data-v3-skin] .v3f-news { background: var(--v3s-news-bg); color: var(--v3s-news-fg); }
[data-v3-skin] .v3f-news__btn { border-radius: var(--v3s-btn-radius); }
[data-v3-skin] .v3f-news__input { border-radius: var(--v3s-input-radius); }
[data-v3-skin] .v3f-footer { background: var(--v3s-footer-bg); }

[data-v3-skin] .v3f-promo__inner { border-radius: var(--v3s-panel-radius); }
[data-v3-skin] .v3f-promo--accent .v3f-promo__inner { background: var(--v3s-promo-bg, var(--v3f-accent)); color: var(--v3s-promo-fg, #ffffff); }
[data-v3-skin] .v3f-promo__cta { border-radius: var(--v3s-btn-radius); font-weight: var(--v3s-label-weight); }

/* ---------- sayfa ailesi ---------- */
[data-v3-skin] .v3f-btn { border-color: var(--v3s-btn-bg); border-radius: var(--v3s-btn-radius); font-weight: var(--v3s-label-weight); }
[data-v3-skin] .v3f-btn--solid { background: var(--v3s-btn-bg); color: var(--v3s-btn-fg); }
[data-v3-skin] .v3f-btn--line { background: #ffffff; color: var(--v3s-btn-line-fg); border-color: var(--v3s-btn-line-border); }
[data-v3-skin] .v3f-input, [data-v3-skin] .v3f-select { border-radius: var(--v3s-input-radius); }
[data-v3-skin] .v3f-filters, [data-v3-skin] .v3f-summary, [data-v3-skin] .v3f-fieldset, [data-v3-skin] .v3f-empty, [data-v3-skin] .v3f-review-form { border-radius: var(--v3s-panel-radius); }
[data-v3-skin] .v3f-filters, [data-v3-skin] .v3f-fieldset { background: var(--v3s-panel-bg); }
[data-v3-skin] .v3f-pager__link { border-radius: var(--v3s-btn-radius); }
[data-v3-skin] .v3f-pager__link[aria-current="page"] { background: var(--v3s-btn-bg); border-color: var(--v3s-btn-bg); color: var(--v3s-btn-fg); }
[data-v3-skin] .v3f-gallery__stage { border-radius: var(--v3s-media-radius); background: var(--v3s-media-bg); }
[data-v3-skin] .v3f-gallery__main { height: 100%; object-fit: var(--v3s-media-fit); }
[data-v3-skin] .v3f-gallery__thumb { border-radius: calc(var(--v3s-media-radius) / 2); overflow: hidden; }
[data-v3-skin] .v3f-gallery__thumb[aria-pressed="true"] { border-color: var(--v3s-btn-bg); }
[data-v3-skin] .v3f-variant { border-radius: var(--v3s-btn-radius); }
[data-v3-skin] .v3f-variant.is-current { border-color: var(--v3s-btn-bg); }
[data-v3-skin] .v3f-qty { border-radius: var(--v3s-input-radius); overflow: hidden; }
[data-v3-skin] .v3f-line__media, [data-v3-skin] .v3f-mini-line__media { border-radius: calc(var(--v3s-media-radius) / 2); background: var(--v3s-media-bg); }
[data-v3-skin] .v3f-line__media img, [data-v3-skin] .v3f-mini-line__media img { object-fit: var(--v3s-media-fit); }
[data-v3-skin] .v3f-check input, [data-v3-skin] .v3f-choice input { accent-color: var(--v3s-btn-bg); }
[data-v3-skin] a:focus-visible, [data-v3-skin] button:focus-visible, [data-v3-skin] input:focus-visible { outline-color: var(--v3s-btn-bg); }

@media (max-width: 767px) {
  [data-v3-skin] .v3f-hero__slide[data-v3f-align="left"] .v3f-hero__copy { margin-left: 0; padding: 0 22px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-v3-skin] .v3f-card, [data-v3-skin] .v3f-card:hover { transition: none; transform: none; }
}
[data-v3-skin] .v3f-account .btn, [data-v3-skin] .v3f-account .input { border-radius: var(--v3s-btn-radius); }
[data-v3-skin] .v3f-account .input { border-radius: var(--v3s-input-radius); }
[data-v3-skin] .v3f-account .btn--primary, [data-v3-skin] .v3f-account .account-nav__link[aria-current="page"] { background: var(--v3s-btn-bg); border-color: var(--v3s-btn-bg); color: var(--v3s-btn-fg); }
[data-v3-skin] .v3f-account .card, [data-v3-skin] .v3f-wish__item, [data-v3-skin] .v3f-account .account-nav { border-radius: var(--v3s-panel-radius); }
[data-v3-skin] .v3f-account h1 { font-family: var(--v3s-heading-font); font-weight: var(--v3s-heading-weight); }
[data-v3-skin] .v3f-chip[aria-current="page"], [data-v3-skin] .v3f-density__btn[aria-pressed="true"] { border-color: var(--v3s-btn-bg); }
[data-v3-skin] .v3f-chip[aria-current="page"] { background: var(--v3s-btn-bg); color: var(--v3s-btn-fg); }
/* Izgara sütunları içerik genişliğine göre büyümez (dar ekranda yatay taşma olmaz). */
[data-v3-skin] .v3f-products__grid { grid-template-columns: repeat(var(--v3f-cols, 4), minmax(0, 1fr)); }
[data-v3-skin] .v3f-cats__grid:not([style]) { grid-template-columns: repeat(var(--v3f-cols, 3), minmax(0, 1fr)); }
[data-v3-skin] .v3f-card, [data-v3-skin] .v3f-card__body { min-width: 0; }
[data-v3-skin] .v3f-card__cta { max-width: 100%; }
/* Görselsiz karşılama: tema rengine uyan, içerik taşımayan dekor (yalnız CSS degrade; görsel isteği yok). */
[data-v3-skin] .v3f-hero__slide--text { overflow: hidden; }
[data-v3-skin] .v3f-hero__slide--text::before, [data-v3-skin] .v3f-hero__slide--text::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
[data-v3-skin] .v3f-hero__slide--text::before { width: min(46vw, 620px); aspect-ratio: 1 / 1; right: -6%; top: -28%; background: radial-gradient(circle at 35% 35%, var(--v3s-hero-deco, rgba(255, 255, 255, .16)), rgba(255, 255, 255, 0) 62%); }
[data-v3-skin] .v3f-hero__slide--text::after { width: min(24vw, 300px); aspect-ratio: 1 / 1; right: 18%; bottom: -18%; border: 2px solid var(--v3s-hero-ring, rgba(255, 255, 255, .14)); }
[data-v3-skin] .v3f-hero__slide--text[data-v3f-tone="dark"] { --v3s-hero-deco: rgba(255, 255, 255, .55); --v3s-hero-ring: rgba(0, 0, 0, .06); }
[data-v3-skin] .v3f-hero__content { z-index: 1; }
@media (max-width: 767px) {
  [data-v3-skin] .v3f-hero__slide--text::before { width: 80vw; right: -30%; top: -20%; }
  [data-v3-skin] .v3f-hero__slide--text::after { display: none; }
}
[data-v3-skin] .v3f-card__quick { border-radius: var(--v3s-btn-radius); }
[data-v3-skin] .v3f-quick__box { border-radius: var(--v3s-panel-radius); }
[data-v3-skin] .v3f-quick__title { font-family: var(--v3s-heading-font); font-weight: var(--v3s-heading-weight); }
[data-v3-skin] .v3f-quick__price { color: var(--v3s-price-color); }