/* ══════════════════════════════════════════════════════════════════════
   GÜMÜŞ DÜNYASI — TEMA SİSTEMİ (09.10.2026)
   Silver · Diamond · Gold — Admin > Görünüm'den seçilir, <body class="theme-…">.

   1) Her tema 16 tasarım değişkeni tanımlar (--topbar-bg … --card-bg).
   2) Aynı blok, sitenin eski değişkenlerini (--bordo, --ink, --line, --ud-* …)
      bu değerlere bağlar; böylece site geneli (fiyatlar, butonlar, kartlar)
      temayla birlikte değişir. Logo ve yerleşim temadan etkilenmez.
   3) Altta: üst bant, header, ana menü, mega menü ve slider bileşenleri.
   Not: --muted-text değerleri WCAG AA (≥4.5:1) için tasarım önerisinden bir
   ton koyulaştırıldı (silver #7B8087→#6C7177 vb.).
   ══════════════════════════════════════════════════════════════════════ */

body.theme-silver {
  --topbar-bg: #23262B;   --topbar-text: #F5F5F5;
  --header-bg: #FFFFFF;   --mega-bg: #FFFFFF;      --card-bg: #F8F8F7;
  --menu-text: #2C2F33;   --menu-hover: #8E1F2F;   --menu-active: #8E1F2F;
  --accent: #8E1F2F;      --accent-dark: #6F1724;
  --border-color: #E6E7EA; --muted-text: #6C7177;
  --hero-overlay: rgba(24, 26, 29, 0.36);
  --button-bg: #1F2328;   --button-text: #FFFFFF;  --button-hover-bg: #8E1F2F;
  /* site geneli eşleme */
  --bordo: #1F2328;       --bordo-dark: #14171B;
  --ink: #23272C;         --muted: #6C7177;        --line: #E6E7EA;  --cream: #F8F8F7;
  --gold: #746C61;        --gold-dark: #514B43;    --gold-light: #C9C3B9;
}
body.theme-diamond {
  --topbar-bg: #F3F0EB;   --topbar-text: #3B342E;
  --header-bg: #FFFEFC;   --mega-bg: #FFFDFC;      --card-bg: #F8F5F1;
  --menu-text: #2F2A26;   --menu-hover: #9A2234;   --menu-active: #9A2234;
  --accent: #9A2234;      --accent-dark: #781A28;
  --border-color: #E8E1D8; --muted-text: #776D64;
  --hero-overlay: rgba(55, 42, 32, 0.18);
  --button-bg: #23201D;   --button-text: #FFFFFF;  --button-hover-bg: #9A2234;
  --bordo: #23201D;       --bordo-dark: #151311;
  --ink: #2F2A26;         --muted: #776D64;        --line: #E8E1D8;  --cream: #F8F5F1;
  --gold: #8C7B66;        --gold-dark: #66594A;    --gold-light: #D9CFC2;
}
body.theme-gold {
  --topbar-bg: #2E241D;   --topbar-text: #F7F1E8;
  --header-bg: #FCFAF7;   --mega-bg: #FFFDF9;      --card-bg: #F6F1EA;
  --menu-text: #3A3028;   --menu-hover: #A11F2F;   --menu-active: #A11F2F;
  --accent: #A11F2F;      --accent-dark: #7D1824;
  --border-color: #E6DCCF; --muted-text: #786A5D;
  --hero-overlay: rgba(49, 35, 24, 0.24);
  --button-bg: #2E241D;   --button-text: #FFFFFF;  --button-hover-bg: #A11F2F;
  --bordo: #2E241D;       --bordo-dark: #1E1712;
  --ink: #3A3028;         --muted: #786A5D;        --line: #E6DCCF;  --cream: #F6F1EA;
  --gold: #A88655;        --gold-dark: #7A6040;    --gold-light: #DCC7A3;
}
/* Ürün detay değişkenleri — üç temada ortak bağlama */
body[class*="theme-"] {
  --ud-bordo: var(--bordo);  --ud-metin: var(--ink);   --ud-soluk: var(--muted-text);
  --ud-soluk2: var(--muted-text); --ud-krem: var(--card-bg);
  --ud-cizgi: var(--border-color); --ud-cizgi2: var(--border-color); --ud-ince: var(--border-color);
  --t-yumusak: cubic-bezier(.22, .61, .36, 1);
}

