/* Noir Termos · v4 sahneleri (aktarılan sitenin düzeni, Noir kimliği, gerçek görseller). Yalnız transform/opacity ve kayıtlı renk değişkeni;
   ekranda olmayan döngüler durur; azaltılmış harekette hepsi kapanır. İlk ekran görünür doğar: başlık ve termos opaklıktan başlamaz, yalnız kayar. */
:root{--t-renk:var(--ton);--t-kapak:color-mix(in oklab,var(--ton) 78%,#000);--zemin:var(--zemin-ton);--kagit:var(--beyaz);--murekkep:var(--lac);--soluk:var(--ucuncul);
  --yay:var(--cikis);--sicak-acik:#F6B27A;--soguk-acik:#9DD3F2;--gece:#101215;--r:14px;--r-lg:20px;--r-xl:28px}
.baslik em{font-style:italic;font-weight:500;color:var(--pirinc)}

/* ---------- açılış: yalnız kayar ---------- */
.js .n-acilis{animation:n-acilis 1.1s var(--yay) both;animation-delay:calc(var(--i,0) * 80ms + 60ms)}
@keyframes n-acilis{from{transform:translateY(18px)}}

/* termos katmanları (ana sayfa ilk ekranı ve ürün galerisi): seçili olan görünür doğar, ötekiler saydam */
.termos-katman{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(10px) scale(.95);transition:opacity 420ms var(--yay),transform 760ms var(--yay)}
.termos-katman.aktif{opacity:1;transform:none;transition-delay:90ms}
.n-urun-adi{font-size:12.5px;color:var(--ikincil);margin:0}

/* =================== İLK EKRAN =================== */
.n-hero{position:relative;margin-top:calc(var(--ust-h) * -1);padding:calc(var(--ust-h) + 10px) 0 22px;background:var(--zemin-ton);overflow:hidden;isolation:isolate;transition:background-color 1.1s var(--yay)}
.n-hero-zemin{position:absolute;inset:0;z-index:-1;pointer-events:none}
.n-hero-zemin i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.n-hero-zemin i:nth-child(1){width:60vmax;height:60vmax;left:-18vmax;top:-22vmax;background:color-mix(in srgb,var(--beyaz) 80%,transparent);animation:n-yuz 18s ease-in-out infinite alternate}
.n-hero-zemin i:nth-child(2){width:46vmax;height:46vmax;right:-16vmax;bottom:-20vmax;background:color-mix(in srgb,var(--ton) 34%,transparent);animation:n-yuz 22s ease-in-out infinite alternate-reverse}
.n-hero-zemin i:nth-child(3){width:26vmax;height:26vmax;left:40%;top:30%;background:color-mix(in srgb,var(--sicak-acik) 22%,transparent);animation:n-yuz 15s ease-in-out infinite alternate}
@keyframes n-yuz{to{transform:translate3d(6vmax,4vmax,0) scale(1.12)}}
.n-hero-ic{display:grid;gap:10px;grid-template-areas:"metin" "sahne" "panel";justify-items:center;text-align:center}
.n-hero-metin{grid-area:metin;display:grid;gap:8px;justify-items:center;max-width:40rem}
.n-hero-metin .ust-etiket{margin:0;font-size:12.5px}
.n-hero-baslik{font-size:clamp(2.5rem,1.2rem + 3.6vw,4.4rem);line-height:1;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.n-hero-alt{max-width:32rem;color:var(--ikincil);font-size:clamp(.95rem,.9rem + .3vw,1.1rem)}
.n-hero-rakam{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:2px 0 0}
.n-hero-rakam li{display:inline-flex;align-items:baseline;gap:6px;padding:7px 13px;border-radius:var(--hap);background:var(--cam);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(20,20,20,.07);font-size:.8125rem;color:var(--ikincil)}
.n-hero-rakam b{font:400 1.2rem/1 var(--f-baslik);color:var(--lac);font-variant-numeric:tabular-nums}
.n-hero-rakam small{font:600 .68rem var(--f-govde);margin-left:2px}
.n-hero-rakam .sicak b{color:var(--sicak)}.n-hero-rakam .soguk b{color:var(--soguk)}

.n-hero-sahne{--s:auto;grid-area:sahne;position:relative;display:grid;place-items:center;width:100%;height:clamp(250px,36svh,400px);margin:0;aspect-ratio:auto}
.n-hale{position:absolute;left:50%;top:50%;width:min(86vw,520px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--beyaz) 92%,transparent),color-mix(in srgb,var(--ton) 20%,transparent) 62%,transparent 72%)}
.n-hale::after{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid color-mix(in srgb,var(--lac) 10%,transparent);border-top-color:color-mix(in srgb,var(--ton) 80%,transparent);animation:n-don 40s linear infinite}
@keyframes n-don{to{transform:rotate(360deg)}}
.n-hero .sahne-termos{position:relative;z-index:2;inset:auto;height:92%;aspect-ratio:1400/1700;animation:n-suz 6s ease-in-out infinite;cursor:default}
.n-hero .termos-katman{filter:drop-shadow(0 30px 40px rgba(20,20,20,.22))}
@keyframes n-suz{50%{transform:translateY(-10px) rotate(-1deg)}}
.n-golge{position:absolute;bottom:9%;left:50%;width:34%;height:16px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,20,20,.28),transparent);transform:translateX(-50%);animation:n-golge 6s ease-in-out infinite}
@keyframes n-golge{50%{transform:translateX(-50%) scaleX(.82);opacity:.7}}
/* Çoklu sahne (2–3 termos): ana termos yana kayar, seçilen öteki renkler arkasında belirir; 4+ için "+N" rozeti. translate/scale
   ayrı özellik: ana termosun süzülme animasyonu (transform) bozulmaz. */
