/* =========================================================================
   EFOR — SÜRÜM 5 · PREMIUM LACİVERT–BEYAZ
   V4'ün premium katmanı (sıvı yağ geçişleri, tam ekran hero, hareket) aynen geçerli;
   içerik bölümleri saf beyaz / buz grisi, görsel zeminli bölümler derin lacivert.
   Vurgu: beyaz zeminde lacivert (#0D5EA8 → #01426A), lacivert zeminde camgöbeği (#4EC3E0).
   Sıvı öğeler: E4 ambalajlarındaki altın yağ tonu.
   ========================================================================= */
:root {
  --z-icerik: #ffffff;
  --z-icerik-2: #f3f7fb;
  --z-ozellik: #041d45;
  --z-ozellik-2: #03163a;
  --yag-koyu: #6e420a;
  --yag: #c98a1c;
  --yag-orta: #e5a940;
  --yag-acik: #f6d58e;
  --yag-damla: radial-gradient(circle at 38% 62%, #fff3c9 0 8%, #f1c467 22%, #c98a1c 58%, #6e420a 100%);
  --gh: clamp(44px, 6.4vw, 104px);
  --kaydirma-iz: #eef3f8;
  --kaydirma-renk: #138bb3;
  --kaydirma-tutamak: linear-gradient(#138bb3, #01426a);
  --doku: 0;
  --kontur: rgb(10 37 64 / .3);
  --istat-g: linear-gradient(120deg, #01426a, #0a6f99 50%, #138bb3);
  --no-renk: #0a6f99;
}
:root, [data-ton="acik"] {
  --zemin: var(--z-icerik);
  --zemin-2: var(--z-icerik-2);
  --kart: #ffffff;
  --panel: #ffffff;
  --cizgi: #e3e9ef;
  --cizgi-2: #c5d2de;
  --baslik: #0a2540;
  --metin: #4a5b6d;
  --soluk: #7b8da0;
  --vurgu: #0d5ea8;
  --vurgu-2: #01426a;
  --vurgu-yazi: #0a5c9e;
  --vurgu-ink: #ffffff;
  --ortu: 255 255 255;
  --ust-zemin: rgb(4 29 69 / .88);
  --girdi: #ffffff;
  --isik: rgb(1 66 106 / .07);
  --golge: 0 30px 60px -30px rgb(4 29 69 / .3);
  --sicak: #c98a1c;
  --nokta: #01426a;
  --hata: #c4472c;
  --basari: #3a9e27;
  --resim-ortu: .04;
  --resim-ortu-2: .3;
  --resim-ortu-3: .75;
  --harita-filtre: none;
  --filigran: rgb(4 29 69 / .065);
  color-scheme: light;
}
[data-ton="koyu"] {
  --zemin: var(--z-ozellik);
  --zemin-2: var(--z-ozellik-2);
  --kart: rgb(255 255 255 / .045);
  --panel: #062452;
  --cizgi: rgb(140 195 235 / .16);
  --cizgi-2: rgb(140 195 235 / .34);
  --baslik: #f1f7fc;
  --metin: #b9cde0;
  --soluk: #87a3be;
  --vurgu: #4ec3e0;
  --vurgu-2: #138bb3;
  --vurgu-yazi: #5ccbe6;
  --vurgu-ink: #041d45;
  --ortu: 4 29 69;
  --girdi: rgb(255 255 255 / .05);
  --isik: rgb(78 195 224 / .16);
  --golge: 0 30px 60px -30px rgb(0 10 30 / .8);
  --nokta: #e5a940;
  --resim-ortu: .18;
  --resim-ortu-2: .45;
  --resim-ortu-3: .66;
  --harita-filtre: invert(.9) hue-rotate(185deg) saturate(.6) brightness(.85);
  --filigran: rgb(255 255 255 / .06);
  color-scheme: dark;
}

/* Beyaz zeminde ürün gölgesi lacivert, altında altın yansıma ipucu */
.vitrin__gorsel img, .urun__gorsel img { filter: drop-shadow(0 18px 22px rgb(4 29 69 / .24)); }
.vitrin__gorsel::after, .urun__gorsel::after { background: radial-gradient(closest-side, rgb(4 29 69 / .28), rgb(201 138 28 / .14) 60%, transparent); }
[data-ton="koyu"] .vitrin__gorsel::after, .pdp .urun__gorsel::after { background: radial-gradient(closest-side, rgb(229 169 64 / .55), rgb(229 169 64 / .12) 60%, transparent); }

/* SSS: açık zeminde lacivert vurgu */
.sss-oge[open] { background: linear-gradient(90deg, rgb(13 94 168 / .06), transparent 65%); box-shadow: inset 2px 0 0 var(--vurgu); }
.sss-oge[open] .sss-oge__isaret { color: var(--vurgu); }

/* Beyaz zeminde ikonlar lacivert; lacivert zeminde altın kalır */
.mv-kart__ik, .bilgi-kart__ik { color: var(--vurgu-yazi); border-color: var(--cizgi-2); box-shadow: 0 0 24px -8px rgb(13 94 168 / .35); }
[data-ton="koyu"] .kalite-kart h3 .ik { color: var(--yag-orta); }

/* Alt bar ve sürüm geçişi */
.alt[data-ton="koyu"] { background: #03163a; }
.surum-gecis { border-color: var(--cizgi-2); }

/* Açık zeminde görsel kartlarının hover gölgesi lacivert */
.guven-kart:hover .guven-kart__gorsel, .ykart:hover .ykart__gorsel { border-color: rgb(13 94 168 / .5); box-shadow: 0 24px 50px -28px rgb(4 29 69 / .45); }
.kategori, .alt-kategori, .vsinif, .bilgi-kart, .mv-kart, .ilet-kutu, .suzgec { box-shadow: 0 1px 2px rgb(4 29 69 / .04), 0 16px 40px -28px rgb(4 29 69 / .25); }