/* =========================================================================
   ALİ USTA BAKLAVALARI — "Fırından Çıkan Altın"
   Palet: kavrulmuş koyu taban + şerbet altını + bakır. Aksan: Antep fıstığı.
   Tipografi: Fraunces (WONK açık) + Karla.
   Geometri: baklava dilimi — eşkenar dörtgen ve 60° eğik kesimler.
   ========================================================================= */

/* =========================================================================
   YAZI TİPİ YEDEKLERİ — ölçü uyumlu
   Google Fonts geç geldiğinde metin yeniden akıyor ve satır sayısı
   değiştiği için sayfa kayıyordu (CLS). Yedek yüzler, gerçek yüzlerin
   genişliğine göre ölçeklenerek tanımlandı: takas anında satır kırılmaları
   aynı kalıyor. Oranlar tarayıcıda ölçülerek bulundu.
   ========================================================================= */
@font-face{
  font-family:"Karla Yedek";
  src:local("Segoe UI"), local("Noto Sans"), local("DejaVu Sans");
  size-adjust:104.8%;          /* Karla, Segoe UI'dan %4,8 geniş */
  ascent-override:95%;
  descent-override:25%;
  line-gap-override:0%;
}
@font-face{
  font-family:"Fraunces Yedek";
  src:local("Palatino Linotype"), local("Palatino"), local("Georgia"), local("Times New Roman");
  size-adjust:85.9%;           /* Fraunces, Palatino'dan %14,1 dar */
  ascent-override:98%;
  descent-override:26%;
  line-gap-override:0%;
}

:root{
  /* --- taban --- */
  --ink:        #120C06;
  --ink-2:      #1C1309;
  --ink-3:      #271A0D;
  --ink-4:      #33220F;
  --pitch:      #0B0704;

  /* --- altın / bakır --- */
  --gold:       #C9922E;
  --gold-lit:   #F0C463;
  --gold-pale:  #E8D3A0;
  --copper:     #8C4A24;
  --copper-dp:  #5A2C13;

  /* --- aksan --- */
  --pist:       #7E9236;
  --pist-lit:   #A8BE55;

  /* --- metin --- */
  --cream:      #F5E8CF;
  --cream-dim:  #C7B18B;
  --cream-mute: #9C8969;

  --line:       rgba(201,146,46,.26);
  --line-soft:  rgba(201,146,46,.13);

  --shell:      clamp(1.25rem, 5vw, 5.5rem);
  --maxw:       1560px;

  --f-disp: "Fraunces", "Fraunces Yedek", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --f-body: "Karla", "Karla Yedek", "Segoe UI", "Noto Sans", system-ui, sans-serif;

  --ease:      cubic-bezier(.22,.61,.36,1);
  --ease-out:  cubic-bezier(.16,1,.3,1);

  --rhomb: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

/* ---------- reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
/* hidden özniteliği her zaman kazanır — sınıf seçiciler ezmesin */
[hidden]{ display:none !important; }
html{ -webkit-text-size-adjust:100%; }
body,h1,h2,h3,p,figure,blockquote,dl,dd,ul,ol{ margin:0; padding:0; }
ul,ol{ list-style:none; }
img,video,iframe{ display:block; max-width:100%; }
/* <picture> display:contents olduğu için <source> de ızgara/esnek kutuda
   bir öğe sayılıyor ve düzeni kaydırıyordu; hiçbir yerde çizilmemeli. */
source{ display:none; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
a{ color:inherit; }

html{ scroll-behavior:auto; }
body{
  background:var(--ink);
  color:var(--cream);
  font-family:var(--f-body);
  font-size:clamp(1rem,.94rem + .28vw,1.125rem);
  line-height:1.62;
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.is-locked{ overflow:hidden; }

/* Lenis */
html.lenis,html.lenis body{ height:auto; }
.lenis.lenis-smooth{ scroll-behavior:auto !important; }
.lenis.lenis-stopped{ overflow:hidden; }

::selection{ background:var(--gold); color:var(--pitch); }

:focus-visible{
  outline:2px solid var(--gold-lit);
  outline-offset:3px;
  border-radius:1px;
}

/* ---------- tipografi ---------- */
.eyebrow{
  font-family:var(--f-body);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.30em;
  text-transform:uppercase;
  color:var(--gold);
  display:flex; align-items:center; gap:.85rem;
}
.eyebrow::before{
  content:""; width:.5rem; height:.5rem; flex:none;
  background:var(--gold); clip-path:var(--rhomb);
}
.eyebrow--plain::before{ display:none; }

h1,h2,h3,.disp{
  font-family:var(--f-disp);
  font-variation-settings:"SOFT" 34,"WONK" 1,"opsz" 120;
  font-weight:400;
  line-height:.94;
  letter-spacing:-.022em;
  text-wrap:balance;
}
h2{ font-size:clamp(2.5rem,1.3rem + 5.1vw,6rem); }
h3{ font-size:clamp(1.5rem,1.1rem + 1.5vw,2.4rem); line-height:1.02; }

.lede{
  font-size:clamp(1.02rem,.96rem + .42vw,1.32rem);
  color:var(--cream-dim);
  max-width:52ch;
  line-height:1.55;
}
.small{ font-size:.82rem; color:var(--cream-mute); line-height:1.55; }
em.acc{ font-style:italic; color:var(--gold-lit); font-variation-settings:"SOFT" 60,"WONK" 1; }

.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.skip{
  position:fixed; top:.5rem; left:.5rem; z-index:200;
  background:var(--gold); color:var(--pitch);
  padding:.7rem 1.1rem; font-weight:700; font-size:.85rem;
  transform:translateY(-160%); transition:transform .2s var(--ease);
}
.skip:focus{ transform:none; }

/* ---------- düzen ---------- */
.shell{
  width:100%;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--shell);
}
section{ position:relative; }
.band{ padding-block:clamp(5rem,10vw,11rem); }

/* 60°'lik baklava kesimi — renk değişen bölümlerde */
.cut-top{ clip-path:polygon(0 2.6vw,100% 0,100% 100%,0 100%); margin-top:-2.6vw; padding-top:calc(clamp(5rem,10vw,11rem) + 2.6vw); }
.cut-top--rev{ clip-path:polygon(0 0,100% 2.6vw,100% 100%,0 100%); }
/* Özel gün siparişi: üst kenarı düz olsun — bir üstündeki tezgâh
   bölümüyle arasında eğik kesim yamuk duruyordu. */
#ozel.cut-top--rev{ clip-path:none; }

/* ==========================================================
   PRELOADER
   ========================================================== */
#pre{
  position:fixed; inset:0; z-index:300;
  background:var(--pitch);
  display:grid; place-items:center;
  gap:2rem;
}
#pre[hidden]{ display:none; }
.pre-mark{ width:min(38vw,190px); aspect-ratio:1; }
.pre-mark path,.pre-mark line{
  fill:none; stroke:var(--gold); stroke-width:1.1;
  vector-effect:non-scaling-stroke;
}
.pre-fill{ fill:var(--gold); opacity:0; }
.pre-word{
  font-family:var(--f-disp);
  font-variation-settings:"SOFT" 40,"WONK" 1,"opsz" 120;
  font-size:clamp(1.1rem,3vw,1.8rem);
  letter-spacing:.34em;
  text-transform:uppercase;
  color:var(--gold-pale);
  text-indent:.34em;
}
.pre-bar{ width:min(46vw,260px); height:1px; background:var(--line); position:relative; }
.pre-bar i{ position:absolute; inset:0 auto 0 0; width:0; background:var(--gold); display:block; }

/* ==========================================================
   NAV + PROGRESS
   ========================================================== */
#prog{
  position:fixed; top:0; left:0; height:2px; width:100%;
  transform:scaleX(0); transform-origin:0 50%;
  background:linear-gradient(90deg,var(--copper),var(--gold),var(--gold-lit));
  z-index:120; pointer-events:none;
}

#nav{
  position:fixed; inset:0 0 auto 0; z-index:110;
  display:flex; align-items:center; gap:clamp(1rem,3vw,2.5rem);
  padding:.85rem var(--shell);
  background:rgba(11,7,4,.72);
  backdrop-filter:blur(14px) saturate(1.3);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);
  border-bottom:1px solid var(--line-soft);
  transform:translateY(-102%);
  will-change:transform;
}
.brand{
  font-family:var(--f-disp);
  font-variation-settings:"SOFT" 40,"WONK" 1,"opsz" 96;
  font-size:1.22rem; line-height:1; letter-spacing:.01em;
  text-decoration:none; white-space:nowrap;
  display:flex; align-items:center; gap:.6rem;
}
.brand b{ font-weight:600; color:var(--gold-lit); }
.brand span{ color:var(--cream); font-weight:400; }
.brand::before{
  content:""; width:.62rem; height:.62rem; flex:none;
  background:var(--gold); clip-path:var(--rhomb);
}
#navlinks{ display:flex; gap:clamp(.6rem,1.6vw,1.7rem); margin-left:auto; }
#navlinks a{
  text-decoration:none; font-size:.79rem; font-weight:600;
  letter-spacing:.15em; text-transform:uppercase; color:var(--cream-dim);
  padding:.45rem .1rem; position:relative; transition:color .3s var(--ease);
}
#navlinks a::after{
  content:""; position:absolute; left:0; right:100%; bottom:.15rem; height:1px;
  background:var(--gold); transition:right .35s var(--ease);
}
#navlinks a:hover,#navlinks a:focus-visible{ color:var(--gold-lit); }
#navlinks a:hover::after{ right:0; }

.nav-tools{ display:flex; align-items:center; gap:.6rem; margin-left:auto; }
#navlinks + .nav-tools{ margin-left:clamp(.6rem,2vw,1.6rem); }

.btn{
  --bh:#C9922E;
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.72rem 1.35rem;
  font-size:.79rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  text-decoration:none; white-space:nowrap;
  border:1px solid var(--gold);
  color:var(--gold-lit);
  background:transparent;
  position:relative; overflow:hidden;
  transition:color .35s var(--ease);
}
.btn::before{
  content:""; position:absolute; inset:0;
  background:var(--bh); transform:scaleY(0); transform-origin:50% 100%;
  transition:transform .42s var(--ease-out);
}
.btn:hover,.btn:focus-visible{ color:var(--pitch); }
.btn:hover::before,.btn:focus-visible::before{ transform:scaleY(1); }
.btn > *{ position:relative; }
.btn--solid{ background:var(--gold); color:var(--pitch); --bh:#F0C463; }
.btn--solid:hover,.btn--solid:focus-visible{ color:var(--pitch); }
.btn--lg{ padding:1rem 1.9rem; font-size:.85rem; }

.icon-btn{
  width:2.55rem; height:2.55rem; flex:none;
  display:grid; place-items:center;
  border:1px solid var(--line);
  color:var(--cream-dim);
  transition:border-color .3s var(--ease),color .3s var(--ease);
}
.icon-btn:hover{ border-color:var(--gold); color:var(--gold-lit); }
.icon-btn svg{ width:1.05rem; height:1.05rem; fill:none; stroke:currentColor; stroke-width:1.6; }
.icon-btn .ic-pause{ display:none; }
body.motion-off .icon-btn .ic-pause{ display:block; }
body.motion-off .icon-btn .ic-play{ display:none; }
body.motion-off .icon-btn{ border-color:var(--gold); color:var(--gold-lit); }

/* ==========================================================
   HERO — tam ekran sinematik tanıtım filmi
   ========================================================== */
#hero{
  position:relative;
  min-height:100svh;
  display:flex; align-items:flex-end;
  padding-block:clamp(6rem,14vh,9rem) clamp(3.5rem,9vh,6rem);
  overflow:hidden;
  background:var(--pitch);
  isolation:isolate;
}
.hero-film{
  position:absolute; inset:0; z-index:0;
  will-change:transform;
}
.hero-film video{
  width:100%; height:100%; object-fit:cover; object-position:50% 46%;
}
/* okunabilirlik perdesi — soldan ve alttan koyulaşır */
.hero-scrim{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(100deg, rgba(11,7,4,.93) 0%, rgba(11,7,4,.74) 30%, rgba(11,7,4,.16) 58%, rgba(11,7,4,.34) 100%),
    linear-gradient(to top, rgba(11,7,4,.80) 0%, rgba(11,7,4,.04) 42%, rgba(11,7,4,.30) 100%),
    radial-gradient(120% 90% at 72% 38%, rgba(201,146,46,.14), transparent 60%);
}
/* ince film grenı — sinematik doku */
.hero-grain{
  position:absolute; inset:-30%; z-index:2; pointer-events:none;
  opacity:.22; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  animation:grain 7s steps(6) infinite;
}
@keyframes grain{
  0%{transform:translate(0,0)}      16%{transform:translate(-3%,2%)}
  33%{transform:translate(2%,-3%)}  50%{transform:translate(-2%,-2%)}
  66%{transform:translate(3%,1%)}   83%{transform:translate(-1%,3%)}
  100%{transform:translate(0,0)}
}
.hero-inner{ position:relative; z-index:3; width:100%; }
.hero-inner .eyebrow{ margin-bottom:clamp(1rem,2.2vw,1.8rem); }

#hero h1{
  font-size:min(clamp(2.9rem,1.2rem + 8.4vw,9.4rem),19svh);
  line-height:.86;
  letter-spacing:-.035em;
  margin-bottom:clamp(1.2rem,2.4vw,2rem);
  max-width:14ch;
  text-shadow:0 .06em .5em rgba(11,7,4,.55);
}
#hero h1 .ln{ display:block; overflow:hidden; padding-bottom:.17em; margin-bottom:-.13em; }
#hero h1 .ln > span{ display:block; }
#hero h1 .thin{ font-variation-settings:"SOFT" 60,"WONK" 1,"opsz" 144; font-weight:300; color:var(--cream); }
#hero h1 .gold{ color:var(--gold-lit); font-weight:600; font-style:italic; }
#hero .lede{ max-width:46ch; color:var(--cream-dim); text-shadow:0 .05em .4em rgba(11,7,4,.6); }

.hero-cta{ display:flex; flex-wrap:wrap; gap:.8rem; margin-top:clamp(1.4rem,2.6vw,2.2rem); }

.hero-meta{
  margin-top:clamp(1.6rem,3vw,2.6rem);
  padding-top:1.4rem; border-top:1px solid var(--line-soft);
}
.hero-facts{ display:flex; gap:clamp(1.2rem,2.6vw,3rem); flex-wrap:wrap; }
.fact b{
  display:block;
  font-family:var(--f-disp); font-variation-settings:"SOFT" 30,"WONK" 1,"opsz" 96;
  font-size:clamp(1.5rem,1.2rem + .9vw,2.1rem); font-weight:600; line-height:1; color:var(--gold-lit);
}
.fact span{ font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--cream-mute); }