/* ══ 1) ÜST DUYURU BANDI ═══════════════════════════════════════════════ */
body[class*="theme-"] .top-bar {
  background: var(--topbar-bg); color: var(--topbar-text);
  font-size: 11.5px; letter-spacing: .5px; padding: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--topbar-text) 10%, transparent);
}
body[class*="theme-"] .top-bar .container { min-height: 36px; gap: 20px; }
.top-bar .tb-vaatler { display: flex; align-items: center; gap: 22px; margin: 0; padding: 0; list-style: none; white-space: nowrap; }
.top-bar .tb-vaatler li { display: inline-flex; align-items: center; gap: 7px; }
.top-bar svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; opacity: .85; flex: 0 0 auto; }
.top-bar .tb-sag { display: flex; align-items: center; gap: 18px; }
body[class*="theme-"] .top-bar nav { display: flex; gap: 18px; }
body[class*="theme-"] .top-bar nav a { color: var(--topbar-text); opacity: .82; text-decoration: none; transition: opacity .2s; }
body[class*="theme-"] .top-bar nav a:hover { opacity: 1; color: var(--topbar-text); text-decoration: underline; text-underline-offset: 3px; }
.top-bar .tb-dil { position: relative; }
.top-bar .tb-dil-btn {
  display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 8px;
  background: transparent; color: inherit; border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
  border-radius: 2px; font: inherit; letter-spacing: 1px; cursor: pointer;
}
.top-bar .tb-dil-btn .tb-dil-ok { width: 11px; height: 11px; }
.top-bar .tb-dil-liste {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: 400; min-width: 140px; margin: 0; padding: 6px 0; list-style: none;
  background: var(--mega-bg); color: var(--menu-text); border: 1px solid var(--border-color);
  box-shadow: 0 12px 30px rgba(0,0,0,.12); letter-spacing: .2px; font-size: 13px;
}
.top-bar .tb-dil-liste li { padding: 8px 14px; cursor: pointer; outline: none; }
.top-bar .tb-dil-liste li:hover, .top-bar .tb-dil-liste li:focus { background: var(--card-bg); color: var(--accent); }
.top-bar .tb-dil-liste li[aria-selected="true"] { font-weight: 600; }
@media (max-width: 1024px) {
  body[class*="theme-"] .top-bar nav { display: none; }
}
@media (max-width: 768px) {
  .top-bar .tb-vaatler li:nth-child(n+2) { display: none; }   /* mobilde tek vaat + dil */
  body[class*="theme-"] .top-bar .container { min-height: 32px; }
}