.n-yan{position:absolute;inset:0;z-index:1;display:grid;grid-template:100% / 100%;place-items:center;pointer-events:none;box-sizing:border-box}
.n-hero-sahne .n-yan{padding-bottom:inherit}
.n-yan img{grid-area:1/1;height:84%;width:auto;aspect-ratio:1400/1700;opacity:0;scale:.7;translate:0 4%;transition:opacity .45s ease,translate .7s var(--yay),scale .7s var(--yay);filter:drop-shadow(0 22px 28px rgba(20,20,20,.2))}
.n-yan img.acik{opacity:1}
.n-hero .sahne-termos{transition:translate .7s var(--yay),scale .7s var(--yay)}
[data-coklu="2"] .sahne-termos{translate:-17% 0;scale:.96}
[data-coklu="2"] .n-yan img[data-yan="0"]{translate:21% 3%;scale:.88}
[data-coklu="3"] .sahne-termos{scale:.94}
[data-coklu="3"] .n-yan img[data-yan="0"]{translate:-33% 4%;scale:.82}
[data-coklu="3"] .n-yan img[data-yan="1"]{translate:33% 4%;scale:.82}
.n-yan-fazla{position:absolute;right:14%;top:18%;z-index:3;display:grid;place-items:center;min-width:44px;height:32px;padding:0 10px;border-radius:var(--hap);background:var(--lac);color:#fff;font:600 14px var(--f-govde)}
.n-yan-fazla[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.n-yan img,.n-hero .sahne-termos{transition:none}}
.n-renkler{position:absolute;z-index:4;bottom:0;left:50%;display:flex;gap:2px;padding:6px;border-radius:var(--hap);transform:translateX(-50%);background:var(--cam);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:0 18px 40px -22px rgba(20,20,20,.45),inset 0 0 0 1px rgba(255,255,255,.5);max-width:calc(100vw - 32px)}
.n-renkler .renk-nokta{width:42px;height:42px;transition:transform .4s var(--yay);box-shadow:none}
.n-renkler .renk-nokta i{width:28px;height:28px;box-shadow:inset 0 0 0 1px rgba(20,20,20,.16),inset -3px -4px 6px rgba(0,0,0,.1)}
.n-renkler .renk-nokta[aria-checked=true]{box-shadow:0 0 0 1.5px var(--lac)}
.n-renkler .renk-nokta[aria-checked=true] i{transform:scale(.82)}
.n-renkler .renk-nokta:focus-visible{outline:2px solid var(--lac);outline-offset:2px;box-shadow:none}
@media(hover:hover) and (min-width:768px){.n-renkler .renk-nokta:hover{transform:translateY(-6px) scale(1.18)}.n-renkler .renk-nokta:hover + .renk-nokta,.n-renkler .renk-nokta:has(+ .renk-nokta:hover){transform:translateY(-3px) scale(1.08)}}
@media(max-width:380px){.n-renkler .renk-nokta{width:36px;height:36px}.n-renkler .renk-nokta i{width:24px;height:24px}}
.n-renkler-duz{position:static;transform:none;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;gap:6px;flex-wrap:wrap;justify-content:flex-start;max-width:none}

.n-hero-panel{grid-area:panel;position:relative;display:grid;gap:12px;width:min(100%,30rem);justify-items:center;text-align:center}
.n-hero-ad{display:grid;gap:2px;justify-items:center;min-height:3.6rem}
.n-renk-ad{font:500 clamp(1.9rem,1.4rem + 2vw,2.75rem)/1.05 var(--f-baslik);font-style:italic;letter-spacing:-.01em}
.n-renk-tr{font:400 .9375rem/1.3 var(--f-govde);color:var(--ikincil);font-style:normal}
.n-renk-kisa{font-size:.875rem}
.n-renk-kisa a{color:var(--lac);text-underline-offset:3px;text-decoration-color:var(--cizgi-koyu)}
.n-hero-panel .alim{justify-items:center;margin-top:0;gap:10px;width:100%}
.n-hero-panel .adet-satir{justify-content:center}
.n-hero-panel .fiyat-satir{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;width:100%}
.n-hero-panel .fiyat-kutu{justify-items:start;text-align:left}
.n-hero-panel .fiyat{font:600 1.375rem/1.1 var(--f-govde);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.n-hero-panel .fiyat-alt{font-size:.8125rem;color:var(--ikincil)}
.n-hero-panel .ilk-guven{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;font-size:.8125rem;color:var(--ikincil);margin:0}
.n-hero-panel .ilk-guven i{opacity:.5}
.n-hero-panel .btn.ekle{min-height:54px}
.n-asagi{position:absolute;left:50%;bottom:14px;width:26px;height:40px;margin-left:-13px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--lac) 40%,transparent);display:none}
.n-asagi span{position:absolute;top:8px;left:50%;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--lac);animation:n-asagi 1.8s var(--yay) infinite}
@keyframes n-asagi{70%{transform:translateY(12px);opacity:0}100%{opacity:0}}
@media(min-width:990px){
  .n-hero{min-height:100svh;padding-bottom:44px;display:grid;align-items:center}
  .n-hero-ic{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"metin sahne" "panel sahne";align-items:center;justify-items:start;text-align:left;column-gap:40px;row-gap:22px}
  .n-hero-metin{justify-items:start}
  .n-hero-rakam{justify-content:flex-start}
  .n-hero-sahne{height:min(76svh,700px)}
  .n-hero-panel{align-self:start;justify-items:start;text-align:left;max-width:26rem}
  .n-hero-ad{justify-items:start}
  .n-hero-panel .alim{justify-items:start}
  .n-hero-panel .adet-satir{justify-content:flex-start}
  .n-hero-panel .ilk-guven{justify-content:flex-start}
  .n-asagi{display:block}
}
@media(max-width:989px){.n-hero-metin .ust-etiket{font-size:10.5px;letter-spacing:.1em;max-width:30ch}.n-hero-sahne{height:clamp(230px,33svh,360px)}.n-hero-ad{min-height:0}.n-hero-panel{gap:8px}.n-hero-rakam,.n-renk-kisa{display:none}.n-hero-baslik{font-size:clamp(2.05rem,1.1rem + 5.4vw,3.2rem)}.n-hero-alt{font-size:.9375rem;max-width:30rem}}
@media(max-width:380px){.n-hero-alt{display:none}}
@media(max-height:760px) and (max-width:989px){.n-hero-sahne{height:clamp(210px,30svh,300px)}.n-hero-alt{display:none}}
/* kısa telefon (320×640): Sepete ekle ilk ekranda kalır (ölçüldü) */
@media(max-height:700px) and (max-width:989px){.n-hero{padding-bottom:12px}.n-hero-ic{gap:6px}.n-hero-sahne{height:clamp(170px,26svh,240px)}.n-hero-metin .n-urun-adi{display:none}.n-hero-baslik{font-size:clamp(1.8rem,.9rem + 5vw,2.5rem)}.n-hero-panel{padding:10px 14px 12px;gap:6px}.n-hero-panel .adet-aciklama,.n-hero-panel .ilk-guven{display:none}.n-hero-panel .btn.ekle{min-height:48px}}
/* Telefon ilk ekranı (01.11 Göktuğ: "çok sıkışık"): halka sahne yüksekliğine sığar (başlığa taşmaz), renk rayı termosun ALTINDA kendi payında,
   Sepete ekle hiçbir genişlikte kırılmaz; gruplar arası nefes ekran yüksekliğiyle ölçeklenir. Kural yine: 320×640–430×932 Sepete ekle ilk ekranda. */
@media(max-width:989px){
  .n-hero{padding-top:calc(var(--ust-h) + clamp(8px,2svh,22px));padding-bottom:clamp(12px,2.4svh,28px)}
  .n-hero-ic{gap:clamp(8px,1.8svh,18px)}
  .n-hero-metin{gap:clamp(4px,1svh,10px)}
  .n-hero-alt{display:none}
  .n-hero-baslik{font-size:clamp(1.9rem,1rem + 5.2vw,2.9rem);line-height:1.02}
  .n-hero-sahne{padding-bottom:60px;height:clamp(230px,36svh,380px)}
  .n-hale{width:auto;height:calc(100% - 60px);top:calc(50% - 30px)}
  .n-hero .sahne-termos{height:90%}
  .n-golge{bottom:68px}
  .n-hero-panel{gap:clamp(6px,1.4svh,14px)}
  .n-hero-panel .fiyat-satir{column-gap:12px;row-gap:12px}
  .n-hero-panel .btn.ekle{white-space:nowrap;padding-inline:clamp(16px,5vw,26px)}
  .n-hero-panel .fiyat{font-size:clamp(1.2rem,1rem + 1.2vw,1.4rem)}
}
@media(max-width:989px) and (max-height:760px){.n-hero-panel .adet-aciklama{display:none}.n-hero-sahne{height:clamp(200px,30svh,260px);padding-bottom:56px}.n-hale{height:calc(100% - 56px);top:calc(50% - 28px)}.n-golge{bottom:62px}}
@media(max-width:989px) and (max-height:700px){.n-hero-ic{gap:6px}.n-hero-sahne{height:clamp(176px,28svh,230px);padding-bottom:50px}.n-hale{height:calc(100% - 50px);top:calc(50% - 25px)}.n-golge{bottom:56px}}
@media(max-width:380px){.n-hero-metin .ust-etiket{font-size:9.5px;letter-spacing:.08em}.n-hero-panel .btn.ekle{font-size:16px}.n-hero-panel .btn.ekle .ikon{width:18px;height:18px}}
.ana-sayfa .ust{background:color-mix(in srgb,var(--zemin-ton) 70%,transparent)}