.hero-tools{
  position:absolute; z-index:4;
  right:var(--shell); top:clamp(5.5rem,13vh,8rem);
}
.icon-btn--glass{
  background:rgba(11,7,4,.5);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  border-color:var(--line);
}
.icon-btn--glass .ic-on{ display:none; }
.icon-btn--glass[aria-pressed="true"] .ic-on{ display:block; }
.icon-btn--glass[aria-pressed="true"] .ic-off{ display:none; }
.icon-btn--glass[aria-pressed="true"]{ border-color:var(--gold); color:var(--gold-lit); }

.scroll-hint{
  position:absolute; z-index:4; right:var(--shell); bottom:clamp(1rem,2.6vh,2rem);
  display:flex; align-items:center; gap:.7rem;
  font-size:.66rem; letter-spacing:.22em; text-transform:uppercase; color:var(--cream-mute);
}
.scroll-hint i{ display:block; width:2.6rem; height:1px; background:var(--line); position:relative; overflow:hidden; }
.scroll-hint i::after{ content:""; position:absolute; inset:0; background:var(--gold); animation:sweep 2.3s var(--ease) infinite; }
@keyframes sweep{ 0%{transform:translateX(-100%)} 55%,100%{transform:translateX(100%)} }

/* ==========================================================
   ŞERİT (marquee)
   ========================================================== */
.strip{
  border-block:1px solid var(--line-soft);
  background:var(--ink-2);
  overflow:hidden;
  padding-block:1.15rem;
  position:relative; z-index:2;
}
.strip-track{ display:flex; width:max-content; will-change:transform; }
.strip-track span{
  font-family:var(--f-disp); font-variation-settings:"SOFT" 40,"WONK" 1,"opsz" 96;
  font-size:clamp(1.1rem,.9rem + .9vw,1.9rem);
  color:var(--cream-dim); white-space:nowrap;
  padding-inline:clamp(1rem,2.2vw,2rem);
  display:flex; align-items:center; gap:clamp(1rem,2.2vw,2rem);
}
.strip-track span::after{
  content:""; width:.42rem; height:.42rem; flex:none;
  background:var(--gold); clip-path:var(--rhomb);
}

/* ==========================================================
   MİRAS
   ========================================================== */
#miras{ background:var(--ink-2); }
.miras-grid{
  display:grid; grid-template-columns:repeat(12,1fr);
  gap:clamp(1.4rem,3vw,3.4rem); align-items:start;
}
.miras-copy{ grid-column:1/6; position:sticky; top:clamp(6rem,14vh,9rem); }
.miras-copy h2{ margin:1.4rem 0 1.8rem; }
.miras-copy p + p{ margin-top:1.1rem; }
.sig{
  margin-top:2.4rem; padding-top:1.4rem; border-top:1px solid var(--line-soft);
  font-family:var(--f-disp); font-variation-settings:"SOFT" 70,"WONK" 1,"opsz" 120;
  font-style:italic; font-size:1.5rem; color:var(--gold-lit);
}
.sig small{ display:block; font-family:var(--f-body); font-style:normal; font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--cream-mute); margin-top:.5rem; }

.miras-media{
  grid-column:7/13;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(.7rem,1.4vw,1.2rem);
}
.miras-media .m-cell{
  aspect-ratio:.86;
}
.miras-media .m-fill{ height:100%; object-fit:cover; }
.miras-media video.m-fill{ object-fit:contain; background:#000; }

/* ==========================================================
   ÜRÜNLER — pinned yatay ray
   ========================================================== */
#urunler{
  background:var(--ink);
  min-height:100svh;
  display:flex; flex-direction:column; justify-content:center;
}
.rail-head{
  width:100%;
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:2rem; flex-wrap:wrap;
  padding:clamp(3.5rem,7vw,8rem) var(--shell) clamp(1.6rem,3vw,3rem);
  max-width:var(--maxw); margin-inline:auto;
}
.rail-viewport{ overflow:hidden; }
.rail-track{
  display:flex; gap:clamp(1rem,2vw,2rem);
  padding-inline:var(--shell) 0;
  padding-bottom:clamp(2rem,4vw,4rem);
  width:max-content;
}
.pcard{
  width:clamp(14rem,22vw,21rem); flex:none;
  background:var(--ink-2);
  border:1px solid var(--line-soft);
  display:flex; flex-direction:column;
  transform-style:preserve-3d;
  cursor:default;
}
/* rayda kartın kendisi ölçeklenmez; sadece parlaklık değişir */
.media-set .pcard:hover,
.media-set .pcard.is-active,
.media-set .pcard:focus-within{ --sc:1; box-shadow:0 1.4rem 3rem rgba(0,0,0,.5); }
/* rayda kart 3D eğildiği için transform'u GSAP yönetir */
.pcard{ transform:none; }
.pcard-media{ position:relative; height:clamp(9rem,30svh,20rem); overflow:hidden; background:var(--ink-3); }
.pcard-media img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:opacity .6s var(--ease),transform .9s var(--ease-out);
}
.rail-track{ perspective:1200px; }
.pcard-media .alt{ opacity:0; }
.pcard:hover .pcard-media .main{ opacity:0; transform:scale(1.05); }
.pcard:hover .pcard-media .alt{ opacity:1; transform:scale(1.05); }
.pcard-no{
  position:absolute; top:0; left:0; z-index:2;
  padding:.5rem .75rem; font-size:.66rem; letter-spacing:.16em; font-weight:700;
  color:var(--gold-lit); background:rgba(11,7,4,.8);
  border-right:1px solid var(--line); border-bottom:1px solid var(--line);
}
.pcard-body{ padding:clamp(1.1rem,1.7vw,1.6rem); display:flex; flex-direction:column; gap:.6rem; flex:1; }
.pcard-body h3{ font-size:clamp(1.25rem,1.05rem + .55vw,1.7rem); }
.pcard-body p{ font-size:.88rem; color:var(--cream-mute); line-height:1.5; }
.pcard-extra{
  display:flex; align-items:center; gap:.7rem;
  padding:.5rem; border:1px solid var(--line-soft); background:var(--ink-3);
}
.pcard-extra picture{ flex:none; width:3rem; height:3rem; display:block; }
.pcard-extra img{ width:100%; height:100%; object-fit:cover; }
.pcard-extra span{ font-size:.78rem; color:var(--cream-dim); }
.rail-progress{ height:1px; background:var(--line-soft); max-width:var(--maxw); margin:0 auto; }
.rail-progress i{ display:block; height:100%; width:0; background:var(--gold); }

/* ==========================================================
   ÜRETİM ŞERİDİ
   ========================================================== */
#uretim{ background:var(--ink); }
.ur-head{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:clamp(1.5rem,3vw,3rem); flex-wrap:wrap;
  margin-bottom:clamp(2.5rem,5vw,4.5rem);
}
.ur-head > div{ flex:1 1 22rem; }
.ur-head h2{ margin:1.3rem 0 0; max-width:16ch; }
.ur-head .lede{ flex:0 1 32ch; }
.ur-grid{
  /* Masonry: video kendi oranında; kadraj kırpılmaz. */
  column-count:3;
  column-gap:clamp(.7rem,1.4vw,1.3rem);
}
.ur-grid .uv{
  break-inside:avoid;
  margin-bottom:clamp(.7rem,1.4vw,1.3rem);
  aspect-ratio:auto;
}
.ur-grid .uv .m-fill{ height:auto; object-fit:contain; }
.uv-ctrl{
  position:absolute; top:.55rem; right:.55rem; z-index:3;
  display:flex; gap:.35rem;
}
.uv-toggle,.uv-sound{
  width:2.1rem; height:2.1rem; display:grid; place-items:center;
  background:rgba(11,7,4,.74); border:1px solid var(--line); color:var(--gold-lit);
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.uv-toggle:hover,.uv-sound:hover{ background:var(--gold); color:var(--pitch); border-color:var(--gold); }
.uv-sound svg{ width:.9rem; height:.9rem; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linejoin:round; }
.uv-sound .ic-on{ display:none; }
.uv-sound[aria-pressed="true"] .ic-on{ display:block; }
.uv-sound[aria-pressed="true"] .ic-off{ display:none; }
.uv-sound[aria-pressed="true"]{ background:var(--gold); color:var(--pitch); border-color:var(--gold); }
.uv-toggle svg{ width:.85rem; height:.85rem; fill:currentColor; }
.uv-toggle .ic-pause{ display:none; }
.uv-toggle[aria-pressed="true"] .ic-pause{ display:block; }
.uv-toggle[aria-pressed="true"] .ic-play{ display:none; }

/* ==========================================================
   MEDYA KAROLARI + SPOTLIGHT
   Dokunulmayan kareler hafif karanlık; üstüne gelinen kare
   tam parlaklıkta ve biraz büyük. Set içindeki diğerleri geri çekilir.
   ========================================================== */
.m-cell{
  position:relative;
  padding:0; margin:0; border:1px solid var(--line-soft);
  background:var(--ink-3); overflow:hidden;
  text-align:left;
  transition:filter .5s var(--ease), transform .55s var(--ease-out),
             border-color .45s var(--ease), box-shadow .55s var(--ease);
  will-change:transform, filter;
}
/* düğme karolar tam genişlik kaplar; ürün kartı (article) kendi ölçüsünü korur */
button.m-cell{ display:block; width:100%; cursor:pointer; }
figure.m-cell{ display:block; cursor:pointer; }
article.m-cell{ cursor:default; }
.m-fill{ width:100%; height:100%; object-fit:cover; display:block; }
.m-cell > video.m-fill{ pointer-events:none; }

/* 1 — varsayılan: hafif sinematik karanlık */
.m-cell{ filter:brightness(.80) saturate(.94) contrast(1.02); }

/* 2 — set içinde bir kare seçiliyken diğerleri geri çekilir */
.media-set:hover .m-cell,
.media-set.has-active .m-cell{ filter:brightness(.34) saturate(.75); }

/* 3 — üstüne gelinen / dokunulan / odaklanan kare öne çıkar */
.m-cell{ --py:0px; --sc:1; transform:translateY(var(--py)) scale(var(--sc)); }
.m-fill{ transition:transform .6s var(--ease-out); }

.media-set .m-cell:hover,
.media-set .m-cell:focus-visible,
.media-set .m-cell.is-active{
  --sc:1.045;
  filter:brightness(1.06) saturate(1.05) contrast(1.02);
  border-color:var(--line);
  box-shadow:0 1.4rem 3rem rgba(0,0,0,.55), 0 0 0 1px rgba(240,196,99,.25);
  z-index:4;
}
/* video karolarında görüntü karenin içinde de büyür
   (fotoğraflarda Ken Burns kaydırması transform'u kullandığı için
   büyüme karenin kendi ölçeğiyle sağlanır) */
.media-set .m-cell:hover video.m-fill,
.media-set .m-cell:focus-visible video.m-fill,
.media-set .m-cell.is-active video.m-fill{ transform:scale(1.07); }

.m-ring{
  position:absolute; inset:0; pointer-events:none;
  box-shadow:inset 0 0 0 0 var(--gold);
  transition:box-shadow .45s var(--ease);
}
.media-set .m-cell:hover .m-ring,
.media-set .m-cell:focus-visible .m-ring,
.media-set .m-cell.is-active .m-ring{ box-shadow:inset 0 0 0 2px rgba(240,196,99,.55); }

.m-cap{
  position:absolute; left:0; right:0; bottom:0; z-index:3;
  padding:2rem .9rem .8rem;
  font-family:var(--f-body); font-size:.74rem; line-height:1.35;
  letter-spacing:.04em; color:var(--cream);
  background:linear-gradient(transparent,rgba(11,7,4,.92));
  transform:translateY(101%); opacity:0;
  transition:transform .45s var(--ease-out), opacity .35s var(--ease);
}
.m-cap--always{ transform:none; opacity:1; }
.media-set .m-cell:hover .m-cap,
.media-set .m-cell:focus-visible .m-cap,
.media-set .m-cell.is-active .m-cap{ transform:none; opacity:1; }

.m-play{
  position:absolute; top:.6rem; left:.6rem; z-index:3;
  width:1.9rem; height:1.9rem; display:grid; place-items:center;
  background:rgba(11,7,4,.7); border:1px solid var(--line);
  color:var(--gold-lit);
}
.m-play svg{ width:.75rem; height:.75rem; fill:currentColor; }

/* ==========================================================
   TATLI DÜNYASI — önce özet kartları, sonra tür ızgarası
   ========================================================== */
#tatlilar{ background:var(--ink-2); }
.gal-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; flex-wrap:wrap; margin-bottom:clamp(2.2rem,4.5vw,3.6rem); }

/* --- özet kartları --- */
.cat-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(.9rem,1.8vw,1.5rem);
}
.catcard{
  position:relative; overflow:hidden;
  min-height:clamp(19rem,30vw,25rem);
  display:block; width:100%; text-align:left; cursor:pointer;
  border:1px solid var(--line-soft); background:var(--ink-3);
}
.catcard .m-fill{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.catcard-scrim{
  position:absolute; inset:0;
  background:
    linear-gradient(to top, rgba(11,7,4,.96) 6%, rgba(11,7,4,.82) 34%, rgba(11,7,4,.34) 66%, rgba(11,7,4,.18) 100%),
    linear-gradient(100deg, rgba(11,7,4,.55), transparent 60%);
}
.catcard-body{
  position:relative; z-index:2;
  display:flex; flex-direction:column; gap:.55rem;
  height:100%; justify-content:flex-end;
  padding:clamp(1.4rem,2.4vw,2.2rem);
}
.catcard-kick{
  font-size:.66rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase;
  color:var(--gold); display:flex; align-items:center; gap:.6rem;
}
.catcard-kick::before{
  content:""; width:.45rem; height:.45rem; flex:none;
  background:var(--gold); clip-path:var(--rhomb);
}
.catcard-title{
  font-family:var(--f-disp); font-variation-settings:"SOFT" 34,"WONK" 1,"opsz" 120;
  font-size:clamp(1.9rem,1.3rem + 1.8vw,3.1rem); line-height:.98; letter-spacing:-.02em;
  color:var(--cream);
}
.catcard-desc{
  font-size:.92rem; line-height:1.55; color:var(--cream-dim);
  max-width:46ch;
  max-height:0; opacity:0; overflow:hidden;
  transition:max-height .55s var(--ease-out), opacity .4s var(--ease), margin .5s var(--ease);
}
.catcard-foot{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  margin-top:.5rem; padding-top:.85rem; border-top:1px solid var(--line-soft);
}
.catcard-count{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--cream-mute); }
.catcard-go{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.74rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-lit);
}
.catcard-go svg{ width:1.1rem; height:1.1rem; fill:none; stroke:currentColor; stroke-width:1.7; transition:transform .45s var(--ease-out); }

