/* Nisi Kids — ortak sayfa stili (Mağaza, Atölye, Yorumlar, SSS, İletişim, Özel Tasarım) */
:root{--bg:#FAF6F0;--bg2:#FDFBF7;--ink:#2E2723;--ink2:#5C5148;--mute:#796F66;--rose:#B08272;--rose-ink:#8E695C;--rose-deep:#876256;--rose2:#D6A48C;--line:#EAD9C6;--line2:#ECE2D3;--card:#FFFFFF;--gold:#D9A44B;--dark:#2E2723;--r:18px;--max:1200px;--serif:"Cormorant Garamond",Georgia,serif;--sans:Jost,"Segoe UI",system-ui,sans-serif}
/* hidden ozniteligi her zaman gizler (18 Ekim 2026 denetim: .form{display:grid}, .olcu, .chk gibi kurallar hidden'i eziyordu;
   giris sayfasinda 4 form birden, bos sepette onay formu gorunuyordu) */
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
/* yapiskan baslik (73px) klavye odagini ve #capa hedeflerini ortmesin: tarayici odaklanan ogeyi bu payin altina kaydirir
   (telefon degerleri ve urun sayfasinin alt cubugu "Mobil tasarim" blogunda) */
html{scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}a{color:inherit}button{font:inherit;cursor:pointer}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.012em;line-height:1.12;margin:0;text-wrap:balance}
h1{font-size:clamp(38px,5vw,60px)}h2{font-size:clamp(30px,3.6vw,44px)}h3{font-size:24px}
p{text-wrap:pretty}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font:500 11.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--rose)}
.lead{font-size:18px;color:var(--ink2);max-width:62ch}
.serif-i{font-family:var(--serif);font-style:italic;color:var(--rose)}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 26px;font:500 15px/1 var(--sans);text-decoration:none;border:1px solid var(--dark);background:var(--dark);color:#F7F1E8;transition:transform .18s,box-shadow .3s,background .3s;position:relative;overflow:hidden;isolation:isolate}
.btn:hover{box-shadow:0 18px 34px -20px rgba(46,39,35,.6);transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.985)}
.btn::after{content:"";position:absolute;top:-60%;bottom:-60%;width:38%;left:-55%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));transform:skewX(-18deg);opacity:0;pointer-events:none}
.btn:hover::after{opacity:1;animation:nkSilk 1.1s cubic-bezier(.2,.7,.2,1)}@keyframes nkSilk{0%{left:-55%}100%{left:115%}}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink)}
.btn.wa{background:#25D366;border-color:#25D366;color:#fff}.btn.wa svg{width:18px;height:18px;fill:#fff}
/* urun sayfasi uyum sozu (23 Ekim 2026) */
.pdp-soz{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:10px 0 0;padding:10px 14px;border:1px solid var(--line2);border-radius:12px;background:#FFFCF7;font-size:14px;color:var(--ink2)}
.pdp-soz>span{position:relative;padding-inline-start:22px}.pdp-soz>span::before{content:"";position:absolute;inset-inline-start:0;top:.2em;width:15px;height:15px;border-radius:50%;background:#2F7D5B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.5L12 5.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.pdp-soz a{color:var(--rose-deep);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.btn.sm{padding:10px 16px;font-size:13.5px}
:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:8px}
::selection{background:rgba(176,130,114,.24)}
.skip{position:fixed;left:14px;top:-72px;z-index:200;background:var(--dark);color:#F7F1E8;padding:11px 20px;border-radius:999px;font:600 14px/1 var(--sans);text-decoration:none;transition:top .28s}.skip:focus{top:14px}

/* ---- Duyuru + Başlık ---- */
.ann{background:var(--dark);color:#F7F1E8;text-align:center;font:400 12.5px/1 var(--sans);letter-spacing:.02em;padding:10px 16px}
.hd{position:sticky;top:0;z-index:92;background:rgba(250,246,240,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(234,217,198,.6);transition:box-shadow .4s}
.hd.on{box-shadow:0 10px 30px -22px rgba(46,39,35,.55)}
.hd .wrap{display:flex;align-items:center;gap:22px;height:72px}
.logo{text-decoration:none;line-height:1;flex:none}.logo b{display:block;font:500 26px/1 var(--serif);letter-spacing:.01em}.logo small{display:block;font:500 9px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--mute);margin-top:5px}
.nav{display:flex;gap:26px;margin-inline-start:24px}.nav a{position:relative;text-decoration:none;font:400 14.5px/1 var(--sans);color:var(--ink2);padding:8px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:-2px;height:1.5px;width:100%;background:var(--rose);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}.nav a[aria-current="page"]{color:var(--ink)}
.hd .right{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
.icobtn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--rose);font-size:16px;text-decoration:none;position:relative}
.icobtn .n,.cartbtn .n{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:var(--rose-ink);color:#fff;font:600 10.5px/18px var(--sans);text-align:center;padding:0 5px}
.cartbtn{position:relative;border-radius:999px;border:1px solid var(--dark);background:var(--dark);color:#F7F1E8;padding:11px 18px;font:500 14px/1 var(--sans);display:inline-flex;gap:8px;align-items:center}
.cartbtn .n{position:static;background:var(--rose2);color:var(--ink)}
.cartbtn .bag{display:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav a.nf{display:inline-flex;align-items:center;gap:7px}
.nav a.nf .nb,.fsmenu a.nf .nb{font-style:normal;font:600 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--rose-ink);border-radius:999px;padding:4px 7px;vertical-align:middle}
.fsmenu a.nf .nb{margin-inline-start:10px;margin-inline-end:auto;align-self:center;flex:none}
.burger{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff}
.burger span{display:block;width:16px;height:1.5px;background:var(--ink);margin:3px auto}
/* baslik etiketleri hicbir dilde satira bolunmez ("Nisi / Kids", Cincede harf harf "商/店" kirilmasi) */
.logo b,.logo small,.nav a,.nb,.lsw button,.cartbtn,.hd .right .btn{white-space:nowrap}
/* 360px alti telefonda satir sigmaz (logo 120 + dugmeler 178): yalnizca alt yazi iki satira iner, "Nisi Kids" bolunmez */
@media (max-width:359px){.logo{flex:0 1 auto;min-width:0}.logo small{white-space:normal}}
/* ust menu genislikleri 9 dilde olculdu (en uzun satir it: tam duzen ~1150px, sikisik ~995px; kaydirma cubugu dahil pay birakildi):
   1200px ve ustu tam duzen; 1025-1199px sikisik (sepet yazisi yerine canta simgesi, dar araliklar); 1024px ve alti hamburger */
@media (max-width:1199px){.hd .wrap{gap:14px}.nav{gap:18px;margin-inline-start:12px}.cartbtn{height:42px;min-width:42px;padding:0 13px;gap:6px;justify-content:center}.cartbtn .t{display:none}.cartbtn .bag{display:block}}
@media (max-width:1024px){.nav{display:none}.burger{display:block}}
@media (max-width:900px){.hd .wrap{height:62px;gap:12px}.logo b{font-size:22px}}
.fsmenu{position:fixed;inset:0;z-index:150;background:var(--bg);padding:24px;display:none;flex-direction:column;gap:6px;overflow:auto}
.fsmenu.open{display:flex}.fsmenu a{text-decoration:none;font:500 24px/1.2 var(--serif);padding:14px 0;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between}
.fsmenu a small{font:400 12px/1 var(--sans);color:var(--mute);letter-spacing:.1em}.fsmenu .x{align-self:flex-end;background:none;border:none;font-size:26px}

/* ---- Sayfa girişi ---- */
.phero{padding:64px 0 34px;position:relative}
.phero .crumbs{font:400 12.5px/1 var(--sans);color:var(--mute);margin-bottom:22px}.phero .crumbs a{text-decoration:none}.phero .crumbs span{margin:0 8px}
.phero h1{margin:14px 0 16px}
.sec{padding:64px 0}.sec.alt{background:var(--bg2)}.sec.dark{background:var(--dark);color:#F7F1E8}.sec.dark .eyebrow,.sec.dark .lead{color:#C9BDB0}
.sec-h{margin-bottom:34px}.sec-h p{margin:12px 0 0}
.grid{display:grid;gap:26px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.g4{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.g2,.g3,.g4{grid-template-columns:1fr 1fr}}@media (max-width:520px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line2);border-radius:var(--r);padding:26px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.card:hover{transform:translateY(-5px);box-shadow:0 26px 48px -30px rgba(46,39,35,.45)}
.card .ic{width:44px;height:44px;border-radius:50%;background:#F3EDE4;display:grid;place-items:center;margin-bottom:16px;color:var(--rose);font-size:20px}
.card h3{font-size:22px;margin-bottom:8px}.card p{margin:0;color:var(--ink2);font-size:15px}
.num{font:500 13px/1 var(--sans);letter-spacing:.2em;color:var(--rose-ink);margin-bottom:12px}
/* oge = simge + metin kutusu; metin kutusunda baslik ile alt yazi alt alta (eski ".trust div" ic kutuyu da flex yapip
   ikisini yan yana diziyordu, 320px'te sayfa yana tasiyordu). minmax(0,1fr): uzun kelime sutunu genisletmez */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:22px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.trust>div{display:flex;gap:12px;align-items:center;font-size:14px}.trust>div>div{min-width:0;overflow-wrap:break-word}.trust b{display:block;font-weight:500}.trust small{display:block;color:var(--mute);margin-top:1px}
.trust i{width:34px;height:34px;border-radius:50%;background:#F3EDE4;display:grid;place-items:center;font-style:normal;color:var(--rose);flex:none}
@media (max-width:760px){.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* gizleme yalnizca JS calisiyorsa (<html class="js">, build.js postHtml): JS'siz tarayici ve botlar icerigi gorur.
   :where() ozgulugu eklemez; .pc:hover vb. kurallarla oncelik eskisi gibi kalir */
:where(.js) .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}:where(.js) .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){:where(.js) .reveal{opacity:1;transform:none}.btn::after{display:none}}

/* ---- Mağaza ---- */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 26px}
.chip{border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink2);padding:10px 16px;font:500 13.5px/1 var(--sans);display:inline-flex;gap:8px;align-items:center;transition:all .3s}
.chip .d{width:9px;height:9px;border-radius:50%}.chip .c{font-size:11.5px;color:var(--mute)}.chip:hover{transform:translateY(-2px);box-shadow:0 10px 22px -16px rgba(46,39,35,.55)}
.chip.on{background:var(--dark);border-color:var(--dark);color:#F7F1E8}.chip.on .c{color:#C9BDB0}
/* etkinlige gore model onerisi (ana sayfa): koleksiyon baglantilari */
.occ{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:-8px 0 24px}
.occ .lb{font:500 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-inline-end:6px}
.occ .chip{text-decoration:none;border-color:var(--rose2);color:var(--rose-ink)}
.card .occ-l{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px}.occ-l a{font:500 14.5px/1.4 var(--sans);color:var(--rose-ink);text-decoration:none}.occ-l a:hover{text-decoration:underline}
@media (max-width:760px){.occ{gap:8px;margin:0 0 18px}.occ .lb{flex:1 1 100%;margin:0 0 2px}.occ .chip{padding:9px 13px;font-size:13px}}
/* kardes / kuzen: birden fazla yas secimi (urun sayfasi + hizli bakis) */
.multi{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:8px;font:400 14px/1.35 var(--sans);color:var(--ink2);cursor:pointer;width:fit-content;max-width:100%}
.multi input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--dark);cursor:pointer}
.multi-h{margin:0;font-size:13px;line-height:1.45;color:var(--mute)}
.md .multi{margin:-2px 0 0;min-height:40px}.md .multi-h{margin-top:-6px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.toolbar select{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font:500 13.5px var(--sans);color:var(--ink2)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}@media (max-width:1000px){.pgrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.pgrid{grid-template-columns:1fr 1fr;gap:14px}}@media (max-width:420px){.pgrid{grid-template-columns:1fr}}
.pc{background:#fff;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;box-shadow:0 1px 2px rgba(46,39,35,.05),0 8px 18px -10px rgba(46,39,35,.16)}
.pc:hover{transform:translateY(-6px);box-shadow:0 2px 4px rgba(46,39,35,.08),0 14px 28px -12px rgba(46,39,35,.24),0 44px 80px -34px rgba(46,39,35,.4)}
.pc .im{position:relative;aspect-ratio:4/5;background:#F3EDE4;overflow:hidden;cursor:pointer}
.pc .im img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.pc:hover .im img{transform:scale(1.045)}
.pc .im .alt{position:absolute;inset:0;opacity:0;transition:opacity .55s}.pc:hover .im .alt{opacity:1}
.pc .fav{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.92);backdrop-filter:blur(4px);color:var(--rose);font-size:17px;display:grid;place-items:center}
.pc .fav.on{color:#C0392B}
.pc .new{position:absolute;left:12px;top:12px;background:var(--dark);color:#F7F1E8;font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;border-radius:999px}
/* yetiskin modeli etiketi (24 Ekim 2026): kart rozeti ve urun sayfasi etiketi */
.pc .new.yet{background:#8A2432;color:#fff}
.tag.yet{background:#8A2432;color:#fff;border-color:#8A2432}
.pc .look{position:absolute;left:12px;bottom:12px;background:rgba(46,39,35,.82);color:#F7F1E8;border:none;border-radius:999px;padding:9px 14px;font:500 12.5px/1 var(--sans)}
.pc .bd{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc .nm{font:500 22px/1.15 var(--serif);cursor:pointer}.pc .pq{font:500 13.5px/1.35 var(--sans);color:var(--rose-ink);text-wrap:balance}
.pc .meta{font:500 10.5px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}
.pc .ds{font-size:13.5px;color:var(--ink2);margin:2px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc .add{margin-top:auto;border-radius:999px;border:1px solid var(--dark);background:var(--dark);color:#F7F1E8;padding:12px;font:500 14px/1 var(--sans)}
.empty{padding:60px 20px;text-align:center;color:var(--mute);border:1px dashed var(--line);border-radius:var(--r)}
.sk{background:#fff;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden}.sk i{display:block;aspect-ratio:4/5;background:linear-gradient(100deg,#F3EDE4 30%,#FAF6F0 50%,#F3EDE4 70%);background-size:220% 100%;animation:nkSk 1.4s linear infinite}.sk b{display:block;height:14px;margin:16px;border-radius:7px;background:#F3EDE4}
@keyframes nkSk{0%{background-position:150% 0}100%{background-position:-70% 0}}
table.sz{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;font-variant-numeric:tabular-nums}
table.sz th,table.sz td{padding:13px 16px;text-align:start;border-bottom:1px solid var(--line2);font-size:14.5px}table.sz th{font:500 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);background:var(--bg2)}
table.sz tr:last-child td{border-bottom:none}
/* olcu rehberi yaklasik beden tablosu ve urun sayfasindaki baglanti (23 Ekim 2026) */
#beden-tablosu{display:flex;align-items:center;gap:10px;flex-wrap:wrap;scroll-margin-top:96px}#beden-tablosu .tag{font-size:11px}
.sz-not{margin-top:10px;font-size:14px;color:var(--mute)}
.pdp-sz{position:relative}.pdp-sz .sz-tab{position:absolute;inset-inline-end:0;top:0;font-size:13px;color:var(--rose-deep);text-decoration:underline;text-underline-offset:2px}

/* ---- Modal / Sepet ---- */
.ov{position:fixed;inset:0;z-index:110;background:rgba(46,39,35,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}
.ov.open{display:flex}
.md{background:var(--bg);border-radius:24px;max-width:960px;width:100%;max-height:92vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 40px 90px -40px rgba(46,39,35,.6);animation:nkPop .5s cubic-bezier(.2,.7,.2,1)}
@keyframes nkPop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.md .pic{position:relative;background:#F3EDE4;min-height:420px}.md .pic img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .5s}.md .pic img.b{opacity:0}.md .pic.flip img.b{opacity:1}
.md .pic .hint{position:absolute;left:14px;bottom:14px;background:rgba(46,39,35,.82);color:#F7F1E8;font:500 11px/1 var(--sans);padding:7px 11px;border-radius:999px;pointer-events:none}
.md .pic .thumbs{position:absolute;right:14px;bottom:14px;display:flex;gap:6px}.md .pic .thumbs button{width:44px;height:54px;border-radius:8px;border:2px solid #fff;padding:0;overflow:hidden;background:#fff}.md .pic .thumbs img{position:static;width:100%;height:100%}
.md .inf{padding:34px 34px 30px;display:flex;flex-direction:column;gap:12px}
.md .x{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:18px}
.md h3{font-size:30px}.md .mst{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.md .mst .pq{font:500 14px/1.4 var(--sans);color:var(--rose-ink)}.md .ds{color:var(--ink2);font-size:15px}
.md .lbl{font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-top:6px}
.sizes{display:flex;flex-wrap:wrap;gap:8px}.sizes button{min-width:64px;padding:10px 10px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-size:13.5px;transition:all .15s}.sizes button.on{background:var(--dark);border-color:var(--dark);color:#F7F1E8}
.qty{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#fff}.qty button{border:none;background:none;font-size:18px;color:var(--ink2)}
.md .row{display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:14px;flex-wrap:wrap}
.md .row .btn{flex:1;justify-content:center}
/* eylemler (adet, Sepete Ekle, WhatsApp'tan Sor) masaustunde de pencerenin altina yapisir: uzun aciklamali urunde 1280x800 /
   1366x768 ekranlarda pencerenin disinda kaliyordu. Negatif kenar payi + ayni ic dolgu: kaydirma yokken yerlesim eskisiyle ayni.
   scroll-padding-bottom: sekme ile odaklanan beden dugmesi yapiskan blogun altinda kalmasin */
.md .md-act{margin:auto -34px -30px;padding:0 34px 30px;display:flex;flex-direction:column;gap:12px;position:sticky;bottom:0;z-index:3;background:var(--bg)}
.md{scroll-padding-bottom:170px}
/* altinda icerik kaydikca ustte ince golge; kaydirma sonunda (ya da kaydirma yokken) golge yok. Desteklemeyen tarayicida golgesiz */
@media (min-width:761px){@supports (animation-timeline:scroll()){.md .md-act{animation:nkActSh linear both;animation-timeline:scroll(nearest)}}}
/* masaustu hizli bakis bir ozettir (tam aciklama "Urun sayfasini ac"ta): aciklama 6 satirla sinirli, yas secimi ve
   "birden fazla cocuk" kutusu yapiskan alt alanin altinda kalmasin (4 Ekim 2026, fiyat yerine gelen bilgi satiri) */
@media (min-width:761px){.md .ds{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}}
@keyframes nkActSh{0%,97%{box-shadow:0 -18px 24px -20px rgba(46,39,35,.35)}100%{box-shadow:0 0 0 0 rgba(46,39,35,0)}}
@media (max-width:760px){.md{grid-template-columns:1fr;max-height:94vh}.md .pic{min-height:0;aspect-ratio:4/5}.md .inf{padding:22px}}
.drw{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);z-index:120;background:var(--bg);box-shadow:-30px 0 60px -40px rgba(46,39,35,.5);transform:translateX(105%);transition:transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s linear .45s;display:flex;flex-direction:column;visibility:hidden}
.drw.open{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s}.drw .h{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line2)}.drw .h h3{font-size:26px}
.drw .ls{flex:1;overflow:auto;padding:16px 22px;display:flex;flex-direction:column;gap:14px}
.ci{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:14px;padding:10px}
.ci img{width:64px;height:80px;object-fit:cover;border-radius:8px}.ci b{display:block;font:500 15px/1.2 var(--serif)}.ci small{color:var(--mute);font-size:12.5px}
.ci .q{display:flex;gap:8px;align-items:center;margin-top:6px}.ci .q button{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#fff}.ci .rm{border:none;background:none;color:var(--mute);font-size:18px}
.drw .f{padding:18px 22px 22px;border-top:1px solid var(--line2)}.drw .f .pnote{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:var(--ink2);text-align:center}
.drw .f .btn{width:100%;justify-content:center}.drw .f small{display:block;color:var(--mute);font-size:12px;margin-top:10px;text-align:center}
/* ortalama left/right + margin auto ile: left:50% + translate genisligi ekranin yarisina sikistiriyordu (360px'te 180px, 5 satir) */
.toast{position:fixed;left:16px;right:16px;margin-inline:auto;width:max-content;max-width:calc(100% - 32px);bottom:28px;transform:translateY(20px);z-index:160;background:var(--dark);color:#F7F1E8;padding:12px 18px;border-radius:22px;font:500 13.5px var(--sans);text-align:center;opacity:0;transition:opacity .35s,transform .35s;pointer-events:none}.toast.on{opacity:1;transform:none}
/* sepet cekmecesi aciksa bildirim cekmecenin disindaki alana ortalanir, "WhatsApp ile Siparis Ver" dugmesinin ustune binmez
   (telefonda cekmece tum ekrani kapladigi icin "Mobil tasarim" blogunda gorunmez yapilir; ekran okuyucu duyurusu surer) */
.drw.open~.toast{right:436px;max-width:calc(100% - 452px)}
[dir=rtl] .drw.open~.toast{right:16px;left:436px}

/* ---- Bölüm parçaları ---- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media (max-width:520px){.steps{grid-template-columns:1fr}}
/* uc adimli dizi (ozel-tasarim): telefonda tek sutun. Satir ici style="grid-template-columns:repeat(3,1fr)" medya sorgularini
   eziyor, 375px'te sayfa 478px oluyordu; sayfa .s3 sinifina gecene kadar ozellik secicisi + !important ile duzeltilir */
.steps.s3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.steps.s3,.steps[style*="repeat(3"]{grid-template-columns:1fr!important}}
.step{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:26px;position:relative}.step .n{font:500 40px/1 var(--serif);color:var(--rose);margin-bottom:10px}.step h3{font-size:21px;margin-bottom:6px}.step p{margin:0;color:var(--ink2);font-size:14.5px}
.video{position:relative;border-radius:24px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}.video video{width:100%;height:100%;object-fit:cover;display:block}
.video::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 85% at 50% 40%,transparent 55%,rgba(0,0,0,.35) 100%)}
.gal{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.gal a{display:block;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#F3EDE4}.gal img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.gal a:hover img{transform:scale(1.06)}
@media (max-width:900px){.gal{grid-template-columns:repeat(3,1fr)}}
.faq details{background:#fff;border:1px solid var(--line2);border-radius:14px;padding:0 22px;margin-bottom:12px}.faq summary{cursor:pointer;list-style:none;padding:18px 0;font:500 18px/1.3 var(--serif);display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--rose);font-size:22px;transition:transform .3s}.faq details[open] summary::after{transform:rotate(45deg)}.faq details p{margin:0 0 18px;color:var(--ink2);font-size:15px}
.faq .g{font-size:14px;font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:30px 0 12px}
.rev{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:24px;position:relative}.rev::before{content:"\201C";position:absolute;right:18px;top:2px;font:italic 74px/1 var(--serif);color:rgba(176,130,114,.2)}
.stars{color:var(--gold);letter-spacing:.06em;background:linear-gradient(180deg,#F3D48F,#D9A44B 55%,#B8822F);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:15px}
.rev p{margin:10px 0 14px;color:var(--ink2);font-size:15px}.rev .who{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--mute)}.rev .who i{width:34px;height:34px;border-radius:50%;background:#F3EDE4;display:grid;place-items:center;font-style:normal;color:var(--rose-deep);font-weight:600}
.rev .rev-src{display:block;margin-top:12px;font-size:12px;letter-spacing:.04em;color:var(--mute)}
.rate{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.rate .big{font:500 64px/1 var(--serif)}.rate .txt{color:var(--mute);font-size:14px}
.form{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:28px;display:grid;gap:14px}
.form label,.form .rsw{display:grid;gap:6px;font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
/* min-width:0: uzun secenekli <select> (it/es "Konu") dar ekranda formu, dolayisiyla sayfayi 320px'ten genis yapmasin */
.form input,.form textarea,.form select{border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:400 15px var(--sans);background:var(--bg2);color:var(--ink);min-width:0}
.form textarea{min-height:120px;resize:vertical}.form .rs{display:flex;gap:6px}.form .rs button{border:none;background:none;font-size:26px;color:#8C8177;padding:0}.form .rs button.on{color:#B8822F}
/* puan yildizlari beyaz kartta en az 3:1 (WCAG 1.4.11): secili = koyu altin #B8822F 3.35:1; secili olmayan = ici bos yildiz,
   kontur var(--mute) 4.9:1 (bicim farki renge bagli kalmaz). text-stroke yoksa duz gri #8C8177 3.8:1 */
@supports (-webkit-text-stroke:1px #000){.form .rs button:not(.on){color:transparent;-webkit-text-stroke:1.5px var(--mute)}}
.form .ok{color:#3E7D5A;font-size:14px}.form .err{color:#B03A2E;font-size:14px}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}@media (max-width:900px){.split{grid-template-columns:1fr}}
/* iletisim listesi: .trust ile ayni hata (".kv div" ic kutuyu da flex yapip etiketle degeri yan yana diziyor, 320px'te tasiyordu) */
.kv{display:grid;gap:18px}.kv>div{display:flex;gap:14px}.kv>div>div{min-width:0;overflow-wrap:anywhere}.kv i{width:40px;height:40px;border-radius:50%;background:#F3EDE4;display:grid;place-items:center;font-style:normal;color:var(--rose);flex:none}.kv b{display:block;font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:5px}.kv span{font-size:16px}
.map{border-radius:var(--r);overflow:hidden;border:1px solid var(--line2);aspect-ratio:4/3;background:#F3EDE4}.map iframe{width:100%;height:100%;border:0;display:block}
.fcard{display:block;background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:28px;text-decoration:none;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}
.fcard:hover{transform:translateY(-5px);box-shadow:0 26px 46px -30px rgba(46,39,35,.45);border-color:var(--line)}
.fcard h3{font-size:23px;margin:0 0 10px}
.fcard p{margin:0;color:var(--ink2);font-size:15px;line-height:1.7}
.fcard .go{display:inline-block;margin-top:16px;font:500 13.5px var(--sans);color:var(--rose-ink)}
/* ---------- Icerik sayfalari ---------- */
.tsec{margin:0 0 40px}
.tsec h2{font-size:clamp(21px,2.4vw,27px);margin:0 0 14px}
.tsec p{margin:0 0 14px;color:var(--ink2);font-size:15.5px;line-height:1.8}
.tlist{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.tlist li{position:relative;padding-inline-start:22px;font-size:15px;line-height:1.7;color:var(--ink2)}
.tlist li::before{content:"";position:absolute;inset-inline-start:0;top:10px;width:7px;height:7px;border-radius:50%;background:var(--rose)}
.tnote{margin:36px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);font-size:13.5px;line-height:1.7;color:var(--ink2)}
/* ---------- Koleksiyon sayfasi ---------- */
.kol{padding-top:34px}
.kol .crumbs{font:400 12.5px/1.6 var(--sans);color:var(--mute);margin-bottom:22px}
.kol .crumbs a{text-decoration:none;color:var(--ink2)}
.kol .crumbs a:hover{color:var(--rose)}
.kol .crumbs span{margin:0 8px}
.kol .crumbs b{font-weight:500;color:var(--ink)}
.kol h1{font-size:clamp(28px,3.6vw,44px);line-height:1.12;margin:0 0 16px}
.kol-in{max-width:74ch;margin:0 0 10px}
.kol-n{font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 28px}
.kgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:1000px){.kgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.kgrid{grid-template-columns:repeat(2,1fr);gap:14px}}
.kcard{display:block;text-decoration:none}
.kcard img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:16px;background:var(--bg2);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.kcard:hover img{transform:translateY(-6px);box-shadow:0 26px 44px -30px rgba(46,39,35,.5)}
.kcard .nm{display:block;margin-top:12px;font:400 16px/1.35 var(--serif);color:var(--ink)}
.kcard:hover .nm{color:var(--rose)}
.kcard .pq{display:block;margin-top:4px;font:500 13px/1.4 var(--sans);color:var(--rose-ink);text-wrap:balance}
/* koleksiyon sayfasi: fiyat sitede yok notu (ust) + hazir koleksiyon / ozel tasarim ayrimi (alt) */
.kol-fn{margin:4px 0 16px;font-size:14.5px;line-height:1.6;color:var(--rose-ink);max-width:720px}
.kol-fy{margin:22px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#FDF8F3;max-width:860px}
.kol-fy p{margin:0 0 10px;font-size:14px;line-height:1.7;color:var(--ink2)}.kol-fy p:last-child{margin:0}
.kol-fy .tag{margin-inline-end:6px;vertical-align:1px}.kol-fy b{font-weight:600;color:var(--ink)}
.kol-fy a{color:var(--rose-ink);font-weight:500;text-underline-offset:3px;white-space:nowrap}
.kol-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:44px 0 0;padding:26px;background:var(--bg2);border-radius:var(--r)}
.kol-note{font-size:13.5px;color:var(--ink2);max-width:46ch;line-height:1.6}
.kol-gd{margin-top:50px;max-width:78ch}
.kol-gd p{margin:0 0 16px;color:var(--ink2);font-size:15.5px;line-height:1.8}
.kol-faq{margin-top:50px;max-width:820px}
.kol-faq h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 18px}
.kol-rel{margin-top:56px;border-top:1px solid var(--line2);padding-top:36px}
.kol-rel h2{font-size:20px;margin:0 0 16px}
.kol-rel .g{display:flex;flex-wrap:wrap;gap:10px}
.kol-rel .g a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font:400 13.5px var(--sans);color:var(--ink2);text-decoration:none;transition:border-color .25s,background .25s}
.kol-rel .g a:hover{border-color:var(--rose);background:var(--bg2);color:var(--rose)}
/* ---------- Urun sayfasi ---------- */
.pdp{padding-top:34px}
.pdp .crumbs{font:400 12.5px/1.6 var(--sans);color:var(--mute);margin-bottom:24px}
.pdp .crumbs a{text-decoration:none;color:var(--ink2)}
.pdp .crumbs a:hover{color:var(--rose)}
.pdp .crumbs span{margin:0 8px}
.pdp .crumbs b{font-weight:500;color:var(--ink)}
.pdp-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
@media (max-width:900px){.pdp-g{grid-template-columns:1fr;gap:28px}}
.pdp-im{position:sticky;top:96px}
@media (max-width:900px){.pdp-im{position:static}}
.pdp-im>img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r);background:var(--bg2)}
.pdp-th{display:flex;gap:10px;margin-top:12px}
.pdp-th button{width:72px;height:72px;padding:0;border:1px solid var(--line2);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .3s}
.pdp-th button.on{border-color:var(--rose)}
.pdp-th img{width:100%;height:100%;object-fit:cover;display:block}
.pdp-in h1{font-size:clamp(28px,3.4vw,40px);line-height:1.15;margin:0 0 14px}
/* fiyat yerine: koleksiyon durumu + uretim sekli + fiyat notu (4 Ekim 2026) */
.tag{display:inline-flex;align-items:center;font:500 11px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rose-ink);background:#F6EEE6;border:1px solid var(--line);border-radius:999px;padding:7px 11px}
.tag.ghost{background:transparent;color:var(--mute);border-color:var(--line2)}
.pdp-pq{margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#FDF8F3}
.pdp-pq .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.pdp-pq .pq{margin:0;font:500 22px/1.25 var(--serif);color:var(--ink)}
.pdp-pq .pq-n{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:var(--mute)}
.pdp-ozel{margin:26px 0 8px;padding:22px 22px 20px;border-radius:18px;background:#F3EDE4;border:1px solid var(--line2)}
.pdp-ozel h2{font-size:22px;margin:0 0 10px}
.pdp-ozel p{margin:0 0 10px;color:var(--ink2);font-size:14.5px;line-height:1.7}
.pdp-ozel .act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:14px}
.pdp-ozel .btn svg{width:18px;height:18px;fill:#25D366;flex:none}
.pdp-ozel .lnk{margin:0;display:inline-flex;align-items:center;gap:6px;font:500 14px/1.4 var(--sans);color:var(--rose-ink);text-decoration:none}.pdp-ozel .lnk:hover{text-decoration:underline}
/* ana sayfa: magaza basligindaki fiyat notu, hazir koleksiyon / ozel tasarim kartlari; ozel tasarim kutusu ve galeri notu */
.sec-h .fnote{margin:14px 0 0;font-size:14.5px;line-height:1.6;color:var(--rose-ink);max-width:680px}
.sec-h .fnote a{color:inherit;font-weight:500;text-underline-offset:3px}
.fy .card{display:flex;flex-direction:column}.fy .card p+p{margin-top:10px}.fy .act{margin-top:auto;padding-top:20px}
.fy-box{margin:34px auto 0;max-width:820px;padding:28px 30px;border-radius:var(--r);background:#FDF8F3;border:1px solid var(--line);text-align:center}
.fy-box h3{font-size:26px;margin:14px 0 10px}.fy-box p{margin:0 auto 10px;color:var(--ink2);max-width:640px;font-size:15px}.fy-box .act{margin-top:18px}
.gal-not{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:22px}.gal-not p{margin:0;font-size:13.5px;line-height:1.6;color:var(--mute)}
/* Kisaca Nisi Kids: alintilanabilir bilgi kutusu (4 Ekim 2026, yapay zeka gorunurlugu) */
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--line2);border:1px solid var(--line2);border-radius:var(--r);overflow:hidden}
.facts>div{background:#fff;padding:18px 20px}
.facts dt{font:500 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 7px}
.facts dd{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}
@media (max-width:900px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts>div:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:560px){.facts{grid-template-columns:1fr}.facts>div{padding:14px 16px}.facts dd{font-size:14.5px}}
[dir=rtl] .facts dt{letter-spacing:0}:lang(zh) .facts dt{letter-spacing:.06em}
/* son guncelleme satiri (build.js tarih doldurma) */
.upd{padding-top:0;padding-bottom:34px}.upd p{margin:0;font-size:13px;color:var(--mute)}
.pdp-sp dd a{color:var(--rose-ink);text-underline-offset:3px}
/* rehber dizini (rehberler.html) */
.gh{font-size:clamp(22px,2.6vw,28px);margin:30px 0 14px}.gh:first-child{margin-top:6px}
.guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gcard{display:block;background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:20px 22px;text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.gcard:hover{transform:translateY(-3px);box-shadow:0 18px 34px -26px rgba(46,39,35,.5)}
.gcard h3{font:500 20px/1.25 var(--serif);color:var(--ink);margin:0 0 8px}.gcard:hover h3{color:var(--rose)}
.gcard p{margin:0;font-size:14px;line-height:1.6;color:var(--ink2)}
@media (max-width:900px){.guides{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.guides{grid-template-columns:1fr;gap:12px}.gcard{padding:16px 18px}.gcard h3{font-size:18.5px}}
[dir=rtl] .gcard h3{font-family:Amiri,"Cormorant Garamond",serif}
/* rehber konu gorseli ve ilgili rehberler (6 Ekim 2026, SEO) */
.gfig{max-width:420px;margin:0 auto 30px}.gfig img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);background:#F3EDE4}
.gfig figcaption{margin-top:10px;text-align:center;font-size:13.5px;color:var(--mute)}.gfig figcaption a{color:var(--rose-ink)}
.guides.gsm{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.guides.gsm .gcard{padding:16px 18px}.guides.gsm .gcard h3{font-size:18px}
.pdp-sp{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0 0 24px;font-size:14px;padding-bottom:22px;border-bottom:1px solid var(--line2)}
.pdp-sp dt{color:var(--mute)}
.pdp-sp dd{margin:0;color:var(--ink)}
.pdp-sz{margin-bottom:24px}
.pdp-sz .lb{display:block;font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.pdp-sz .opts{display:flex;gap:9px;flex-wrap:wrap}
.pdp-sz .opts button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font:400 14px var(--sans);color:var(--ink2);transition:border-color .25s,background .25s,color .25s}
.pdp-sz .opts button.on{background:var(--dark);border-color:var(--dark);color:#F7F1E8}
.pdp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.pdp-note{font-size:13.5px;color:var(--mute);line-height:1.7;margin:0 0 28px}
.pdp-desc{border-top:1px solid var(--line2);padding-top:26px}
.pdp-desc h2{font-size:20px;margin:0 0 12px}
.pdp-desc p{margin:0 0 12px;color:var(--ink2);font-size:15.5px;line-height:1.75}
.pdp-lnk{list-style:none;margin:22px 0 0;padding:0;display:flex;gap:20px;flex-wrap:wrap;font-size:14px}
.pdp-lnk a{color:var(--ink2)}
.pdp-lnk a:hover{color:var(--rose)}
/* rakam araligi (3-12): satirda bolunmez, Arapcada 12-3 okunmaz */
.nw{white-space:nowrap;unicode-bidi:isolate}
.pdp-rel{margin-top:70px;border-top:1px solid var(--line2);padding-top:44px}
.pdp-rel h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 24px}
.pdp-rel .g{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:900px){.pdp-rel .g{grid-template-columns:repeat(2,1fr)}}
.pdp-rel .g a{text-decoration:none;display:block}
.pdp-rel .g img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:14px;background:var(--bg2);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.pdp-rel .g a:hover img{transform:translateY(-5px)}
.pdp-rel .g span{display:block;margin-top:10px}
.pdp-rel .g b{display:block;font:400 15px/1.35 var(--serif);color:var(--ink)}
.pdp-rel .g small{display:block;margin-top:3px;font-size:13px;color:var(--rose-ink)}
/* Urun sayfasi musteri yorumlari + dogrulanmis alici formu (21 Ekim 2026; yalnizca Turkce, pdp.js yorumBolumu) */
.pdp-yr{margin-top:64px;border-top:1px solid var(--line2);padding-top:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;scroll-margin-top:96px}
@media (max-width:900px){.pdp-yr{grid-template-columns:1fr;gap:26px;margin-top:48px;padding-top:32px}}
.pdp-yr h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 14px}
.yr-oz{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 6px;font-size:15px;color:var(--ink2)}
.yr-oz .stars{font-size:19px}.yr-oz b{font:600 24px/1 var(--sans);color:var(--ink)}
.yr-oz2{margin:0 0 4px;font-size:13.5px;color:var(--mute)}
.stars .y0{-webkit-text-fill-color:#DDD3C8;color:#DDD3C8}
.stars.yr-ort{letter-spacing:0;background:linear-gradient(90deg,#D9A44B var(--p,0%),#DDD3C8 var(--p,0%));-webkit-background-clip:text;background-clip:text;color:transparent}
.yr-ls{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}
.yr{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:18px 20px}
.yr-ust{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.yr-dog{display:inline-flex;align-items:center;gap:5px;font:500 12px/1 var(--sans);color:#2F6B4A;background:#EAF2EC;border-radius:999px;padding:5px 10px}
.yr-dog::before{content:"✓";font-weight:600}
.yr-m{margin:10px 0 8px;color:var(--ink2);font-size:15px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.yr-alt{margin:0;font-size:13.5px;color:var(--mute)}.yr-alt b{font-weight:500;color:var(--ink)}
.yr-yok{margin:0;padding:18px 20px;border:1px dashed var(--line);border-radius:16px;background:var(--bg2);color:var(--ink2);font-size:15px}
.yr-form{position:relative}
.yr-form h3{font:500 clamp(21px,2.3vw,25px)/1.25 var(--serif);margin:0;letter-spacing:0;text-transform:none;color:var(--ink)}
.yr-form .yr-h{text-transform:none;letter-spacing:0;font:400 12.5px/1.4 var(--sans);color:var(--mute)}
.yr-form button[type=submit]{justify-self:start}
.yr-not{margin:0;font-size:13px;line-height:1.6;color:var(--mute)}.yr-not a{color:var(--rose-ink)}
.yr-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.sip-ur li .yr-git{grid-column:1;justify-self:start;font:500 13px/1.4 var(--sans);color:var(--rose-ink);text-underline-offset:3px}
.md .pdplink{display:inline-flex;align-items:center;gap:6px;margin:2px 0 16px;font:500 13px var(--sans);color:var(--rose-ink);text-decoration:none;padding:8px 14px;border-radius:999px;border:1px solid var(--line);transition:background .25s,border-color .25s}
.md .pdplink:hover{background:var(--bg2);border-color:var(--rose)}
.pc .nm{display:block;text-decoration:none;color:inherit}
.pc .nm:hover{color:var(--rose)}
.cta{background:var(--dark);color:#F7F1E8;border-radius:28px;padding:54px 40px;text-align:center;position:relative;overflow:hidden;isolation:isolate}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(42% 52% at 18% 28%,rgba(214,164,140,.26),transparent 62%),radial-gradient(38% 48% at 82% 72%,rgba(130,98,214,.3),transparent 62%);filter:blur(34px);animation:nkAurora 5s cubic-bezier(.2,.7,.2,1) both}
/* suslemeli hareketler (aurora, damga, bilgi kartlari, WhatsApp dugmesi) en fazla 5 sn surer ve durur: sonsuz dongu yok
   (WCAG 2.2.2 duraklat/durdur). Hareket azaltma tercihinde hic oynamaz */
@keyframes nkAurora{0%{transform:translate3d(-3%,-2%,0) scale(1.02)}100%{transform:translate3d(1%,1%,0) scale(1.04)}}
.cta h2{color:#fff}.cta p{color:#C9BDB0;max-width:60ch;margin:12px auto 24px}
.purple{background:linear-gradient(135deg,#1A0A2E 0%,#2D1B4E 40%,#1A0A2E 100%)}
.fab{position:fixed;right:24px;bottom:24px;z-index:80;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 14px 30px -12px rgba(37,211,102,.7);animation:nkBob 2.5s ease-in-out 2}.fab svg{width:30px;height:30px;fill:#fff}@keyframes nkBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.prog{position:fixed;left:0;top:0;height:2px;width:0;z-index:130;background:linear-gradient(90deg,#D6A48C,#B08272 60%,#8B5563);pointer-events:none}

/* ---- Footer ---- */
.ft{background:var(--dark);color:#C9BDB0;padding:60px 0 28px;position:relative}.ft::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(214,164,140,.6) 35%,rgba(214,164,140,.6) 65%,transparent)}
.ft .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}@media (max-width:900px){.ft .cols{grid-template-columns:1fr 1fr}}@media (max-width:520px){.ft .cols{grid-template-columns:1fr}}
.ft h4,.ft .fh{font:500 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#9A8F86;margin:0 0 16px}.ft a{color:#E8DED2;text-decoration:none;display:block;padding:5px 0;font-size:14.5px}.ft a:hover{color:#fff}
.ft .logo b{color:#fff}.ft .logo small{color:#9A8F86}.ft p{font-size:14px;max-width:34ch}
.ft .soc{display:flex;gap:10px;margin-top:14px}.ft .soc a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;padding:0}
.ft .bot{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#9A8F86}

/* ---- Ana sayfa hero ---- */
.hero{padding:56px 0 30px;position:relative;overflow:hidden}
.hero-g{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.hero .pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font:500 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--rose-ink);margin-inline-start:10px;vertical-align:middle}
.hero h1{margin:18px 0 16px;font-size:clamp(40px,5.2vw,64px)}
.hero .serif-i{text-decoration:underline;text-decoration-color:rgba(176,130,114,.4);text-underline-offset:8px;text-decoration-thickness:1px}
.hero .lead{border-inline-start:1px solid var(--line);padding-inline-start:16px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 22px}
.rate.sm{gap:12px}.rate.sm .big{font-size:22px}.rate.sm .txt{font-size:13.5px}
.hero-r{position:relative}
.arch{border-radius:290px 290px 22px 22px;overflow:hidden;background:#F3EDE4;box-shadow:0 56px 90px -52px rgba(176,130,114,.55),0 18px 34px -24px rgba(46,39,35,.22)}
.arch img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform 8s ease}
.arch:hover img{transform:scale(1.04)}
.hcard{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 16px 12px 12px;box-shadow:0 22px 48px -26px rgba(46,39,35,.45),0 2px 6px rgba(46,39,35,.06);animation:nkHc 5s ease-in-out}
.hcard.c1{left:-18px;bottom:44px}.hcard.c2{right:-22px;top:33%;animation-delay:-2.5s}
.hcard .ic{width:34px;height:34px;border-radius:50%;background:#F3EDE4;display:grid;place-items:center;color:var(--rose);font-size:15px;flex:none}
.hcard b{display:block;font:600 13.5px/1.2 var(--sans)}.hcard small{display:block;font:400 11.5px/1.3 var(--sans);color:var(--mute);margin-top:2px}
@keyframes nkHc{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.stamp{position:absolute;left:-14px;top:18px;width:124px;height:124px;z-index:6;pointer-events:none;animation:nkSpin 5s cubic-bezier(.2,.7,.2,1) both;filter:drop-shadow(0 8px 16px rgba(46,39,35,.22))}
.stamp svg{width:100%;height:100%}.stamp text{font:600 10.5px Jost,system-ui,sans-serif;letter-spacing:.2em;fill:#2E2723}.stamp .c{fill:#FAF6F0;stroke:#E3D7C4}.stamp .m{font:700 16px "Cormorant Garamond",serif;fill:#B08272;letter-spacing:0}
@keyframes nkSpin{from{transform:rotate(-60deg)}to{transform:none}}
.strip{background:var(--bg2);border-top:1px solid var(--line2)}.strip .trust{border:none;padding:26px 24px}
.sortrow{display:flex;gap:12px;align-items:center;margin-bottom:26px;color:var(--mute);font-size:13.5px}
/* ekran okuyucuya acik gizli metin; left:-9999px Arapca (RTL) sayfada sayfayi yana tasiriyordu */
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.mt{margin-top:28px}.center{text-align:center}
.step.dk{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff}.step.dk p{color:#D9CFE8}.step.dk .n{color:#E8C9D4}
.attrs{display:flex;gap:26px;flex-wrap:wrap}.lnk{text-transform:none;letter-spacing:0;margin-inline-start:8px}
@media (max-width:900px){.hero-g{grid-template-columns:1fr}.hero{padding-top:30px}.hcard,.stamp{display:none}.hero-r{max-width:460px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.hcard,.stamp,.arch img{animation:none;transition:none}}

/* ---- Dil seçici ---- */
.lsw{position:relative}.lsw button{height:42px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:0 14px;font:500 13px var(--sans);color:var(--ink2);display:inline-flex;align-items:center;gap:6px}
.lsw ul{position:absolute;top:calc(100% + 8px);inset-inline-end:0;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid var(--line2);border-radius:14px;box-shadow:0 24px 48px -24px rgba(46,39,35,.45);min-width:170px;display:none;z-index:200}
.lsw.open ul{display:block}.lsw li a{display:block;padding:9px 12px;border-radius:9px;text-decoration:none;font-size:14px;color:var(--ink2)}.lsw li a:hover{background:var(--bg2);color:var(--ink)}.lsw li a[aria-current]{color:var(--rose-ink);font-weight:500}
.fsmenu .fsl{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.fsmenu .fsl a{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:500 13px var(--sans);text-decoration:none;display:inline-block}.fsmenu .fsl a.on{background:var(--dark);color:#F7F1E8;border-color:var(--dark)}
.ft .fl{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:14px}.ft .fl a{display:inline;padding:0;font-size:12.5px;color:#9A8F86}
/* kapat dugmesi inset-inline-end'de: dolgu da mantiksal (RTL'de dugme solda, pay solda) */
.langbar{background:#F3EDE4;color:var(--ink);text-align:center;font:400 13.5px var(--sans);padding-block:9px;padding-inline:16px 44px;position:relative}
/* cubuk onerilen dilin yonunde dizilir: Arapca sayfada Turkce/Fransizca oneri soldan saga ("Bu sayfa ... Ac"), tersi de */
.langbar:has(>span[dir=ltr]){direction:ltr}.langbar:has(>span[dir=rtl]){direction:rtl}
.langbar a{color:var(--rose-deep);font-weight:500;text-decoration:none;margin-inline-start:6px}.langbar button{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);border:none;background:none;font-size:20px;color:#736960}
@media (max-width:900px){.lsw{display:none}}

/* ---- RTL (Arapça) ---- */
[dir=rtl] .nav a::after{transform-origin:right}
[dir=rtl] .drw{right:auto;left:0;transform:translateX(-105%);box-shadow:30px 0 60px -40px rgba(46,39,35,.5)}[dir=rtl] .drw.open{transform:none}
[dir=rtl] .fab{right:auto;left:24px}
[dir=rtl] .pc .fav{right:auto;left:12px}[dir=rtl] .pc .new,[dir=rtl] .pc .look{left:auto;right:12px}
[dir=rtl] .md .x{right:auto;left:16px}[dir=rtl] .md .pic .hint{left:auto;right:14px}[dir=rtl] .md .pic .thumbs{right:auto;left:14px}
[dir=rtl] .rev::before{right:auto;left:18px}
[dir=rtl] .hcard.c1{left:auto;right:-18px}[dir=rtl] .hcard.c2{right:auto;left:-22px}[dir=rtl] .stamp{left:auto;right:-14px}
/* .eyebrow cizgisine RTL kurali YOK: inline-flex RTL'de kendiliginden aynalar, cizgi metnin basinda (sagda) kalir
   (eski "[dir=rtl] .eyebrow::before{order:2}" cizgiyi metnin sonuna itiyordu) */
/* yon oku: metindeki "→" <span class="arr"> icinde gelirse RTL baglamda (dir=rtl) aynalanir; ic ice dir=ltr (dil onerisi) geri cevirir */
.arr{display:inline-block}
[dir=rtl] .arr{transform:scaleX(-1)}[dir=rtl] [dir=ltr] .arr{transform:none}[dir=ltr] [dir=rtl] .arr{transform:scaleX(-1)}
[dir=rtl] .prog{left:auto;right:0;background:linear-gradient(270deg,#D6A48C,#B08272 60%,#8B5563)}
[dir=rtl] .skip{left:auto;right:14px}
[dir=rtl] .form .rs{flex-direction:row-reverse;justify-content:flex-end}
[dir=rtl] body{font-family:Tajawal,"Segoe UI",system-ui,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .pc .nm,[dir=rtl] .logo b,[dir=rtl] .md h3,[dir=rtl] .ci b,[dir=rtl] .fsmenu a,[dir=rtl] .drw .h h3{font-family:Amiri,"Cormorant Garamond",serif;letter-spacing:0}
[dir=rtl] .eyebrow,[dir=rtl] .pc .meta,[dir=rtl] .lbl,[dir=rtl] .nk-meta,[dir=rtl] .occ .lb,[dir=rtl] .tag{letter-spacing:0}

/* ================= Mobil tasarim (telefon ve kucuk tablet) =================
   Masaustu gorunumu degismez: asagidaki kurallarin hepsi ya genislik sorgusu
   icindedir ya da yalnizca mobilde gorunen yeni ogeleri tanimlar. */

/* alt bilgi basliklari: masaustunde duz baslik, telefonda akordeon */
.ft details.fd>summary{list-style:none;display:block;cursor:default}
.ft details.fd>summary::-webkit-details-marker{display:none}

/* tam ekran menude koleksiyon akordeonu */
.fsk{border-bottom:1px solid var(--line2)}
.fsk>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;font:500 24px/1.2 var(--serif);padding:14px 0}
.fsk>summary::-webkit-details-marker{display:none}
.fsk>summary small{font:400 12px/1.3 var(--sans);color:var(--mute);letter-spacing:.04em;margin-inline-start:auto;text-align:end}
.fsk>summary::after{content:"+";font:300 26px/1 var(--sans);color:var(--rose);transition:transform .3s;flex:none}
.fsk[open]>summary::after{transform:rotate(45deg)}
.fsk-b{padding:0 0 18px}
.fsk-g b{display:block;font:500 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:16px 0 10px}
.fsk-l{display:flex;flex-wrap:wrap;gap:8px}
.fsmenu .fsk-l a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 14px/1.2 var(--sans);color:var(--ink2)}
.fsmenu .fsk-l a[aria-current]{background:var(--dark);border-color:var(--dark);color:#F7F1E8}
[dir=rtl] .fsk>summary{font-family:Amiri,"Cormorant Garamond",serif}[dir=rtl] .fsk-g b{letter-spacing:0}

/* urun sayfasinda telefona ozel alt siparis cubugu */
.pdp-bar{display:none}
@keyframes nkSheet{from{transform:translateY(100%)}to{transform:none}}

/* tam ekran menu hamburgerin gorundugu her genislikte (1024px ve alti, tablet yatay dahil; Rusca 1139px'e kadar) ayni:
   44px dokunma alanlari. Diger dillerde 1025-1139px arasinda hamburger yok, bu blok orada etkisiz. */
@media (max-width:1139px){
  .fsmenu{padding:12px 20px calc(24px + env(safe-area-inset-bottom));gap:0}
  .fsmenu .x{width:44px;height:44px;margin-bottom:4px}
  .fsmenu a{font-size:22px;align-items:center;gap:12px}
  .fsmenu a small{font-size:12px;letter-spacing:.04em;text-align:end}
  .fsmenu .fsl{margin-top:18px}
  .fsmenu .fsl a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;font-size:14px}
  .fsmenu .btn{font:500 16px/1.2 var(--sans);padding:15px 22px;min-height:52px;border-bottom:1px solid #25D366}
}

@media (max-width:900px){
  .hd .wrap{height:60px;gap:10px}
  .icobtn,.burger{width:44px;height:44px}
  .cartbtn{height:44px;min-width:44px;padding:0 13px;gap:6px;justify-content:center}
  .cartbtn .bag{display:block}
  /* baslik burada 61px (760 alti 59px); urun sayfasinda sabit alt siparis cubugu (~76px) odagi alttan ortmesin */
  html{scroll-padding-top:72px}
  html:has(body.has-bar){scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .pdp-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:85;align-items:center;gap:14px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(250,246,240,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line2);box-shadow:0 -14px 30px -22px rgba(46,39,35,.45);transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s}
  .pdp-bar.off{transform:translateY(110%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s linear .35s}
  .pdp-bar .p{display:flex;flex-direction:column;flex:none;min-width:0}
  .pdp-bar .p b{font:600 18px/1.15 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
  .pdp-bar .p small{font:400 12.5px/1.3 var(--sans);color:var(--mute);white-space:nowrap}
  .pdp-bar .btn{flex:1;min-width:0;justify-content:center;min-height:50px;padding:0 14px;font-size:15px;line-height:1.2;text-align:center}
  body.has-bar{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  body.has-bar .fab{display:none}
}

@media (max-width:760px){
  .wrap{padding:0 18px}
  h1{font-size:clamp(30px,8.4vw,38px)}
  h2{font-size:clamp(26px,7vw,32px)}
  h3{font-size:21px}
  .lead{font-size:16px}
  .btn{line-height:1.2;text-align:center;justify-content:center;min-height:48px}
  .btn.sm{min-height:44px;padding:10px 16px}
  input,select,textarea{font-size:16px!important}
  .eyebrow{font-size:11.5px;letter-spacing:.18em;gap:10px}
  .eyebrow::before{width:24px}
  .lbl,.md .lbl{font-size:11.5px;letter-spacing:.14em}
  .ann{font-size:12px;line-height:1.35;padding:8px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ann .ann-x{display:none}
  /* kapat dugmesi 44px, kenardan 10px: metin payi 58px (48px ile baglanti dugmenin 6px altina giriyordu) */
  .langbar{font-size:13px;padding-block:6px;padding-inline:14px 58px}
  .langbar a{display:inline-block;padding:11px 4px}
  .langbar button{width:44px;height:44px}
  .hd .wrap{height:58px}
  .logo b{font-size:21px}
  .logo small{font-size:9.5px;letter-spacing:.24em}
  .nav a.nf .nb,.fsmenu a.nf .nb{font-size:10px}

  /* dikey ritim */
  .sec{padding:44px 0}
  .sec-h{margin-bottom:22px}
  .sec-h p{margin-top:10px}
  .phero{padding:32px 0 20px}
  .phero .crumbs{margin-bottom:6px}
  .phero .crumbs a{display:inline-block;padding:12px 0;line-height:20px}
  .phero h1{margin:10px 0 12px}
  .grid{gap:14px}
  .card{padding:20px}
  .strip .trust{padding:18px}
  .trust{gap:14px 12px}
  .trust>div{font-size:13px;gap:10px;align-items:flex-start}
  .trust i{width:32px;height:32px}
  .trust small{display:block;font-size:12px;line-height:1.35}

  /* ana sayfa girisi: once fotograf, sonra baslik ve cagrilar */
  .hero{padding:14px 0 26px}
  .hero-g{gap:18px}
  .hero-r{order:-1;max-width:none;margin:0}
  .arch{border-radius:50% 50% 18px 18px/120px 120px 18px 18px;box-shadow:0 30px 50px -36px rgba(176,130,114,.6)}
  .arch img{aspect-ratio:auto;height:clamp(240px,40vh,360px);object-position:50% 22%}
  .hero h1{font-size:clamp(31px,8.6vw,38px);margin:12px 0}
  .hero .pill{margin-inline-start:6px;font-size:10.5px;padding:5px 10px}
  .hero .lead{font-size:15.5px;padding-inline-start:12px}
  .hero-cta{margin:20px 0 16px;gap:10px}
  .hero-cta .btn{flex:1 1 auto;padding:14px 18px}
  .hero .serif-i{text-underline-offset:5px}

  /* magaza: yatay kaydirilan filtreler, iki sutunlu sade kartlar */
  .toolbar{gap:4px}
  .toolbar .chips{flex:1 1 100%;min-width:0}
  .chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -18px 6px;padding:2px 18px 8px;scroll-padding-inline:18px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent)}
  .chips::-webkit-scrollbar{display:none}
  [dir=rtl] .chips{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(270deg,transparent 0,#000 14px,#000 calc(100% - 26px),transparent)}
  .chip{flex:none;min-height:44px;padding:0 16px;font-size:14px;scroll-snap-align:start}
  .chip .c{font-size:12px}
  .sortrow{width:100%;justify-content:space-between;margin-bottom:16px}
  .toolbar select{min-height:44px;padding:0 14px}
  .pgrid{grid-template-columns:1fr 1fr;gap:12px}
  .pc{border-radius:14px}
  .pc .im{aspect-ratio:3/4}
  .pc .bd{padding:10px 11px 12px;gap:5px}
  .pc .nm{font-size:16.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:2px 0}
  .pc .pq{font-size:12.5px;line-height:1.3}
  .pc .meta{font-size:11px;letter-spacing:.06em;line-height:1.3}
  .pc .ds,.pc .look{display:none}
  .pc .meta{margin-bottom:6px}
  .pc .add{margin-top:auto;min-height:44px;padding:8px 10px;font-size:13.5px;line-height:1.2}
  .pc .fav{top:8px;right:8px;width:36px;height:36px;font-size:16px}
  .pc .fav::after{content:"";position:absolute;inset:-6px}
  .pc .new{top:8px;left:8px;font-size:10px;padding:6px 9px}
  [dir=rtl] .pc .fav{right:auto;left:8px}[dir=rtl] .pc .new{left:auto;right:8px}
  .sk b{margin:12px}
  table.sz th,table.sz td{padding:11px 10px;font-size:13.5px}
  table.sz th{font-size:11px;letter-spacing:.08em}
  .faq details{padding:0 16px}
  .faq summary{font-size:17px;padding:15px 0}
  .step{padding:20px}
  .cta{padding:36px 20px;border-radius:22px}
  .rate .big{font-size:48px}
  .form{padding:20px}
  .split{gap:26px}
  .gal{gap:8px}

  /* urun penceresi: alttan acilan sayfa, eylemler hep gorunur */
  .ov{padding:0;align-items:flex-end}
  .md{display:flex;flex-direction:column;max-height:none;height:92vh;height:92dvh;border-radius:22px 22px 0 0;overscroll-behavior:contain;animation:nkSheet .42s cubic-bezier(.2,.7,.2,1);scroll-padding:64px 0 calc(140px + env(safe-area-inset-bottom))}
  .md .pic{flex:none;min-height:0;aspect-ratio:4/5;max-height:62vh}
  .ov .md .x{position:sticky;top:10px;right:auto;left:auto;align-self:flex-end;flex:none;margin:10px 10px -54px;z-index:4;width:44px;height:44px;box-shadow:0 6px 16px -8px rgba(46,39,35,.5)}
  .md .inf{padding:18px 18px 0;gap:10px;flex:1 0 auto}
  .md h3{font-size:25px}
  .md .ds{font-size:15px;margin:0}
  .md .pdplink{min-height:44px;margin:0 0 4px;align-self:flex-start}
  .md .pic .hint{font-size:11.5px}
  .attrs{gap:14px 22px}
  .sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
  .sizes button{min-width:0;min-height:44px;padding:6px 4px}
  .md .md-act{position:sticky;bottom:0;z-index:3;margin:auto -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line2);box-shadow:0 -16px 26px -22px rgba(46,39,35,.45);gap:10px}
  .md .row{padding-top:0;gap:10px;flex-wrap:nowrap}
  .md .row .btn{min-height:48px}
  .qty{padding:0 4px;gap:2px;min-height:48px}
  .qty button{width:40px;height:44px}

  /* sepet cekmecesi */
  .drw .h{padding-block:10px;padding-inline:20px 10px}
  .drw .h .x{width:44px;height:44px}
  .drw .ls{padding:14px 16px}
  .drw .f{padding:16px 18px calc(18px + env(safe-area-inset-bottom))}
  .ci .q button{width:40px;height:40px}
  .ci .rm{width:44px;height:44px}
  .toast{bottom:calc(18px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);text-align:center;line-height:1.35}
  /* cekmece eklenen urunu zaten gosterir; bildirim siparis dugmesini ortmesin diye gorunmez (opacity: ekran okuyucu yine duyurur) */
  .drw.open~.toast,.drw.open~.toast.on{opacity:0}
  .fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px}
  [dir=rtl] .fab{right:auto;left:16px}

  /* urun sayfasi */
  .pdp{padding-top:10px}
  .pdp .crumbs,.kol .crumbs{margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pdp .crumbs a,.kol .crumbs a{display:inline-block;padding:12px 0;line-height:20px}
  .pdp .crumbs span,.kol .crumbs span{margin:0 6px}
  .pdp-g{gap:20px}
  .pdp-im>img{border-radius:16px}
  .pdp-th{gap:8px;overflow-x:auto;scrollbar-width:none}
  .pdp-th button{width:64px;height:64px;flex:none}
  .pdp-in h1{font-size:clamp(26px,7.2vw,32px);margin-bottom:10px}
  .pdp-pq{padding:14px 15px;margin-bottom:18px}
  .pdp-pq .pq{font-size:20px}
  .pdp-ozel{padding:18px 16px 16px;margin-top:22px}
  .pdp-ozel .btn{flex:1 1 100%;justify-content:center;min-height:48px;text-align:center}
  .pdp-ozel .lnk{min-height:44px;display:inline-flex;align-items:center}
  .sec-h .fnote{font-size:14px}
  .fy-box{padding:22px 18px;text-align:start}
  .fy-box h3{font-size:22px}
  .fy .act .btn,.fy-box .act .btn,.gal-not .btn{width:100%;justify-content:center;min-height:48px;text-align:center}
  .pdp-sp{margin-bottom:18px;padding-bottom:16px}
  .pdp-sz .opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .pdp-sz .opts button{min-height:46px;padding:8px 6px;border-radius:12px}
  .pdp-cta .btn{flex:1 1 100%;min-height:50px}
  .pdp-note{margin-bottom:22px}
  .pdp-desc{padding-top:20px}
  .pdp-lnk{gap:0 18px}
  .pdp-lnk a{display:inline-block;padding:12px 0}
  .pdp-rel{margin-top:44px;padding-top:30px}
  .pdp-rel h2{margin-bottom:16px}
  .pdp-rel .g{gap:12px}

  /* koleksiyon ve bilgi sayfalari */
  .kol{padding-top:10px}
  .kol h1{font-size:clamp(26px,7.2vw,32px);margin-bottom:12px}
  .kol-n{font-size:11.5px;margin-bottom:18px}
  .kgrid{gap:12px}
  .kcard img{border-radius:14px}
  .kcard .nm{font-size:15.5px;margin-top:9px}
  .kol-cta{margin-top:30px;padding:18px;gap:12px}
  .kol-cta .btn{flex:1 1 100%;min-height:50px}
  .kol-gd,.kol-faq{margin-top:36px}
  .kol-rel{margin-top:40px;padding-top:26px}
  .kol-rel .g{gap:8px}
  .kol-rel .g a{min-height:44px;display:inline-flex;align-items:center;padding:8px 16px;line-height:1.3}
  .tsec{margin-bottom:30px}
  .tnote{margin-top:26px}

  /* alt bilgi: akordeon, 44px dokunma alani */
  .ft{padding:44px 0 calc(96px + env(safe-area-inset-bottom))}
  .ft .cols{grid-template-columns:1fr;gap:0}
  .ft .cols>div:first-child{padding-bottom:22px}
  .ft p{max-width:none}
  .ft .soc a{width:44px;height:44px}
  .ft details.fd{border-top:1px solid rgba(255,255,255,.1)}
  .ft details.fd>summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;cursor:pointer}
  .ft details.fd>summary::after{content:"+";font:300 24px/1 var(--sans);color:var(--rose2);transition:transform .3s}
  .ft details.fd[open]>summary::after{transform:rotate(45deg)}
  .ft details.fd[data-keep]>summary{cursor:default}
  .ft details.fd[data-keep]>summary::after{content:none}
  .ft summary h4,.ft summary .fh{margin:0;font-size:12px;letter-spacing:.18em;color:#C9BDB0}
  [dir=rtl] .ft summary h4,[dir=rtl] .ft summary .fh{letter-spacing:0}
  .ft .fdl{padding:0 0 12px}
  .ft .fdl a{padding:11px 0;font-size:15px;line-height:22px}
  .ft .cols>div>a:not(.logo){padding:11px 0;font-size:15px;line-height:22px}
  .ft .fl{gap:0 4px;margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
  .ft .fl a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-size:13px}
  .ft .bot{margin-top:18px;flex-direction:column;gap:4px}
}

/* dokunmatik ekranda "takili kalan" hover efektleri kapali */
@media (hover:none){
  .pc:hover,.card:hover,.fcard:hover,.btn:hover,.chip:hover{transform:none}
  .pc:hover{box-shadow:0 1px 2px rgba(46,39,35,.05),0 8px 18px -10px rgba(46,39,35,.16)}
  .pc:hover .im img,.arch:hover img,.gal a:hover img{transform:none}
  .pc:hover .im .alt{opacity:0}
  .btn:hover::after{animation:none;opacity:0}
}
/* hareket azaltma: #capa / atlama baglantisi gecisleri de animasyonsuz (html scroll-behavior:smooth kapatilir) */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fab,.md,.cta::before{animation:none}.pdp-bar,.drw{transition:none}}

/* ===== Cince (zh-Hans) =====
   Cormorant/Jost'ta CJK glifi yok: tarayici sistem Cince yazi tiplerine duser (web yazi tipi gomulmez, CJK dosyalari cok buyuk).
   Cincede italik ve genis harf araligi okunmayi bozar; buyuk harf donusumu etkisizdir. */
:lang(zh){--serif:"Cormorant Garamond","Noto Serif SC","Songti SC","STSong","SimSun",Georgia,serif;--sans:Jost,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Segoe UI",system-ui,sans-serif}
:lang(zh) .serif-i,:lang(zh) em,:lang(zh) i{font-style:normal}
:lang(zh) .eyebrow,:lang(zh) .pc .meta,:lang(zh) .lbl,:lang(zh) .nk-meta,:lang(zh) .tag{letter-spacing:.06em}
:lang(zh) body{line-break:strict;word-break:normal}
/* Geleneksel Cince (zh-Hant): :lang(zh) kurallari da uygulanir (onek eslesmesi); yalnizca yazi tipi
   yigini Tayvan/Hong Kong glif bicimleriyle degisir */
:lang(zh-Hant){--serif:"Cormorant Garamond","Noto Serif TC","Songti TC","PMingLiU","MingLiU",Georgia,serif;--sans:Jost,"PingFang TC","Microsoft JhengHei","Noto Sans TC","Heiti TC","Segoe UI",system-ui,sans-serif}
/* ===== Japonca (ja, 7 Ekim 2026) =====
   Cince gibi: Cormorant/Jost'ta kana/kanji yok, sistem Japonca yazi tiplerine duser (CJK dosyalari gomulmez);
   italik ve genis harf araligi kapali, satir kirma kurallari katı. */
:lang(ja){--serif:"Cormorant Garamond","Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP","BIZ UDPMincho","MS PMincho",Georgia,serif;--sans:Jost,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","YuGothic","Meiryo","Noto Sans JP","Segoe UI",system-ui,sans-serif}
:lang(ja) .serif-i,:lang(ja) em,:lang(ja) i{font-style:normal}
:lang(ja) .eyebrow,:lang(ja) .pc .meta,:lang(ja) .lbl,:lang(ja) .nk-meta,:lang(ja) .tag,:lang(ja) .facts dt{letter-spacing:.06em}
:lang(ja) body{line-break:strict;word-break:normal}
/* ===== Hintce (hi) =====
   Devanagari: Noto Serif Devanagari (basliklar) + Noto Sans Devanagari (govde), fonts-hi.css yalnizca hi sayfalarinda.
   Devanagari'de italik gelenegi yok (sahte egik bozuk durur); harf araligi ust cizgiyi (shirorekha) koparir: 0.
   Ust/alt isaretler (matra) icin basliklarda satir yuksekligi artar. */
:lang(hi){--serif:"Cormorant Garamond","Noto Serif Devanagari","Kohinoor Devanagari","Nirmala UI","Mangal",Georgia,serif;--sans:Jost,"Noto Sans Devanagari","Kohinoor Devanagari","Nirmala UI","Mangal","Segoe UI",system-ui,sans-serif}
:lang(hi) .serif-i,:lang(hi) em,:lang(hi) i{font-style:normal}
:lang(hi) :is(h1,h2,h3,.eyebrow,.pc .meta,.lbl,.nk-meta,.occ .lb,.tag,.facts dt,.ft h4,.ft .fh,.fsk-g b,.hero .pill,.pc .new,.nb,table.sz th,.fsmenu a small,.fsk>summary small,.ann,.kv b,.faq .g,.form label,.form .rsw,.kol-n,.pdp-sz .lb,.num,.stamp text){letter-spacing:0!important}
/* damga yazisi Jost'a sabit: Devanagari icin gomulu Noto Sans Devanagari (ortadaki ✦ .m Cormorant'ta kalir) */
:lang(hi) .stamp text:not(.m){font-family:var(--sans)}
:lang(hi) h1,:lang(hi) h2,:lang(hi) h3{line-height:1.4}
:lang(hi) body{line-height:1.75}
/* ===== Almanca / Rusca: uzun sozcukler dar ekranda tasmasin (html lang ile tireleme) ===== */
:lang(de) h1,:lang(de) h2,:lang(de) h3,:lang(ru) h1,:lang(ru) h2,:lang(ru) h3{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
:lang(de) .btn,:lang(de) button,:lang(ru) .btn,:lang(ru) button{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
:lang(de) table.sz th,:lang(ru) table.sz th{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}
/* Uzun menu etiketli diller: ust bilgi 1199 px alti sikisik duzene (sepet dugmesi yalnizca ikon + sayi) Almancada
   1399 px'e kadar, Ruscada her genislikte gecer; yoksa sag blok tasiyordu (olculdu) */
/* Rusca ust menu 1080 px'ten dar ekranda sigmiyor (olculdu): 1139 px altinda hamburger menu (pay birakildi) */
@media (max-width:1139px){:lang(ru) .nav{display:none}:lang(ru) .burger{display:block}}
@media (min-width:1140px){:lang(ru) .hd .wrap{gap:14px}:lang(ru) .nav{gap:18px;margin-inline-start:12px}:lang(ru) .cartbtn{height:42px;min-width:42px;padding:0 13px;gap:6px;justify-content:center}:lang(ru) .cartbtn .t{display:none}:lang(ru) .cartbtn .bag{display:block}}
@media (min-width:1200px) and (max-width:1399px){:lang(de) .hd .wrap{gap:14px}:lang(de) .nav{gap:18px;margin-inline-start:12px}:lang(de) .cartbtn{height:42px;min-width:42px;padding:0 13px;gap:6px;justify-content:center}:lang(de) .cartbtn .t{display:none}:lang(de) .cartbtn .bag{display:block}}
/* Arapca: SVG yol uzerindeki damga yazisi RTL yonunde yolun basindan disari tasip gorunmuyordu (bos damga);
   yol metni soldan saga yerlesir, Arapca harfler kendi icinde dogru siralanir */
[dir=rtl] .stamp text{direction:ltr}

/* ---------- E-ticaret (17 Ekim 2026): fiyat, olcu formu, sepet toplamlari, satici kunyesi ---------- */
.pc .pq.tl{font:600 16px/1.2 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.pc a.add{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}
.pc .add.wa-o{background:#fff;color:var(--dark)}
.md .mst .tl.big{font:600 24px/1.1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.olcu{border:1px solid var(--line);border-radius:14px;padding:12px 14px 14px;margin:14px 0 4px;background:#fff;display:grid;gap:10px;min-width:0}
.olcu legend{padding:0 6px;font:500 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.olcu legend .lnk{letter-spacing:0;text-transform:none;margin-inline-start:6px}
.olcu .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.olcu label{display:grid;gap:5px;font:500 12.5px/1.2 var(--sans);color:var(--ink2);min-width:0}
.olcu label small{color:var(--mute);font-weight:400}
.olcu input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;font:400 16px var(--sans);background:var(--bg2);color:var(--ink)}
.olcu input[aria-invalid="true"]{border-color:#B03A2E;background:#FFF6F4}
.olcu .hint{margin:0;font-size:12.5px;line-height:1.5;color:var(--mute)}
.olcu .err{margin:0;font-size:13px;color:#B03A2E}
.drw .f .sum{margin:0 0 12px;display:grid;gap:6px;font-size:14px}
.drw .f .sum div{display:flex;justify-content:space-between;gap:12px}
.drw .f .sum dt{color:var(--ink2)}
.drw .f .sum dd{margin:0;font-variant-numeric:tabular-nums lining-nums}
.drw .f .sum .tot{border-top:1px solid var(--line2);padding-top:8px;font-weight:600;font-size:16px}
.drw .f .sum .kdv{margin:0;font-size:12px;color:var(--mute);text-align:end}
.drw .f .lnk{display:block;text-align:center;margin-top:12px;font-size:13.5px}
.drw .f .btn[disabled]{opacity:.5;pointer-events:none}
.ci .ol{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:var(--ink2)}
.ci .q .tl{margin-inline-start:auto;font:600 14px/1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.ci .q button[disabled]{opacity:.35}
.pdp-pq .pdp-price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.pdp-pq .pdp-price .tl{font:600 30px/1.1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.pdp-pq .pdp-price small{font-size:13.5px;color:var(--mute)}
.pdp-cta.buy{align-items:center}
.pdp-cta.buy .btn:not(.ghost){flex:1;justify-content:center;min-width:180px}
.pdp-in .olcu{margin:6px 0 18px}
.ft .kunye{margin:14px 0 0;font-size:11.5px;line-height:1.6;color:#8E847B}
/* iyzico resmi logolari (yalnizca Turkce sayfalar) */
.ft .odeme{margin:20px 0 0;max-width:none}.ft .odeme img{display:block;height:24px;width:auto;max-width:100%}
.drw .f .odeme{margin:10px 0 2px;text-align:center}.drw .f .odeme img{height:20px;width:auto}
.pdp-odeme{margin:14px 0 0}.pdp-odeme img{display:block;height:22px;width:auto;max-width:100%}
.form .chk{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font:400 14px/1.5 var(--sans);color:var(--ink2)}
.form .chk input{margin-top:3px;width:18px;height:18px;flex:none}
@media (max-width:760px){.olcu .g3{gap:6px}.olcu input{padding:9px 8px}.pdp-pq .pdp-price .tl{font-size:26px}}
/* Siparis Onayi ve sozlesme alanlari (17 Ekim 2026) */
.onay .form{gap:12px}
.onay .form h2{font:500 clamp(22px,2.4vw,27px)/1.2 var(--serif);margin:22px 0 4px;letter-spacing:0;text-transform:none;color:var(--ink)}
.onay .form h2:first-child{margin-top:0}
.onay-g{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
@media (max-width:640px){.onay-g{grid-template-columns:1fr}}
.form .fe{color:#B03A2E;font:400 12.5px/1.4 var(--sans);letter-spacing:0;text-transform:none}
.form [aria-invalid=true]{border-color:#B03A2E}
.onay .hint{font-size:13px;color:var(--mute);margin:0}
.sozlesme-kutu{max-height:440px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:4px 18px 14px;background:var(--bg2);font-size:14px;line-height:1.6}
.sozlesme-kutu .tsec{margin:0}
.sozlesme-kutu h3{font:600 17px/1.35 var(--sans);margin:18px 0 6px}
/* sozlesme ve on bilgilendirme metinleri en az 12 punto (~16px): 6502 sayili Kanun md. 4, Mesafeli Sozlesmeler Yonetmeligi
   md. 6 (24 Ekim 2026; once onay kutusu 14px, yasal sayfalar 15-15.5px) */
.sozlesme-kutu,.sozlesme-kutu p,.sozlesme-kutu li,.sozlesme-kutu td,.sozlesme-kutu th,
main .sec.yasal .tsec p,main .sec.yasal .tlist li,main .sec.yasal td,main .sec.yasal th{font-size:16px}
.sozlesme-kutu th,main .sec.yasal th{letter-spacing:.02em;text-transform:none}
.tablo-kap{overflow-x:auto;margin:8px 0}
.sp-tablo{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}
.sp-tablo th,.sp-tablo td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
.sp-tablo th{background:var(--bg);font-weight:600}
.f{background:#FFF4DC;border-radius:4px;padding:0 3px}
.f.dolu{background:none;padding:0;font-weight:600}
.belge-no{font-size:13px;color:var(--mute)}
.onay-bos{padding:24px;border:1px dashed var(--line);border-radius:12px;text-align:center}
/* son-duzeltme (18 Ekim 2026): sepet/stok uyarisi formun disinda; sepet tamamen bosalinca da gorunur */
.onay>.onay-not{color:#B03A2E;font-size:14px;line-height:1.5;margin:0 0 14px;padding:12px 16px;border:1px solid #E9C9C3;border-radius:12px;background:#FDF4F2}
/* cekmecedeki stok uyarisi (telefonda cekmece acikken toast gizlenir) */
.drw .ls .cnote{margin:0;padding:10px 12px;border-radius:10px;background:#FDF4F2;border:1px solid #E9C9C3;color:#B03A2E;font-size:13px;line-height:1.45}
.onay #onay-git{justify-self:start}
.onay #onay-git:disabled{opacity:.5;cursor:not-allowed}
.onay .form h3.onay-alt{font:600 15px/1.3 var(--sans);letter-spacing:.04em;margin:14px 0 0;color:var(--ink)}
.onay .fatura-alan{display:grid;gap:12px;padding:14px 16px;border:1px dashed var(--line);border-radius:12px}
.onay .fatura-alan[hidden]{display:none}

/* ---------- Musteri hesabi (17 Ekim 2026): ust bilgi simgesi, giris / uyelik, panel ---------- */
/* site ici arama (23 Ekim 2026) */
.icobtn.srchbtn{cursor:pointer;font:inherit;padding:0}.icobtn.srchbtn svg,.srch-f svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.icobtn.srchbtn[aria-expanded=true]{background:#F3EDE4}
.hd{--srch-top:100%}.srch{position:absolute;left:0;right:0;top:var(--srch-top);background:#FFFCF7;border-bottom:1px solid var(--line2);box-shadow:0 18px 32px -24px rgba(46,39,35,.45);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow:auto}
.srch[hidden]{display:none}.hd .srch .wrap{display:block;height:auto;padding-top:14px;padding-bottom:16px}
/* telefonda arama dugmesine yer: Hesabim simgesi gizlenir (menude "Hesabım" satiri var) */
@media (max-width:480px){.hd .right .icobtn.acc{display:none}}
.srch-f{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 8px 0 16px;color:var(--rose)}
.srch-f input{flex:1;min-width:0;height:46px;border:0;background:transparent;font:16px var(--sans);color:var(--ink);outline:none}
.srch-f input::-webkit-search-cancel-button{display:none}
.srch-f:focus-within{border-color:var(--rose);box-shadow:0 0 0 3px rgba(176,130,114,.18)}
.srch-f .x{width:36px;height:36px;border:0;border-radius:50%;background:none;font-size:22px;line-height:1;color:var(--mute);cursor:pointer}
.srch-n{margin:10px 4px 6px;font-size:13px;color:var(--mute)}.srch-n:empty{display:none}
.srch-r{list-style:none;margin:0;padding:0;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.srch-r a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;text-decoration:none;color:var(--ink);border:1px solid transparent}
.srch-r a:hover,.srch-r a:focus-visible{background:#fff;border-color:var(--line2)}
.srch-r img,.srch-r i{width:48px;height:60px;border-radius:8px;object-fit:cover;background:#F3EDE4;flex:none}
.srch-r i{display:grid;place-items:center;font-style:normal;color:var(--rose)}
.srch-r b{display:block;font-weight:500;font-size:14.5px;line-height:1.3}.srch-r small{display:block;margin-top:2px;font-size:12.5px;color:var(--mute)}
.icobtn.acc svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.icobtn.acc .dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#3E7D5A;box-shadow:0 0 0 2px #fff}
.icobtn.acc .dot[hidden]{display:none}
.fsmenu a.acc-m{border-top:1px solid var(--line2)}
@media (max-width:420px){.hd .right{gap:6px}.hd .right .icobtn,.hd .right .burger{width:40px;height:40px}.hd .right .cartbtn{min-width:40px;height:40px;padding:0 10px}}
@media (max-width:359px){.hd .right .icobtn:not(.acc){display:none}}
.msg:empty{display:none}
.hg{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start;max-width:980px}
.hg-kart{display:grid;gap:0}
.hg-sek{display:flex;gap:6px;background:#fff;border:1px solid var(--line2);border-bottom:none;border-radius:var(--r) var(--r) 0 0;padding:8px 8px 0}
.hg-sek[hidden]{display:none}
.hg-sek button,.hs-sek button{border:none;background:none;padding:12px 18px;font:500 15px/1 var(--sans);color:var(--mute);border-bottom:2px solid transparent;min-height:44px}
.hg-sek button[aria-selected="true"],.hs-sek button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--rose)}
.hg-sek+.form{border-top-left-radius:0;border-top-right-radius:0}
.hg-b{font:500 26px/1.2 var(--serif);margin:0}
.hg-alt{margin:0}
.form button.lnk,.hesap button.lnk,.uye-not button.lnk{border:none;background:none;padding:0;margin:0;color:var(--rose-ink);text-decoration:underline;font:500 14px/1.5 var(--sans);min-height:auto}
.hg-yan{background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r);padding:24px 26px}
.hg-yan h2{font:500 26px/1.2 var(--serif);margin:0 0 12px}
.hg-yan .tlist{margin:0 0 14px}
@media (max-width:820px){.hg{grid-template-columns:1fr}}
.hesap{max-width:980px}
.hs{position:relative}
.hs-sek{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:22px;padding-inline-end:110px}
.hs-cikis{position:absolute;top:12px;inset-inline-end:0}
.hs-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.hs-bas h2,.hs-p>h2{font:500 30px/1.2 var(--serif);margin:0}
.hs-p>h2{margin-bottom:14px}
.hs-yok{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:28px;text-align:center}
.hs-yok-b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.sip-ls,.adr-ls{display:grid;gap:16px;margin-bottom:18px}
.bos{background:#fff;border:1px dashed var(--line);border-radius:var(--r);padding:26px;text-align:center;color:var(--ink2)}
.sip{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:20px 22px;display:grid;gap:14px}
.sip header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.sip h3,.adr h3{font:600 17px/1.3 var(--sans);margin:0}
.sip header small{display:block;color:var(--mute);font-size:13px;margin-top:2px}
.sip .durum{border-radius:999px;padding:6px 12px;font:500 13px/1.2 var(--sans);background:#F3ECE3;color:var(--ink2)}
.sip.d-yolda .durum{background:#EAF2EC;color:#2F6B4A}.sip.d-tamam .durum{background:#2F6B4A;color:#fff}
.sip.d-iptal .durum{background:#F6E5E2;color:#9A3328}.sip.d-yarim .durum{background:#FBF1DD;color:#7A5A16}
.adim{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;counter-reset:a}
.adim li{position:relative;padding-top:16px;font:500 12.5px/1.3 var(--sans);color:var(--mute);text-align:center}
.adim li::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-radius:999px;background:var(--line2)}
.adim li.ok{color:#2F6B4A}.adim li.ok::before{background:#5E9C78}
.adim li.su{color:var(--ink)}.adim li.su::before{background:linear-gradient(90deg,#5E9C78 50%,var(--line2) 50%)}
.sip-ur{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sip-ur li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding-bottom:8px;border-bottom:1px solid var(--line2)}
.sip-ur li small{grid-column:1;color:var(--mute);font-size:13px}.sip-ur li span{grid-row:1;grid-column:2;font-weight:500}
.sip-t{display:grid;grid-template-columns:auto auto;justify-content:end;gap:4px 18px;margin:0;font-size:14.5px}.sip-t dd{margin:0;text-align:end}
.sip-a{font-size:14px;color:var(--ink2)}.sip-a p{margin:0 0 4px}
.sip-k{margin:0;font-size:14px;background:var(--bg2);border-radius:10px;padding:10px 12px}
.sip-b{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.adr{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:18px 20px}
.adr header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.adr p{margin:0 0 10px;color:var(--ink2);font-size:14.5px}
.rozet{border-radius:999px;background:#EAF2EC;color:#2F6B4A;font:500 12px/1 var(--sans);padding:6px 10px}
.adr-b{display:flex;gap:16px;flex-wrap:wrap}.adr-b .sil{color:#9A3328}
.adr-form,.prof-form{margin-bottom:24px}.adr-form h3{font:500 24px/1.2 var(--serif);margin:0}
.adr-form-b{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.form input[readonly]{background:#F3EEE7;color:var(--ink2)}
@media (max-width:640px){.hs-sek{padding-inline-end:0}.hs-cikis{position:static;margin:-10px 0 14px}.hs-sek button{padding:12px 12px}.sip{padding:16px}.adim li{font-size:11.5px}}
/* Siparis Onayi: uye notu, kayitli adres secimi, guvenli odeme */
.uye-not{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:14.5px;color:var(--ink2)}.uye-not p{margin:0}
.uye-not[hidden],.adr-sec[hidden],.hesap-cta[hidden]{display:none}
.onay .adr-sec select{background:#fff}
.guvenli-odeme{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--bg2)}
.guvenli-odeme .gl{height:30px;width:auto;flex:none}.guvenli-odeme b{font:600 15px/1.3 var(--sans)}
.guvenli-odeme p{margin:4px 0 8px;font-size:13.5px;color:var(--ink2)}.guvenli-odeme .bant{height:20px;width:auto;max-width:100%}
@media (max-width:560px){.guvenli-odeme{flex-direction:column;align-items:flex-start}}
/* sayfa ici iyzico seridi (ana sayfa, siparis nasil verilir, SSS, urun penceresi, hesap, tesekkurler) */
.odeme-s{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:14px 0 0;font:500 12.5px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.odeme-s img{height:22px;width:auto;max-width:100%}
.hero-o{margin-top:18px}
.md-act .odeme-s{justify-content:center;margin-top:10px}.md-act .odeme-s img{height:18px}
details .odeme-s{margin:0 0 14px}
.hesap-cta{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:22px 24px;margin-bottom:16px}.hesap-cta h2{margin-top:0}
/* ---------- Iade / degisim talebi (17 Ekim 2026) ---------- */
.iade-bilgi{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.iade-bilgi>div{background:var(--bg2);border:1px solid var(--line2);border-radius:14px;padding:16px 18px}
.iade-bilgi b{font:600 15px/1.3 var(--sans)}.iade-bilgi p{margin:6px 0 0;font-size:14px;color:var(--ink2)}
@media (max-width:760px){.iade-bilgi{grid-template-columns:1fr}}
.iade-form{gap:18px}
.iade-adim{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;counter-reset:ia}
.iade-adim li{counter-increment:ia;display:flex;align-items:center;gap:8px;font:500 13px/1.2 var(--sans);color:var(--ink2)}
.iade-adim li::before{content:counter(ia);flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--rose);color:#fff;font-size:13px}
.if-blok{border:1px solid var(--line2);border-radius:14px;padding:16px 18px 18px;margin:0;display:grid;gap:12px;min-width:0}
.if-blok legend{font:500 24px/1.2 var(--serif);padding:0 6px;color:var(--ink)}
.if-blok[hidden],.if-elle[hidden],.if-sip[hidden],.if-urunler[hidden]{display:none}
.secimler{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.if-sip{display:grid;gap:8px}
.form label.secim{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;cursor:pointer;color:var(--ink);font:400 14px/1.4 var(--sans)}
.form label.secim:has(input:checked){border-color:var(--rose);background:#FBF5F1;box-shadow:0 0 0 1px var(--rose)}
.form label.secim input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--rose-ink)}
.secim b{display:block;font:600 14.5px/1.3 var(--sans)}.secim small{display:block;color:var(--mute);font-size:13px;margin-top:2px}
.form .lbl{margin:0;font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.if-urunler{display:grid;gap:8px}
.form .sayac{justify-self:end;text-transform:none;letter-spacing:0;font:400 12px/1 var(--sans);color:var(--mute)}
.iade-tamam{background:#fff;border:1px solid var(--line2);border-radius:var(--r);padding:28px;outline:none}
.iade-tamam .ok-i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#EAF2EC;color:#2F6B4A;font-size:22px}
.iade-tamam h2{font:500 32px/1.2 var(--serif);margin:12px 0 4px}.iade-tamam .no{font-size:16px}
.iade-tamam .tlist li{margin-bottom:12px}.iade-tamam .btn{margin-top:8px}
.sip .yanit{background:#F3F7F4;border-left:3px solid #5E9C78;border-radius:8px;padding:10px 12px;font-size:14px}.sip .yanit p{margin:4px 0 0}
/* ================= Gorsel bilesenleri (20 Ekim 2026) =================
   Kaynak sayfadaki yer tutucular build.js nkBilesen ile cozulur (ikon cizimleri nk-build/nk-ikon.cjs):
   .nk-fig gorsel + altyazi (+ fotografci kredisi .nk-kredi), .nk-urunler urun seridi (kcard), .nk-ic satir ici ikon,
   .nk-facts ikonlu bilgi kartlari, .nk-steps numarali surec, .nk-not ikonlu bilgi kutusu, .nk-split metin + gorsel.
   Yonler mantiksal ozelliklerle (Arapcada kendiliginden aynalanir); golge yok, ince kenar; sonsuz hareket yok.
   --nkm-*: yalnizca CSS ile cizilen ikon maskeleri (urun sayfasi bilgi satiri, rehber listeleri). `node nk-ikon.cjs css` uretir;
   build.js bu satirin nk-ikon.cjs ile ayni oldugunu denetler, elle degistirmeyin. */
:root{--nkm-tik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");--nkm-kumas:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4.5h13a2.7 2.7 0 0 1 0 5.4h-13'/%3E%3Cpath d='M20.5 9.9h-13a2.7 2.7 0 0 0 0 5.4h13'/%3E%3Cpath d='M3.5 15.3h13a2.7 2.7 0 0 1 0 5.4h-13'/%3E%3C/svg%3E");--nkm-olcu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 3.5c1 .9 2.1 1.3 3.4 1.3s2.4-.4 3.4-1.3c1.5.8 2.4 2.3 2.4 4.1 0 2-1.1 3.2-1.7 4.6-.6 1.5-.3 3.4.7 5.1H7.2c1-1.7 1.3-3.6.7-5.1-.6-1.4-1.7-2.6-1.7-4.6 0-1.8.9-3.3 2.4-4.1z'/%3E%3Cpath d='M12 17.3V21M9.5 21h5M5.3 10.8c2.1.9 4.4 1.3 6.7 1.3s4.6-.4 6.7-1.3l1.3 2.9'/%3E%3C/svg%3E");--nkm-takvim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4M8 13.5h.01M12 13.5h.01M16 13.5h.01M8 17h.01M12 17h.01'/%3E%3C/svg%3E");--nkm-saat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");--nkm-kamyon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 15.5V7a1 1 0 0 1 1-1h10v9.5'/%3E%3Cpath d='M13.5 9.5h3.8l3.2 3.4v2.6h-1.6M8.9 15.5h6M2.5 15.5h2.2'/%3E%3Ccircle cx='6.8' cy='16.2' r='1.9'/%3E%3Ccircle cx='17' cy='16.2' r='1.9'/%3E%3C/svg%3E");--nkm-konum:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E");--nkm-makas:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6.5' r='2.8'/%3E%3Ccircle cx='6' cy='17.5' r='2.8'/%3E%3Cpath d='M8.3 8.2 20.5 18.5M8.3 15.8l4.2-3.5M15 10.2l5.5-4.7'/%3E%3C/svg%3E");--nkm-sohbet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.5c0 4.1-3.8 7.3-8.5 7.3-1.1 0-2.2-.2-3.2-.5L4 20l1.4-3.7c-1.2-1.3-1.9-3-1.9-4.8 0-4.1 3.8-7.3 8.5-7.3s8.5 3.2 8.5 7.3z'/%3E%3Cpath d='M8.5 11.6h.01M12 11.6h.01M15.5 11.6h.01'/%3E%3C/svg%3E");--nkm-parilti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5c.7 4.4 3 7 8 8-5 1-7.3 3.6-8 8-.7-4.4-3-7-8-8 5-1 7.3-3.6 8-8z'/%3E%3Cpath d='M18.5 3v4M16.5 5h4'/%3E%3C/svg%3E");--nkm-aski:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5.2a2 2 0 1 1 3.2 1.6c-.7.5-1.2 1-1.2 1.9V9.3'/%3E%3Cpath d='M12 9.3 3.6 15.3c-.9.7-.5 2.2.7 2.2h15.4c1.2 0 1.6-1.5.7-2.2z'/%3E%3C/svg%3E")}
.nk-ic{display:inline-block;width:1.25em;height:1.25em;flex:none;vertical-align:-.25em;color:var(--rose-ink);overflow:visible}
/* gorsel: varsayilan 3/2 ortada; --dik (derleme ekler: dikey/kare fotograf) 4/5; --wide icerik genisligi; --hero 16/7 (telefonda 4/3);
   --side metin yaninda (masaustunde metin akisinin sonuna yaslanir, telefonda tam genislik) */
.nk-fig{margin:30px auto;max-width:720px}
.nk-fig img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);border:1px solid var(--line2);background:#F3EDE4}
.nk-fig figcaption{margin-top:10px;font-size:13.5px;line-height:1.55;color:var(--mute);text-align:center;text-wrap:pretty}
.nk-fig figcaption a{color:var(--rose-ink);text-underline-offset:3px}
.nk-kredi{display:block;margin-top:3px;font-size:11.5px;line-height:1.5;color:var(--mute)}
.nk-kredi a,.nk-kredi span{color:inherit;unicode-bidi:isolate}
.nk-fig figcaption .nk-kredi a{color:inherit;text-decoration-color:rgba(121,111,102,.5);text-underline-offset:2px}
.nk-fig figcaption .nk-kredi a:hover{color:var(--ink2)}
.nk-fig--dik{max-width:420px}.nk-fig--dik img{aspect-ratio:4/5}
.nk-fig--wide{max-width:none}
.nk-fig--hero{max-width:none;margin:0 0 34px}.nk-fig--hero img{aspect-ratio:16/7}
/* bilgi sayfalarinda ust gorsel baslik alaninin (phero) son ogesi: alt boslugu phero verir */
.phero .nk-fig--hero{margin:28px 0 0}
.nk-fig--side{max-width:none}
@media (max-width:760px){.nk-fig{margin:22px auto}.nk-fig--hero{margin:0 0 24px}.phero .nk-fig--hero{margin:20px 0 0}.nk-fig--hero img{aspect-ratio:4/3}.nk-fig img{border-radius:16px}.nk-fig--side.nk-fig--dik{max-width:420px}}
@media (min-width:761px){
  .nk-fig--side{float:right;float:inline-end;width:min(42%,340px);margin-block:4px 18px;margin-inline:28px 0}
  [dir=rtl] .nk-fig--side{float:left;float:inline-end}
  .nk-fig--side figcaption{text-align:start}
}
.tsec:has(>.nk-fig--side)::after{content:"";display:block;clear:both}
/* metin + gorsel iki sutun (masaustu); --ters gorseli basa alir; telefonda kaynak sirasiyla alt alta */
.nk-split{display:grid;gap:22px;margin:32px 0;align-items:center}
.nk-split>*{min-width:0}
.nk-split>.nk-fig,.nk-split .nk-fig--side{margin:0;max-width:none;width:auto;float:none}
.nk-split h2{margin-bottom:12px}
.nk-split figcaption{text-align:start}
@media (min-width:761px){.nk-split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px}.nk-split--ters{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.nk-split--ters>:first-child{order:2}}
/* urun seridi: masaustunde 4 sutun (3 urunse 3), telefonda yatay kaydirma (kart ~%44: ikinci kartin bir kismi gorunur) */
.nk-urunler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:26px 0 32px}
.nk-urunler:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.nk-urunler .kcard .nm{font-size:16.5px}
@media (max-width:760px){
  .nk-urunler,.nk-urunler:has(>:nth-child(3):last-child){display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-18px;padding:4px 18px 10px;scroll-padding-inline:18px}
  .nk-urunler::-webkit-scrollbar{display:none}
  .nk-urunler>.kcard{flex:0 0 44%;min-width:0;scroll-snap-align:start}
  .nk-urunler .kcard .nm{font-size:15px}
}
@media (hover:none){.nk-urunler .kcard:hover img{transform:none;box-shadow:none}}
/* ikonlu bilgi kartlari: ikon + kalin kisa deger + aciklama; telefonda 2, masaustunde 4 sutun (2-3 kartta o kadar) */
.nk-facts{list-style:none;margin:26px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.nk-facts:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.nk-facts:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.nk-facts>li{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:18px 18px 20px;background:#fff;border:1px solid var(--line2);border-radius:16px}
.nk-facts .nk-ic{box-sizing:content-box;width:24px;height:24px;padding:10px;border-radius:50%;background:#F3EDE4;margin-bottom:8px}
.nk-facts b,.nk-facts strong{display:block;font:600 18px/1.25 var(--sans);color:var(--ink);font-variant-numeric:lining-nums tabular-nums;overflow-wrap:anywhere}
/* RTL: "250 TL" gibi Latin baslayan deger kendi yonunde okunur (yoksa "TL 250" gorunur); Arapca deger RTL kalir */
[dir=rtl] .nk-facts b,[dir=rtl] .nk-facts strong{unicode-bidi:plaintext}
.nk-facts li>span,.nk-facts li>p{display:block;margin:0;font-size:13.5px;line-height:1.5;color:var(--ink2)}
@media (max-width:760px){
  .nk-facts,.nk-facts:has(>li:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .nk-facts>li:last-child:nth-child(odd){grid-column:1/-1}
  .nk-facts>li{padding:14px 14px 16px}.nk-facts b,.nk-facts strong{font-size:16px}
}
/* numarali surec (ol): telefonda dikey zaman cizgisi; masaustunde 5 ve daha az adimda yatay */
.nk-steps{list-style:none;margin:28px 0;padding:0;display:grid;counter-reset:nks}
.nk-steps>li{counter-increment:nks;position:relative;min-width:0;padding-inline-start:54px;padding-bottom:24px}
.nk-steps>li::before{content:counter(nks);position:absolute;top:0;inset-inline-start:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--rose2);color:var(--rose-ink);font:500 19px/1 var(--serif);font-variant-numeric:lining-nums}
.nk-steps>li::after{content:"";position:absolute;top:44px;bottom:6px;inset-inline-start:18.5px;width:1px;background:var(--line)}
.nk-steps>li:last-child{padding-bottom:0}.nk-steps>li:last-child::after{content:none}
.nk-steps b,.nk-steps strong{display:block;margin:7px 0 4px;font:500 20px/1.3 var(--serif);color:var(--ink)}
.nk-steps li>span,.nk-steps li>p{display:block;margin:0;font-size:14.5px;line-height:1.65;color:var(--ink2)}
.nk-steps .nk-ic{margin-inline-end:6px}
[dir=rtl] .nk-steps b,[dir=rtl] .nk-steps strong{font-family:Amiri,"Cormorant Garamond",serif}
@media (min-width:761px){
  .nk-steps:not(:has(>li:nth-child(6))){grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:22px}
  .nk-steps:not(:has(>li:nth-child(6)))>li{padding:56px 0 0}
  .nk-steps:not(:has(>li:nth-child(6)))>li::after{top:19px;bottom:auto;inset-inline-start:48px;inset-inline-end:-12px;width:auto;height:1px}
  .nk-steps:not(:has(>li:nth-child(6)))>li:last-child::after{content:none}
}
/* ikonlu bilgi kutusu (aside): ikon solda (RTL'de sagda), metin(ler) ikinci sutunda alt alta */
.nk-not{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;margin:26px 0;padding:16px 20px;background:#FDF8F3;border:1px solid var(--line);border-inline-start:3px solid var(--rose2);border-radius:14px;font-size:14.5px;line-height:1.7;color:var(--ink2)}
.nk-not:not(:has(>.nk-ic)){display:block}
.nk-not>.nk-ic{grid-column:1;grid-row:1;width:22px;height:22px;margin-top:2px}
.nk-not>:not(.nk-ic){grid-column:2;min-width:0}
.nk-not p{margin:0 0 8px;font-size:inherit;line-height:inherit;color:inherit}.nk-not p:last-child{margin-bottom:0}
.nk-not b,.nk-not strong{color:var(--ink);font-weight:600}
.nk-not a{color:var(--rose-ink);text-underline-offset:3px}
/* rehber ve bilgi sayfalarindaki madde listeleri (yalnizca icerik bolumu: .sec>.wrap>.tsec>.tlist; yasal metinler, hesap ve
   siparis formlari, menu ve alt bilgi etkilenmez): ince kenarli kart, onay ikonu, satir aralarinda ince cizgi */
main .sec:not(.yasal)>.wrap>.tsec>.tlist{gap:0;margin:20px 0 6px;padding:4px 20px;background:#fff;border:1px solid var(--line2);border-radius:16px}
main .sec:not(.yasal)>.wrap>.tsec>.tlist>li{padding-block:12px;padding-inline-start:32px}
main .sec:not(.yasal)>.wrap>.tsec>.tlist>li+li{border-top:1px solid var(--line2)}
main .sec:not(.yasal)>.wrap>.tsec>.tlist>li::before{top:15px;width:18px;height:18px;border-radius:0;background:var(--rose-ink);-webkit-mask:var(--nkm-tik) center/contain no-repeat;mask:var(--nkm-tik) center/contain no-repeat}
@media (max-width:760px){main .sec:not(.yasal)>.wrap>.tsec>.tlist{padding:2px 16px}main .sec:not(.yasal)>.wrap>.tsec>.tlist>li{padding-block:11px;padding-inline-start:29px}main .sec:not(.yasal)>.wrap>.tsec>.tlist>li::before{top:14px}}
/* urun sayfasi bilgi satiri (dt): yalnizca CSS. Son iki satir her urunde Hazirlik suresi ve Teslimat; baglantili satir Uygun oldugu
   gunler; rakam aralikli (3-4) satir Beden; digerleri (Kumas, Renk) kumas ikonu. :has() desteklemeyen tarayicida kumas ikonu */
.pdp-sp dt{display:flex;align-items:flex-start;gap:8px}
.pdp-sp dt::before{content:"";flex:none;width:16px;height:16px;margin-top:3px;background:var(--rose-ink);-webkit-mask:var(--nkm-kumas) center/contain no-repeat;mask:var(--nkm-kumas) center/contain no-repeat}
.pdp-sp dt:not(:nth-last-of-type(-n+2)):not(:has(+dd a)):has(+dd .nw)::before{-webkit-mask-image:var(--nkm-olcu);mask-image:var(--nkm-olcu)}
.pdp-sp dt:not(:nth-last-of-type(-n+2)):has(+dd a)::before{-webkit-mask-image:var(--nkm-takvim);mask-image:var(--nkm-takvim)}
.pdp-sp dt:nth-last-of-type(2)::before{-webkit-mask-image:var(--nkm-saat);mask-image:var(--nkm-saat)}
.pdp-sp dt:nth-last-of-type(1)::before{-webkit-mask-image:var(--nkm-kamyon);mask-image:var(--nkm-kamyon)}
@media (prefers-reduced-motion:reduce){.nk-urunler .kcard img{transition:none}.nk-urunler .kcard:hover img{transform:none}}
/* Rehber dizini gorsel kartlari (20 Ekim 2026): kapak gorseli (nk-fig, derleme cozer) + derlemenin yazdigi .gcard tek kartta.
   Kartin tamami gcard baglantisiyla tiklanir (::after); fotografci kredisi ve urun baglantisi ustte kalir. */
.nk-rk{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:#fff;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.nk-rk:hover{transform:translateY(-3px);box-shadow:0 18px 34px -26px rgba(46,39,35,.5)}
.nk-rk>figure.nk-fig{display:contents}
.nk-rk>figure.nk-fig>img{grid-row:1;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:0;border-radius:0}
.nk-rk>figure.nk-fig>figcaption{grid-row:3;margin:0;padding:0 22px 14px;text-align:start;font-size:12px;line-height:1.5}
.nk-rk>figure.nk-fig>figcaption .nk-kredi{margin:0}
.nk-rk>figure.nk-fig>figcaption a{position:relative;z-index:1}
.nk-rk>div{grid-row:2;display:flex;min-width:0}
.nk-rk .gcard{flex:1;min-width:0;border:0;border-radius:0;background:none;padding:16px 22px 10px;transition:none}
.nk-rk .gcard:hover{transform:none;box-shadow:none}
.nk-rk .gcard::after{content:"";position:absolute;inset:0}
.nk-rk:hover .gcard h3{color:var(--rose)}
.nk-rk:has(.gcard:focus-visible){outline:2px solid var(--rose-ink);outline-offset:2px}
@media (max-width:560px){
  .nk-rk{grid-template-columns:104px minmax(0,1fr);grid-template-rows:1fr auto}
  .nk-rk>figure.nk-fig>img{grid-row:1/3;grid-column:1;height:100%;min-height:128px;aspect-ratio:auto}
  .nk-rk>div{grid-row:1;grid-column:2}
  .nk-rk>figure.nk-fig>figcaption{grid-row:2;grid-column:2;padding:0 16px 12px;font-size:11.5px}
  .nk-rk .gcard{padding:14px 16px 6px}
}
@media (hover:none){.nk-rk:hover{transform:none;box-shadow:none}}
@media (prefers-reduced-motion:reduce){.nk-rk{transition:none}.nk-rk:hover{transform:none}}
/* gorsel bilesenleri: urun seridi basligi (h3) onceki paragraftan ayrik dursun */
h3:has(+.nk-urunler){margin-top:32px}

/* ---------- Ana sayfa gorselleri (20 Ekim 2026) ----------
   guven seridi ve kartlarda emoji yerine cizgi ikon (.nk-ic), el isciligi galerisi (.nk-galeri: kendi urun fotograflarimiz),
   ozel gun kartlarinda kapak fotografi (.nk-fig--kapak), mor bolumde ve olcu bolumunde gorsel, "Kisaca" bilgi etiketlerinde ikon */
.trust i .nk-ic{width:18px;height:18px}
.card .ic .nk-ic{width:22px;height:22px}
.nk-galeri{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 30px}
.nk-galeri .nk-fig{margin:0;max-width:none}
.nk-galeri .nk-fig figcaption{text-align:start;font-size:13px}
@media (max-width:900px){.nk-galeri{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.card>.nk-fig--kapak{margin:-26px -26px 20px;max-width:none}
.card>.nk-fig--kapak img{aspect-ratio:16/9;border:0;border-bottom:1px solid var(--line2);border-radius:var(--r) var(--r) 0 0}
.card>.nk-fig--kapak figcaption{margin-top:8px;padding:0 26px;text-align:start}
.card>.nk-fig--kapak .nk-kredi{margin:0}
@media (max-width:760px){.card>.nk-fig--kapak{margin:-20px -20px 16px}.card>.nk-fig--kapak figcaption{padding:0 20px}}
.nk-fig--mor{margin:30px 0 0;max-width:440px}
.nk-fig--mor img{border-color:rgba(255,255,255,.16);background:#2A1D3F}
.purple .nk-fig figcaption,.purple .nk-fig .nk-kredi{color:#CFC3E0;text-align:start}
.purple .nk-fig figcaption .nk-kredi a{text-decoration-color:rgba(207,195,224,.55)}
.purple .nk-fig figcaption .nk-kredi a:hover{color:#fff}
#olcu .nk-fig{margin:26px 0 0;max-width:460px}
#olcu .nk-fig figcaption{text-align:start}
#kisaca .facts dt{display:flex;align-items:center;gap:8px}
#kisaca .facts dt::before{content:"";flex:none;width:16px;height:16px;background:var(--rose-ink);-webkit-mask:var(--nkm-konum) center/contain no-repeat;mask:var(--nkm-konum) center/contain no-repeat}
#kisaca .facts>div:nth-child(2) dt::before{-webkit-mask-image:var(--nkm-makas);mask-image:var(--nkm-makas)}
#kisaca .facts>div:nth-child(3) dt::before{-webkit-mask-image:var(--nkm-takvim);mask-image:var(--nkm-takvim)}
#kisaca .facts>div:nth-child(4) dt::before{-webkit-mask-image:var(--nkm-kumas);mask-image:var(--nkm-kumas)}
#kisaca .facts>div:nth-child(5) dt::before{-webkit-mask-image:var(--nkm-saat);mask-image:var(--nkm-saat)}
#kisaca .facts>div:nth-child(6) dt::before{-webkit-mask-image:var(--nkm-sohbet);mask-image:var(--nkm-sohbet)}
#kisaca .facts>div:nth-child(7) dt::before{-webkit-mask-image:var(--nkm-kamyon);mask-image:var(--nkm-kamyon)}
#kisaca .facts>div:nth-child(8) dt::before{-webkit-mask-image:var(--nkm-parilti);mask-image:var(--nkm-parilti)}
#kisaca .facts>div:nth-child(9) dt::before{-webkit-mask-image:var(--nkm-aski);mask-image:var(--nkm-aski)}
/* ---------- Ana sayfa 2. tur (21 Ekim 2026) ----------
   surec adimlari ve forum kartlarinda ust fotograf (.nk-fig--kapak, ozel gun kartlariyla ayni), hero altinda 4 model (.hero-mini:
   kendi urun fotograflarimiz; urun adi gorunmez ama baglanti metni olarak okunur), hero kartlarinda ikon */
.step>.nk-fig--kapak{margin:-26px -26px 18px;max-width:none}
.fcard>.nk-fig--kapak{margin:-28px -28px 22px;max-width:none}
.step>.nk-fig--kapak img,.fcard>.nk-fig--kapak img{aspect-ratio:16/9;border:0;border-bottom:1px solid var(--line2);border-radius:var(--r) var(--r) 0 0}
.step>.nk-fig--kapak figcaption{margin-top:8px;padding:0 26px;text-align:start}
@media (max-width:760px){.step>.nk-fig--kapak{margin:-20px -20px 16px}.step>.nk-fig--kapak figcaption{padding:0 20px}}
.hcard .ic .nk-ic{width:17px;height:17px}
.hero-mini{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 6px}
.hero-mini .nk-fig{position:relative;flex:none;width:76px;max-width:none;margin:0;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.hero-mini .nk-fig:hover{transform:translateY(-3px)}
.hero-mini .nk-fig img{aspect-ratio:4/5;border-radius:14px;box-shadow:0 12px 24px -16px rgba(46,39,35,.5)}
.hero-mini figcaption{margin:0}
.hero-mini figcaption a{position:absolute;inset:0;border-radius:14px;font-size:0;line-height:0;color:transparent;overflow:hidden}
.hero-mini figcaption a:focus-visible{outline:2px solid var(--rose-ink);outline-offset:2px}
@media (max-width:760px){.hero-mini{gap:8px;margin:20px 0 4px}.hero-mini .nk-fig{width:calc((100% - 24px)/4);max-width:88px}}
@media (prefers-reduced-motion:reduce){.hero-mini .nk-fig{transition:none}.hero-mini .nk-fig:hover{transform:none}}
/* kart ve adim kapaklarinda urun adi fotografin sol altinda etiket: baslik hizasi her kartta ayni kalir */
.card>.nk-fig--kapak,.step>.nk-fig--kapak{position:relative}
.card>.nk-fig--kapak figcaption,.step>.nk-fig--kapak figcaption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);margin:0;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 6px 16px -10px rgba(46,39,35,.45);font-size:11.5px;line-height:1.35;color:var(--ink2);text-align:start}
[dir=rtl] .card>.nk-fig--kapak figcaption,[dir=rtl] .step>.nk-fig--kapak figcaption{left:auto;right:12px}
/* iki sutunlu kartlarda (fiyat, forum) kapak daha yatay */
.fy .card>.nk-fig--kapak img,.fcard>.nk-fig--kapak img{aspect-ratio:21/10}
/* ---------- Google puani (21 Ekim 2026): gercek Google Isletme Profili puani, yalniz gorunur baglanti ---------- */
.g-puan{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line2);border-radius:999px;background:#fff;font:500 13.5px var(--sans);color:var(--ink);text-decoration:none;transition:border-color .3s,box-shadow .3s}
.g-puan:hover{border-color:var(--line);box-shadow:0 10px 22px -16px rgba(46,39,35,.45)}
.yildiz{color:#E0A33A;letter-spacing:1px;font-size:14px;line-height:1}
.g-puan-kutu{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:22px 26px;background:#fff;border:1px solid var(--line2);border-radius:var(--r)}
.g-puan-kutu .gp-p{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.g-puan-kutu .gp-p b{font:500 40px/1 var(--serif);color:var(--ink)}
.g-puan-kutu .gp-t{flex:1 1 260px;min-width:0}.g-puan-kutu .gp-t b{display:block;font-weight:500;color:var(--ink)}.g-puan-kutu .gp-t span{display:block;margin-top:3px;font-size:14px;color:var(--ink2)}
#anne-kiz .nk-fig{margin:0;max-width:none}#anne-kiz .nk-fig figcaption{text-align:start}
/* ---------- Koleksiyon sayfasi konu gorseli (21 Ekim 2026) ----------
   kol.js KOL_FIG: .kol-gd rehber paragraflari (.kol-gd-m) + koleksiyonun konusuna uygun stok fotograf (.nk-fig--side, altyazisiz;
   build.js nkBilesen cozer). Genis ekranda (>=900px) metin basta, gorsel yaninda (grid: Arapcada kendiliginden aynalanir); daha
   darda gorsel ustte, metin altta. Urun izgarasinin ustune gorsel konmaz (urunler ilk ekranda kalir). */
.kol-gd.kol-gd--g{display:grid;gap:22px;max-width:none;align-items:center}
.kol-gd--g>.kol-gd-m{min-width:0;max-width:78ch}
.kol-gd--g>.kol-gd-m>p:last-child{margin-bottom:0}
.kol-gd.kol-gd--g>.nk-fig{min-width:0;width:100%;max-width:480px;margin:0;float:none}
@media (min-width:900px){
  .kol-gd.kol-gd--g{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:44px}
  .kol-gd.kol-gd--g>.nk-fig{order:2;max-width:none}
}

/* nk-desen:basla (node nk-build/nk-desen.cjs uretir; elle duzeltilmez) */
:root{--nk-desen:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg transform='translate(0 200) rotate(-45)'%3E%3Cpath d='M0 0c23.57-12 47.14-12 70.71 0s47.14 12 70.71 0 47.14-12 70.71 0 47.14 12 70.71 0' fill='none' stroke='%23B08272' stroke-opacity='0.2' stroke-width='1.1'/%3E%3Cg fill='%23B08272' fill-opacity='0.14'%3E%3Cpath d='M35.4-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M106.1 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M176.8-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M247.5 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M20-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 20 -6.5)'/%3E%3Cpath d='M161.4-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 161.4 -6.5)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(200 0) rotate(-45)'%3E%3Cpath d='M0 0c23.57-12 47.14-12 70.71 0s47.14 12 70.71 0 47.14-12 70.71 0 47.14 12 70.71 0' fill='none' stroke='%23B08272' stroke-opacity='0.2' stroke-width='1.1'/%3E%3Cg fill='%23B08272' fill-opacity='0.14'%3E%3Cpath d='M35.4-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M106.1 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M176.8-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M247.5 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M20-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 20 -6.5)'/%3E%3Cpath d='M161.4-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 161.4 -6.5)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(-200 400) rotate(-45)'%3E%3Cpath d='M0 0c23.57-12 47.14-12 70.71 0s47.14 12 70.71 0 47.14-12 70.71 0 47.14 12 70.71 0' fill='none' stroke='%23B08272' stroke-opacity='0.2' stroke-width='1.1'/%3E%3Cg fill='%23B08272' fill-opacity='0.14'%3E%3Cpath d='M35.4-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M106.1 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M176.8-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M247.5 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M20-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 20 -6.5)'/%3E%3Cpath d='M161.4-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 161.4 -6.5)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(50 50)' fill='%23B08272' fill-opacity='0.07' stroke='%23B08272' stroke-opacity='0.25'%3E%3Cellipse cy='-6.6' rx='3.3' ry='6.1' transform='rotate(0)'/%3E%3Cellipse cy='-6.6' rx='3.3' ry='6.1' transform='rotate(72)'/%3E%3Cellipse cy='-6.6' rx='3.3' ry='6.1' transform='rotate(144)'/%3E%3Cellipse cy='-6.6' rx='3.3' ry='6.1' transform='rotate(216)'/%3E%3Cellipse cy='-6.6' rx='3.3' ry='6.1' transform='rotate(288)'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='2' fill='%23D9A44B' fill-opacity='0.55'/%3E%3Cpath d='M150 140.5l2.1 7.4 7.4 2.1-7.4 2.1-2.1 7.4-2.1-7.4-7.4-2.1 7.4-2.1z' fill='%23D9A44B' fill-opacity='0.32'/%3E%3Cpath d='M161 136l.9 3.1 3.1.9-3.1.9-.9 3.1-.9-3.1-3.1-.9 3.1-.9z' fill='%23D9A44B' fill-opacity='0.26'/%3E%3Cg fill='%23B08272' fill-opacity='0.26'%3E%3Ccircle cx='100' cy='0' r='1.6'/%3E%3Ccircle cx='100' cy='200' r='1.6'/%3E%3Ccircle cx='0' cy='100' r='1.6'/%3E%3Ccircle cx='200' cy='100' r='1.6'/%3E%3C/g%3E%3C/svg%3E");--nk-desen-koyu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg transform='translate(0 200) rotate(-45)'%3E%3Cpath d='M0 0c23.57-12 47.14-12 70.71 0s47.14 12 70.71 0 47.14-12 70.71 0 47.14 12 70.71 0' fill='none' stroke='%23D6A48C' stroke-opacity='0.08' stroke-width='1.1'/%3E%3Cg fill='%23D6A48C' fill-opacity='0.056'%3E%3Cpath d='M35.4-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M106.1 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M176.8-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M247.5 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M20-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 20 -6.5)'/%3E%3Cpath d='M161.4-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 161.4 -6.5)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(200 0) rotate(-45)'%3E%3Cpath d='M0 0c23.57-12 47.14-12 70.71 0s47.14 12 70.71 0 47.14-12 70.71 0 47.14 12 70.71 0' fill='none' stroke='%23D6A48C' stroke-opacity='0.08' stroke-width='1.1'/%3E%3Cg fill='%23D6A48C' fill-opacity='0.056'%3E%3Cpath d='M35.4-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M106.1 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M176.8-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M247.5 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M20-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 20 -6.5)'/%3E%3Cpath d='M161.4-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 161.4 -6.5)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(-200 400) rotate(-45)'%3E%3Cpath d='M0 0c23.57-12 47.14-12 70.71 0s47.14 12 70.71 0 47.14-12 70.71 0 47.14 12 70.71 0' fill='none' stroke='%23D6A48C' stroke-opacity='0.08' stroke-width='1.1'/%3E%3Cg fill='%23D6A48C' fill-opacity='0.056'%3E%3Cpath d='M35.4-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M106.1 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M176.8-9c1-6 6-10 13-10-1 6-6 10-13 10z'/%3E%3Cpath d='M247.5 9c1 6 6 10 13 10-1-6-6-10-13-10z'/%3E%3Cpath d='M20-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 20 -6.5)'/%3E%3Cpath d='M161.4-6.5c1 6 6 10 13 10-1-6-6-10-13-10z' transform='rotate(180 161.4 -6.5)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(50 50)' fill='%23D6A48C' fill-opacity='0.028' stroke='%23D6A48C' stroke-opacity='0.1'%3E%3Cellipse cy='-6.6' rx='3.3' ry='6.1' transform='rotate(0)'/%3E%3Cellipse cy='-6.6' rx='3.3' ry='6.1' transform='rotate(72)'/%3E%3Cellipse cy='-6.6' rx='3.3' ry='6.1' transform='rotate(144)'/%3E%3Cellipse cy='-6.6' rx='3.3' ry='6.1' transform='rotate(216)'/%3E%3Cellipse cy='-6.6' rx='3.3' ry='6.1' transform='rotate(288)'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='2' fill='%23E9C478' fill-opacity='0.22'/%3E%3Cpath d='M150 140.5l2.1 7.4 7.4 2.1-7.4 2.1-2.1 7.4-2.1-7.4-7.4-2.1 7.4-2.1z' fill='%23E9C478' fill-opacity='0.128'/%3E%3Cpath d='M161 136l.9 3.1 3.1.9-3.1.9-.9 3.1-.9-3.1-3.1-.9 3.1-.9z' fill='%23E9C478' fill-opacity='0.104'/%3E%3Cg fill='%23D6A48C' fill-opacity='0.104'%3E%3Ccircle cx='100' cy='0' r='1.6'/%3E%3Ccircle cx='100' cy='200' r='1.6'/%3E%3Ccircle cx='0' cy='100' r='1.6'/%3E%3Ccircle cx='200' cy='100' r='1.6'/%3E%3C/g%3E%3C/svg%3E");--nk-dantel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M0 18L18 0l18 18-18 18z' fill='none' stroke='%23B08272' stroke-opacity='.12'/%3E%3Ccircle cx='18' cy='18' r='2.4' fill='none' stroke='%23B08272' stroke-opacity='.18'/%3E%3Cg fill='%23D9A44B' fill-opacity='.3'%3E%3Ccircle cx='0' cy='0' r='1.3'/%3E%3Ccircle cx='36' cy='0' r='1.3'/%3E%3Ccircle cx='0' cy='36' r='1.3'/%3E%3Ccircle cx='36' cy='36' r='1.3'/%3E%3C/g%3E%3C/svg%3E");--nk-firfir:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='10' viewBox='0 0 28 10'%3E%3Cpath d='M0 10A16 16 0 0 1 28 10zM15.6 6.2a1.6 1.6 0 1 1-3.2 0 1.6 1.6 0 1 1 3.2 0z' fill='rgb(255,252,247)' fill-opacity='.66' fill-rule='evenodd'/%3E%3Cpath d='M0 10A16 16 0 0 1 28 10' fill='none' stroke='%23B08272' stroke-opacity='.3'/%3E%3C/svg%3E");--nk-gece:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='12' cy='20' r='0.8' fill-opacity='0.7'/%3E%3Ccircle cx='48' cy='64' r='0.6' fill-opacity='0.5'/%3E%3Ccircle cx='90' cy='14' r='1.1' fill-opacity='0.8'/%3E%3Ccircle cx='130' cy='48' r='0.7' fill-opacity='0.6'/%3E%3Ccircle cx='150' cy='110' r='0.9' fill-opacity='0.7'/%3E%3Ccircle cx='70' cy='120' r='0.6' fill-opacity='0.45'/%3E%3Ccircle cx='24' cy='140' r='1' fill-opacity='0.65'/%3E%3Ccircle cx='110' cy='150' r='0.6' fill-opacity='0.5'/%3E%3Ccircle cx='100' cy='90' r='0.5' fill-opacity='0.4'/%3E%3Ccircle cx='40' cy='95' r='0.7' fill-opacity='0.55'/%3E%3Ccircle cx='140' cy='8' r='0.5' fill-opacity='0.5'/%3E%3Ccircle cx='62' cy='36' r='0.45' fill-opacity='0.4'/%3E%3C/g%3E%3C/svg%3E");--nk-yildiz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l2.9 9.1L24 12l-9.1 2.9L12 24l-2.9-9.1L0 12l9.1-2.9z'/%3E%3C/svg%3E")}
/* nk-desen:bitir */

/* ---- Desenli ve hareketli arka plan (21 Ekim 2026, sahip istegi: "arka plan duz renk olmasin, sonsuz desen olsun; eskiden
   arka planda yildizlar hareket ediyordu, o efektler de gelsin") ----
   Zemin: govdede sonsuz cicek-dal deseni; .alt bolum ve guven seridinde yari saydam tul + dantel kafes, duz bolumle
   komsulukta ust/alt kenarda firfir (dantel kenar); mor bolumde yildizli gece; altbilgide koyu desen. Desen opakligi dusuk
   (metin kontrasti duz zemindekiyle ayni). Hareketli katman 23 Ekim 2026'da kaldirildi. */
body{background-color:var(--bg);background-image:var(--nk-desen)}
.sec.alt,.strip{background-color:rgba(255,252,247,.66);background-image:var(--nk-dantel)}
.sec.alt{position:relative}
.sec:not(.alt):not(.purple):not(.dark)+.sec.alt::before,.sec.alt:has(+.sec:not(.alt):not(.purple):not(.dark))::after{content:"";position:absolute;left:0;right:0;height:10px;pointer-events:none;background:var(--nk-firfir) 0 0/28px 10px repeat-x}
.sec:not(.alt):not(.purple):not(.dark)+.sec.alt::before{top:-10px}
.sec.alt:has(+.sec:not(.alt):not(.purple):not(.dark))::after{bottom:-10px;transform:scaleY(-1)}
.purple{position:relative;isolation:isolate;background:var(--nk-gece),linear-gradient(135deg,#1A0A2E 0%,#2D1B4E 40%,#1A0A2E 100%)}
.ft{background-image:var(--nk-desen-koyu)}
/* Hareketli yildiz ve parilti katmani (NK.fx) 23 Ekim 2026'da kaldirildi (sahip: "hareketli yildiz efektlerini her yerden kaldir"); desenler durgun kalir */
@media print{body,.sec.alt,.strip,.purple,.ft{background-image:none}}
/* altbilgi soluk yazilari (kunye, alt satir, sutun basliklari) koyu zemin + desen ustunde de AA kontrastta kalsin
   (#8E847B 4,0:1 idi; canli Lighthouse color-contrast hatasi .kunye): #A39890 = 5,2:1, desen cizgisi ustunde 4,5:1 */
.ft .kunye,.ft .bot,.ft h4,.ft .fh{color:#A39890}

/* ==== Tam genislik ve akiskan yerlesim (21 Ekim 2026, sahip istegi: "site ortada dar bir alan olarak gorunmesin; tam
   genislik, kenardan kenara, tum cihazlara uyumlu; tasarim, renkler, yazi tipleri korunacak") ====
   - Kapsayici: icerik genisligi 1280px ekrana kadar eskisi gibi 1152px, sonra ekranla buyur (1920'de ~1460, en fazla
     1520); yan bosluk 761px ustunde akiskan (24 -> 56px). Telefon yan boslugu (18px) aynen kalir. Satir ici
     max-width'li dar metin sutunlari (rehberler 860px) kendi genisliklerini korur.
   - Izgaralar genis ekranda sutun ekler (urun ve koleksiyon izgarasi 5, rehber kartlari 4): kart boyu ayni kalir, satir azalir.
   - Tam tasma: bilgi/rehber sayfalarindaki kapak gorseli (dekoratif stok foto) ekranin bir ucundan obur ucuna, cover.
     main{overflow-x:clip} 100vw'nin kaydirma cubugu payini kirpar; clip kaydirma kabi yaratmaz (yapiskan urun gorseli
     calisir). clip desteklemeyen eski tarayicida eski (sutun ici) gorunum kalir. */
:root{--icerik:clamp(1152px,76vw,1520px);--gut:24px;--max:calc(var(--icerik) + 2 * var(--gut))}
@media (min-width:761px){:root{--gut:clamp(24px,3vw,56px)}.wrap{padding-inline:var(--gut)}.wrap[style*="max-width"]{padding-inline:24px}}
@media (min-width:1500px){
  .pgrid,.kgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .guides{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hero-g{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:72px}
  .hero{padding-top:64px}
}
@supports (overflow:clip){
  main{overflow-x:clip}
  main .nk-fig--hero{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);margin-block:0 36px}
  /* .phero .nk-fig--hero{margin:28px 0 0} (0,2,0) yan bosluklari sifirliyordu: tam tasma burada da yazilir */
  main .phero .nk-fig--hero{margin:28px calc(50% - 50vw) 0}
  main .nk-fig--hero img{aspect-ratio:auto;width:100%;height:clamp(230px,31vw,560px);border-radius:0;border-inline:0;object-fit:cover}
  main .nk-fig--hero figcaption{max-width:860px;margin-inline:auto;padding-inline:18px}
}
/* urun sayfasi ana gorseli: dogal oran (pdp.js kare kirpmiyor); dikey fotograf ekrana sigacak kadar kuculur, ortalanir */
.pdp-im>img{aspect-ratio:auto;width:auto;max-width:100%;height:auto;max-height:min(calc(100vh - 150px),880px);max-height:min(calc(100svh - 150px),880px);margin-inline:auto;object-fit:contain}
@media (max-width:900px){.pdp-im>img{max-height:72vh;max-height:72svh}}
/* telefonda dikey fotograf ilk ekranin %60'i: urun adi ve fiyat da ilk ekranda kalir */
@media (max-width:760px){.pdp-im>img{max-height:60vh;max-height:60svh}}
/* mobil tarayici adres cubugu: vh yerine svh (desteklenmezse vh kalir) */
@media (min-width:761px){.md{max-height:92svh}}
@media (max-width:760px){.arch img{height:clamp(240px,40svh,360px)}.md .pic{max-height:62svh}}
/* rehber/bilgi sayfasi: baslik ve giris metni, alttaki 860px metin sutunuyla ayni hizada (tam genislik kapak arada) */
.phero:has(+ .sec > .wrap[style*="max-width:860px"])>.wrap{max-width:860px;padding-inline:24px}
@media (max-width:760px){.phero:has(+ .sec > .wrap[style*="max-width:860px"])>.wrap{padding-inline:18px}}
/* kapak yuksekligi ekranla orantili: telefonda ~240, tablette ~315, masaustunde en fazla 480px (konu kirpilmadan) */
@supports (overflow:clip){main .nk-fig--hero img{height:clamp(220px,20vw + 160px,480px)}}
@media (max-width:760px){@supports (overflow:clip){main .phero .nk-fig--hero{margin-top:20px}}}
/* okunabilir satir: genis kutularda uzun paragraflar ~72 karakterde kirilir (kutu genisligi ayni kalir) */
.faq details p,.kol-fy p,.gal-not p,.kol-gd-m p,.nk-not p,.yr-not{max-width:72ch}
/* dokunma hedefi en az 24px (WCAG 2.5.8): puan yildizlari, metin dugmeleri */
.rs button{min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}
button.lnk,.form button.lnk,.hesap button.lnk,.uye-not button.lnk{min-height:24px}
/* telefonda 12px alti govde yazilari 12px (buyuk harfli etiketler ve logo alt yazisi tasarim geregi kalir) */
@media (max-width:760px){.pc .meta,.nk-fig figcaption,label small,.kunye,.kol-n{font-size:12px}}
/* ana sayfa girisi ekran yuksekligine duyarli: kisa dizustu ekraninda (1366x768) kemer gorseli ilk ekrana sigar (oran ayni) */
@media (min-width:901px){.hero-r{width:100%;max-width:calc((100vh - 190px) * .75);max-width:calc((100svh - 190px) * .75);min-width:min(100%,380px);justify-self:center}}
/* urun sayfasi kucuk resimleri ortalanmis ana gorselin altinda ortali */
.pdp-th{justify-content:center;justify-content:safe center}
/* kontrast (Lighthouse color-contrast, canlida da vardi): krem zemindeki etiket ve ozel tasarim baglantisi 4,2:1 idi;
   paletin koyu gul tonu --rose-deep ile 4,6:1 (AA) */
.tag:not(.ghost),.pdp-ozel .lnk{color:var(--rose-deep)}
/* Kurumsal katalog indirme kutusu (22 Ekim 2026, build.js katalogBlok): kapak + dil secimi; JS gerektirmez */
.nk-kat-kutu{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:56px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:44px 52px;box-shadow:0 22px 60px -30px rgba(135,98,86,.35)}
.nk-kat-kapak{display:block;justify-self:center;width:100%;max-width:280px;transform:rotate(-2.5deg);transition:transform .35s}
.nk-kat-kapak:hover{transform:rotate(0) translateY(-4px)}
.nk-kat-kapak img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 18px 38px -10px rgba(46,39,35,.38),0 2px 6px rgba(46,39,35,.14)}
.nk-kat-metin h2{margin:10px 0 12px}
.nk-kat-metin>p{color:var(--ink2,#4a3f39);max-width:62ch}
.nk-kat-btn{flex-direction:column;align-items:flex-start;gap:7px;margin-top:20px;padding:15px 28px 14px;white-space:normal}
.nk-kat-btn>span{font-size:16px}
.nk-kat-btn small{font:400 12.5px/1.2 var(--sans);opacity:.78}
.nk-kat-dil-b{margin:24px 0 10px;font:500 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.nk-kat-diller{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nk-kat-diller a{display:inline-flex;align-items:center;min-height:36px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg,#FAF6F0);color:var(--ink);font:500 13.5px/1 var(--sans);text-decoration:none;transition:border-color .2s,background .2s}
.nk-kat-diller a:hover,.nk-kat-diller a:focus-visible{border-color:var(--rose);background:#fff}
.nk-kat-not{margin-top:18px;font-size:13px;color:var(--mute)}
[dir=rtl] .nk-kat-kapak{transform:rotate(2.5deg)}
[dir=rtl] .nk-kat-dil-b{letter-spacing:0}
@media (max-width:900px){.nk-kat-kutu{grid-template-columns:1fr;gap:28px;padding:30px 24px;text-align:center}.nk-kat-kapak{max-width:210px}.nk-kat-metin>p{margin-inline:auto}.nk-kat-btn{align-items:center}.nk-kat-diller{justify-content:center}}
@media (max-width:760px){.nk-kat-kutu{border-radius:18px;padding:26px 18px}.nk-kat-kapak{max-width:180px}}
@media print{.nk-kat{display:none}}

/* iyzico / Mastercard / Visa bandi kartla odeme acilmadan (22 Ekim 2026, NKShell SATIS.logo): "Kartla ödeme yakında" notu */
.ft .odeme small{display:block;margin-top:8px;font:400 12px/1.4 var(--sans);letter-spacing:.02em;color:#A39890}
.odeme-s.odeme-l{margin-top:6px}
.odeme-s.odeme-l img{max-width:min(100%,330px);height:auto}
/* Ozel dikim sayfasi (26 Ekim 2026, ozel-dikim-mezuniyet-kostum.html): kartlardaki "Teklif iste" baglantisi, formda
   yas / adet / tarih ayni satirda (dar ekranda alt alta), form hata satiri, sabit ust menu altinda kalmayan bolum capalari */
.card .od-sec{display:inline-block;margin-top:12px;font:500 14px/1.3 var(--sans);color:var(--rose-deep);text-decoration:none}
.card .od-sec:hover,.card .od-sec:focus-visible{text-decoration:underline}
.od-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:560px){.od-row{grid-template-columns:1fr}}
.form .od-hata{margin:0;color:#B03A2E;font-size:14px}
:is(#mezuniyet,#okul-gosterileri,#ozel-gun,#kostumler,#nasil,#toplu,#teklif){scroll-margin-top:90px}
/* koyu .cta bandinda ikincil (cerceveli) dugme: yazi koyu zeminde okunsun */
.cta .btn.ghost{color:#fff;border-color:rgba(255,255,255,.5);background:transparent}
.cta .btn.ghost:hover{background:rgba(255,255,255,.08)}