/* ---------- renk şeridi ---------- */
.n-serit{overflow:hidden;padding:16px 0;background:var(--lac);color:var(--krem)}
.n-serit-ic{display:flex;width:max-content;gap:44px;animation:n-kay 46s linear infinite}
.n-serit span{display:inline-flex;align-items:center;gap:14px;font:italic 400 clamp(1.5rem,1.1rem + 1.6vw,2.4rem)/1 var(--f-baslik);white-space:nowrap}
.n-serit span i{width:.7em;height:.7em;border-radius:50%;background:var(--renk);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
@keyframes n-kay{to{transform:translateX(-50%)}}

/* =================== BİR GÜN =================== */
.n-gun{--gp:0;--vurgu:var(--sicak);--vurgu-acik:var(--sicak-acik);--gok1:#F6C9A3;--gok2:#F2EDE3;position:relative;height:340vh;color:var(--lac)}
.n-gun[data-mod=soguk]{--vurgu:var(--soguk);--vurgu-acik:var(--soguk-acik)}
.n-gun-yapis{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.n-gun-gok{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--gok1),var(--gok2))}
.n-gunes,.n-ay{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px;border-radius:50%}
.n-gunes{background:radial-gradient(circle,#FFE6B0 0 38%,#FFC77A 55%,transparent 70%);transform:rotate(calc(-80deg + var(--g,0) * 160deg)) translateY(-44svh) rotate(calc(80deg - var(--g,0) * 160deg));opacity:var(--gunes-o,1)}
.n-ay{width:70px;height:70px;margin:-35px;background:radial-gradient(circle at 35% 35%,#F4F1E8 0 45%,#C9CCD8 60%,transparent 72%);transform:rotate(calc(-60deg + var(--a,0) * 120deg)) translateY(-40svh);opacity:var(--ay-o,0)}
.n-yildiz{position:absolute;inset:0;opacity:var(--ay-o,0);background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 30% 8%,#fff,transparent),radial-gradient(1.5px 1.5px at 72% 14%,#fff,transparent),radial-gradient(1px 1px at 88% 26%,#fff,transparent),radial-gradient(1px 1px at 56% 22%,#fff,transparent),radial-gradient(1.5px 1.5px at 8% 40%,#fff,transparent),radial-gradient(1px 1px at 92% 46%,#fff,transparent)}
.n-gun[data-gece]{color:#EEF1F7}
.n-gun[data-gece] .ust-etiket{color:#E3C98F}
.n-gun[data-gece] .n-gun-not,.n-gun[data-gece] .n-gun-adim span{color:#C9D3E6}
.n-gun[data-gece] .baslik em{color:#E3C98F}
.n-gun-ic{display:grid;grid-template-rows:auto 1fr auto auto;height:100%;padding-block:calc(var(--ust-h) + 10px) 18px;gap:10px}
.n-gun-bas{display:grid;gap:10px;justify-items:center;text-align:center}
.n-gun-bas .baslik{font-size:clamp(1.9rem,1.3rem + 2.8vw,3.6rem)}
.n-anahtar{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:var(--hap);background:var(--cam);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(20,20,20,.08)}
.n-anahtar button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 18px;border-radius:var(--hap);font:600 .875rem var(--f-govde);color:var(--lac);transition:color .3s}
.n-anahtar button[aria-checked=true]{color:#fff}
.n-anahtar-isaret{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:var(--hap);background:var(--vurgu);transition:transform .55s var(--yay),background-color .4s}
.n-gun[data-mod=soguk] .n-anahtar-isaret{transform:translateX(100%)}
.n-gun-orta{display:grid;place-items:center;gap:4px;min-height:0}
.n-saat{display:grid;justify-items:center;font-size:clamp(3rem,2rem + 6vw,6.5rem);line-height:.9;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.n-saat small{font:600 .8125rem/1.4 var(--f-govde);letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.n-gun-termos{position:relative;display:grid;place-items:center;height:clamp(170px,30svh,320px);aspect-ratio:1}
.n-olcer{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.n-olcer circle{fill:none;stroke-width:5}
.n-olcer .iz{stroke:color-mix(in srgb,currentColor 12%,transparent)}
.n-olcer .dolu{stroke:var(--vurgu);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--gp) * 100);transition:stroke .4s}
.n-termos-kucuk{position:absolute;inset:13% 0;height:74%;width:auto;margin:auto;filter:drop-shadow(0 18px 26px rgba(0,0,0,.25))}
.n-buhar{position:absolute;z-index:3;top:-2%;left:50%;width:70px;height:30%;transform:translateX(-50%);pointer-events:none}
.n-buhar i{position:absolute;bottom:0;left:calc(25% * var(--b,1));width:18px;height:70%;border-radius:50%;border-left:3px solid color-mix(in srgb,#fff 85%,transparent);filter:blur(3px);opacity:0;animation:n-buhar 3.6s ease-out infinite}
.n-buhar i:nth-child(1){--b:1}.n-buhar i:nth-child(2){--b:2;animation-delay:1.2s}.n-buhar i:nth-child(3){--b:3;animation-delay:2.4s}
@keyframes n-buhar{0%{opacity:0;transform:translateY(20%) scaleY(.6)}25%{opacity:.9}100%{opacity:0;transform:translateY(-60%) scaleY(1.2) translateX(10px)}}
.n-gun[data-mod=soguk] .n-buhar{display:none}
.n-buz{position:absolute;inset:0;pointer-events:none;display:none}
.n-gun[data-mod=soguk] .n-buz{display:block}
.n-buz i{position:absolute;width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,rgba(255,255,255,.9),color-mix(in srgb,var(--soguk-acik) 70%,transparent));box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);animation:n-buz 5s ease-in-out infinite}
.n-buz i:nth-child(1){left:10%;top:30%}.n-buz i:nth-child(2){right:8%;top:20%;animation-delay:-1.2s;width:14px;height:14px}.n-buz i:nth-child(3){left:16%;bottom:18%;animation-delay:-2.4s}.n-buz i:nth-child(4){right:14%;bottom:26%;animation-delay:-3.6s;width:12px;height:12px}
@keyframes n-buz{50%{transform:translateY(-14px) rotate(24deg)}}
.n-gun-adim{position:relative;display:grid;margin:0 auto;padding:0;list-style:none;width:min(100%,560px);min-height:92px;text-align:center}
.n-gun-adim li{grid-area:1/1;display:grid;gap:4px;align-content:start;opacity:0;transform:translateY(14px);transition:opacity .2s,transform .5s var(--yay)}
.n-gun-adim li.etkin{opacity:1;transform:none;transition-delay:.18s}
.n-gun-adim b{font:400 1.3rem/1.2 var(--f-baslik)}
.n-gun-adim b::before{content:"";display:inline-block;width:.5em;height:.5em;margin-right:.45em;border-radius:50%;background:var(--vurgu);vertical-align:.08em}
.n-gun-adim span{color:var(--ikincil)}
.n-gun-not{max-width:46rem;margin:0 auto;text-align:center;font-size:.75rem;color:var(--ikincil)}
/* Telefon (01.11 Göktuğ: "sıkışık"): yapışkan sahne kısa ekranda taşmasın, alt satırlar yapışkan çubuğun (≈84 px) altında kalmasın.
   Ölçüler ekran yüksekliğiyle (svh: tarayıcı çubukları açıkken de sabit) ölçeklenir; gökyüzü çubuklar gizlenince de altı doldurur. */
@media(max-width:989px){
  .n-gun-gok{bottom:calc(100svh - 100lvh)}
  .n-gun-ic{padding-block:calc(var(--ust-h) + clamp(10px,2.4svh,24px)) calc(env(safe-area-inset-bottom) + 96px);gap:clamp(8px,1.8svh,18px);grid-template-rows:auto minmax(0,1fr) auto auto}
  .n-gun-bas{gap:clamp(8px,1.4svh,14px)}
  .n-gun-bas .baslik{font-size:clamp(1.75rem,1.1rem + 3.4vw,2.6rem);line-height:1.04}
  .n-saat{font-size:clamp(2.6rem,1.4rem + 5svh,4.6rem)}
  .n-gun-orta{gap:clamp(6px,1.2svh,12px);align-content:center}
  .n-gun-termos{height:clamp(120px,26svh,300px)}
  .n-gun-adim{min-height:clamp(64px,10svh,92px);padding-inline:8px}
  .n-gun-adim b{font-size:clamp(1.1rem,.9rem + 1svh,1.35rem)}
  .n-gun-adim span{font-size:.9375rem;line-height:1.45}
  .n-gun-not{font-size:.6875rem;line-height:1.4;max-width:34rem}
}
@media(max-width:989px) and (max-height:700px){.n-gun-not{display:none}.n-gun-termos{height:clamp(110px,22svh,170px)}.n-anahtar button{min-height:36px}}
@media(min-width:990px){
  .n-gun-ic{grid-template-columns:1fr 1.1fr 1fr;grid-template-rows:1fr auto;align-items:center;column-gap:40px}
  .n-gun-bas{grid-column:1;grid-row:1;justify-items:start;text-align:left}
  .n-gun-orta{grid-column:2;grid-row:1}
  .n-gun-adim{grid-column:3;grid-row:1;text-align:left}
  .n-gun-not{grid-column:1/-1}
}

/* ---------- özellik kartları ---------- */
.n-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.n-kart{position:relative;display:grid;grid-template-rows:1fr auto;gap:14px;min-height:260px;padding:16px;border-radius:var(--r-lg);background:var(--beyaz);box-shadow:inset 0 0 0 1px var(--cizgi);overflow:hidden}
.n-kart h3{font:400 1.35rem/1.1 var(--f-baslik);margin-bottom:4px;letter-spacing:-.01em}
.n-kart p{font-size:.875rem;color:var(--ikincil)}
.n-kart-genis{grid-column:span 2}
.n-kart-cizim{position:relative;display:grid;place-items:center;min-height:150px;border-radius:var(--r);background:var(--zemin-ton);overflow:hidden}
.n-kart-foto{position:relative;margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--krem)}
.n-kart-genis .n-kart-foto{aspect-ratio:auto;min-height:280px;height:100%}
.n-kart-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.6s var(--yay)}
.n-kart.gorundu .n-kart-foto img{transform:scale(1)}
@media(hover:hover){.n-kart:hover .n-kart-foto img{transform:scale(1.04)}}
.n-kart-cizim img{height:120px;width:auto;filter:drop-shadow(0 10px 14px rgba(20,20,20,.2))}
.n-kart *{animation-play-state:paused}
.n-kart.gorundu *{animation-play-state:running}
.n-k-sizdirmaz .n-kart-cizim img{animation:n-ters 4.8s var(--yay) infinite;height:128px}
@keyframes n-ters{0%,15%{transform:rotate(0)}40%,60%{transform:rotate(180deg)}85%,100%{transform:rotate(360deg)}}
.n-damla{display:none}
.n-k-bardak .n-kart-cizim img{position:relative;z-index:1;animation:n-bardak 3.6s var(--yay) infinite}
@keyframes n-bardak{0%{transform:translateY(-40%);opacity:0}18%{opacity:1}40%,85%{transform:translateY(10%)}100%{transform:translateY(10%);opacity:0}}
.n-bardaklik{position:absolute;bottom:14px;left:50%;z-index:2;width:74px;height:34px;margin-left:-37px;border-radius:0 0 18px 18px;background:color-mix(in srgb,var(--lac) 82%,transparent);box-shadow:inset 0 6px 8px rgba(0,0,0,.3)}
.n-k-kapak .n-kart-cizim img{height:128px;animation:n-kapak 3.2s var(--yay) infinite}
@keyframes n-kapak{0%,20%{transform:none}45%,70%{transform:translateY(-10px) rotate(-8deg)}100%{transform:none}}
.n-dalga{position:relative;width:90px;height:90px}
.n-dalga i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--ton);animation:n-dalga 2.6s ease-out infinite}
.n-dalga i:nth-child(2){animation-delay:.8s}.n-dalga i:nth-child(3){animation-delay:1.6s}
@keyframes n-dalga{from{transform:scale(1);opacity:.9}to{transform:scale(.2);opacity:0}}
.n-kopuk{position:relative;width:120px;height:110px}
.n-kopuk i{position:absolute;bottom:-10px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--soguk-acik) 60%,transparent) 60%,transparent 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);animation:n-kopuk 3.4s ease-in infinite}
.n-kopuk i:nth-child(1){left:10%}.n-kopuk i:nth-child(2){left:34%;width:12px;height:12px;animation-delay:.7s}.n-kopuk i:nth-child(3){left:58%;animation-delay:1.4s}.n-kopuk i:nth-child(4){left:78%;width:10px;height:10px;animation-delay:2.1s}.n-kopuk i:nth-child(5){left:46%;width:22px;height:22px;animation-delay:2.8s}
@keyframes n-kopuk{to{transform:translateY(-120px) translateX(8px);opacity:0}}
@media(min-width:768px){.n-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.n-kart-genis{grid-column:span 2;grid-template-columns:1fr 1fr;grid-template-rows:1fr;align-items:end}.n-kart-genis .n-kart-cizim{height:100%}}
@media(min-width:1100px){.n-bento{grid-template-columns:repeat(4,minmax(0,1fr))}.n-kart-genis{grid-row:span 2;grid-column:span 2;grid-template-columns:1fr;grid-template-rows:1fr auto}.n-kart-genis .n-kart-cizim img{height:230px}}

/* ---------- renk rafı ve ürün kartı ---------- */
.n-raf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,62%);gap:14px;padding:6px 2px 18px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.n-raf::-webkit-scrollbar{display:none}
.n-raf>*{scroll-snap-align:start}
@media(min-width:768px){.n-raf{grid-auto-columns:30%}}
@media(min-width:1200px){.n-raf{grid-auto-columns:calc((100% - 42px) / 4)}}
.urun-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(min-width:768px){.urun-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.urun-kart{position:relative;display:grid;gap:10px}
.urun-kart-gorsel{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:color-mix(in oklab,var(--renk) 22%,var(--beyaz));transition:transform .7s var(--yay),box-shadow .7s var(--yay)}
.urun-kart-gorsel::before{content:"";position:absolute;inset:auto 20% 8% 20%;height:16px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,20,20,.2),transparent)}
.urun-kart-gorsel img{position:absolute;inset:8% 10% 10%;width:80%;height:82%;object-fit:contain;transition:opacity .5s var(--yay),transform .9s var(--yay)}
.urun-kart-gorsel img.arka{opacity:0}
@media(hover:hover){.urun-kart:hover .urun-kart-gorsel{transform:translateY(-6px);box-shadow:0 30px 50px -34px color-mix(in srgb,var(--renk) 80%,#000)}.urun-kart:hover .urun-kart-gorsel img.on{transform:translateY(-8px) rotate(-3deg)}.urun-kart:hover .urun-kart-gorsel img.arka{opacity:1;transform:translateY(-8px) rotate(-3deg)}.urun-kart:hover .urun-kart-gorsel img.on:has(+ .arka){opacity:0}}
.urun-kart-his{position:absolute;left:14px;bottom:12px;font-size:1.05rem;color:var(--ikincil)}
.urun-kart-bilgi{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.urun-kart-bilgi .fiyat{font:600 1rem/1.2 var(--f-govde);letter-spacing:0}
@media(max-width:559px){.urun-kart-bilgi{flex-direction:column;gap:4px}}
.urun-kart-bilgi h3{font:400 1.25rem/1.1 var(--f-baslik)}
.urun-kart-bilgi h3 a{text-decoration:none}
.urun-kart-alt{font-size:.8125rem;color:var(--ikincil);margin-top:3px}
.fiyat-kucuk{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.rozet{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:var(--hap);background:var(--beyaz);font-size:.75rem;font-weight:600;color:var(--ikincil)}
.hizli-ekle{position:absolute;right:12px;top:calc(80% - 44px);display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 10px;border-radius:var(--hap);background:var(--lac);color:#fff;font-size:.8125rem;font-weight:600;
  box-shadow:0 10px 20px -12px rgba(20,20,20,.6);transition:transform .3s var(--yay),opacity .3s}
@media(hover:hover){.hizli-ekle{opacity:0;transform:translateY(6px)}.urun-kart:hover .hizli-ekle,.urun-kart:focus-within .hizli-ekle{opacity:1;transform:none}}
.urun-kart.tukendi .urun-kart-gorsel img{opacity:.6}
.koleksiyon-not{margin-top:22px;text-align:center}

/* ---------- kapanış şeridi ---------- */
.n-kapanis{position:relative;overflow:hidden}
.n-kapanis-serit{overflow:hidden;padding-block:22px 18px;margin-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}
.n-kapanis-serit div{display:flex;width:max-content;gap:22px;align-items:center;animation:n-kay 70s linear infinite}
.n-kapanis-serit span{font:500 clamp(2rem,1.4rem + 3.4vw,4.2rem)/1 var(--f-baslik);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,currentColor 50%,transparent);white-space:nowrap}
.n-kapanis-serit span{color:currentColor;-webkit-text-stroke:0}
.n-kapanis-serit span.ince{color:transparent;-webkit-text-stroke:1px color-mix(in srgb,currentColor 55%,transparent);font-style:italic}
.n-kapanis-serit em{font:italic 500 clamp(1.2rem,1rem + 1.6vw,2.2rem) var(--f-baslik);color:var(--sicak-acik)}

/* =================== ÜRÜN SAYFASI =================== */
.n-urun{background:var(--zemin-ton);transition:background-color 1s var(--yay)}
.kirinti{display:flex;gap:8px;padding:14px 0 6px;font-size:.8125rem;color:var(--ikincil)}
.kirinti a{text-decoration:none}
.kirinti span[aria-current]{color:var(--lac)}
.urun-duzen{display:grid;gap:18px;padding-bottom:40px}
.n-galeri{display:grid;gap:12px}
.galeri-ana{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r-xl);background:color-mix(in oklab,var(--ton) var(--ton-oran),var(--beyaz));touch-action:pan-x pan-y}
.galeri-ana::-webkit-scrollbar{display:none}
.galeri-kare{position:relative;aspect-ratio:4/5;scroll-snap-align:start;overflow:hidden;margin:0}
.galeri-kare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.galeri-urun img{inset:6%;width:88%;height:88%;object-fit:contain}
.n-galeri-sahne{--s:auto;display:grid;place-items:center;aspect-ratio:4/5;margin:0;width:100%;justify-self:stretch;align-self:stretch}
.n-galeri-sahne .sahne-termos{position:absolute;inset:7% 14% 9%}
.n-galeri-sahne .n-hale{width:82%}
.galeri-nokta{display:flex;justify-content:center;gap:6px}
.galeri-nokta i{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--lac) 22%,transparent);transition:transform .3s var(--yay),background-color .3s}
.galeri-nokta i.etkin{background:var(--lac);transform:scale(1.3)}
.alim-kutu{grid-area:auto;width:100%;gap:14px;padding:18px 18px 22px}
.urun-ad{display:grid;gap:4px;font-size:clamp(2.2rem,1.6rem + 3vw,3.6rem);line-height:.95}
.urun-ad em{font-size:.42em;color:var(--pirinc)}
.secenek-baslik{font-size:.875rem;color:var(--ikincil);margin-bottom:8px}
.secenek-baslik b{color:var(--lac)}
.urun-detay{margin-top:6px}
.urun-detay .sss-cevap p + p{margin-top:10px}
.ozellik{display:grid;gap:6px}
.ozellik div{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:6px 0;border-bottom:1px solid var(--cizgi);font-size:.875rem}
.ozellik dt{color:var(--ikincil)}
.n-urun-gun{padding-block:20px 48px}
.n-zaman{display:grid;gap:14px;max-width:760px}
.n-zaman-satir{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;font-weight:600}
.n-zaman-satir i{position:relative;height:14px;border-radius:var(--hap);background:var(--beyaz);box-shadow:inset 0 0 0 1px var(--cizgi);overflow:hidden}
.n-zaman-satir i::after{content:"";position:absolute;inset:0;width:var(--w);border-radius:inherit;background:var(--renk-cubuk);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--yay) .2s}
.n-zaman-satir.gorundu i::after,.no-io .n-zaman-satir i::after{transform:none}
.n-zaman-satir.sicak{--renk-cubuk:linear-gradient(90deg,var(--sicak-acik),var(--sicak))}
.n-zaman-satir.soguk{--renk-cubuk:linear-gradient(90deg,var(--soguk-acik),var(--soguk))}
.n-zaman-satir.buz{--renk-cubuk:linear-gradient(90deg,#DDF1FC,var(--soguk-acik),var(--soguk))}
.n-zaman-satir b{font:400 1.15rem var(--f-baslik);font-variant-numeric:tabular-nums}
.diger-renkler{padding-top:0}
.n-urun-olcu .olcu-ic{display:grid;gap:22px}
@media(min-width:900px){.n-urun-olcu .olcu-ic{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:48px}.n-urun-olcu .bolum-bas{grid-column:1 / -1}}

/* ---------- koleksiyon, rehber ---------- */
.sayfa-bas{padding:clamp(28px,5vw,56px) 0 8px}
.n-sayfa-bas .baslik-b{font-size:clamp(2.4rem,1.6rem + 4vw,5rem);line-height:.95}
.bolum-sik{padding-top:clamp(24px,4vw,40px)}
.rehber-liste{display:grid;gap:16px}
@media(min-width:768px){.rehber-liste{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rehber-kart{display:grid;grid-template-rows:auto 1fr;gap:12px;padding:14px;border-radius:var(--r-lg);background:var(--beyaz);box-shadow:inset 0 0 0 1px var(--cizgi);text-decoration:none;transition:transform .5s var(--yay),box-shadow .5s var(--yay)}
@media(hover:hover){.rehber-kart:hover{transform:translateY(-4px);box-shadow:0 24px 40px -30px rgba(20,20,20,.5),inset 0 0 0 1px var(--cizgi)}}
.rehber-kart-gorsel{display:grid;place-items:center;aspect-ratio:5/3;border-radius:var(--r);background:color-mix(in oklab,var(--renk) 22%,var(--beyaz));overflow:hidden}
.rehber-kart-gorsel img{height:88%;width:auto}
.rehber-kart-yazi{display:grid;gap:6px;align-content:start}
.rehber-kart-yazi b{font:400 1.25rem/1.15 var(--f-baslik)}
.rehber-kart-yazi small{font-size:.875rem;color:var(--ikincil)}
.rehber-kart-git{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:.875rem;font-weight:600}
.rehber-yazi{display:grid;gap:22px;padding:clamp(24px,4vw,48px) 0 64px}
.kap.dar{max-width:760px}
.rehber-bas{display:grid;gap:8px}
.rehber-tarih{font-size:.8125rem}
.rehber-kapak{display:grid;place-items:center;aspect-ratio:16/9;border-radius:var(--r-xl);background:color-mix(in oklab,var(--renk) 22%,var(--beyaz));overflow:hidden;margin:0}
.rehber-kapak img{height:90%;width:auto}
.rehber-govde{display:grid;gap:14px;max-width:none}
.rehber-govde .baslik-o{margin-top:12px}
.rehber-govde ul,.rehber-govde ol{display:grid;gap:8px;padding-left:1.2em;list-style:revert}
.rehber-giris{font-size:1.15rem}
.rehber-tablo{overflow-x:auto}
.rehber-tablo table{width:100%;border-collapse:collapse;font-size:.9375rem}
.rehber-tablo th,.rehber-tablo td{padding:10px 12px;border-bottom:1px solid var(--cizgi);text-align:left}
.rehber-urun{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--r-lg);background:var(--beyaz);box-shadow:inset 0 0 0 1px var(--cizgi);text-decoration:none;margin-top:8px}
.rehber-urun img{width:56px;height:68px;object-fit:contain;padding:4px;border-radius:10px;background:color-mix(in oklab,var(--renk) 22%,var(--beyaz))}
.rehber-urun span:first-of-type{display:grid;flex:1}
.rehber-urun small{font-size:.8125rem;color:var(--ikincil)}
.rehber-diger{display:grid;gap:12px;padding-top:24px;border-top:1px solid var(--cizgi)}
.rehber-diger ul{display:grid;gap:8px}
.rehber-diger a:not(.btn){text-underline-offset:3px}
.rehber-diger .btn{justify-self:start}

/* ---------- mıknatıs, azaltılmış hareket ---------- */
.n-miknatis{will-change:transform}
@media(prefers-reduced-motion:reduce){
  .n-hero-zemin i,.n-hero .sahne-termos,.n-golge,.n-buhar i,.n-hale::after,.n-serit-ic,.n-kapanis-serit div,.n-kart *,.n-buz i,.js .n-acilis{animation:none!important}
  .n-buhar{display:none}
  .n-gun{height:auto}
  .n-gun-yapis{position:relative;height:auto;min-height:100svh}
  .n-gun-adim li{position:static;opacity:1;transform:none;grid-area:auto}
}

.alim-kutu .guven-logolar{margin-top:8px}

/* ---------- iki kişilik sabahlar ---------- */
.cift{display:grid;gap:24px}
.cift-foto{position:relative;margin:0;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/5}
.cift-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .5s ease,transform .9s var(--yay)}
.cift-foto img.aktif{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.cift-foto img{transition:none;transform:none}}
.cift-foto figcaption{position:absolute;left:12px;bottom:12px;display:grid;gap:3px;padding:10px 14px 11px;border-radius:16px;background:var(--cam);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(20,20,20,.06),0 10px 30px -18px rgba(20,20,20,.45);font-size:.875rem;font-weight:600;line-height:1.25}
.cift-etiket{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 7px}
.cift-foto figcaption i{font-style:normal;color:var(--pirinc);margin:0 2px}
.cift-foto .renk-disk{margin:0;width:11px;height:11px;flex:none}
.cift-foto .renk-disk:not(:first-child){margin-left:1px}
.cift-metin{display:grid;gap:18px;align-content:center}
.cift-metin .bolum-bas{margin-bottom:0}
.cift-rakam{display:flex;gap:10px;flex-wrap:wrap}
.cift-rakam li{display:grid;gap:2px;padding:12px 16px;border-radius:var(--r);background:var(--krem);box-shadow:inset 0 0 0 1px var(--cizgi);min-width:9.5rem}
.cift-rakam b{font:600 1.25rem/1.1 var(--f-baslik);font-variant-numeric:tabular-nums}
.cift-rakam span{font-size:.8125rem;color:var(--ikincil)}
.cift-alt-baslik{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil);margin-top:4px}
.cift-liste{display:grid;gap:8px}
.cift-satir{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 10px 8px 8px;border-radius:var(--r-lg);background:var(--krem);box-shadow:inset 0 0 0 1px var(--cizgi);transition:box-shadow .3s,transform .3s var(--yay)}
@media(hover:hover){.cift-satir:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--cizgi-koyu),0 14px 30px -24px rgba(20,20,20,.5)}}
.cift-gorsel{display:flex;align-items:flex-end;justify-content:center;width:72px;height:64px;border-radius:12px;background:var(--beyaz)}
.cift-gorsel img{height:56px;width:auto}
.cift-gorsel img+img{margin-left:-14px}
.cift-satir{cursor:pointer}
.cift-satir.secili{background:var(--beyaz);box-shadow:inset 0 0 0 1.5px var(--lac),0 14px 30px -24px rgba(20,20,20,.5)}
.cift-ad{display:grid;line-height:1.25;text-align:left;border:0;background:none;padding:6px 0;font:inherit;color:inherit;cursor:pointer;border-radius:8px}
.cift-ad:focus-visible{outline:none;box-shadow:var(--odak)}
.cift-ad b{font:500 1.15rem var(--f-baslik)}
.cift-ad small{font-size:.8125rem;color:var(--ikincil)}
.cift-satir .btn{min-height:40px;padding-inline:14px}
.cift-kendi{justify-self:start;font-weight:600}
/* Sahne adı (figcaption altı) ve aynı renk ikilisinde iki ürün görseli */
.cift-foto figcaption{max-width:calc(100% - 24px)}
.cift-sahne-ad{font:italic 400 .8125rem/1.3 var(--f-baslik);color:var(--ikincil)}
@media(min-width:768px){.cift-foto figcaption{left:16px;bottom:16px;padding:12px 16px 13px;border-radius:18px}}
.cift-sahne-ad:empty{display:none}
.cift-paket{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:2%;padding:8% 6% 16%;background:radial-gradient(ellipse at 50% 70%,var(--beyaz),color-mix(in srgb,var(--ton) 18%,var(--krem)))}
.cift-paket[hidden]{display:none}
.cift-foto .cift-paket img{position:static;inset:auto;width:44%;height:auto;max-height:100%;object-fit:contain;opacity:1;transform:none;filter:drop-shadow(0 24px 30px rgba(20,20,20,.2))}
/* İkili kurucu */
.ikili-kur{display:grid;gap:12px;padding:18px;border-radius:var(--r-lg);background:var(--krem);box-shadow:inset 0 0 0 1px var(--cizgi)}
.ikili-kur .cift-alt-baslik{margin:0}
.ikili-kur-bas{display:flex;align-items:center;gap:14px}
.ikili-kur-mini{flex:none;width:64px;height:80px;border-radius:12px;object-fit:cover;background:var(--beyaz);box-shadow:0 10px 24px -14px rgba(20,20,20,.5);transition:opacity .3s}
.ikili-kur-mini.urun{object-fit:contain;padding:6px}
.ikili-kur-sahne{margin:4px 0 0;font-weight:600;line-height:1.3}
.ikili-kur-sahne small{display:block;font:italic 400 .875rem var(--f-baslik);color:var(--ikincil)}
.ikili-kur-satir{display:grid;gap:6px;min-width:0}
.ikili-kur-ad{font-weight:600;font-size:.8125rem;color:var(--ikincil)}
@media(min-width:480px){.ikili-kur-satir{grid-template-columns:72px 1fr;align-items:center;gap:12px}}
.ikili-kur .renk-sira{display:flex;flex-wrap:wrap;gap:2px}
.ikili-kur .renk-nokta{border:0;padding:0;background:none}
.ikili-kur .renk-nokta[aria-checked=true]{box-shadow:0 0 0 1.5px var(--lac)}
.ikili-kur .renk-nokta[aria-checked=true] i{transform:scale(.82)}
.ikili-kur .renk-nokta:focus-visible{outline:none;box-shadow:var(--odak)}
.ikili-kur .renk-nokta.yok{cursor:not-allowed}
.ikili-kur-ekle{gap:10px;justify-content:space-between;min-height:54px;padding-inline:20px}
.ikili-kur-ekle .btn-tutar{margin-left:auto;font-variant-numeric:tabular-nums;opacity:.85}
.ikili-kur-ekle:disabled{opacity:.5;cursor:not-allowed}
.ikili-kur-not{margin:0;font-size:.8125rem}
@media(max-width:380px){.ikili-kur{padding:14px}.ikili-kur .renk-nokta{width:36px;height:36px}.ikili-kur .renk-nokta i{width:26px;height:26px}}
@media(min-width:990px){.cift{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}}
/* İncele (Vakia düzeni): masaüstünde Sepete ekle'nin yanında düğme; telefonda ilk ekran yüksekliği değişmesin diye renk adının yanında küçük bağlantı */
.n-incele-mini{display:none}
.renk-mini{flex:none;width:12px;height:12px;border-radius:50%;background:var(--renk);box-shadow:inset 0 0 0 1px rgba(20,20,20,.18)}
.reel figcaption{grid-template-columns:minmax(0,1fr) auto;column-gap:8px}
.reel figcaption b,.reel figcaption span{grid-column:1}
.reel-urun{grid-column:2;grid-row:1 / span 2;align-self:center;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:var(--hap);background:var(--beyaz);box-shadow:inset 0 0 0 1px var(--cizgi);font-size:13px;font-weight:600;color:var(--lac);text-decoration:none;transition:box-shadow 160ms var(--egri)}
.reel-urun:hover{box-shadow:inset 0 0 0 1px var(--lac)}
/* Masaüstü alım alanı (01.11 Göktuğ: "aşağıya gereksiz uzuyor, yan yana"): adet seçici ile fiyat aynı satırda, açıklama ile kazanç altında,
   Sepete ekle + İncele yan yana; güven satırı en altta. Telefon düzeni değişmez (Sepete ekle ilk ekranda kuralı). */
@media(min-width:990px){
  .n-hero-panel{max-width:34rem}
  .n-hero-panel .alim{grid-template-columns:auto minmax(0,1fr);column-gap:28px;row-gap:10px;align-items:center;width:100%}
  .n-hero-panel .adet-satir{grid-column:1;grid-row:1}
  .n-hero-panel .adet-aciklama{grid-column:1;grid-row:2;margin:0;justify-content:flex-start}
  .n-hero-panel .alim-ek{grid-column:1 / -1;grid-row:3}
  .n-hero-panel .fiyat-satir{display:contents}
  .n-hero-panel .fiyat-kutu{display:grid;grid-column:2;grid-row:1 / span 2;justify-items:end;align-self:center;gap:6px;text-align:right}
  .n-hero-panel .fiyat{grid-column:auto;grid-row:auto;font-size:1.625rem}
  .n-hero-panel .fiyat-alt{grid-column:auto;grid-row:auto;margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 8px}
  .n-hero-panel .ekle{grid-column:1;grid-row:4;justify-self:stretch}
  .n-hero-panel .incele{grid-column:2;grid-row:4;justify-self:start;min-height:54px;padding-inline:28px}
  .n-hero-panel .hata{grid-column:1 / -1;grid-row:5}
  .n-hero-panel .ilk-guven{grid-column:1 / -1;grid-row:6}
}
@media(max-width:989px){
  .n-hero-panel .incele{display:none}
  .n-incele-mini{display:inline-flex;align-items:center;gap:2px;margin-left:10px;padding:5px 10px 5px 12px;border-radius:var(--hap);vertical-align:.35em;font:600 .8125rem/1 var(--f-govde);font-style:normal;letter-spacing:0;color:var(--lac);background:color-mix(in srgb,var(--beyaz) 80%,transparent);box-shadow:inset 0 0 0 1px var(--cizgi);text-decoration:none;position:relative}
  .n-incele-mini::after{content:"";position:absolute;inset:-8px -6px}
}

/* ---------- ürün sayfası (Vakia düzeni, Noir çizgisi): başlık · fiyat · rozetler · kısa tanım · renk · paket kartları · Sepete ekle / Hemen satın al ·
   güvence listesi · ayrıntılar. Masaüstünde galeri sabit kalır (tek büyük görsel + küçük resimler), sağ sütun akar. ---------- */
.n-urun-al{display:grid;gap:14px;align-content:start;text-align:left;padding:6px 0 0}
.n-urun-al .urun-ad{justify-content:start;justify-items:start;text-align:left}
.n-urun-al .urun-ad span{color:var(--lac)}
.n-urun-form{display:grid;gap:14px;justify-items:stretch;margin:0}
.n-urun-fiyat .fiyat{font-size:clamp(1.6rem,1.4rem + .8vw,2rem)}
.n-rozetler{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.n-rozetler .fiyat-alt{margin:0}
.n-rozet-taksit{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--hap);background:var(--beyaz);box-shadow:inset 0 0 0 1px var(--cizgi);font-size:.8125rem;font-weight:550;color:var(--lac)}
.n-rozet-taksit svg{color:var(--pirinc)}
.urun-kisa{font-size:1rem;line-height:1.55;color:var(--ikincil);max-width:46ch}
.n-urun-form .secenek-grup{padding-top:14px;border-top:1px solid var(--cizgi)}
.n-paket{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding:0;border-radius:0;background:none;box-shadow:none}
.n-paket .seg-gosterge{display:none}
.n-paket label{height:auto;place-items:stretch;font-weight:inherit;font-size:inherit;border-radius:16px}
.n-paket label:has(input:checked){color:inherit}
@media(hover:hover){.n-paket label:not(:has(input:checked)):hover{background:none}}
.n-paket label:active span{transform:none}
.n-paket-ic{position:relative;display:grid;justify-items:center;align-content:start;gap:1px;height:100%;padding:6px 6px 10px;border-radius:16px;background:var(--beyaz);box-shadow:inset 0 0 0 1px var(--cizgi);text-align:center;transition:box-shadow 160ms var(--egri)}
@media(hover:hover){.n-paket-kart:hover .n-paket-ic{box-shadow:inset 0 0 0 1px var(--cizgi-koyu)}}
.n-paket-kart:has(input:checked) .n-paket-ic{box-shadow:inset 0 0 0 2px var(--lac)}
.n-paket-gorsel{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1;margin-bottom:6px;border-radius:12px;background:color-mix(in oklab,var(--ton) var(--ton-oran),var(--krem));overflow:hidden}
.n-paket-gorsel img{height:80%;width:auto;margin-inline:-19%;filter:drop-shadow(0 6px 6px rgba(20,20,20,.14))}
.n-paket-gorsel[data-n="1"] img{margin:0}
.n-paket-gorsel[data-n="3"] img{height:74%;margin-inline:-23%}
.n-paket-gorsel[data-n="3"] img:nth-child(2){position:relative;z-index:1;height:80%}
.n-paket-ic b{font-size:.9375rem;font-weight:650;color:var(--lac)}
.n-paket-fiyat{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--lac)}
.n-paket-ic small{font-size:.75rem;line-height:1.3;color:var(--ikincil)}
.n-paket-rozet{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%,-50%);padding:3px 8px;border-radius:var(--hap);background:var(--lac);color:var(--beyaz);font-size:.6875rem;font-weight:600;white-space:nowrap}
.n-paket .n-paket-fazla{grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;min-height:36px;border-radius:0;font-size:.875rem;font-weight:550;color:var(--lac);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--cizgi-koyu)}
.n-paket .n-paket-fazla:has(input:checked){font-weight:700;text-decoration-color:var(--lac)}
.n-urun-form .adim-sayac{justify-self:start;margin-top:4px}
.n-urun-form .adet-aciklama{justify-content:flex-start;margin-top:8px}
.n-urun-form .alim-ek{margin-top:8px}
.n-urun-dugmeler{display:grid;gap:10px}
.n-urun-dugmeler .ekle{min-height:56px}
.n-guvence{display:grid;gap:12px;padding:16px 18px;border-radius:18px;background:var(--beyaz);box-shadow:inset 0 0 0 1px var(--cizgi);font-size:.875rem;line-height:1.5;color:var(--ikincil)}
.n-guvence li{display:flex;gap:12px;align-items:flex-start}
.n-guvence svg{flex:none;margin-top:2px;color:var(--lac)}
.n-guvence b{font-weight:650;color:var(--lac);margin-right:3px}
.n-guvence a{color:var(--lac);text-underline-offset:3px}
.n-urun-al .guven-logolar{justify-content:flex-start;gap:8px 16px;margin:0;opacity:.85}
.n-wa-satir{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:center;min-height:44px;font-size:.9375rem;font-weight:600;color:var(--olumlu);text-decoration:none}
.n-wa-satir:hover{text-decoration:underline;text-underline-offset:3px}
.n-urun-al .urun-detay{margin-top:2px}
.n-urun-reel{padding-top:clamp(24px,4vw,48px)}
.galeri-kucuk{display:none}
@media(min-width:990px){
  .urun-duzen{grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:56px;align-items:start}
  .n-galeri{position:sticky;top:calc(var(--ust-h) + 16px)}
  .galeri-kare,.n-galeri-sahne{aspect-ratio:1}
  .galeri-nokta{display:none}
  .galeri-kucuk{display:flex;flex-wrap:wrap;gap:10px}
  .galeri-kucuk-kare{width:72px;height:72px;padding:0;border-radius:12px;overflow:hidden;background:color-mix(in oklab,var(--ton) var(--ton-oran),var(--beyaz));box-shadow:inset 0 0 0 1px var(--cizgi);transition:box-shadow 160ms var(--egri)}
  .galeri-kucuk-kare img{width:100%;height:100%;object-fit:cover}
  .galeri-kucuk-kare[aria-current=true]{box-shadow:0 0 0 2px var(--lac)}
  .galeri-kucuk-kare:focus-visible{outline:2px solid var(--lac);outline-offset:2px}
  .n-urun-al{padding-top:8px}
}
.n-urun-kapanis{padding-top:clamp(48px,7vw,80px)}
.n-urun-gun .n-zaman{max-width:none}
.n-urun-gun .n-zaman-satir{max-width:760px}