.media-set .catcard:hover .catcard-desc,
.media-set .catcard:focus-visible .catcard-desc,
.media-set .catcard.is-active .catcard-desc{ max-height:14rem; opacity:1; margin-bottom:.2rem; }
.media-set .catcard:hover .catcard-go svg,
.media-set .catcard:focus-visible .catcard-go svg{ transform:translateX(.35rem); }
/* özet kartında görsel karo ölçeği yerine iç zoom kullanılır */
.media-set .catcard:hover,
.media-set .catcard:focus-visible,
.media-set .catcard.is-active{ --sc:1; }
.media-set .catcard:hover .m-fill,
.media-set .catcard:focus-visible .m-fill,
.media-set .catcard.is-active .m-fill{ transform:scale(1.06); }

/* --- tür görünümü --- */
.cat-bar{
  display:flex; align-items:center; gap:clamp(.8rem,2vw,1.6rem);
  flex-wrap:wrap; margin-bottom:clamp(1.4rem,2.6vw,2rem);
}
.back-btn{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.62rem 1.05rem; border:1px solid var(--line);
  font-size:.76rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gold-lit); background:transparent;
  transition:background .3s var(--ease), color .3s var(--ease);
}
.back-btn svg{ width:1rem; height:1rem; fill:none; stroke:currentColor; stroke-width:1.8; }
.back-btn:hover{ background:var(--gold); border-color:var(--gold); color:var(--pitch); }

.cat-filters{ display:flex; flex-wrap:wrap; gap:.45rem; }
.chip{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.6rem 1rem; border:1px solid var(--line-soft);
  font-size:.76rem; font-weight:600; letter-spacing:.08em;
  color:var(--cream-dim); background:transparent;
  transition:color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);
}
.chip i{
  font-style:normal; font-size:.64rem; letter-spacing:.04em;
  color:var(--cream-mute); border-left:1px solid var(--line-soft); padding-left:.5rem;
}
.chip:hover{ color:var(--gold-lit); border-color:var(--line); }
.chip[aria-pressed="true"]{ background:var(--gold); border-color:var(--gold); color:var(--pitch); }
.chip[aria-pressed="true"] i{ color:rgba(11,7,4,.62); border-left-color:rgba(11,7,4,.28); }

.cat-intro{
  border-left:2px solid var(--gold);
  padding:.2rem 0 .2rem 1.2rem;
  margin-bottom:clamp(1.6rem,3vw,2.4rem);
  max-width:64ch;
}
.cat-intro h3{ font-size:clamp(1.5rem,1.2rem + 1.1vw,2.1rem); margin-bottom:.6rem; }
.cat-intro p{ font-size:.98rem; color:var(--cream-dim); line-height:1.62; }
.cat-count{ margin-top:.7rem; font-size:.72rem !important; letter-spacing:.16em; text-transform:uppercase; color:var(--cream-mute) !important; }

.cat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(.6rem,1.2vw,1.1rem); }
.cat-grid .m-cell{ aspect-ratio:4/5; }
.cat-grid .m-cell[hidden]{ display:none; }

/* --- tür ızgarasının içinde canlı fotoğraf/video ekleme --- */
.add-btn{
  display:inline-flex; align-items:center; gap:.5rem; cursor:pointer;
  padding:.62rem 1.05rem; border:1px solid var(--line-soft);
  font-size:.76rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--cream-dim); background:transparent; margin-left:auto;
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.add-btn svg{ width:1rem; height:1rem; fill:none; stroke:currentColor; stroke-width:1.8; }
.add-btn:hover,
.add-btn[aria-expanded="true"]{ background:var(--gold); border-color:var(--gold); color:var(--pitch); }

.sr-file{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.cat-add{
  border:1px solid var(--line); background:var(--ink-2);
  padding:clamp(1.4rem,2.8vw,2.2rem);
  margin:0 0 clamp(1.8rem,3.5vw,2.6rem);
  box-shadow:0 12px 35px rgba(0,0,0,.35);
  border-radius:2px;
  scroll-margin-top:85px;
}
.cat-add-head{
  display:flex; justify-content:space-between; align-items:flex-start; gap:1rem;
  margin-bottom:1.4rem; padding-bottom:.9rem; border-bottom:1px solid var(--line-soft);
}
.cat-add-title{
  font-family:var(--f-disp); font-size:clamp(1.15rem,1rem + .8vw,1.45rem);
  font-weight:600; color:var(--cream); margin:0;
}
.cat-add-sub{ font-size:.86rem; color:var(--cream-dim); margin-top:.35rem; }
.cat-add-close{
  background:transparent; border:none; color:var(--cream-mute); cursor:pointer;
  padding:.35rem; display:inline-flex; align-items:center; justify-content:center;
  transition:color .2s var(--ease);
}
.cat-add-close svg{ width:1.25rem; height:1.25rem; fill:none; stroke:currentColor; stroke-width:2; }
.cat-add-close:hover{ color:var(--gold); }

/* Fotoğraf ve dosya ekleme alanı (tıklanabilir dropzone) */
.cat-add-drop{
  border:2px dashed var(--line); background:var(--ink-3);
  padding:clamp(1.5rem,3.2vw,2.4rem) 1.2rem; text-align:center;
  cursor:pointer; position:relative; border-radius:3px;
  transition:border-color .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease);
}
.cat-add-drop:hover,
.cat-add-drop:focus-visible,
.cat-add-drop.drag-over{
  border-color:var(--gold); background:rgba(212,175,55,.05);
  box-shadow:0 0 20px rgba(212,175,55,.1); outline:none;
}
.cat-add-prompt{
  display:flex; flex-direction:column; align-items:center; gap:.85rem;
}
.cat-add-icon{
  width:3.2rem; height:3.2rem; border-radius:50%; background:rgba(212,175,55,.1);
  display:flex; align-items:center; justify-content:center;
}
.cat-add-icon svg{ width:1.8rem; height:1.8rem; fill:none; stroke:var(--gold); stroke-width:1.8; }
.cat-add-text{ display:flex; flex-direction:column; gap:.25rem; }
.cat-add-prompt-title{ font-size:1.05rem; font-weight:700; color:var(--cream); }
.cat-add-prompt-sub{ font-size:.84rem; color:var(--cream-mute); max-width:38ch; margin-inline:auto; }

/* Önizleme */
.cat-add-preview-wrap{
  display:flex; align-items:center; justify-content:center; gap:1.4rem; flex-wrap:wrap;
  padding:.4rem;
}
.cat-add-thumb{
  width:8.5rem; height:8.5rem; object-fit:cover; border:2px solid var(--gold);
  border-radius:3px; overflow:hidden; background:var(--ink); box-shadow:0 6px 18px rgba(0,0,0,.45);
  display:flex; align-items:center; justify-content:center;
}
.cat-add-thumb img,
.cat-add-thumb video{ width:100%; height:100%; object-fit:cover; display:block; }
.cat-add-fileinfo{ text-align:left; display:flex; flex-direction:column; gap:.4rem; }
.cat-add-filename{ font-size:.92rem; font-weight:700; color:var(--cream); max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cat-add-filesize{ font-size:.78rem; color:var(--cream-mute); }
.cat-add-change-btn{
  display:inline-block; margin-top:.4rem; background:transparent; border:1px solid var(--line-soft);
  color:var(--gold); font-size:.76rem; font-weight:600; padding:.4rem .85rem; cursor:pointer;
  transition:background .2s var(--ease), border-color .2s var(--ease);
}
.cat-add-change-btn:hover{ border-color:var(--gold); background:rgba(212,175,55,.1); }

/* Form alanları */
.cat-add-fields{
  display:grid; grid-template-columns:1.8fr 1.2fr; gap:1rem; margin-top:1.3rem;
}
@media (max-width:640px){
  .cat-add-fields{ grid-template-columns:1fr; }
}
.cat-add-select{
  width:100%; padding:.75rem .95rem; background:var(--ink-3); border:1px solid var(--line-soft);
  color:var(--cream); font-family:inherit; font-size:.92rem; border-radius:2px;
  cursor:pointer; appearance:auto;
}
.cat-add-select:focus{ border-color:var(--gold); outline:none; }

.cat-add .panel-foot{ margin-top:1.4rem; display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.cat-add .spin{
  width:.95rem; height:.95rem; border:2px solid var(--line); border-top-color:var(--gold-lit);
  border-radius:50%; animation:catAddSpin .7s linear infinite; display:inline-block;
  vertical-align:-1px; margin-right:.45rem;
}
@keyframes catAddSpin{ to{ transform:rotate(360deg); } }

.cat-add .frm-msg{ margin:0; font-size:.88rem; font-weight:600; }
.cat-add .frm-msg.ok{ color:var(--gold); }
.cat-add .frm-msg.err{ color:#E06A55; }


/* ==========================================================
   YORUMLAR
   ========================================================== */
#yorumlar{ background:var(--ink); }
.rev-top{ display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(1.4rem,3vw,3rem); align-items:end; margin-bottom:clamp(2.5rem,5vw,4rem); }
.rev-top > div:first-child{ grid-column:1/8; }
.rev-top h2{ margin:1.4rem 0 0; }
.gbadge{
  grid-column:9/13;
  border:1px solid var(--line); background:var(--ink-2);
  padding:clamp(1.3rem,2.2vw,1.9rem);
  display:flex; flex-direction:column; gap:.7rem;
}
.gbadge .score{
  font-family:var(--f-disp); font-variation-settings:"SOFT" 25,"WONK" 1,"opsz" 144;
  font-size:3.4rem; font-weight:500; line-height:.9; color:var(--gold-lit);
}
.stars{ position:relative; display:inline-block; line-height:1; font-size:1.15rem; letter-spacing:.18em; color:rgba(201,146,46,.24); }
.stars i{ position:absolute; inset:0; width:0; overflow:hidden; color:var(--gold); white-space:nowrap; }
.gbadge .small{ color:var(--cream-dim); }

/* Kart sayisi degisebilir (yorum yoksa 2 kaynak karti, varsa 3 yorum);
   sutun sayisi kendiliginden uyum saglasin, bosluk kalmasin. */
.revs{ display:grid; gap:clamp(.9rem,1.8vw,1.6rem);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr)); }
.rev{
  border:1px solid var(--line-soft); background:var(--ink-2);
  padding:clamp(1.4rem,2.3vw,2rem);
  display:flex; flex-direction:column; gap:1rem;
  position:relative;
}
.rev q{
  font-family:var(--f-disp); font-variation-settings:"SOFT" 50,"WONK" 1,"opsz" 60;
  font-size:1.12rem; line-height:1.42; color:var(--cream); quotes:"“" "”";
}
.rev footer{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--cream-mute); margin-top:auto; }
.ph-note{
  margin-top:1.6rem; padding:.9rem 1.1rem;
  border:1px dashed var(--line);
  font-size:.78rem; color:var(--cream-dim);
  display:flex; gap:.7rem; align-items:flex-start;
}
.ph-note strong{ color:var(--gold-lit); font-weight:700; }
.rev--ph::before{
  content:"YER TUTUCU";
  position:absolute; top:0; right:0;
  padding:.35rem .6rem; font-size:.58rem; letter-spacing:.18em; font-weight:700;
  color:var(--pitch); background:var(--cream-mute);
}

/* ==========================================================
   ÖZEL SİPARİŞ
   ========================================================== */
#ozel{ background:linear-gradient(165deg,var(--copper-dp),var(--ink) 62%); }
.ozel-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(1.4rem,3vw,3.2rem); align-items:center; }
.ozel-copy{ grid-column:1/6; }
.ozel-copy h2{ margin:1.4rem 0 1.5rem; }
.occ{ display:flex; flex-wrap:wrap; gap:.55rem; margin:1.8rem 0 2.2rem; }
.occ li{
  border:1px solid var(--line); padding:.5rem .95rem;
  font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; color:var(--cream-dim);
  transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);
}
.occ li:hover{ background:var(--gold); border-color:var(--gold); color:var(--pitch); }
.ozel-media{ grid-column:7/13; display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(.6rem,1.2vw,1rem); }
.ozel-media .m-cell{ aspect-ratio:.86; }
.ozel-media .m-cell--tall{ grid-column:span 2; grid-row:span 2; aspect-ratio:.9; }
/* son kare iki sütun kaplar; 3×3 ızgarada boşluk kalmaz */
.ozel-media .m-cell:last-child{ grid-column:span 2; aspect-ratio:1.9; }

/* ==========================================================
   KARGO
   ========================================================== */
#kargo{ background:var(--ink-2); }
.kargo-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(1.4rem,3vw,3.2rem); align-items:center; }
.kargo-media{ grid-column:1/7; display:grid; grid-template-columns:1fr 1fr; gap:clamp(.6rem,1.2vw,1rem); align-items:start; }
.kargo-media .m-cell{ aspect-ratio:.82; }
.kargo-media .m-cell:last-child{ margin-top:clamp(1.5rem,4vw,3.5rem); }
.kargo-copy{ grid-column:8/13; }
.kargo-copy h2{ margin:1.4rem 0 1.5rem; }
.steps{ margin:2.2rem 0 0; display:grid; gap:1px; background:var(--line-soft); border-block:1px solid var(--line-soft); }
.steps li{ background:var(--ink-2); padding:1.15rem 0 1.15rem 3.2rem; position:relative; font-size:.95rem; color:var(--cream-dim); }
.steps li b{ color:var(--cream); font-weight:600; }
.steps li::before{
  counter-increment:st; content:counter(st,decimal-leading-zero);
  position:absolute; left:0; top:1.15rem;
  font-family:var(--f-disp); font-variation-settings:"SOFT" 30,"WONK" 1;
  font-size:1rem; color:var(--gold);
}
.steps{ counter-reset:st; }

/* ==========================================================
   İLETİŞİM
   ========================================================== */
