/* =========================================================================
   EFOR — SÜRÜM 2 · BEYAZ
   Tasarım anlayışı aynı; zemin beyaz tabanlı, görsel bölümlerde açık örtü, turkuaz vurgu.
   ========================================================================= */
:root {
  --zemin: #ffffff;
  --zemin-2: #f3f6f8;
  --kart: #ffffff;
  --panel: #ffffff;
  --cizgi: #e2e7eb;
  --cizgi-2: #c6ced5;
  --baslik: #0d1a23;
  --metin: #46535d;
  --soluk: #7b868f;
  --vurgu: #14bcd2;
  --vurgu-2: #0aa6b4;
  --vurgu-yazi: #078a99;
  --vurgu-ink: #03272c;
  --ortu: 255 255 255;
  --ust-zemin: rgb(255 255 255 / .9);
  --girdi: rgb(255 255 255 / .75);
  --isik: rgb(13 26 35 / .06);
  --golge: 0 30px 60px -30px rgb(13 30 45 / .32);
  --sicak: #c98a1c;
  --nokta: #0d1a23;
  --hata: #c4472c;
  --basari: #1f9d61;
  --resim-ortu: .05;
  --resim-ortu-2: .38;
  --resim-ortu-3: .8;
  --harita-filtre: grayscale(.25);
  color-scheme: light;
}
/* Açık zeminde ürün gölgeleri biraz daha yumuşak */
.vitrin__gorsel::after, .pdp__sahne::after { opacity: .45; }
.vitrin__gorsel img, .urun__gorsel img { filter: drop-shadow(0 18px 22px rgb(13 26 35 / .22)); }
.alt { background: #f3f6f8; }
/* Beyaz zeminde görsel geçişleri daha geniş ve yumuşak */
.hero__gorsel, .sb__gorsel, .cozum__gorsel { -webkit-mask-image: linear-gradient(90deg, transparent 0, rgb(0 0 0 / .35) 22%, #000 62%); mask-image: linear-gradient(90deg, transparent 0, rgb(0 0 0 / .35) 22%, #000 62%); }
.ilet__gorsel, .merak__gorsel { -webkit-mask-image: linear-gradient(90deg, #000 38%, rgb(0 0 0 / .35) 75%, transparent 100%); mask-image: linear-gradient(90deg, #000 38%, rgb(0 0 0 / .35) 75%, transparent 100%); }
@media (max-width: 900px) { .ilet__gorsel, .merak__gorsel { -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent 100%); mask-image: linear-gradient(180deg, #000 50%, transparent 100%); } }
@media (max-width: 640px) { .hero__gorsel, .sb__gorsel, .cozum__gorsel { -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 30%, #000 60%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 30%, #000 60%, transparent 100%); } }
/* Beyaz sürümde üst bar baştan açık zeminli: sağdaki koyu görseller üzerinde de okunur */
.ust:not(.menu-acik) { background-color: var(--ust-zemin); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3); }
.ust .ust__ic { border-bottom-color: transparent; }
.ust { box-shadow: 0 1px 0 var(--cizgi); }