/* ---------- müşteri yorumları (yalnız yayınlanmış gerçek yorumlar; yoksa bölüm yok) ---------- */
.n-yildizlar{display:inline-flex;gap:1px;color:#9A6412;vertical-align:middle}
.n-yildizlar .bos{display:inline-flex;gap:1px;color:var(--cizgi-koyu)}
.n-yorum-ozet{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.9375rem;color:var(--ikincil)}
.n-yorum-ozet b{font-size:1.125rem;color:var(--lac);font-variant-numeric:tabular-nums}
.n-yorum-ray{display:grid;grid-auto-flow:column;grid-auto-columns:min(82vw,340px);gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding:4px var(--kenar) 14px;margin-inline:calc(-1 * var(--kenar));overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.n-yorum-ray::-webkit-scrollbar{display:none}
.n-yorum-kart{scroll-snap-align:start;display:grid;grid-template-rows:auto 1fr auto;gap:12px;margin:0;padding:20px;border-radius:var(--r-lg);background:var(--beyaz);box-shadow:inset 0 0 0 1px var(--cizgi)}
.n-yorum-kart blockquote{margin:0;font:400 1.0625rem/1.5 var(--f-baslik);color:var(--lac)}
.n-yorum-kart figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.8125rem;color:var(--ikincil)}
.n-yorum-kart figcaption b{font-size:.875rem;color:var(--lac)}
.n-yorum-renk{display:inline-flex;align-items:center;gap:5px;color:var(--ikincil);text-decoration:none}
.n-yorum-renk:hover{color:var(--lac);text-decoration:underline;text-underline-offset:3px}
.n-yorum-dogru{display:inline-flex;align-items:center;gap:3px;color:var(--olumlu);font-weight:600}
@media(min-width:990px){.n-yorum-ray{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:4px 0 0}}