#iletisim{ background:var(--ink); }
.con-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(1.4rem,3vw,3.2rem); }
.con-copy{ grid-column:1/6; }
.con-copy h2{ margin:1.4rem 0 2rem; }
.dl{ display:grid; gap:0; border-top:1px solid var(--line-soft); }
.dl > div{ display:grid; grid-template-columns:minmax(6.5rem,auto) 1fr; gap:1.2rem; padding:1.15rem 0; border-bottom:1px solid var(--line-soft); align-items:baseline; }
.dl dt{ font-size:.68rem; letter-spacing:.19em; text-transform:uppercase; color:var(--gold); }
.dl dd{ font-size:1rem; color:var(--cream); }
.dl dd a{ text-decoration:none; border-bottom:1px solid var(--line); transition:border-color .3s var(--ease),color .3s var(--ease); }
.dl dd a:hover{ color:var(--gold-lit); border-color:var(--gold); }
.dl dd small{ display:block; color:var(--cream-mute); font-size:.82rem; margin-top:.3rem; }
.con-side{ grid-column:7/13; display:flex; flex-direction:column; gap:clamp(.8rem,1.6vw,1.3rem); }
.map{ border:1px solid var(--line-soft); background:var(--ink-3); aspect-ratio:1.55; position:relative; overflow:hidden; }
.map iframe{ width:100%; height:100%; border:0; filter:grayscale(.35) contrast(1.05) brightness(.86) sepia(.18); }
.map-ph{ position:absolute; inset:0; display:grid; place-items:center; gap:1rem; padding:2rem; text-align:center; background:var(--ink-3); }
.con-shots{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(.6rem,1.2vw,1rem); }
.con-shots .m-cell{ aspect-ratio:1.05; }

/* ==========================================================
   FOOTER
   ========================================================== */
footer.site{ background:var(--pitch); border-top:1px solid var(--line-soft); padding-block:clamp(3.5rem,6vw,6rem) 2rem; }
.foot-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(1.4rem,3vw,3rem); }
.foot-brand{ grid-column:1/5; }
.foot-brand .disp{ font-size:clamp(1.8rem,1.3rem + 1.8vw,2.8rem); line-height:.95; color:var(--cream); }
.foot-brand .disp em{ color:var(--gold-lit); font-style:italic; }
.foot-brand p{ margin-top:1rem; }
.foot-col{ grid-column:span 2; }
.foot-col h3{ font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:1.1rem; font-weight:700; font-family:var(--f-body); line-height:1.4; }
.foot-col li + li{ margin-top:.55rem; }
.foot-col a{ text-decoration:none; font-size:.9rem; color:var(--cream-dim); transition:color .3s var(--ease); }
.foot-col a:hover{ color:var(--gold-lit); }
.foot-col p{ font-size:.9rem; color:var(--cream-dim); }
.foot-bot{
  display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between;
  margin-top:clamp(2.5rem,5vw,4.5rem); padding-top:1.6rem; border-top:1px solid var(--line-soft);
}
.foot-qr{
  display:flex; flex-direction:column; align-items:center; gap:1.1rem; text-align:center;
  margin-top:1.6rem; padding-top:1.6rem; border-top:1px solid var(--line-soft);
}
.foot-qr img{ width:25rem; height:25rem; max-width:80vw; flex:none; background:var(--cream); padding:.9rem; border:1px solid var(--line); }
.foot-qr p{ margin:0; font-size:.95rem; }
.foot-qr a{ color:var(--gold-lit); text-decoration:underline; }

/* ==========================================================
   LIGHTBOX
   ========================================================== */
#lb{
  position:fixed; inset:0; z-index:200;
  background:rgba(7,4,2,.975);
  backdrop-filter:blur(18px) saturate(.9);
  -webkit-backdrop-filter:blur(18px) saturate(.9);
  display:grid; grid-template-rows:auto minmax(0,1fr) auto;
  opacity:0; visibility:hidden;
  /* visibility anında açılsın, kapanırken solma bitince gizlensin */
  transition:opacity .35s var(--ease),visibility 0s linear .35s;
}
#lb.open{ opacity:1; visibility:visible; transition:opacity .35s var(--ease),visibility 0s linear 0s; }
.lb-bar{ display:flex; align-items:center; gap:1rem; padding:1rem var(--shell); border-bottom:1px solid var(--line-soft); background:var(--pitch); }
.lb-count{ font-size:.72rem; letter-spacing:.18em; color:var(--cream-mute); margin-right:auto; }
.lb-stage{ display:grid; place-items:center; padding:clamp(1rem,3vw,2.5rem) var(--shell); min-height:0; }
.lb-stage img,.lb-stage video{
  max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;
  border:1px solid var(--line-soft); background:var(--ink-3);
}
.lb-cap{ padding:1rem var(--shell) 1.6rem; text-align:center; font-size:.85rem; color:var(--cream-dim); border-top:1px solid var(--line-soft); background:var(--pitch); min-height:1.5rem; }
.lb-nav{ display:flex; gap:.5rem; }

/* ==========================================================
   REVEAL — JS yoksa da içerik görünür
   ========================================================== */
.js .rv{ opacity:0; }

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media (max-width:1180px){
  .miras-copy{ grid-column:1/7; }
  .miras-media{ grid-column:7/13; }
  .revs{ grid-template-columns:1fr 1fr; }
  .rev:nth-child(3){ grid-column:span 2; }
  .foot-brand{ grid-column:1/7; }
  .foot-col{ grid-column:span 3; }
}
@media (max-width:900px){
  #navlinks{ display:none; }
  #hero{ min-height:92svh; align-items:flex-end; }
  #hero h1{ max-width:none; }
  .hero-scrim{
    background:
      linear-gradient(to top, rgba(11,7,4,.96) 0%, rgba(11,7,4,.72) 38%, rgba(11,7,4,.28) 68%, rgba(11,7,4,.55) 100%),
      radial-gradient(120% 70% at 60% 30%, rgba(201,146,46,.14), transparent 60%);
  }
  .hero-tools{ top:auto; bottom:clamp(1rem,3vh,2rem); right:var(--shell); }
  .scroll-hint{ display:none; }
  .miras-grid,.ozel-grid,.kargo-grid,.con-grid{ grid-template-columns:1fr; }
  .miras-copy{ grid-column:1/-1; position:static; }
  .miras-media,.ozel-copy,.ozel-media,.kargo-media,.kargo-copy,.con-copy,.con-side{ grid-column:1/-1; }
  .kargo-media{ grid-template-columns:1fr 1fr; }
  .rev-top{ grid-template-columns:1fr; }
  .rev-top > div:first-child,.gbadge{ grid-column:1/-1; }
  .revs{ grid-template-columns:1fr; }
  .rev:nth-child(3){ grid-column:auto; }
  .cat-grid{ grid-template-columns:repeat(3,1fr); }
  .foot-brand{ grid-column:1/-1; }
  .foot-col{ grid-column:span 6; }
}
@media (max-width:600px){
  #hero h1{ font-size:clamp(2.7rem,9.5vw,4rem); }
  .hero-facts{ display:grid; grid-template-columns:1fr 1fr; gap:1.3rem 1rem; }
  .cat-grid{ grid-template-columns:repeat(2,1fr); }
  .ozel-media{ grid-template-columns:1fr 1fr; }
  .ozel-media .m-cell--tall{ grid-column:span 2; grid-row:auto; aspect-ratio:1.15; }
  .ozel-media .m-cell:last-child{ grid-column:span 2; aspect-ratio:1.9; }
  .con-shots{ grid-template-columns:repeat(3,1fr); }
  .foot-col{ grid-column:1/-1; }
  .rail-track{ padding-inline:var(--shell); }
  .pcard{ width:78vw; }
  .dl > div{ grid-template-columns:1fr; gap:.35rem; }
}

/* ==========================================================
   HAREKET AZALTMA — her şey durur
   ========================================================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .js .rv{ opacity:1 !important; transform:none !important; }
  #nav{ transform:none !important; }
  .strip-track{ transform:none !important; }
  #imlec,.im-iz{ display:none !important; }
  .scroll-hint i::after{ animation:none; }
  .rail-viewport{ overflow-x:auto; }
  .rail-track{ transform:none !important; }
}
body.motion-off .rv{ opacity:1 !important; transform:none !important; }
body.motion-off .rail-viewport{ overflow-x:auto; }
body.motion-off .rail-track{ transform:none !important; }
body.motion-off #imlec,body.motion-off .im-iz{ display:none !important; }
body.motion-off .scroll-hint i::after{ animation:none; }

@media print{
  #pre,#nav,#prog,#imlec,.im-iz,#lb,.scroll-hint,.strip{ display:none !important; }
  body{ background:#fff; color:#000; }
}


/* --- kısa viewport (dizüstü) hero sıkıştırması --- */
@media (min-width:901px) and (max-height:1000px){
  #hero{ padding-top:clamp(3.4rem,8.5vh,5rem); padding-bottom:clamp(1.6rem,3.5vh,2.6rem); }
  #hero h1{ font-size:min(clamp(2.9rem,1.2rem + 8.4vw,9.4rem),14svh); margin-bottom:1rem; }
  #hero .eyebrow{ margin-bottom:1rem; }
  #hero .hero-cta{ margin-top:1.1rem !important; }
  #hero .hero-meta{ margin-top:1.1rem; padding-top:.9rem; }
  #hero .lede{ max-width:42ch; }
  .fact b{ font-size:1.35rem; }
  .fact span{ font-size:.62rem; }
  .hero-facts{ gap:1.4rem; }
}
@media (min-width:901px) and (max-height:620px){
  #hero .hero-meta{ display:none; }
  .scroll-hint{ display:none; }
}


/* --- pinlenmiş ürün rayı: kısa ekranlarda başlık sıkışır --- */
@media (min-width:901px) and (max-height:1000px){
  .rail-head{ padding-top:clamp(2.6rem,5vh,4rem); padding-bottom:1.4rem; }
  .rail-head h2{ font-size:clamp(2rem,3.6vw,3.2rem); }
  .rail-head .lede{ max-width:30ch; }
  .pcard-media{ height:clamp(8rem,27svh,16rem); }
  .pcard-body{ padding:1rem 1.1rem; gap:.4rem; }
  .pcard-body p{ font-size:.83rem; }
  .rail-track{ padding-bottom:1.6rem; }
}


/* --- hareket kapalıyken spotlight yumuşar, kaybolmaz --- */
body.motion-off .media-set:hover .m-cell,
body.motion-off .media-set.has-active .m-cell{ filter:brightness(.55) saturate(.85); }
body.motion-off .media-set .m-cell:hover,
body.motion-off .media-set .m-cell.is-active,
body.motion-off .media-set .m-cell:focus-visible{ --sc:1; }
@media (prefers-reduced-motion:reduce){
  .m-cell{ filter:brightness(.9) !important; }
  .media-set .m-cell:hover,
  .media-set .m-cell:focus-visible,
  .media-set .m-cell.is-active{ filter:brightness(1.06) !important; --sc:1; }
  .media-set .m-cell .m-fill{ transform:none !important; }
  .media-set:hover .m-cell,
  .media-set.has-active .m-cell{ filter:brightness(.55) !important; }
  .m-cap{ transform:none !important; opacity:1 !important; }
  .hero-grain{ display:none; }
}

/* ==========================================================
   MEVSİMSEL ŞERİT
   ========================================================== */