/* ══ 2) ORTA HEADER ═════════════════════════════════════════════════════ */
body[class*="theme-"] .header { background: var(--header-bg); border-bottom: 1px solid var(--border-color); }
body[class*="theme-"] .icon-btn { color: var(--menu-text); }
body[class*="theme-"] .icon-btn:hover { color: var(--menu-hover); }
body[class*="theme-"] .search-wrap { border-color: var(--border-color); background: var(--card-bg); }
.icon-btn .hdr-etiket { display: none; }
@media (min-width: 1025px) {
  /* Masaüstü: daire zeminli ikonlar yerine sade ikon + küçük etiket */
  body[class*="theme-"] .header-actions-right { gap: 22px; }
  body[class*="theme-"] .header-actions-right .icon-btn { flex-direction: column; gap: 3px; }
  body[class*="theme-"] .header-actions-right .icon-btn .icon-wrap {
    width: 26px; height: 26px; background: transparent; border: 0; box-shadow: none;
  }
  body[class*="theme-"] .header-actions-right .icon-btn:hover .icon-wrap { background: transparent; transform: none; }
  .icon-btn .hdr-etiket {
    display: block; font-size: 10px; font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase;
    color: var(--muted-text); transition: color .2s;
  }
  .icon-btn:hover .hdr-etiket { color: var(--menu-hover); }
  body[class*="theme-"] .icon-btn .badge-count { top: -5px; right: -8px; background: var(--accent); color: #fff; }
}

/* ══ 3) ANA MENÜ ════════════════════════════════════════════════════════ */
body[class*="theme-"] .main-nav { background: var(--header-bg); border-bottom: 1px solid var(--border-color); }
body[class*="theme-"] .main-nav > .container > ul > li > a {
  color: var(--menu-text); letter-spacing: 1.6px; font-size: 12px; font-weight: 500;
  transition: color .3s var(--t-yumusak);
}
body[class*="theme-"] .main-nav > .container > ul > li > a:hover { color: var(--menu-hover); letter-spacing: 1.6px; }
/* İnce animasyonlu alt çizgi: ortadan iki yana açılır */
body[class*="theme-"] .main-nav > .container > ul > li > a::before {
  left: 14px; right: 14px; bottom: 9px; height: 1.5px; opacity: 1;
  background: var(--menu-hover);
  transform: scaleX(0); transform-origin: center;
  transition: transform .38s var(--t-yumusak);
}
body[class*="theme-"] .main-nav > .container > ul > li > a:hover::before,
body[class*="theme-"] .main-nav > .container > ul > li:hover > a::before,
body[class*="theme-"] .main-nav > .container > ul > li.vm-acik > a::before,
body[class*="theme-"] .main-nav > .container > ul > li > a:focus-visible::before { left: 14px; right: 14px; transform: scaleX(1); }
body[class*="theme-"] .main-nav > .container > ul > li > a.active { color: var(--menu-active); font-weight: 600; }
body[class*="theme-"] .main-nav > .container > ul > li > a.active::before { left: 14px; right: 14px; transform: scaleX(1); background: var(--menu-active); }

/* ══ 4) VIP MEGA MENÜ (09.10.2026) ═══════════════════════════════════════
   3 kolon: koleksiyon + alt kategoriler | kart görselleri | "Öne Çıkan" paneli,
   altta güvence şeridi. Yumuşak fade + translate; imleç panele geçerken açık kalır. */
/* li.has-sub (nav.php, relative) bu paneli öğe genişliğine hapsederdi — özgüllükle tam genişlik */
.main-nav li.has-sub.has-mega, .main-nav li.has-mega { position: static; }
.main-nav .mega.vm {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 240;
  display: none; padding: 0 16px 0;
}
@media (min-width: 1025px) {
  .main-nav .mega.vm {
    display: block !important;
    visibility: hidden; opacity: 0; transform: translateY(12px); pointer-events: none;
    transition: opacity .22s ease .12s, transform .22s ease .12s, visibility 0s linear .34s;
  }
  /* Açık durum JS'ten (li.vm-acik); JS yoksa :hover yedeği */
  .main-nav li.has-mega.vm-acik > .mega.vm,
  html:not(.mega-js) .main-nav li.has-mega:hover > .mega.vm {
    visibility: visible; opacity: 1; transform: none; pointer-events: auto;
    transition: opacity .3s cubic-bezier(.22,.61,.36,1) .05s, transform .3s cubic-bezier(.22,.61,.36,1) .05s, visibility 0s;
  }
  .main-nav li.has-mega.kapali > .mega.vm { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
  .main-nav li.has-mega > .mega.vm::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
}
@media (max-width: 1024px) { .main-nav .mega.vm { display: none !important; } }

.main-nav .vm, .main-nav .vm * { white-space: normal; box-sizing: border-box; }
/* UYARLANIR MEGA (11.10.2026): sol kolon sabit; kart ızgarası alt kategori sayısına
   göre değişir (vm-k1…vm-k6); 1-4 kartta sağda kampanya alanı, 5-6'da yok.
   Az kategoride panel kompakt açılır (tek sıra), kartlar gereksiz büyümez. */
.main-nav .vm { --vm-sol: 250px; --vm-promo: 270px; --vm-satir: 190px; --vm-tek: 248px; --vm-bosluk: 16px; }
.main-nav .vm-ic, .main-nav .vm-alt { max-width: 1320px; margin: 0 auto; }
.main-nav .vm-ic {
  display: grid; grid-template-columns: var(--vm-sol) minmax(0, 1fr);
  gap: var(--vm-bosluk); padding: 22px 22px 22px 0;
  background: var(--mega-bg, #fff);
  border: 1px solid var(--border-color, #E6E7EA); border-bottom: 0; border-radius: 14px 14px 0 0;
  box-shadow: 0 30px 70px rgba(15, 15, 18, .14);
  position: relative; align-items: stretch;
}
.main-nav .vm-promolu .vm-ic { grid-template-columns: var(--vm-sol) minmax(0, 1fr) var(--vm-promo); }

/* Sol: koleksiyon kimliği + alt kategori listesi (sabit genişlik) */
.main-nav .vm-sol { padding: 12px 22px 6px 30px; display: flex; flex-direction: column; border-right: 1px solid var(--border-color, #E6E7EA); }
.main-nav .vm-ust { font-size: 10.5px; font-weight: 600; letter-spacing: 2.2px; white-space: nowrap !important; text-transform: uppercase; color: var(--muted-text, #6C7177); }
.main-nav a.vm-kat-ad {
  display: block; margin: 6px 0 0; padding: 0 !important;
  font-family: var(--serif, 'Cormorant Garamond', Georgia, serif); font-size: 36px; line-height: 1.05; font-weight: 500;
  letter-spacing: .2px !important; text-transform: none; color: var(--menu-text, #2C2F33); text-decoration: none;
}
.main-nav a.vm-kat-ad::before { display: none !important; }
.main-nav .vm-cizgi { display: block; width: 34px; height: 1px; margin: 14px 0 12px; background: var(--gold-light, #C9C3B9); }
.main-nav .vm-liste { list-style: none; margin: 0 0 14px; padding: 0; display: block !important; }
.main-nav .vm-liste a {
  display: flex !important; align-items: center; justify-content: space-between; gap: 10px;
  margin: 0 -10px; padding: 8px 10px !important; border-radius: 6px;
  font-size: 13.5px; font-weight: 400; letter-spacing: .1px !important; text-transform: none;
  color: var(--menu-text, #2C2F33); text-decoration: none; transition: background .2s, color .2s;
}
.main-nav .vm-liste a::before { display: none !important; }
.main-nav .vm-liste a svg { width: 14px; height: 14px; flex: 0 0 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; opacity: .45; transition: transform .2s, opacity .2s; }
.main-nav .vm-liste a:hover, .main-nav .vm-liste a:focus-visible, .main-nav .vm-liste a.aktif { background: var(--card-bg, #F6F3EF); color: var(--accent, #8E1F2F); }
.main-nav .vm-liste a:hover svg, .main-nav .vm-liste a:focus-visible svg, .main-nav .vm-liste a.aktif svg { opacity: 1; transform: translateX(2px); }
.main-nav a.vm-tumu {
  margin-top: auto; align-self: flex-start; padding: 0 0 2px !important;
  font-size: 13px; font-weight: 600; letter-spacing: .3px !important; text-transform: none;
  color: var(--accent, #8E1F2F); text-decoration: none; border-bottom: 1px solid currentColor;
}
.main-nav a.vm-tumu::before { display: none !important; }

/* Kart ızgarası — kartların üst kenarları her düzende aynı hizada */
.main-nav .vm-kartlar { display: grid; gap: var(--vm-bosluk); align-content: stretch; grid-auto-rows: minmax(var(--vm-satir), 1fr); }
.main-nav .vm-k1, .main-nav .vm-k2, .main-nav .vm-k3 { grid-auto-rows: minmax(var(--vm-tek), 1fr); }      /* tek sıra: kompakt; sol liste uzunsa boşluk bırakmadan uzar */
.main-nav .vm-k1 { grid-template-columns: minmax(0, 520px); }
.main-nav .vm-k2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }                        /* iki geniş yatay kart */
.main-nav .vm-k3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }                        /* üç eşit kart */
.main-nav .vm-k4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }                        /* 2×2 */
.main-nav .vm-k5 { grid-template-columns: 1.2fr 1fr 1fr; }                                    /* 1 büyük + 4 küçük */
.main-nav .vm-k5 > .vm-kart:first-child { grid-row: span 2; }
.main-nav .vm-k6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }                        /* 3×2 */

.main-nav a.vm-kart {
  position: relative; display: block !important; overflow: hidden; border-radius: 10px;
  padding: 0 !important; text-decoration: none; color: inherit; letter-spacing: 0 !important;
  background: var(--card-bg, #F6F3EF); outline: 1px solid var(--border-color, #E6E7EA); outline-offset: -1px;
  transition: outline-color .2s, box-shadow .25s;
}
.main-nav a.vm-kart::before { display: none !important; }
.main-nav .vm-kart-gorsel { position: absolute; inset: 0; display: block; }
/* Yaşam tarzı fotoğrafı kartı doldurur; kadraj korunur (cover, merkez) */
.main-nav .vm-kart-gorsel img { width: 100%; height: 100% !important; object-fit: cover; object-position: center; transition: transform .8s cubic-bezier(.22,.61,.36,1); }
/* Beyaz fonlu stüdyo çekimi sağa yaslanır, başlığa yer kalır (JS köşe pikselinden tespit eder) */
.main-nav .vm-kart-gorsel img.beyaz-fon { object-fit: contain; object-position: right center; padding: 14px 14px 14px 38%; background: #fff; }
.main-nav .vm-k1 .vm-kart-gorsel img.beyaz-fon, .main-nav .vm-k3 .vm-kart-gorsel img.beyaz-fon, .main-nav .vm-k6 .vm-kart-gorsel img.beyaz-fon { padding: 92px 18px 14px 64px; object-position: center bottom; }
.main-nav .vm-kart-gorsel.bos::after, .main-nav .vm-one-gorsel.bos::after { content: "✦"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--gold-light, #C9C3B9); font-size: 26px; }
/* Başlık okunurluğu: üstten yumuşak açık geçiş */
.main-nav .vm-kart-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.38) 34%, rgba(255,255,255,0) 58%); pointer-events: none; }
.main-nav .vm-kart-ad {
  position: absolute; top: 18px; left: 20px; right: 20px; z-index: 1;
  font-family: var(--serif, 'Cormorant Garamond', Georgia, serif); font-size: 25px; font-weight: 500; line-height: 1.12;
  color: var(--menu-text, #2C2F33); text-transform: none; max-width: 15ch;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.main-nav .vm-k5 > .vm-kart:first-child .vm-kart-ad, .main-nav .vm-k1 .vm-kart-ad, .main-nav .vm-k2 .vm-kart-ad { font-size: 30px; }
.main-nav .vm-k5 > .vm-kart:not(:first-child) .vm-kart-ad, .main-nav .vm-k6 .vm-kart-ad, .main-nav .vm-k4 .vm-kart-ad { font-size: 22px; }
.main-nav .vm-ok {
  position: absolute; left: 18px; bottom: 16px; z-index: 1; width: 38px; height: 38px; border-radius: 50%;
  display: grid; place-items: center; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.12);
  color: var(--accent, #8E1F2F); transition: background .25s, color .25s, transform .25s;
}
.main-nav .vm-ok svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.main-nav a.vm-kart:hover .vm-kart-gorsel img, .main-nav a.vm-kart.vurgu .vm-kart-gorsel img { transform: scale(1.05); }
.main-nav a.vm-kart:hover, .main-nav a.vm-kart.vurgu, .main-nav a.vm-kart:focus-visible { outline: 2px solid var(--accent, #8E1F2F); outline-offset: -2px; box-shadow: 0 10px 26px rgba(15,15,18,.10); }
.main-nav a.vm-kart:hover .vm-ok, .main-nav a.vm-kart.vurgu .vm-ok { background: var(--accent, #8E1F2F); color: #fff; transform: translateX(3px); }
/* Panel açılınca kartlar sırayla belirir */
@media (min-width: 1025px) {
  .main-nav li.has-mega.vm-acik .vm-kart,
  html:not(.mega-js) .main-nav li.has-mega:hover .vm-kart { animation: vmKart .5s cubic-bezier(.22,.61,.36,1) both; animation-delay: calc(var(--i, 0) * 50ms + 70ms); }
}
@keyframes vmKart { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Sağ: kampanya alanı (yalnız 1-4 kartta) — kart ızgarasının yüksekliğine uyar */
.main-nav .vm-one { position: relative; border-radius: 10px; overflow: hidden; background: var(--button-bg, #1F2328); min-height: var(--vm-tek); }
.main-nav a.vm-one-link { position: absolute; inset: 0; display: block !important; padding: 0 !important; color: #fff !important; text-decoration: none; letter-spacing: 0 !important; }
.main-nav a.vm-one-link::before { display: none !important; }
.main-nav .vm-one-gorsel { position: absolute; inset: 0; display: block; background: #fff; }
.main-nav .vm-one-gorsel img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .8s cubic-bezier(.22,.61,.36,1), opacity .25s; }
.main-nav .vm-one-gorsel img.beyaz-fon { object-fit: contain; padding: 18px 18px 150px; }
/* Stüdyo çekiminde ürün üstteki beyaz alanda, metin alttaki koyu bantta (gri geçiş olmasın) */
.main-nav .vm-one:has(img.beyaz-fon) .vm-one-gorsel::after { background: none; }
.main-nav .vm-one:has(img.beyaz-fon) .vm-one-metin { background: var(--button-bg, #1F2328); }
.main-nav .vm-one-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,18,16,0) 40%, rgba(20,18,16,.78) 100%); }
.main-nav a.vm-one-link.gecis .vm-one-gorsel img { opacity: .35; }
.main-nav a.vm-one-link:hover .vm-one-gorsel img { transform: scale(1.04); }
.main-nav .vm-one-metin { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; gap: 5px; padding: 20px 22px 22px; }
.main-nav .vm-one-metin small { font-size: 10.5px; letter-spacing: 2.4px; text-transform: uppercase; color: rgba(255,255,255,.82); }
.main-nav .vm-one-metin strong { font-family: var(--serif, Georgia, serif); font-size: 23px; font-weight: 500; line-height: 1.2; color: #fff; text-transform: none; }
.main-nav .vm-one-metin em { margin-top: 6px; align-self: flex-start; font-style: normal; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 2px; border-bottom: 1px solid rgba(255,255,255,.6); }
.main-nav a.vm-one-link:hover .vm-one-metin em { border-color: #fff; }

/* Alt güvence şeridi: dört eşit alan, her düzende aynı ölçü */
.main-nav .vm-alt {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 14px 10px;
  background: var(--card-bg, #F8F8F7); border: 1px solid var(--border-color, #E6E7EA); border-radius: 0 0 14px 14px;
  box-shadow: 0 30px 70px rgba(15, 15, 18, .14);
}
.main-nav .vm-alt > span {
  display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 12px; align-items: center;
  padding: 2px 22px; border-left: 1px solid var(--border-color, #E6E7EA);
}
.main-nav .vm-alt > span:first-child { border-left: 0; }
.main-nav .vm-alt svg { grid-row: span 2; width: 26px; height: 26px; fill: none; stroke: var(--menu-text, #2C2F33); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.main-nav .vm-alt b { font-size: 11.5px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; color: var(--menu-text, #2C2F33); line-height: 1.3; }
.main-nav .vm-alt small { font-size: 12px; color: var(--muted-text, #6C7177); line-height: 1.35; }

@media (max-width: 1280px) {
  .main-nav .vm { --vm-sol: 250px; --vm-promo: 220px; --vm-satir: 170px; --vm-tek: 220px; }
  .main-nav .vm-kart-ad { font-size: 21px; }
  .main-nav .vm-k5 > .vm-kart:first-child .vm-kart-ad, .main-nav .vm-k1 .vm-kart-ad, .main-nav .vm-k2 .vm-kart-ad { font-size: 25px; }
  .main-nav .vm-k5 > .vm-kart:not(:first-child) .vm-kart-ad, .main-nav .vm-k6 .vm-kart-ad, .main-nav .vm-k4 .vm-kart-ad { font-size: 19px; }
  .main-nav .vm-alt > span { padding: 2px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .main-nav .mega.vm, .main-nav .vm-kart, .main-nav .vm-kart-gorsel img, .main-nav .vm-one-gorsel img, .main-nav .vm-ok { transition: none !important; animation: none !important; }
}

/* ══ 5) SLIDER / HERO ═══════════════════════════════════════════════════ */
body[class*="theme-"] .hero-arrow {
  width: 46px; height: 46px; opacity: .85;
  border: 1px solid rgba(255,255,255,.55); background: rgba(255,255,255,.08);
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
body[class*="theme-"] .hero-arrow:hover { background: var(--accent); border-color: var(--accent); opacity: 1; }
body[class*="theme-"] .hero-arrow svg { width: 15px; height: 15px; }
/* Sayfa göstergesi: ince çizgiler */
body[class*="theme-"] .hero-dot { width: 40px; }
body[class*="theme-"] .hero-dot::before {
  width: 26px; height: 2px; border-radius: 0; border: 0; background: rgba(255,255,255,.45);
  transition: background .3s, width .3s;
}
body[class*="theme-"] .hero-dot.active::before { width: 34px; height: 2px; border-radius: 0; background: #fff; }

/* Metin katmanı (admin'de "Metni slaytta göster" açık slaytlarda) */
.hero .hero-metin {
  position: absolute; inset: 0; z-index: 3;
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px;
  padding: 0 clamp(24px, 8vw, 140px); width: 100%;
  color: #fff; text-align: left;
  background: linear-gradient(90deg, var(--hero-overlay, rgba(0,0,0,.3)) 0%, transparent 100%);
}
.hero .hero-metin > * { max-width: 560px; }
.hero .hm-ust { font-size: 11.5px; letter-spacing: 3.2px; text-transform: uppercase; opacity: .9; }
.hero .hm-baslik {
  font-family: var(--serif, 'Cormorant Garamond', Georgia, serif);
  font-size: clamp(34px, 4.4vw, 68px); line-height: 1.04; font-weight: 500; letter-spacing: .3px;
}
.hero .hm-acik { font-size: clamp(14px, 1.15vw, 17px); line-height: 1.6; opacity: .92; }
.hero .hm-buton {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 6px;
  padding: 15px 30px; background: var(--button-bg); color: var(--button-text);
  font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
  transition: background .3s;
}
.hero .hero-slide:hover .hm-buton { background: var(--button-hover-bg); }
.hero .hero-slide.active .hero-metin > * { animation: hmGiris .9s var(--t-yumusak, ease) both; }
.hero .hero-slide.active .hm-baslik { animation-delay: .08s; }
.hero .hero-slide.active .hm-acik { animation-delay: .16s; }
.hero .hero-slide.active .hm-buton { animation-delay: .24s; }
@keyframes hmGiris { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (max-width: 768px) {
  .hero .hero-metin {
    justify-content: flex-end; align-items: flex-start; padding: 0 22px 92px; gap: 10px;
    background: linear-gradient(0deg, var(--hero-overlay, rgba(0,0,0,.35)) 0%, transparent 70%);
  }
  .hero .hm-buton { padding: 13px 22px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero .hero-slide.active .hero-metin > * { animation: none; }
  body[class*="theme-"] .main-nav .mega { transition: none !important; }
}

/* ══ 6) BUTONLAR — vurgu rengi yalnız hover/odakta (arayüzü boğmaz) ══════ */
body[class*="theme-"] .btn-cart-large,
body[class*="theme-"] .mobile-sticky-cta .msc-btn,
body[class*="theme-"] .btn-primary { background: var(--button-bg); color: var(--button-text); border-color: var(--button-bg); }
body[class*="theme-"] .btn-cart-large:hover,
body[class*="theme-"] .mobile-sticky-cta .msc-btn:hover,
body[class*="theme-"] .btn-primary:hover { background: var(--button-hover-bg); border-color: var(--button-hover-bg); color: var(--button-text); }
body[class*="theme-"] a:focus-visible,
body[class*="theme-"] button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Küçük vurgular: rozetler ve ürün kartı hover */
body[class*="theme-"] .badge.sale { background: var(--accent); }
body[class*="theme-"] .product:hover h3 { color: var(--accent); }

/* Mobil menü başlığı temayla uyumlu koyu zemin */
body[class*="theme-"] .mobile-drawer.mobile-drawer-v2 .md-head { background: var(--bordo) !important; }



/* Mobil menü — dil seçimi */
.mobile-drawer .md-dil { display: flex; align-items: center; gap: 8px; margin: 10px 18px calc(14px + env(safe-area-inset-bottom, 0px)); }
.mobile-drawer .md-dil-bas { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted-text, #6C7177); margin-right: 4px; }
.mobile-drawer .md-dil button {
  min-width: 44px; height: 34px; padding: 0 10px; border: 1px solid var(--border-color, #E6E7EA);
  background: var(--header-bg, #fff); color: var(--menu-text, #2C2F33); font: inherit; font-size: 12px; letter-spacing: 1px; cursor: pointer;
}
.mobile-drawer .md-dil button[aria-pressed="true"] { border-color: var(--button-bg, #1F2328); background: var(--button-bg, #1F2328); color: var(--button-text, #fff); }

/* Google çeviri: kendi üst çubuğunu ve araç ipuçlarını gizle (tasarımı aşağı itmesin) */
body > .skiptranslate, .goog-te-banner-frame, iframe.goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf { display: none !important; }
body { top: 0 !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
html[dir="rtl"] .top-bar .container, html[dir="rtl"] .header-inner { direction: rtl; }