#season{
  position:relative; z-index:115;
  background:linear-gradient(90deg,var(--copper-dp),var(--copper) 45%,var(--copper-dp));
  border-bottom:1px solid rgba(240,196,99,.28);
}
#season[hidden]{ display:none; }
.season-in{
  max-width:var(--maxw); margin-inline:auto;
  padding:.7rem var(--shell);
  display:flex; align-items:center; gap:clamp(.6rem,1.6vw,1.2rem); flex-wrap:wrap;
  font-size:.86rem; color:var(--cream);
}
.season-dot{
  width:.5rem; height:.5rem; flex:none; background:var(--gold-lit);
  clip-path:var(--rhomb); animation:pulse 2.4s var(--ease) infinite;
}
@keyframes pulse{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.45;transform:scale(.7)} }
.season-in b{ font-weight:700; }
.season-msg{ color:rgba(245,232,207,.86); flex:1 1 18rem; }
.season-cta{
  font-weight:700; font-size:.78rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--pitch); background:var(--gold-lit); padding:.45rem .9rem; text-decoration:none;
  transition:background .3s var(--ease);
}
.season-cta:hover{ background:#fff; }
.season-x{ width:1.8rem; height:1.8rem; display:grid; place-items:center; flex:none; color:rgba(245,232,207,.7); }
.season-x svg{ width:.9rem; height:.9rem; fill:none; stroke:currentColor; stroke-width:1.8; }
.season-x:hover{ color:#fff; }

/* ==========================================================
   SOSYAL MEDYA DÜĞMELERİ
   ========================================================== */
.nav-social{ display:flex; gap:.35rem; }
.nav-social[hidden]{ display:none; }
.soc{
  width:2.55rem; height:2.55rem; flex:none;
  display:grid; place-items:center;
  border:1px solid var(--line-soft); color:var(--cream-dim);
  transition:color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);
}
.soc svg{ width:1.1rem; height:1.1rem; }
.soc:hover{ color:var(--pitch); background:var(--gold); border-color:var(--gold); }
.soc--sm{ width:2.2rem; height:2.2rem; }
.soc--sm svg{ width:.95rem; height:.95rem; }
.foot-social{ display:flex; gap:.4rem; flex-wrap:wrap; margin-top:1.2rem; }
.foot-social[hidden]{ display:none; }

/* ==========================================================
   SABİT WHATSAPP DÜĞMESİ
   ========================================================== */
.wa-fab{
  position:fixed; right:clamp(1rem,2.5vw,1.8rem); bottom:clamp(1rem,2.5vw,1.8rem);
  z-index:140;
  display:inline-flex; align-items:center; gap:.65rem;
  padding:.72rem 1.05rem .72rem .72rem;
  background:#25D366; color:#0A2E18;
  border-radius:2.6rem;
  text-decoration:none; font-weight:700; font-size:.88rem;
  box-shadow:0 .7rem 1.8rem rgba(0,0,0,.45);
  opacity:0; transform:translateY(1.2rem) scale(.9); pointer-events:none;
  transition:opacity .45s var(--ease), transform .5s var(--ease-out), background .3s var(--ease);
}
body.fab-on .wa-fab{ opacity:1; transform:none; pointer-events:auto; animation:waPulse 3.2s ease-out infinite; }
@keyframes waPulse{
  0%   { box-shadow:0 .7rem 1.8rem rgba(0,0,0,.45), 0 0 0 0 rgba(37,211,102,.5); }
  70%  { box-shadow:0 .7rem 1.8rem rgba(0,0,0,.45), 0 0 0 1.1rem rgba(37,211,102,0); }
  100% { box-shadow:0 .7rem 1.8rem rgba(0,0,0,.45), 0 0 0 0 rgba(37,211,102,0); }
}
.wa-fab:hover{ background:#1FBE5B; }
.wa-fab-ic{ width:2.15rem; height:2.15rem; display:grid; place-items:center; background:rgba(255,255,255,.22); border-radius:50%; }
.wa-fab-ic svg{ width:1.5rem; height:1.5rem; fill:currentColor; }
.wa-fab-txt{ padding-right:.25rem; }
body.is-locked .wa-fab{ opacity:0; pointer-events:none; }

/* WhatsApp yeşili düğme çeşidi */
.btn--wa{ border-color:#25D366; color:#7BF0AC; --bh:#25D366; }
.btn--wa:hover,.btn--wa:focus-visible{ color:#0A2E18; }

/* ==========================================================
   FİYAT & GRAMAJ
   ========================================================== */
#fiyat{ background:var(--ink); }
.price-yonetim-btn{
  display:block; margin:0 0 1rem auto; padding:.5rem 1rem;
  font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700;
  color:var(--cream-mute); background:none; border:1px dashed var(--line-soft); border-radius:.4rem;
  cursor:pointer; transition:color .3s var(--ease), border-color .3s var(--ease);
}
.price-yonetim-btn:hover{ color:var(--gold-lit); border-color:var(--gold); }
.price-edit-btn{ font-size:.72rem; color:var(--cream-mute); background:none; border:0; cursor:pointer; line-height:1; margin-left:.3rem; vertical-align:middle; }
.price-edit-btn:hover{ color:var(--gold-lit); }
.price-wrap{ border:1px solid var(--line-soft); background:var(--ink-2); }
.price-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
table.price{ width:100%; border-collapse:collapse; min-width:24rem; }
.price .price-porsiyon{ color:var(--gold-lit); font-weight:500; font-size:.88rem; letter-spacing:.02em; }
.price th,.price td{ padding:.9rem clamp(.7rem,1.5vw,1.3rem); text-align:left; border-bottom:1px solid var(--line-soft); }
.price thead th{
  font-family:var(--f-body); font-size:.68rem; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--gold);
  border-bottom-color:var(--line);
}
.price tbody th{ font-weight:600; color:var(--cream); font-size:.95rem; }
.price tbody td{ color:var(--cream-dim); font-variant-numeric:tabular-nums; }
.price tbody tr:last-child th,.price tbody tr:last-child td{ border-bottom:0; }
.price tbody tr:hover th,.price tbody tr:hover td{ background:rgba(201,146,46,.06); }
.price--ph tbody td{ color:var(--cream-mute); }

.gram-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));
  gap:1px; background:var(--line-soft);
  border:1px solid var(--line-soft); border-top:0;
}
.gram{ background:var(--ink-2); padding:clamp(1.1rem,2vw,1.6rem); display:flex; flex-direction:column; gap:.35rem; }
.gram b{
  font-family:var(--f-disp); font-variation-settings:"SOFT" 30,"WONK" 1,"opsz" 96;
  font-size:1.35rem; font-weight:600; color:var(--cream); line-height:1;
}
.gram span{ font-size:.9rem; color:var(--cream-dim); }
.gram-kisi{ font-size:.72rem !important; letter-spacing:.14em; text-transform:uppercase; color:var(--cream-mute) !important; }
.gram--acc b{ color:var(--gold-lit); }

/* ==========================================================
   SEKMELER + FORMLAR
   ========================================================== */
#siparis{ background:var(--ink-2); }
.tabs{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:1px; background:var(--line-soft);
  border:1px solid var(--line-soft);
}
.tab{
  background:var(--ink-2); padding:clamp(1rem,2vw,1.5rem);
  display:flex; flex-direction:column; gap:.3rem; text-align:left;
  transition:background .35s var(--ease), color .35s var(--ease);
  position:relative;
}
.tab b{
  font-family:var(--f-disp); font-variation-settings:"SOFT" 34,"WONK" 1,"opsz" 96;
  font-size:1.25rem; font-weight:600; color:var(--cream); line-height:1.1;
}
.tab span{ font-size:.78rem; color:var(--cream-mute); }
.tab::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:var(--gold); transform:scaleX(0); transform-origin:0 50%;
  transition:transform .4s var(--ease-out);
}
.tab:hover b{ color:var(--gold-lit); }
.tab[aria-selected="true"]{ background:var(--ink-3); }
.tab[aria-selected="true"] b{ color:var(--gold-lit); }
.tab[aria-selected="true"]::after{ transform:scaleX(1); }
.tab[disabled]{ opacity:.45; cursor:not-allowed; }

.panel{
  border:1px solid var(--line-soft); border-top:0;
  background:var(--ink-3);
  padding:clamp(1.4rem,3vw,2.6rem);
}
.panel[hidden]{ display:none; }

.frm-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(.9rem,1.8vw,1.4rem); }
.f{ display:flex; flex-direction:column; gap:.45rem; margin:0; }
.f--full{ grid-column:1/-1; }
.f[hidden]{ display:none; }
.f label{ font-size:.7rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); }
.f label i{ font-style:normal; color:var(--copper); }
.f input,.f select,.f textarea{
  font:inherit; font-size:.95rem;
  background:var(--ink); color:var(--cream);
  border:1px solid var(--line-soft);
  padding:.75rem .9rem; width:100%;
  transition:border-color .3s var(--ease), background .3s var(--ease);
}
.f textarea{ resize:vertical; min-height:3.2rem; }
.f input:hover,.f select:hover,.f textarea:hover{ border-color:var(--line); }
.f input:focus,.f select:focus,.f textarea:focus{ outline:none; border-color:var(--gold); background:var(--ink-2); }
.f input::placeholder,.f textarea::placeholder{ color:var(--cream-mute); opacity:.75; }
.f select{
  appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9922E' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right .8rem center; background-size:1.1rem;
  padding-right:2.4rem;
}
.f input[type="date"],.f input[type="time"]{ color-scheme:dark; }
.f.has-err input,.f.has-err select,.f.has-err textarea{ border-color:#D9694A; }
.err{ font-size:.78rem; color:#F0A48C; }

.frm-foot{
  display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap;
  margin-top:clamp(1.2rem,2.4vw,1.8rem);
  padding-top:clamp(1.2rem,2.4vw,1.8rem);
  border-top:1px solid var(--line-soft);
}
.frm-foot .small{ max-width:34ch; }
.frm-msg{ margin-top:1rem; font-size:.9rem; color:var(--cream-mute); }
.frm-msg.ok{ color:#7BF0AC; }

.corp-grid{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(1.4rem,3vw,2.6rem); align-items:start; }
.corp-facts{ display:grid; gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); }
.corp-fact{ background:var(--ink-3); padding:clamp(1rem,2vw,1.4rem); }
.corp-fact b{
  display:block; font-family:var(--f-disp); font-variation-settings:"SOFT" 25,"WONK" 1,"opsz" 120;
  font-size:2rem; font-weight:500; color:var(--gold-lit); line-height:1;
}
.corp-fact--wide b{ font-size:clamp(1.5rem,1.2rem + .9vw,1.9rem); line-height:1.1; }
.corp-fact span{ font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--cream-mute); }
.corp-note{ background:var(--ink-3); padding:clamp(1rem,2vw,1.4rem); }
.corp-note p{ font-size:.9rem; color:var(--cream-dim); line-height:1.6; }
.corp-ref{ margin-top:.8rem; font-size:.82rem !important; color:var(--cream-mute) !important; }
.corp-grid .frm{ border:1px solid var(--line-soft); padding:clamp(1.2rem,2.4vw,1.8rem); }

/* ==========================================================
   SSS
   ========================================================== */
#sss{ background:var(--ink); }
.faq{ border-top:1px solid var(--line-soft); max-width:62rem; }
.faq-item{ border-bottom:1px solid var(--line-soft); }
.faq-item summary{
  list-style:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  padding:clamp(1.1rem,2vw,1.5rem) 0;
  font-family:var(--f-disp); font-variation-settings:"SOFT" 34,"WONK" 1,"opsz" 96;
  font-size:clamp(1.1rem,1rem + .5vw,1.5rem); color:var(--cream);
  transition:color .3s var(--ease);
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary:hover{ color:var(--gold-lit); }
.faq-item summary svg{
  width:1.3rem; height:1.3rem; flex:none; fill:none; stroke:var(--gold); stroke-width:1.7;
  transition:transform .4s var(--ease-out);
}
.faq-item[open] summary svg{ transform:rotate(180deg); }
.faq-a{ padding:0 0 clamp(1.1rem,2vw,1.6rem); max-width:64ch; }
.faq-a p{ color:var(--cream-dim); line-height:1.68; }

/* ==========================================================
   ÜRÜN KARTI EK DÜĞMELERİ
   ========================================================== */
.pcard-act{ display:flex; gap:.45rem; margin-top:auto; padding-top:.9rem; flex-wrap:wrap; }
.mini{
  flex:1 1 auto;
  padding:.55rem .7rem;
  border:1px solid var(--line-soft);
  font-size:.72rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  color:var(--cream-dim); background:transparent; white-space:nowrap;
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.mini:hover{ background:var(--gold); border-color:var(--gold); color:var(--pitch); }
.mini--wa{ color:#7BF0AC; border-color:rgba(37,211,102,.45); }
.mini--wa:hover{ background:#25D366; border-color:#25D366; color:#0A2E18; }
/* Açık temada bu açık yeşil krem zeminde okunmuyordu (1.07:1). */
:root[data-tema="acik"] .mini--wa{ color:#0E5B33; border-color:rgba(14,91,51,.5); }
:root[data-tema="acik"] .btn--wa{ color:#0E5B33; border-color:rgba(14,91,51,.5); }

/* ==========================================================
   ÜRÜN DETAY PANELİ
   ========================================================== */
#pd{
  position:fixed; inset:0; z-index:210;
  background:rgba(7,4,2,.9);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  display:grid; place-items:center;
  padding:clamp(1rem,4vw,3rem);
  opacity:0; visibility:hidden;
  transition:opacity .35s var(--ease), visibility 0s linear .35s;
}
#pd.open{ opacity:1; visibility:visible; transition:opacity .35s var(--ease), visibility 0s linear 0s; }
.pd-box{
  position:relative;
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  max-width:56rem; width:100%; max-height:100%;
  background:var(--ink-2); border:1px solid var(--line);
  overflow:auto;
}
.pd-close{ position:absolute; top:.7rem; right:.7rem; z-index:3; background:rgba(11,7,4,.75); }
.pd-media{ background:var(--ink-3); }
.pd-media[hidden]{ display:none; }
.pd-media img{ width:100%; height:100%; object-fit:cover; min-height:14rem; }
.pd-body{ padding:clamp(1.4rem,3vw,2.4rem); display:flex; flex-direction:column; gap:1rem; }
.pd-body h3{ font-size:clamp(1.6rem,1.3rem + 1.2vw,2.4rem); }
.pd-body .lede{ font-size:.98rem; }
.pd-dl{ display:grid; gap:0; border-top:1px solid var(--line-soft); }
.pd-dl > div{ display:grid; grid-template-columns:minmax(6rem,auto) 1fr; gap:1rem; padding:.75rem 0; border-bottom:1px solid var(--line-soft); }
.pd-dl dt{ font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); }
.pd-dl dd{ font-size:.9rem; color:var(--cream-dim); line-height:1.55; }
.alrg{
  display:inline-block; padding:.18rem .5rem; margin:0 .2rem .25rem 0;
  border:1px solid var(--copper); font-size:.7rem; color:var(--gold-pale);
}
.pd-foot{ margin-top:auto; padding-top:.6rem; }

/* ==========================================================
   YORUM YILDIZLARI + İLETİŞİM DÜĞMELERİ
   ========================================================== */
.rev-stars{ color:var(--gold); font-size:1rem; letter-spacing:.14em; line-height:1; }
.gbadge .btn{ margin-top:.6rem; justify-content:center; }
.con-actions{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:2rem; }

/* ==========================================================
   YENİ BÖLÜMLERİN RESPONSIVE AYARLARI
   ========================================================== */
@media (max-width:1180px){
  .cat-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px){
  .cat-cards{ grid-template-columns:1fr; }
  .catcard{ min-height:16rem; }
  .catcard-desc{ max-height:14rem; opacity:1; }
  .corp-grid{ grid-template-columns:1fr; }
  .pd-box{ grid-template-columns:1fr; }
  .pd-media img{ max-height:32vh; }
  .tabs{ grid-template-columns:1fr; }
  .tab::after{ left:0; right:auto; top:0; bottom:0; width:2px; height:auto; transform:scaleY(0); transform-origin:50% 0; }
  .tab[aria-selected="true"]::after{ transform:scaleY(1); }
  .panel{ border-top:1px solid var(--line-soft); }
  .season-msg{ display:none; }
}
@media (max-width:600px){
  .cat-grid{ grid-template-columns:repeat(2,1fr); }
  .frm-grid{ grid-template-columns:1fr; }
  .gram-grid{ grid-template-columns:1fr; }
  .catcard-title{ font-size:1.8rem; }
  .con-actions .btn{ flex:1 1 100%; justify-content:center; }
  .wa-fab{ padding:.6rem; gap:0; }
  .wa-fab-txt{ display:none; }
}

/* hareket kapalıyken */
body.motion-off .wa-fab{ animation:none; }
body.motion-off .season-dot{ animation:none; }
@media (prefers-reduced-motion:reduce){
  .wa-fab{ animation:none !important; opacity:1; transform:none; pointer-events:auto; }
  .season-dot{ animation:none; }
  .catcard-desc{ max-height:14rem !important; opacity:1 !important; }
}

/* ==========================================================
   DİL SEÇİCİ
   ========================================================== */
.nav-menu-link{
  padding:.5rem .78rem;
  font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--cream-mute); text-decoration:none; border:1px solid var(--line-soft);
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.nav-menu-link:hover{ color:var(--gold-lit); border-color:var(--line); }
.langs{ display:flex; border:1px solid var(--line-soft); }
.lang{
  padding:.5rem .62rem;
  font-size:.7rem; font-weight:700; letter-spacing:.1em;
  color:var(--cream-mute); text-decoration:none;
  transition:background .3s var(--ease), color .3s var(--ease);
}
.lang + .lang{ border-inline-start:1px solid var(--line-soft); }
.lang:hover{ color:var(--gold-lit); }
.lang.is-on{ background:var(--gold); color:var(--pitch); }

/* ==========================================================
   YORUM PANELİ
   ========================================================== */
.rev-actions{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:clamp(1.6rem,3vw,2.4rem); }

#rv{
  position:fixed; inset:0; z-index:215;
  background:rgba(7,4,2,.92);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  display:grid; place-items:center;
  padding:clamp(.8rem,3vw,2.5rem);
  opacity:0; visibility:hidden;
  transition:opacity .35s var(--ease), visibility 0s linear .35s;
}
#rv.open{ opacity:1; visibility:visible; transition:opacity .35s var(--ease), visibility 0s linear 0s; }

.rv-box{
  display:flex; flex-direction:column;
  width:100%; max-width:52rem; max-height:100%;
  background:var(--ink-2); border:1px solid var(--line);
  overflow:hidden;
}
.rv-bar{
  display:flex; align-items:flex-start; justify-content:space-between; gap:1rem;
  padding:clamp(1.1rem,2.4vw,1.8rem);
  border-bottom:1px solid var(--line-soft);
  background:var(--ink-3);
}
.rv-bar h3{ font-size:clamp(1.5rem,1.2rem + 1.1vw,2.1rem); margin-top:.4rem; }
.rv-close{ flex:none; }

.rv-tabs{ display:flex; gap:0; border-bottom:1px solid var(--line-soft); background:var(--ink-3); }
.rv-tab{
  flex:1 1 0; padding:.9rem 1rem;
  font-size:.8rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--cream-mute); background:transparent; position:relative;
  transition:color .3s var(--ease);
}
.rv-tab::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:var(--gold); transform:scaleX(0); transition:transform .35s var(--ease-out);
}
.rv-tab:hover{ color:var(--gold-lit); }
.rv-tab[aria-selected="true"]{ color:var(--gold-lit); }
.rv-tab[aria-selected="true"]::after{ transform:scaleX(1); }

.rv-body{ overflow:auto; padding:clamp(1.1rem,2.4vw,1.8rem); min-height:0; }

.rv-summary{ display:flex; flex-wrap:wrap; gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); margin-bottom:1.4rem; }
.rv-sum-a,.rv-sum-b{ flex:1 1 12rem; background:var(--ink-3); padding:1.1rem 1.3rem; display:flex; flex-direction:column; gap:.3rem; }
.rv-sum-a b,.rv-sum-b b{
  font-family:var(--f-disp); font-variation-settings:"SOFT" 25,"WONK" 1,"opsz" 120;
  font-size:2.4rem; font-weight:500; color:var(--gold-lit); line-height:1;
}
.rv-sum-a span,.rv-sum-b span{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--cream-mute); }
.rv-sum-b small{ font-size:.8rem; color:var(--cream-dim); }

.rv-stars{ color:var(--gold); font-size:.95rem; letter-spacing:.1em; line-height:1; }
.rv-stars i{ color:rgba(201,146,46,.24); font-style:normal; }

.rv-list{ display:grid; gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); }
.rv-item{ background:var(--ink-2); padding:1.1rem 1.2rem; display:flex; gap:1rem; }
.rv-av{
  width:2.6rem; height:2.6rem; flex:none;
  display:grid; place-items:center;
  background:var(--copper-dp); color:var(--gold-lit);
  font-family:var(--f-disp); font-size:1.15rem; font-weight:600;
  clip-path:var(--rhomb);
}
.rv-main{ min-width:0; }
.rv-main header{ display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; margin-bottom:.4rem; }
.rv-main header b{ font-size:.95rem; color:var(--cream); }
.rv-main time{ font-size:.72rem; color:var(--cream-mute); }
.rv-main p{ font-size:.92rem; color:var(--cream-dim); line-height:1.6; }

.rv-empty{
  border:1px dashed var(--line);
  padding:1.1rem 1.2rem;
  font-size:.9rem; color:var(--cream-dim); line-height:1.6;
}
.rv-empty strong{ color:var(--gold-lit); }

/* --- yıldız seçici --- */
.frm--rev .rate{ display:flex; gap:.3rem; }
.rv-star{
  width:2.6rem; height:2.6rem; display:grid; place-items:center;
  font-size:1.55rem; line-height:1;
  color:rgba(201,146,46,.26); background:transparent;
  transition:color .2s var(--ease), transform .25s var(--ease-out);
}
.rv-star:hover{ transform:scale(1.12); }
.rv-star.on{ color:var(--gold-lit); }
.rate-txt{ font-size:.8rem; color:var(--cream-mute); }
.f.has-err .rate-txt{ color:#F0A48C; }

@media (max-width:600px){
  .rv-bar{ padding:1rem; }
  .rv-body{ padding:1rem; }
  .rv-item{ gap:.75rem; padding:.9rem 1rem; }
  .rev-actions .btn{ flex:1 1 100%; justify-content:center; }
}

/* ==========================================================
   FOOTER — ikonlu iletişim listesi
   ========================================================== */
.li-list li + li{ margin-top:.55rem; }
.li-list a{
  display:inline-flex; align-items:center; gap:.6rem;
  text-decoration:none; font-size:.9rem; color:var(--cream-dim);
  transition:color .3s var(--ease);
}
.li-ic{ width:1.15rem; height:1.15rem; flex:none; fill:currentColor; }
.li-list a:hover{ color:var(--gold-lit); }
.li-wa{ color:#7BF0AC !important; }
.li-wa:hover{ color:#25D366 !important; }
.li-ig:hover{ color:#E1306C !important; }

/* ==========================================================
   MASONRY DÜZENLERİ — dar ekran
   ========================================================== */
@media (max-width:900px){
  .ur-grid{ column-count:2; }
}
@media (max-width:600px){
  .miras-media{ grid-template-columns:1fr; }
  .ur-grid{ column-count:1; }
}

/* hareket kapalıyken */
@media (prefers-reduced-motion:reduce){
  .rv-star:hover{ transform:none; }
}

/* --- sosyal düğmelerde WhatsApp yeşili --- */
.soc--wa{ color:#7BF0AC; border-color:rgba(37,211,102,.4); }
.soc--wa:hover{ background:#25D366; border-color:#25D366; color:#0A2E18; }

/* =========================================================================
   ===================  EK MODÜLLER  =======================================
   Sepet · hesaplayıcılar · alerjen · karşılaştırma · sihirbaz · vitrin ·
   story · fark tablosu · yazılar · bülten · tema · marka logoları
   ========================================================================= */

/* ==========================================================
   MARKA LOGOLARI — Instagram degradesi, WhatsApp yeşili
   ========================================================== */
.soc--brand{ border-color:var(--line); }
.soc--brand svg{ width:60%; height:60%; }
.soc--brand:hover,.soc--brand:focus-visible{
  background:transparent; border-color:var(--gold);
  transform:translateY(-2px) scale(1.06);
}
.soc--brand:hover svg,.soc--brand:focus-visible svg{ filter:saturate(1.15) brightness(1.08); }
.soc.soc--wa.soc--brand:hover{ border-color:#25D366; }
.foot-social .soc--brand{ background:rgba(245,232,207,.05); }

/* ==========================================================
   TEMA VE SES DÜĞMELERİ
   ========================================================== */
.tema-btn .ic-sun,.tema-btn .ic-moon,
.ses-btn .ic-on,.ses-btn .ic-off{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; }
.tema-btn .ic-sun{ display:none; }
:root[data-tema="acik"] .tema-btn .ic-sun{ display:block; }
:root[data-tema="acik"] .tema-btn .ic-moon{ display:none; }
.ses-btn .ic-on{ display:none; }
.ses-btn.is-on .ic-on{ display:block; }
.ses-btn.is-on .ic-off{ display:none; }
.ses-btn.is-on{ color:var(--gold-lit); border-color:var(--gold); }

/* ==========================================================
   SEPET — yüzen düğme
   ========================================================== */
.cart-fab{
  position:fixed; right:clamp(1rem,2.2vw,1.7rem);
  bottom:calc(clamp(1rem,2.2vw,1.7rem) + 4.6rem);
  z-index:190;
  width:56px; height:56px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--gold); color:var(--pitch);
  border:1px solid rgba(0,0,0,.18);
  box-shadow:0 12px 30px rgba(0,0,0,.42);
  transition:transform .3s var(--ease-out), opacity .3s var(--ease);
}
.cart-fab svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cart-fab:hover{ transform:translateY(-3px) scale(1.05); }
.cart-fab.is-empty{ opacity:0; pointer-events:none; transform:scale(.7); }
.cart-count{
  position:absolute; top:-4px; right:-4px;
  min-width:22px; height:22px; padding:0 5px;
  display:grid; place-items:center;
  border-radius:11px;
  background:var(--copper); color:#fff;
  font-size:.72rem; font-weight:700; font-variant-numeric:tabular-nums;
  border:2px solid var(--ink);
}
@keyframes cartPop{ 0%{transform:scale(1)} 40%{transform:scale(1.22)} 100%{transform:scale(1)} }
.cart-fab.pop{ animation:cartPop .42s var(--ease-out); }

/* ==========================================================
   SEPET — panel
   ========================================================== */
.cart-panel{
  position:fixed; inset:0; z-index:250;
  background:rgba(6,4,2,.72);
  backdrop-filter:none;
  display:flex; justify-content:flex-end;
  /* kutu kapalıyken hafifçe kaydırılmış duruyor; taşma sayfayı yatay
     kaydırmasın diye burada kırpılır */
  overflow:hidden;
  opacity:0; visibility:hidden;
  transition:opacity .34s var(--ease), visibility 0s linear .34s;
}
.cart-panel.open{ opacity:1; visibility:visible; transition:opacity .34s var(--ease), visibility 0s; }
.cart-box{
  width:min(480px,100%); height:100%;
  background:var(--ink-2);
  border-left:1px solid var(--line);
  display:flex; flex-direction:column;
  transform:translateX(4%);
  transition:transform .42s var(--ease-out);
  overflow:hidden;
}
.cart-panel.open .cart-box{ transform:none; }
.cart-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:1rem;
  padding:1.4rem clamp(1.1rem,3vw,1.8rem) 1.1rem;
  border-bottom:1px solid var(--line-soft);
}
.cart-head h3{ font-family:var(--f-disp); font-size:clamp(1.25rem,2.4vw,1.6rem); font-weight:500; line-height:1.15; margin-top:.35rem; }

.cart-add{
  display:grid; grid-template-columns:1fr 4.8rem auto; gap:.55rem .8rem;
  align-items:end;
  padding:.9rem clamp(1.1rem,3vw,1.8rem) 1rem;
  border-bottom:1px solid var(--line-soft);
  background:var(--ink-3);
}
.cart-add .f{ margin:0; }
.cart-add > .f:first-child{ grid-column:1/-1; }
.cart-add .f label{ font-size:.66rem; margin-bottom:.22rem; }
.cart-add select,.cart-add input{ padding-block:.5rem; }
.cart-add .btn{ white-space:nowrap; }

.cart-body{ flex:1; overflow-y:auto; overscroll-behavior:contain; padding:1.1rem clamp(1.1rem,3vw,1.8rem); }
.cart-list{ display:grid; gap:.55rem; }
.cart-row{
  display:grid; grid-template-columns:1fr auto auto auto;
  align-items:center; gap:.7rem;
  padding:.7rem .8rem;
  background:var(--ink-3);
  border:1px solid var(--line-soft);
  border-radius:2px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
}
.cart-row-main b{ display:block; font-size:.94rem; font-weight:600; }
.cart-row-main span{ display:block; font-size:.76rem; color:var(--cream-mute); }
.cart-qty{ display:flex; align-items:center; gap:.15rem; border:1px solid var(--line); border-radius:2px; }
.cart-qty button{ width:26px; height:26px; display:grid; place-items:center; font-size:1rem; line-height:1; color:var(--cream-dim); }
.cart-qty button:hover{ color:var(--gold-lit); background:rgba(201,146,46,.12); }
.cart-qty span{ min-width:1.6rem; text-align:center; font-variant-numeric:tabular-nums; font-size:.86rem; }
.cart-row-sum{ font-size:.9rem; font-variant-numeric:tabular-nums; white-space:nowrap; }
.cart-del{ width:26px; height:26px; display:grid; place-items:center; color:var(--cream-mute); }
.cart-del svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; }
.cart-del:hover{ color:var(--copper); }
.cart-empty{ font-size:.88rem; color:var(--cream-mute); padding:1.6rem 0; line-height:1.7; }

.cart-sub{
  font-size:.7rem; letter-spacing:.19em; text-transform:uppercase;
  color:var(--gold); margin:1.6rem 0 .7rem;
}
.cart-gift{ border-top:1px solid var(--line-soft); margin-top:1.2rem; }
.gift{
  display:flex; align-items:center; gap:.7rem;
  padding:.5rem .1rem; font-size:.88rem; cursor:pointer;
}
.gift input{ width:1.05rem; height:1.05rem; accent-color:var(--gold); flex:none; }
.gift span{ flex:1; }
.gift b{ font-size:.8rem; color:var(--gold); font-variant-numeric:tabular-nums; }

.cart-ship{ border-top:1px solid var(--line-soft); margin-top:1.2rem; padding-top:1rem; display:grid; gap:.6rem; }

.cart-foot{
  border-top:1px solid var(--line);
  padding:1.1rem clamp(1.1rem,3vw,1.8rem) 1.3rem;
  background:var(--ink-3);
  display:grid; gap:.8rem;
}
.cart-line{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; font-size:.9rem; }
.cart-line span{ color:var(--cream-dim); }
.cart-line b{ font-variant-numeric:tabular-nums; }
.cart-line--big{ font-size:1.1rem; padding-top:.5rem; border-top:1px dashed var(--line-soft); }
.cart-line--big b{ font-family:var(--f-disp); font-size:1.35rem; color:var(--gold-lit); }
.cart-kg{ font-size:.76rem; color:var(--cream-mute); }
/* sepet gönder düğmesi — sitedeki diğer .btn--wa düğmelerini etkilemez */
#cartSend{ background:#25D366; color:#04351A; border-color:#25D366; --bh:#3ce07a;
  width:100%; justify-content:center; }
#cartSend:hover,#cartSend:focus-visible{ color:#04351A; }
#cartSend:disabled{ opacity:.4; pointer-events:none; }

/* sepete ekle düğmesi (ürün kartı) */
.pcard-price{
  display:block; font-family:var(--f-disp); font-size:1.05rem;
  color:var(--gold-lit); margin:.6rem 0 .2rem; font-variant-numeric:tabular-nums;
}
.mini--add[aria-pressed],.mini--add{ border-color:var(--gold); color:var(--gold-lit); }
.mini--add.added{ background:var(--pist); border-color:var(--pist); color:var(--pitch); }
.mini--cmp[aria-pressed="true"]{ background:var(--gold); border-color:var(--gold); color:var(--pitch); }


/* ==========================================================
   ÜRÜN KARŞILAŞTIRMA
   ========================================================== */
.cmp-bar{
  position:fixed; left:50%; bottom:1.2rem; z-index:185;
  transform:translate(-50%,140%);
  display:flex; align-items:center; gap:.9rem;
  padding:.7rem .9rem;
  background:var(--ink-3); border:1px solid var(--gold);
  box-shadow:0 14px 36px rgba(0,0,0,.5);
  max-width:calc(100vw - 2rem);
  transition:transform .4s var(--ease-out);
}
.cmp-bar.on{ transform:translate(-50%,0); }
.cmp-n{ font-family:var(--f-disp); font-size:1.05rem; color:var(--gold-lit); }
.cmp-list{ font-size:.8rem; color:var(--cream-dim); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:32ch; }
.cmp-x{ width:26px; height:26px; display:grid; place-items:center; color:var(--cream-mute); }
.cmp-x svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; }
@keyframes cmpWarn{ 0%,100%{transform:translate(-50%,0)} 25%{transform:translate(calc(-50% - 7px),0)} 75%{transform:translate(calc(-50% + 7px),0)} }
.cmp-bar.warn{ animation:cmpWarn .34s var(--ease); border-color:var(--copper); }

.cmp-dlg{
  position:fixed; inset:0; z-index:255;
  background:rgba(6,4,2,.8);
  display:grid; place-items:center; padding:clamp(1rem,4vw,3rem);
  opacity:0; visibility:hidden; transition:opacity .3s var(--ease), visibility 0s linear .3s;
}
.cmp-dlg.open{ opacity:1; visibility:visible; transition:opacity .3s var(--ease), visibility 0s; }
.cmp-box{
  width:min(1100px,100%); max-height:88vh; display:flex; flex-direction:column;
  background:var(--ink-2); border:1px solid var(--line);
}
.cmp-head{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.1rem clamp(1rem,3vw,1.8rem); border-bottom:1px solid var(--line-soft); }
.cmp-head h3{ font-family:var(--f-disp); font-weight:500; font-size:1.3rem; }
.cmp-scroll{ overflow:auto; overscroll-behavior:contain; }
.cmp-table{ width:100%; border-collapse:collapse; font-size:.88rem; }
.cmp-table th,.cmp-table td{ padding:.85rem 1rem; text-align:left; border-bottom:1px solid var(--line-soft); vertical-align:top; }
.cmp-table thead th{ position:sticky; top:0; background:var(--ink-3); z-index:1; border-bottom:1px solid var(--line); }
.cmp-table tbody th{ color:var(--cream-mute); font-weight:500; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.cmp-th{ display:grid; gap:.5rem; font-family:var(--f-disp); font-size:1rem; font-weight:500; }
.cmp-th img{ width:100%; max-width:130px; aspect-ratio:4/3; object-fit:cover; }

/* ==========================================================
   SİHİRBAZ
   ========================================================== */
.wz-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(1.6rem,4vw,3.4rem); align-items:center; }
.wz-copy{ grid-column:1/6; }
.wz-box{
  grid-column:6/13;
  min-height:clamp(19rem,30vw,23rem);
  display:grid; align-items:center;
  padding:clamp(1.4rem,3vw,2.4rem);
  background:var(--ink-3); border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);
}
.wz-n{ font-size:.72rem; letter-spacing:.2em; color:var(--gold); font-variant-numeric:tabular-nums; }
.wz-step h3{ font-family:var(--f-disp); font-weight:500; font-size:clamp(1.4rem,3vw,2rem); line-height:1.14; margin:.6rem 0 1.4rem; }
.wz-opts{ display:grid; gap:.6rem; }
.wz-opt{
  text-align:left; padding:.85rem 1.1rem;
  border:1px solid var(--line); background:var(--ink-2);
  font-size:.98rem;
  transition:background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease-out);
}
.wz-opt:hover,.wz-opt:focus-visible{ border-color:var(--gold); background:var(--ink-4); transform:translateX(5px); }
.wz-back{ margin-top:1.2rem; font-size:.82rem; color:var(--cream-mute); }
.wz-back:hover{ color:var(--gold-lit); }

.wz-res{ display:grid; grid-template-columns:minmax(0,auto) minmax(0,1fr); gap:clamp(1rem,2.4vw,1.8rem); align-items:start; }
/* Fotoğraf kırpılmaz: kendi en–boy oranıyla, kutuya sığacak kadar. */
.wz-img{
  width:clamp(8rem,14vw,12rem); height:auto;
  aspect-ratio:auto; object-fit:contain;
  max-height:clamp(11rem,22vw,17rem);
  align-self:start; border:1px solid var(--line-soft);
}
.wz-res h3{ font-family:var(--f-disp); font-weight:500; font-size:clamp(1.5rem,3.2vw,2.2rem); line-height:1.1; margin:.35rem 0 .6rem; }
.wz-why{ font-size:.92rem; color:var(--cream-dim); line-height:1.65; }
.wz-price{ font-family:var(--f-disp); font-size:1.15rem; color:var(--gold-lit); margin-top:.7rem; font-variant-numeric:tabular-nums; }
.wz-act{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.2rem; }

/* ==========================================================
   BUGÜN VİTRİNDE
   ========================================================== */
.vit-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(1.6rem,4vw,3.4rem); align-items:center; }
.vit-copy{ grid-column:1/7; }
.vit-shot{ grid-column:7/13; }
.vit-shot img{ width:100%; height:auto; border:1px solid var(--line-soft); }
.vit-list{ display:flex; flex-wrap:wrap; gap:.5rem; margin:1.4rem 0; }
.vt-chip{
  display:flex; align-items:baseline; gap:.5rem;
  padding:.45rem .9rem;
  border:1px solid var(--gold); color:var(--gold-lit);
  font-size:.9rem;
}
.vt-chip span{ font-size:.74rem; color:var(--cream-mute); }
.vt-chip--out{ border-color:var(--line-soft); color:var(--cream-mute); text-decoration:line-through; }
.vit-act{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.4rem; }


/* ==========================================================
   FARK TABLOSU
   ========================================================== */
.fark-wrap{ margin-top:clamp(2rem,4vw,3.2rem); border:1px solid var(--line); background:var(--ink-2); }
.fark-scroll{ overflow-x:auto; }
.fark{ width:100%; min-width:640px; border-collapse:collapse; font-size:.92rem; }
.fark th,.fark td{ padding:.95rem clamp(.8rem,2vw,1.4rem); text-align:left; border-bottom:1px solid var(--line-soft); vertical-align:top; }
.fark thead th{ font-family:var(--f-disp); font-weight:500; font-size:1.05rem; background:var(--ink-3); border-bottom:1px solid var(--line); }
.fark tbody th{ color:var(--cream-mute); font-weight:500; font-size:.76rem; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.fark .fk-us{ background:rgba(201,146,46,.07); }
.fark thead .fk-us{ color:var(--gold-lit); background:rgba(201,146,46,.13); }
.fark td{ position:relative; padding-left:2.6rem; }
.fk-ic{ position:absolute; left:clamp(.8rem,2vw,1.4rem); top:1.05rem; width:15px; height:15px; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.fk-ic--y{ stroke:var(--pist-lit); }
.fk-ic--n{ stroke:var(--copper); }
.fark tbody th{ padding-left:clamp(.8rem,2vw,1.4rem); }

/* ==========================================================
   KARGO HESAPLAYICI + TAKİP
   ========================================================== */
.ship-calc,.track{
  margin-top:2rem; padding:1.2rem clamp(1rem,2.4vw,1.5rem);
  border:1px solid var(--line-soft); background:var(--ink-2);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
}
.ship-calc .cart-sub,.track .cart-sub{ margin-top:0; }
.ship-row{ display:flex; flex-wrap:wrap; gap:.8rem 1rem; }
.ship-row .f{ margin:0; flex:1 1 12rem; }
.ship-row .f--sm{ flex:0 0 9rem; }
.ship-out{ margin-top:.9rem; font-size:.9rem; color:var(--cream-mute); }
.ship-out.on{ color:var(--cream); }
.ship-out b{ font-family:var(--f-disp); font-size:1.4rem; color:var(--gold-lit); font-variant-numeric:tabular-nums; }
.ship-free{ display:block; font-size:.76rem; color:var(--cream-mute); margin-top:.3rem; }

.frm--track{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:.8rem; }
.frm--track .f{ margin:0; flex:1 1 12rem; }
.track-none{ margin-top:.9rem; font-size:.88rem; color:var(--copper); }
.track-card{ margin-top:1rem; padding:1rem; border:1px solid var(--line); background:var(--ink-3); }
.track-top{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.track-top b{ font-family:var(--f-disp); font-size:1.2rem; color:var(--gold-lit); }
.track-top span{ font-size:.84rem; color:var(--cream-dim); }
.track-urun{ font-size:.84rem; color:var(--cream-mute); margin-top:.2rem; }
.track-steps{ display:grid; gap:.1rem; margin-top:1rem; }
.track-steps li{
  position:relative; padding-left:1.9rem; padding-block:.42rem;
  font-size:.88rem; color:var(--cream-mute);
}
.track-steps li span{
  position:absolute; left:0; top:.72rem;
  width:11px; height:11px; clip-path:var(--rhomb);
  background:var(--line);
}
.track-steps li::after{ content:''; position:absolute; left:5px; top:1.35rem; width:1px; height:calc(100% - .6rem); background:var(--line-soft); }
.track-steps li:last-child::after{ display:none; }
.track-steps li.on{ color:var(--cream); }
.track-steps li.on span{ background:var(--gold); }
.track-steps li.now{ color:var(--gold-lit); font-weight:600; }
.track-steps li.now span{ background:var(--gold-lit); box-shadow:0 0 0 4px rgba(240,196,99,.18); }
.track-no{ margin-top:.9rem; font-size:.82rem; color:var(--cream-dim); }

/* ==========================================================
   BÜLTEN
   ========================================================== */
.foot-col--bl .frm--bl{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:.9rem; }
.foot-col--bl .f{ margin:0; flex:1 1 11rem; }
.foot-col--bl input{ width:100%; }
.bl-ok{ font-size:.86rem; color:var(--pist-lit); margin-top:.9rem; }

/* ==========================================================
   AÇIK TEMA
   Okuma bölümleri günışığına döner; sinematik bantlar koyu kalır.
   ========================================================== */
:root[data-tema="acik"]{
  --ink:        #FBF4E6;
  --ink-2:      #F5E9D2;
  --ink-3:      #EFDFC1;
  --ink-4:      #E7D2A9;
  --pitch:      #FFFDF8;

  --gold:       #8A5D0C;
  --gold-lit:   #6A4605;
  --gold-pale:  #614210;

  --pist:       #5C6C22;
  --pist-lit:   #46520F;

  --cream:      #241708;
  --cream-dim:  #4B3819;
  --cream-mute: #63512F;   /* WCAG AA: açık kart zemininde (#EFDFC1) 5.6:1 */

  --line:       rgba(150,102,15,.34);
  --line-soft:  rgba(150,102,15,.17);
  color-scheme: light;
}
:root[data-tema="acik"] body{ background:var(--ink); color:var(--cream); }

/* koyu kalan sinematik bantlar — jetonlar yerel olarak geri alınır */
:root[data-tema="acik"] #pre,
:root[data-tema="acik"] #hero,
:root[data-tema="acik"] #tezgah,
:root[data-tema="acik"] #lb,
:root[data-tema="acik"] footer.site{
  --ink:#120C06; --ink-2:#1C1309; --ink-3:#271A0D; --ink-4:#33220F; --pitch:#0B0704;
  --gold:#C9922E; --gold-lit:#F0C463; --gold-pale:#E8D3A0;
  --pist:#7E9236; --pist-lit:#A8BE55;
  --cream:#F5E8CF; --cream-dim:#C7B18B; --cream-mute:#9C8969;
  --line:rgba(201,146,46,.26); --line-soft:rgba(201,146,46,.13);
  background:var(--ink); color:var(--cream);
}
:root[data-tema="acik"] #hero,
:root[data-tema="acik"] #pre,
:root[data-tema="acik"] #lb{ background:var(--pitch); }
:root[data-tema="acik"] footer.site{ background:var(--pitch); }

/* açık temada gölge/parlaklık dengeleri */
:root[data-tema="acik"] .cart-fab{ box-shadow:0 12px 30px rgba(90,44,19,.28); }
:root[data-tema="acik"] .cart-fab .cart-count{ border-color:var(--ink); }
:root[data-tema="acik"] .cmp-bar{ box-shadow:0 14px 36px rgba(90,44,19,.24); }
:root[data-tema="acik"] .cart-panel,
:root[data-tema="acik"] .cmp-dlg,
:root[data-tema="acik"] #rv,
:root[data-tema="acik"] #pd{ background:rgba(36,23,8,.5); }
:root[data-tema="acik"] #cartSend{ color:#052E16; }
:root[data-tema="acik"] .foot-social .soc--brand{ background:rgba(245,232,207,.05); }
:root[data-tema="acik"] .m-cell::after{ opacity:.5; }

/* ==========================================================
   MOBİL
   ========================================================== */
@media (max-width:1000px){
  .wz-copy,.wz-box,.vit-copy,.vit-shot{ grid-column:1/-1; }
  .wz-box{ min-height:0; }
}
@media (max-width:700px){
  .cart-fab{ width:50px; height:50px; bottom:calc(clamp(1rem,2.2vw,1.7rem) + 4.1rem); }
  .cart-fab svg{ width:21px; height:21px; }
  .cart-add{ grid-template-columns:1fr; }
  .cart-add .f--sm{ max-width:none; }
  .cart-row{ grid-template-columns:1fr auto; grid-template-areas:'main del' 'qty sum'; row-gap:.5rem; }
  .cart-row-main{ grid-area:main; }
  .cart-del{ grid-area:del; justify-self:end; }
  .cart-qty{ grid-area:qty; justify-self:start; }
  .cart-row-sum{ grid-area:sum; justify-self:end; }
  .wz-res{ grid-template-columns:1fr; }
  .wz-img{ width:100%; aspect-ratio:16/10; }
  .cmp-list{ display:none; }
}

/* ==========================================================
   HAREKET AZALTMA
   ========================================================== */
@media (prefers-reduced-motion:reduce){
  .cart-fab,.cart-box,.cmp-bar,.cart-panel,.cmp-dlg,
  .wz-opt{ transition:none !important; animation:none !important; }
  .cart-fab.pop{ animation:none !important; }
}


/* footer artık dört sütun + marka bloğu — bülten sütunu eklendiği için */
.foot-brand{ grid-column:1/4; }
.foot-brand .foot-social{ margin-top:1.4rem; }
#footSocialNote{ margin-top:1rem; max-width:38ch; }
.foot-col--bl{ grid-column:span 3; }
/* alt satır sabit WhatsApp düğmesinin altında kalmasın */
@media (min-width:900px){ .foot-bot{ padding-inline-end:13rem; } }
@media (max-width:1100px){
  .foot-brand{ grid-column:1/-1; }
  .foot-col{ grid-column:span 6; }
  .foot-col--bl{ grid-column:span 12; }
}
@media (max-width:640px){
  .foot-col,.foot-col--bl{ grid-column:1/-1; }
}

/* iletişim listesindeki marka işaretleri kendi renklerini korur */
.li-ic--brand{ opacity:1; }
.li-list a:hover .li-ic--brand{ filter:saturate(1.15) brightness(1.08); }

/* ==========================================================
   AVIF — <picture> düzeni etkilemesin
   <picture> satır içi bir kutu üretir; display:contents ile
   yok sayılır, <img> doğrudan üst düzenin çocuğu gibi davranır.
   ========================================================== */
picture{ display:contents; }
.cmp-th picture{ display:contents; }

/* ==========================================================
   ÜST MENÜ — dar ekranda araç çubuğu taşmasın
   Tema ve ses düğmeleri eklendikten sonra .nav-tools 390 px'e
   sığmıyordu; sosyal simgeler (alt bilgide zaten var) gizlenir,
   telefon düğmesi simgeye iner.
   ========================================================== */
#navPhone .ic-tel{ display:none; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linejoin:round; }

@media (max-width:820px){
  .nav-tools{ gap:.45rem; }
  #navSocial{ display:none; }
}
@media (max-width:600px){
  .nav-tools{ gap:.3rem; }
  .lang{ padding:.26rem .44rem; font-size:.68rem; }
  .nav-menu-link{ padding:.26rem .44rem; font-size:.62rem; }
  #navPhone{ padding:.6rem; }
  #navPhone .ic-tel{ display:block; }
  /* metin ekrandan kalkar ama erişilebilir adda kalır */
  #navPhone > span{ position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
}

@media (max-width:600px){
  #nav{ padding-inline:.75rem; gap:.5rem; }
  .brand{ font-size:.92em; }
  .langs{ gap:.12rem; }
}
@media (max-width:400px){
  .lang{ padding:.24rem .36rem; font-size:.64rem; }
  .nav-tools{ gap:.22rem; }
}

/* ==========================================================
   FARK TABLOSU — dar ekranda karta dönüşür
   640 px'lik tabloyu telefonda yatay kaydırmak yerine her satır
   kendi kartı olur; sütun başlıkları data-lbl'den gelir.
   ========================================================== */
@media (max-width:700px){
  .fark-wrap{ border:0; background:none; }
  .fark-scroll{ overflow:visible; }
  .fark{ min-width:0; display:block; }
  .fark thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .fark tbody,.fark tr,.fark th,.fark td{ display:block; }
  .fark tr{
    border:1px solid var(--line-soft); background:var(--ink-2);
    margin-bottom:.8rem; padding:.2rem 0;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
  }
  .fark tbody th{
    border-bottom:1px solid var(--line-soft);
    padding:.75rem 1.1rem; color:var(--gold);
    font-size:.68rem; letter-spacing:.18em;
  }
  .fark td{ border-bottom:0; padding:.7rem 1.1rem .7rem 2.6rem; position:relative; }
  .fark td::before{
    content:attr(data-lbl);
    display:block; font-size:.66rem; letter-spacing:.14em; text-transform:uppercase;
    color:var(--cream-mute); margin-bottom:.18rem;
  }
  .fark .fk-us::before{ color:var(--gold-lit); }
  .fk-ic{ top:1.75rem; }
  .fark tr td:first-of-type{ border-bottom:1px dashed var(--line-soft); }
}

/* ==========================================================
   ÜST MENÜ AÇILIŞI — sınıf + geçiş (GSAP değil)
   ========================================================== */
#nav{ transition:transform .5s var(--ease-out); }
body.nav-on #nav{ transform:translateY(0); }
@media (prefers-reduced-motion:reduce){
  #nav{ transition:none; }
}

/* Sepet düğmesi de hero geçilene kadar görünmez — giriş ekranı temiz kalsın */
body:not(.fab-on) .cart-fab{ opacity:0; pointer-events:none; transform:scale(.7); }


/* ==========================================================
   DEĞERLENDİRME KAYNAK KARTLARI
   Yorum metni yokken uydurma alıntı yerine doğrulanabilir veri.
   ========================================================== */
.rev--src,.rev--one{
  display:flex; flex-direction:column; gap:.45rem;
  padding:clamp(1.4rem,2.4vw,2rem);
  background:linear-gradient(160deg, rgba(240,196,99,.055), transparent 60%);
  border:1px solid var(--line);
}
.rev-src-head{ display:flex; align-items:baseline; justify-content:space-between; gap:.8rem; }
.rev-src-ad{
  font-size:.7rem; letter-spacing:.19em; text-transform:uppercase; color:var(--gold);
}
.rev--src .rev-stars{ font-size:.82rem; letter-spacing:.06em; color:var(--gold-lit); }
.rev--src .rev-stars i{ color:var(--cream-mute); opacity:.4; font-style:normal; }
.rev-src-puan{ display:flex; align-items:baseline; gap:.3rem; margin-top:.2rem; }
.rev-src-puan b{
  font-family:var(--f-disp); font-size:clamp(2.2rem,4vw,3rem); font-weight:500;
  line-height:1; color:var(--cream); font-variant-numeric:tabular-nums;
}
.rev-src-puan span{ font-size:1rem; color:var(--cream-mute); }
.rev-src-adet{ font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:var(--cream-mute); }
.rev-src-not{ font-size:.87rem; color:var(--cream-dim); line-height:1.55; margin-top:.35rem; }
.rev-src-link{
  margin-top:auto; padding-top:.9rem;
  font-size:.8rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--gold-lit); text-decoration:none;
  transition:color .3s var(--ease);
}
.rev-src-link:hover{ color:var(--cream); }
.rev-one-list{ display:flex; flex-wrap:wrap; gap:.4rem; margin:.5rem 0 .2rem; }
.rev-one-list li{
  padding:.3rem .7rem; border:1px solid var(--line);
  font-size:.82rem; color:var(--gold-pale);
}

/* ==========================================================
   FISTIK YAĞMURU
   İki canvas: yerdeki birikinti (statik) + düşen taneler.
   İkisi de içeriğin ARKASINDA, hiçbir tıklamayı yakalamaz.
   Kaldırmak için: config.js → fistikYagmuru.acik = false
   ========================================================== */
.fistik-zone{ position:relative; isolation:isolate; }
.fistik-cv{
  position:absolute; inset:0;
  width:100%; height:100%;
  pointer-events:none;
}
.fistik-cv--yer{ z-index:0; }      /* yerdeki fıstık, en altta */
.fistik-cv--yagmur{ z-index:1; }   /* düşen taneler, onun üstünde */
/* içerik her zaman tanelerin üstünde — bölümün doğrudan çocukları */
.fistik-zone > .shell,
.fistik-zone > .rail-viewport,
.fistik-zone > .rail-head,
.fistik-zone > .rail-progress{ position:relative; z-index:2; }

/* Alt bilgi koyu bir levha; taneler oraya girince fazla kalabalık olmasın */
footer.site.fistik-zone .fistik-cv{ opacity:.55; }

/* açık zeminde açık yeşil kaybolur: taneleri koyulaştırıp doygunlaştır */
:root[data-tema="acik"] .fistik-cv{ opacity:.92; filter:saturate(1.3) brightness(.62); }

@media (prefers-reduced-motion:reduce){
  .fistik-cv{ display:none; }
}

/* ==========================================================
   MARKA AMBLEMİ
   İşletmenin kendi logosu. İki yerde: üst menünün en solunda
   küçük, alt bilgide marka bloğunun başında büyük.
   ========================================================== */
.brand-logo{ display:block; flex:none; }
.brand-logo img{
  display:block; width:auto; height:2.35rem;
  filter:drop-shadow(0 2px 10px rgba(240,196,99,.22));
  transition:transform .45s var(--ease-out), filter .45s var(--ease);
}
.brand:hover .brand-logo img{
  transform:scale(1.05) rotate(-1.5deg);
  filter:drop-shadow(0 3px 16px rgba(240,196,99,.4));
}
.brand-ad{ display:flex; align-items:center; gap:.35rem; }
/* amblem geldiği için eski elmas işareti gereksiz */
.brand::before{ display:none; }

.foot-logo{ display:block; margin-bottom:1.3rem; }
.foot-logo img{
  display:block; width:clamp(9rem,15vw,12.5rem); height:auto;
  filter:drop-shadow(0 6px 26px rgba(240,196,99,.16));
}

/* Dar ekranda yalnızca amblem kalsın; yazı yer kaplamasın */
@media (max-width:820px){
  .brand-logo img{ height:2.15rem; }
}
@media (max-width:600px){
  .brand-ad{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
  }
  .brand-logo img{ height:2.05rem; }
}

/* ==========================================================
   ÖZEL İMLEÇ
   Altın baklava elması (gecikmesiz) + ince halka (yumuşak gecikme)
   + hızlı harekette fıstık kırıntısı izi.
   Kaldırmak için: config.js → imlec.acik = false
   ========================================================== */

/* sistem oku gizlenir; yazı alanlarında ve seçim sırasında geri gelir */
html.imlec-var, html.imlec-var *{ cursor:none !important; }
html.imlec-var input,
html.imlec-var textarea,
html.imlec-var select,
html.imlec-var [contenteditable="true"],
html.imlec-var video[controls],
html.imlec-yerli, html.imlec-yerli *{ cursor:auto !important; }
html.imlec-var input,
html.imlec-var textarea,
html.imlec-var [contenteditable="true"]{ cursor:text !important; }

#imlec{
  position:fixed; top:0; left:0; z-index:290; /* açık diyaloglardan (rv/cmp/cart, en yüksek 255) üstte, sadece preloaderin (300) altında */
  pointer-events:none;
  opacity:0;
  transition:opacity .28s var(--ease);
}
#imlec.im-acik{ opacity:1; }
#imlec.im-kapali{ opacity:0; }

/* --- elmas: dolu altın eşkenar dörtgen, gecikmesiz --------------------- */
.im-elmas{
  position:fixed; top:0; left:0;
  width:10px; height:10px; margin:-5px 0 0 -5px;
  background:linear-gradient(140deg, #FFE9B0, var(--gold-lit) 45%, var(--gold));
  box-shadow:0 0 12px rgba(240,196,99,.7), 0 0 3px rgba(255,233,176,.95),
             0 1px 3px rgba(0,0,0,.55);
  will-change:transform;
  transition:width .3s var(--ease-out), height .3s var(--ease-out),
             margin .3s var(--ease-out), opacity .3s var(--ease);
}

/* --- halka: ince altın çember, yumuşak gecikme ------------------------- */
.im-halka{
  position:fixed; top:0; left:0;
  width:42px; height:42px; margin:-21px 0 0 -21px;
  border:1px solid var(--gold);
  border-radius:50%;
  display:grid; place-items:center;
  will-change:transform;
  transition:width .38s var(--ease-out), height .38s var(--ease-out),
             margin .38s var(--ease-out), border-color .3s var(--ease),
             background-color .3s var(--ease);
}
.im-kelime{
  font-family:var(--f-body);
  font-size:.6rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold-lit); white-space:nowrap;
  /* parlak fotoğrafların üstünde de okunsun */
  text-shadow:0 1px 6px rgba(6,4,2,.9), 0 0 2px rgba(6,4,2,.8);
  opacity:0; transform:scale(.75);
  transition:opacity .24s var(--ease), transform .3s var(--ease-out);
}

/* --- kelimeli durum: halka büyür, elmas küçülür ------------------------ */
#imlec.im-kelimeli .im-halka{
  width:88px; height:88px; margin:-44px 0 0 -44px;
  border-color:var(--gold-lit);
  background:radial-gradient(circle, rgba(8,5,2,.72) 0%, rgba(8,5,2,.52) 62%, rgba(8,5,2,.18) 100%);
  box-shadow:0 0 22px rgba(240,196,99,.16), inset 0 0 18px rgba(240,196,99,.08);
}
#imlec.im-kelimeli .im-kelime{ opacity:1; transform:scale(1); }
#imlec.im-kelimeli .im-elmas{
  width:5px; height:5px; margin:-2.5px 0 0 -2.5px; opacity:.5;
}

/* --- basılı durum ------------------------------------------------------ */
#imlec.im-bas .im-halka{ width:34px; height:34px; margin:-17px 0 0 -17px; }
#imlec.im-bas.im-kelimeli .im-halka{ width:78px; height:78px; margin:-39px 0 0 -39px; }
#imlec.im-bas .im-elmas{ width:13px; height:13px; margin:-6.5px 0 0 -6.5px; }

/* --- iz katmanı -------------------------------------------------------- */
.im-iz{
  position:fixed; inset:0; z-index:289;
  width:100%; height:100%;
  pointer-events:none;
}

/* açık temada altın koyu zeminde parlıyordu; burada kısılır */
:root[data-tema="acik"] .im-elmas{
  background:linear-gradient(140deg, var(--gold), #6A4605);
  box-shadow:0 0 8px rgba(138,93,12,.35);
}
:root[data-tema="acik"] #imlec.im-kelimeli .im-halka{ background:rgba(251,244,230,.72); }
:root[data-tema="acik"] .im-iz{ filter:saturate(1.3) brightness(.62); }

@media (pointer:coarse){
  #imlec,.im-iz{ display:none !important; }
}