/* Dekavize · v3 · referans dili: yuvarlak köşeli büyük yüzeyler, hap düğmeler, yüzen menü (dock). Ahşap rengi #D0A880 (müşteri görselinden ölçüldü). */
:root{
  --color-bg:#F8F5EF; --color-surface:#FFFFFF; --color-soft:#F3EEE5; --color-text:#2B1A0E; --color-text-muted:#66503C;
  --color-accent:#9A3F16; --color-on-accent:#FFF8EE;
  --color-wood:#D0A880; --color-wood-soft:#E7D4B9; --on-wood:#2B1A0E; --on-wood-2:#3A2615;
  --color-border:#E6DCCB; --color-border-strong:#8C7658; --color-focus:#1C6E8C;
  --color-wa:#25D366; --color-wa-hover:#1FB958; --color-on-wa:#FFFFFF;
  --color-danger:#A12C20; --placeholder:#EADCC5;
  --font-display:'Figtree',system-ui,sans-serif; --font-body:'Figtree',system-ui,sans-serif;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--s-9:112px;
  --r:10px; --r-m:16px; --r-l:26px; --r-xl:34px; --pill:999px;
  --gutter:clamp(12px,3vw,24px); --max:1280px;
  --golge:0 6px 24px rgba(43,26,14,.10);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px;scroll-padding-bottom:110px;accent-color:var(--color-text);scrollbar-color:var(--color-wood) var(--color-bg)}
body{margin:0;background:var(--color-bg);color:var(--color-text);font:400 1.0625rem/1.6 var(--font-body);overflow-wrap:break-word;text-wrap:pretty;caret-color:var(--color-text);padding-bottom:110px}
::selection{background:var(--color-wood);color:var(--color-text)}
img{max-width:100%;display:block}
a{color:inherit;text-underline-offset:3px}
h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.06;margin:0;text-wrap:balance;letter-spacing:-.025em}
h1{font-size:clamp(2rem,5.2vw,3.7rem)}
h2{font-size:clamp(1.6rem,3.8vw,2.5rem)}
h3{font-size:1.2rem;line-height:1.2;letter-spacing:-.01em}
p{margin:0}
:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
.gizli-etiket{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:var(--s-3);top:-60px;background:var(--color-surface);padding:var(--s-3) var(--s-4);z-index:100;border:2px solid var(--color-text);border-radius:var(--r)}
.atla:focus{top:var(--s-3)}
.kap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.etiket{font:600 .78rem/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}
.fyt,td,th{font-variant-numeric:tabular-nums}

/* düğmeler: hap */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border:1.5px solid var(--color-text);border-radius:var(--pill);background:transparent;color:var(--color-text);font:700 1rem/1 var(--font-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s,border-color .15s,transform .1s}
.dugme:hover{background:var(--color-text);color:var(--color-bg)}
.dugme:active{transform:translateY(1px)}
.dugme.birincil{background:var(--color-text);color:var(--color-bg)}
.dugme.birincil:hover{background:#4A3320;border-color:#4A3320}
.dugme.wa{background:var(--color-wa);border-color:var(--color-wa);color:var(--color-on-wa)}
.dugme.wa:hover{background:var(--color-wa-hover);border-color:var(--color-wa-hover)}
.dugme.kucuk{min-height:44px;padding:0 20px;font-size:.95rem}
.dugme.ikon{width:44px;min-width:44px;padding:0}
.dugme.tam{width:100%}
.dugme svg{width:20px;height:20px;flex:none}
.dugme.wa svg{width:22px;height:22px}
.dugme[disabled]{opacity:.5;cursor:not-allowed}
.metin-link{color:var(--color-text);font-weight:700;text-decoration-thickness:2px;text-decoration-color:var(--color-wood)}
.dugme-sira{display:flex;flex-wrap:wrap;gap:var(--s-3)}

/* üst şerit + header */
.ust-uc{background:var(--color-soft);color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:.86rem;font-weight:600}
.ust-uc .kap{display:flex;justify-content:space-between;align-items:center;gap:var(--s-5);min-height:42px}
.ust-uc .sol,.ust-uc .sag{display:flex;gap:var(--s-5);flex-wrap:wrap;align-items:center}
.ust-uc a{display:inline-flex;align-items:center;gap:var(--s-2);min-height:42px;text-decoration:none}
.ust-uc a:hover{text-decoration:underline}
.ust-uc svg{width:17px;height:17px}
.ust-uc .sag{gap:var(--s-2)}
.pz-ikon{display:inline-grid!important;place-items:center;width:32px;height:32px;min-height:0!important;border-radius:50%;border:1.5px solid var(--on-wood);text-decoration:none;color:var(--on-wood);transition:background-color .15s,color .15s}
.pz-ikon b{font:800 .82rem/1 var(--font-body)}
a.pz-ikon:hover{background:var(--on-wood);color:var(--color-wood-soft);text-decoration:none}
.pz-ikon.wa-i{border:0;width:32px}
.pz-ikon.wa-i svg{width:26px;height:26px}
.pz-ikon.bos-link{cursor:default;opacity:.85}
.pz-ayrac{width:1px;height:20px;background:rgba(43,26,14,.35);margin-inline:var(--s-1)}
.ust-ana{background:var(--color-bg);border-bottom:1px solid var(--color-border)}
.ust-ana .kap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;gap:var(--s-3)}
.logo{display:block;justify-self:center}
.logo img{height:46px;width:auto}
.ust-eylem{display:flex;align-items:center;gap:var(--s-2);justify-self:end}
.ikon-dugme{position:relative;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:transparent;color:var(--color-text);cursor:pointer;text-decoration:none;transition:background-color .15s}
.ikon-dugme:hover{background:var(--color-soft)}
.ikon-dugme svg{width:24px;height:24px}
.menu-ac{justify-self:start;margin-left:-6px}
.sepet-say{position:absolute;top:2px;right:0;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--color-text);color:var(--color-bg);font:700 .72rem/20px var(--font-body);text-align:center;font-variant-numeric:tabular-nums}
.sepet-say[data-bos="1"]{display:none}
.dil{position:relative}
.dil summary{list-style:none;cursor:pointer}
.dil summary::-webkit-details-marker{display:none}
.dil-kutu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--r-m);padding:var(--s-4);width:250px;display:grid;gap:var(--s-3);box-shadow:var(--golge)}
.dil-kutu fieldset{border:0;margin:0;padding:0;display:grid;gap:var(--s-1)}
.dil-kutu legend{padding:0;margin-bottom:var(--s-1)}
.dil-kutu button,.cekmece .dilsec button{min-height:44px;text-align:left;padding:0 var(--s-3);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:var(--r);font:500 .95rem var(--font-body);cursor:pointer}
.dil-kutu button[aria-pressed="true"],.cekmece .dilsec button[aria-pressed="true"]{border-color:var(--color-text);background:var(--color-text);color:var(--color-bg);font-weight:700}
.dil-ozet{position:absolute;left:-9999px}
@media (max-width:640px){
  .wa-yuzen{bottom:92px;width:52px;height:52px;right:12px}
  .wa-yuzen svg{width:28px;height:28px}
  .ust-uc .sol a:nth-child(2){display:none}
  .ust-ana .kap{min-height:64px}
  .logo img{height:38px}
  .ust-eylem .eposta{display:none}
}

/* yüzen menü (dock) + yan çekmece + WhatsApp balonu */
.dock{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:50;display:flex;gap:2px;padding:6px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:24px;box-shadow:0 10px 34px rgba(43,26,14,.18);width:min(560px,calc(100% - 24px))}
.dock a{flex:1;min-width:0;display:grid;justify-items:center;gap:2px;padding:9px 4px 7px;border-radius:18px;text-decoration:none;font-size:.72rem;font-weight:600;color:var(--color-text-muted);line-height:1.15;text-align:center}
.dock a svg{width:23px;height:23px}
.dock a:hover{background:var(--color-soft);color:var(--color-text)}
.dock a[aria-current="page"]{background:var(--color-wood-soft);color:var(--color-text);font-weight:700}
.wa-yuzen{position:fixed;right:16px;bottom:22px;z-index:55;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--color-wa);color:var(--color-on-wa);box-shadow:0 8px 24px rgba(11,36,18,.3);text-decoration:none;transition:transform .15s}
.wa-yuzen:hover{transform:scale(1.06);background:var(--color-wa-hover)}
.wa-yuzen svg{width:32px;height:32px}
.perde{position:fixed;inset:0;background:rgba(43,26,14,.45);z-index:70;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.perde.acik{opacity:1;visibility:visible}
.cekmece{position:fixed;left:0;top:0;bottom:0;width:min(380px,90vw);background:var(--color-surface);z-index:80;transform:translateX(-102%);visibility:hidden;transition:transform .25s ease-out,visibility .25s;padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-5);overflow-y:auto;border-radius:0 var(--r-l) var(--r-l) 0}
.cekmece.acik{transform:none;visibility:visible}
.cekmece-ust{display:flex;justify-content:space-between;align-items:center}
.cekmece-ust img{height:40px}
.cekmece nav ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-1)}
.cekmece nav a{display:flex;align-items:center;gap:var(--s-3);min-height:54px;padding:0 var(--s-4);border-radius:var(--r-m);text-decoration:none;font-weight:700;font-size:1.15rem}
.cekmece nav a svg{width:24px;height:24px;color:var(--color-text-muted)}
.cekmece nav a:hover{background:var(--color-soft)}
.cekmece nav a[aria-current="page"]{background:var(--color-wood-soft)}
.cekmece .dilsec{display:grid;gap:var(--s-2)}
.cekmece .dilsec div{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}
.cekmece .dilsec div:first-of-type{grid-template-columns:repeat(2,1fr)}
.cekmece address{font-style:normal;color:var(--color-text-muted);font-size:.95rem;display:grid;gap:var(--s-2)}

/* hero: yuvarlak büyük yüzey */
.hero{padding-block:var(--s-4) var(--s-5)}
.hero-kutu{background:var(--color-wood);border-radius:var(--r-xl);padding:clamp(20px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,4vw,48px);align-items:center;color:var(--on-wood)}
.hero-kutu .etiket{color:var(--on-wood-2)}
.hero h1{margin-top:var(--s-3);max-width:14ch}
.hero .altmetin{margin-top:var(--s-4);max-width:48ch;color:var(--on-wood-2);font-size:1.05rem}
.hero .dugme-sira{margin-top:var(--s-6)}
.hero .dugme{border-color:var(--on-wood)}
.hero .dugme.birincil{background:var(--on-wood);color:var(--color-wood-soft)}
.hero .dugme:not(.birincil):hover{background:var(--on-wood);color:var(--color-wood-soft)}
.hero-gorsel{position:relative;border-radius:var(--r-l);overflow:hidden;aspect-ratio:4/3.4;background:var(--color-soft)}
.hero-gorsel img{width:100%;height:100%;object-fit:cover}
.hero-gorsel a{position:absolute;left:var(--s-3);bottom:var(--s-3);background:var(--color-surface);border-radius:var(--pill);padding:8px 16px;font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:var(--golge)}
@media (max-width:860px){.hero-kutu{grid-template-columns:minmax(0,1fr)}.hero-gorsel{order:-1;aspect-ratio:4/3}}

/* bölümler */
.bolum{padding-block:var(--s-6)}
.bolum-baslik{display:flex;justify-content:space-between;align-items:end;gap:var(--s-5);margin-bottom:var(--s-5);flex-wrap:wrap}
.bolum-baslik p{max-width:52ch;color:var(--color-text-muted)}
.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:clamp(20px,4vw,48px)}
.panel.ahsap{background:var(--color-wood);border-color:transparent;color:var(--on-wood)}

/* renk seçici */
.renkler .panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,64px);align-items:center}
.renk-gorsel{aspect-ratio:1/1;background:var(--color-soft);border-radius:var(--r-l);overflow:hidden}
.renk-gorsel img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.renkler h2{margin-bottom:var(--s-4)}
.renkler p{color:var(--color-text-muted);max-width:46ch}
.renk-secici{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin-top:var(--s-6)}
.renk-secici button{display:flex;align-items:center;gap:var(--s-3);min-height:56px;padding:0 var(--s-4);border:1.5px solid var(--color-border);border-radius:var(--pill);background:var(--color-bg);color:var(--color-text);font:700 1rem var(--font-body);cursor:pointer;text-align:left}
.renk-secici button[aria-pressed="true"]{border-color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-text);background:var(--color-surface)}
.nokta{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid rgba(43,26,14,.4);background:var(--c)}
.renk-alt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4);margin-top:var(--s-5)}
@media (max-width:860px){.renkler .panel{grid-template-columns:minmax(0,1fr)}}

/* oda görselleri */
.odalar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--s-3)}
.oda{position:relative;display:block;overflow:hidden;border-radius:var(--r-l);background:var(--color-soft);aspect-ratio:1/1;text-decoration:none}
.oda:first-child{grid-column:span 2;grid-row:span 2}
.oda img{width:100%;height:100%;object-fit:cover}
.oda span{position:absolute;left:var(--s-3);bottom:var(--s-3);max-width:calc(100% - 24px);background:var(--color-surface);color:var(--color-text);font-weight:700;font-size:.88rem;padding:7px 14px;border-radius:var(--pill);box-shadow:var(--golge)}
.oda:hover span{background:var(--color-text);color:var(--color-bg)}
@media (max-width:760px){.odalar{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.oda:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}}

/* ürün kartı */
.izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);list-style:none;margin:0;padding:0}
@media (max-width:1020px){.izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.izgara{grid-template-columns:minmax(0,1fr);gap:var(--s-4)}}
.kart{position:relative;display:flex;flex-direction:column;height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:var(--s-3);transition:box-shadow .2s}
.kart:hover{box-shadow:var(--golge)}
.kart[hidden]{display:none}
.kart-gorsel{display:block;aspect-ratio:1/1;position:relative;overflow:hidden;border-radius:var(--r-l);background:var(--color-soft)}
.kart-gorsel img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.kart.mockup .kart-gorsel img{object-fit:cover;mix-blend-mode:normal;object-position:center top}
.kart-chipler{position:absolute;left:var(--s-3);top:var(--s-3);display:grid;gap:6px;justify-items:start;z-index:2;pointer-events:none}
.chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);border:1px solid var(--color-border);border-radius:var(--pill);padding:4px 12px;font-size:.78rem;font-weight:700;color:var(--color-text)}
.chip .nokta{width:12px;height:12px}
.kart-wa{position:absolute;right:var(--s-3);top:var(--s-3);z-index:3;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--color-surface);color:#128C4A;border:1px solid var(--color-border);box-shadow:var(--golge);transition:background-color .15s,color .15s}
.kart-wa:hover{background:var(--color-wa);color:var(--color-on-wa)}
.kart-wa svg{width:24px;height:24px}
.kart-alt{display:flex;flex-direction:column;gap:var(--s-2);flex:1;padding:var(--s-4) var(--s-3) var(--s-2)}
.kart h3{font-size:1.2rem}
.kart h3 a{text-decoration:none}
.kart h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--r-xl)}
.kart-ozet{color:var(--color-text-muted);font-size:.95rem;min-height:2.9em}
.kart-alt-satir{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:auto;padding-top:var(--s-3)}
.fyt{font:700 1.35rem/1 var(--font-display);letter-spacing:-.01em}
.fyt-not{font-size:.82rem;color:var(--color-text-muted)}
.kart .teklife-ekle{position:relative;z-index:2;flex:none;padding:0 22px}
.kart .teklife-ekle svg{width:18px;height:18px}
.kart .teklife-ekle[aria-pressed="true"]{background:var(--color-wood);border-color:var(--color-text);color:var(--color-text)}
@media (max-width:520px){.kart-alt-satir{flex-wrap:wrap}}

/* işçilik */
.iscilik .panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,5vw,64px);align-items:center}
.detaylar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
.detay{margin:0;aspect-ratio:1/1;overflow:hidden;background:var(--color-surface);border-radius:var(--r-l);position:relative}
.detay img{width:200%;max-width:none;height:200%;object-fit:contain;mix-blend-mode:multiply;position:absolute}
.detay:nth-child(1) img{left:-40%;top:-30%}.detay:nth-child(2) img{left:-95%;top:-55%}
.detay:nth-child(3) img{left:-30%;top:-85%}.detay:nth-child(4) img{left:-70%;top:-20%}
.detay figcaption{position:absolute;left:var(--s-3);bottom:var(--s-3);z-index:2;background:var(--color-text);color:var(--color-bg);font-size:.78rem;font-weight:600;padding:4px 12px;border-radius:var(--pill)}
.iscilik p.giris{max-width:48ch;color:var(--on-wood-2);margin-top:var(--s-4);font-size:1.08rem}
.adimlar{counter-reset:a;list-style:none;margin:var(--s-6) 0 0;padding:0;display:grid;gap:var(--s-4)}
.adimlar li{counter-increment:a;display:grid;grid-template-columns:46px 1fr;gap:var(--s-3);align-items:start}
.adimlar li::before{content:counter(a);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--on-wood);color:var(--color-wood-soft);font:700 1rem var(--font-body)}
.adimlar b{display:block}
.adimlar span{color:var(--on-wood-2);font-size:.97rem}
@media (max-width:860px){.iscilik .panel{grid-template-columns:minmax(0,1fr)}}

/* toptan */
.toptan .kap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s-5);align-items:stretch}
.toptan .panel{display:flex;flex-direction:column;justify-content:center}
.toptan ol{margin:var(--s-5) 0 0;padding:0;list-style:none;display:grid;gap:var(--s-4);counter-reset:b}
.toptan li{counter-increment:b;display:grid;grid-template-columns:40px 1fr;gap:var(--s-3);align-items:center}
.toptan li::before{content:counter(b);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-wood);font-weight:700}
.toptan .kutu{display:grid;gap:var(--s-4);align-content:center;justify-items:start}
@media (max-width:860px){.toptan .kap{grid-template-columns:minmax(0,1fr)}}

/* showroom */
.showroom .kap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-5);align-items:stretch}
.showroom address{font-style:normal;margin-top:var(--s-4);display:grid;gap:var(--s-1)}
.showroom-kart{display:grid;align-content:end;gap:var(--s-2);min-height:280px}
.showroom-kart strong{font:700 clamp(2rem,4.5vw,3.2rem)/1.05 var(--font-display);letter-spacing:-.025em}
@media (max-width:760px){.showroom .kap{grid-template-columns:minmax(0,1fr)}.showroom-kart{min-height:200px}}

/* çağrı bandı + alt bilgi */
.cta-band{padding-block:var(--s-6) var(--s-4)}
.cta-band .panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5) var(--s-7)}
.cta-band h2{font-size:clamp(1.5rem,3.2vw,2.1rem);max-width:22ch}
.cta-band p{color:var(--color-text-muted);margin-top:var(--s-2);max-width:48ch}
.alt{padding-block:var(--s-4)}
.alt .panel{background:var(--color-wood);border:0;display:grid;grid-template-columns:1.4fr .8fr .9fr 1.3fr;gap:var(--s-7);color:var(--on-wood)}
.alt h2{font:700 .8rem var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--on-wood-2);margin-bottom:var(--s-4)}
.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.alt li a{display:inline-flex;align-items:center;min-height:38px;text-decoration:none;font-weight:600}
.alt a:hover{text-decoration:underline}
.alt .marka p{margin-top:var(--s-4);color:var(--on-wood-2);max-width:32ch}
.ilet{display:grid;gap:var(--s-3);font-style:normal}
.ilet a,.ilet span.satir{display:flex;gap:var(--s-3);align-items:flex-start;text-decoration:none;line-height:1.45;font-weight:600}
.ilet svg{width:20px;height:20px;flex:none;margin-top:2px}
.sosyal{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-5)}
.sosyal a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--on-wood);color:var(--on-wood);transition:background-color .15s,color .15s}
.sosyal a:hover{background:var(--on-wood);color:var(--color-wood-soft)}
.sosyal svg{width:20px;height:20px}
.alt .alt-son{grid-column:1/-1;padding-top:var(--s-4);border-top:1px solid rgba(43,26,14,.28);font-size:.88rem;color:var(--on-wood-2);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-3)}
.pazaryerleri{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-5)}
.pazaryerleri a{border:1.5px solid var(--on-wood);border-radius:var(--pill);padding:0 var(--s-4);min-height:40px;display:inline-flex;align-items:center;font-weight:700;text-decoration:none}
@media (max-width:980px){.alt .panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-6)}.alt .marka{grid-column:1/-1}}
@media (max-width:520px){.alt .panel{grid-template-columns:minmax(0,1fr)}}

/* sayfa başlığı */
.sayfa-baslik{padding-block:var(--s-6) var(--s-5)}
.kirinti{font-size:.88rem;color:var(--color-text-muted);margin-bottom:var(--s-4)}
.kirinti ol{display:flex;flex-wrap:wrap;gap:var(--s-2);list-style:none;margin:0;padding:0}
.kirinti li+li::before{content:"/";margin-right:var(--s-2)}
.kirinti a{display:inline-block;padding:var(--s-1) 0}
.sayfa-baslik p.giris{margin-top:var(--s-3);max-width:62ch;color:var(--color-text-muted);font-size:1.08rem}
.sayfa-baslik.duz{padding-block:var(--s-4) var(--s-2)}

/* filtre çubuğu */
.filtre{position:sticky;top:0;z-index:20;background:rgba(248,245,239,.94);backdrop-filter:blur(8px);margin-bottom:var(--s-5)}
.filtre .kap{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);align-items:center;padding-block:var(--s-3)}
.filtre .sonuc{margin-right:auto;font-weight:700}
.cipler{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.cip{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border:1.5px solid var(--color-border);border-radius:var(--pill);background:var(--color-surface);color:var(--color-text);font:700 .92rem var(--font-body);cursor:pointer}
.cip .nokta{width:16px;height:16px}
.cip[aria-pressed="true"]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}
.alan{display:flex;align-items:center;gap:var(--s-2)}
.alan label{font-weight:600;font-size:.92rem}
select,input,textarea{font:400 1rem var(--font-body);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--r);min-height:48px;padding:0 var(--s-3);width:100%}
.alan select{width:auto;border-radius:var(--pill);padding:0 var(--s-4)}
textarea{min-height:112px;padding:var(--s-3);resize:vertical}
.bos{padding:var(--s-8) 0;text-align:center;display:grid;gap:var(--s-4);justify-items:center}

/* ürün detay */
.urun{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s-6);align-items:start;padding-bottom:var(--s-7)}
.galeri{display:grid;gap:var(--s-3)}
.galeri-ana{aspect-ratio:1/1;background:var(--color-soft);border-radius:var(--r-xl);overflow:hidden}
.galeri-ana img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.galeri.mockup .galeri-ana img{object-fit:cover;mix-blend-mode:normal}
.galeri-kucuk{display:flex;gap:var(--s-2);flex-wrap:wrap}
.galeri-kucuk button{width:80px;height:80px;padding:0;background:var(--color-soft);border:2px solid transparent;border-radius:var(--r-m);cursor:pointer;overflow:hidden}
.galeri-kucuk button[aria-current="true"]{border-color:var(--color-text)}
.galeri-kucuk img{width:100%;height:100%;object-fit:cover}
.satin{display:grid;gap:var(--s-5);position:sticky;top:var(--s-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:clamp(20px,3vw,36px)}
.satin h1{font-size:clamp(1.7rem,3.6vw,2.4rem)}
.satin .fyt{font-size:2.2rem}
.satin .fyt-not{display:block;margin-top:var(--s-1)}
.sku{font-size:.85rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}
.varyant{border:0;padding:0;margin:0}
.varyant legend{margin-bottom:var(--s-2)}
.varyant-liste{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.varyant-liste a{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4) 0 var(--s-3);border:1.5px solid var(--color-border);border-radius:var(--pill);text-decoration:none;font-weight:600;background:var(--color-bg)}
.varyant-liste a[aria-current="true"]{border-color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-text);font-weight:700;background:var(--color-surface)}
.varyant-liste a:hover{border-color:var(--color-text)}
.eylemler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
.eylemler .dugme{width:100%;padding:0 var(--s-3);min-height:52px}
.eylemler .eylem{display:grid;gap:var(--s-2);align-content:end}
.eylemler.pz{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.guven{margin:0;padding:var(--s-4) 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-2);border-top:1px solid var(--color-border)}
.guven li{background:var(--color-wood-soft);border-radius:var(--pill);padding:6px 14px;font-size:.88rem;font-weight:700}
.sss{display:grid;border-top:1px solid var(--color-border)}
.sss details{border-bottom:1px solid var(--color-border)}
.sss summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);min-height:54px;cursor:pointer;font-weight:700;list-style:none}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font:700 1.4rem/1 var(--font-body);flex:none}
.sss details[open] summary::after{content:"–"}
.sss details p{padding-bottom:var(--s-4);color:var(--color-text-muted);max-width:60ch}
.ozellik{width:100%;border-collapse:collapse;font-size:.97rem}
.ozellik th,.ozellik td{text-align:left;padding:var(--s-3) var(--s-2);border-bottom:1px solid var(--color-border);vertical-align:top}
.ozellik th{width:42%;font-weight:600;color:var(--color-text-muted)}
.notlar{margin:0;padding-left:1.1em;color:var(--color-text-muted);font-size:.95rem;display:grid;gap:var(--s-1)}
.alt-bolum h2{font-size:1.4rem;margin-bottom:var(--s-3)}
.eylem-cubugu{display:none}
.bar-fiyat{display:none}
.sol-sag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5);padding-bottom:var(--s-6)}
.sol-sag>section,.sol-sag>.metin{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:clamp(20px,3vw,36px)}
@media (max-width:860px){
  .urun{grid-template-columns:minmax(0,1fr);gap:var(--s-4)}
  .satin{position:static}
  .eylem-cubugu{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);position:fixed;left:8px;right:8px;bottom:8px;z-index:52;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--r-l);padding:var(--s-3);box-shadow:0 10px 34px rgba(43,26,14,.2)}
  .eylem-cubugu .dugme{padding:0 var(--s-2);font-size:.95rem}
  body.urun-sayfa{padding-bottom:130px}
  body.urun-sayfa .dock{display:none}
  body.urun-sayfa .wa-yuzen{bottom:150px}
  .bar-fiyat{grid-column:1/-1;display:flex;align-items:baseline;gap:var(--s-2);font-size:.85rem;color:var(--color-text-muted)}
  .bar-fiyat .fyt{font-size:1.15rem;color:var(--color-text)}
  .eylemler.masaustu{display:none}
  .sol-sag{grid-template-columns:minmax(0,1fr)}
}

/* teklif sepeti + form */
.teklif-duzen{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s-5);align-items:start;padding-bottom:var(--s-6)}
.teklif-duzen>section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:clamp(20px,3vw,36px)}
.teklif-satir{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:var(--s-3);align-items:center;padding:var(--s-3) 0;border-bottom:1px solid var(--color-border)}
.teklif-satir img{width:72px;height:72px;object-fit:contain;mix-blend-mode:multiply;background:var(--color-soft);border-radius:var(--r-m)}
.teklif-satir h3{font-size:1rem}
.teklif-satir .kontrol{display:flex;align-items:center;gap:var(--s-2)}
.teklif-satir input{width:84px;text-align:center}
.teklif-satir .kaldir{min-height:44px;min-width:44px;background:none;border:1.5px solid var(--color-border-strong);border-radius:var(--pill);color:var(--color-text);cursor:pointer;font:600 .9rem var(--font-body);padding:0 var(--s-4)}
.form{display:grid;gap:var(--s-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:clamp(20px,3vw,36px)}
.form label{font-weight:600;display:block;margin-bottom:var(--s-1);font-size:.95rem}
.form .iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
.form .hata{color:var(--color-danger);font-weight:600;font-size:.92rem;margin-top:var(--s-1)}
.form .hata:empty{display:none}
.form .not{font-size:.88rem;color:var(--color-text-muted)}
@media (max-width:860px){.teklif-duzen{grid-template-columns:minmax(0,1fr)}.form .iki{grid-template-columns:minmax(0,1fr)}.teklif-satir{grid-template-columns:56px minmax(0,1fr)}.teklif-satir img{width:56px;height:56px}.teklif-satir .kontrol{grid-column:1/-1}}

/* iletişim */
.kirinti-bant{border-bottom:1px solid var(--color-border)}
.kirinti-bant ol{display:flex;gap:var(--s-3);list-style:none;margin:0;padding:var(--s-4) 0;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}
.kirinti-bant li+li::before{content:"—";margin-right:var(--s-3)}
.kirinti-bant a{text-decoration:none}
.kirinti-bant li[aria-current]{color:var(--color-text);font-weight:700}
.iletisim{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,6vw,96px);align-items:start;padding-block:var(--s-7) var(--s-6)}
.iletisim-sol h1{margin-bottom:var(--s-4)}
.iletisim-sol .giris{color:var(--color-text-muted);font-size:1.08rem;max-width:52ch;margin-bottom:var(--s-6)}
.buyuk{display:block;font:700 clamp(1.4rem,3.2vw,2.1rem)/1.25 var(--font-display);letter-spacing:-.02em;text-decoration:none;margin-top:var(--s-3);overflow-wrap:anywhere}
.buyuk:hover{text-decoration:underline;text-decoration-color:var(--color-wood);text-decoration-thickness:3px}
.buyuk small{font:600 .9rem var(--font-body);color:var(--color-text-muted);letter-spacing:0;margin-left:var(--s-2)}
.sosyal.acik{margin-top:var(--s-3)}
.sosyal.acik a{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}
.sosyal.acik a:hover{background:var(--color-text);color:var(--color-bg)}
.uc-kutu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);margin-top:var(--s-7)}
.uc-kutu h2{font-size:1.1rem;margin-bottom:var(--s-2);letter-spacing:-.01em}
.uc-kutu p{color:var(--color-text-muted);font-size:.93rem;margin-bottom:var(--s-2)}
.iletisim-form{padding:clamp(24px,3.5vw,44px);border-radius:var(--r-xl)}
.iletisim-form h2{font-size:1.7rem}
.tel-satir{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:var(--s-3)}
.iletisim-form input,.iletisim-form select{border-color:var(--color-border);background:var(--color-bg)}
.iletisim-form textarea{min-height:140px;border-color:var(--color-border);background:var(--color-bg)}
@media (max-width:980px){.iletisim{grid-template-columns:minmax(0,1fr)}.uc-kutu{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.tel-satir,.iletisim-form .iki{grid-template-columns:minmax(0,1fr)}}

/* içerik sayfaları */
.metin{max-width:68ch;display:grid;gap:var(--s-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:clamp(20px,3vw,36px);margin-bottom:var(--s-6)}
.metin h2{font-size:1.5rem;margin-top:var(--s-4)}
.sol-sag>.metin{max-width:none;margin-bottom:0}
.bekleniyor{display:inline-block;background:var(--placeholder);border:1px dashed var(--color-text-muted);padding:2px var(--s-2);font-size:.82rem;font-weight:700;letter-spacing:.05em;border-radius:var(--r)}
@media (max-width:760px){.sol-sag{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{.ust-uc,.dock,.wa-yuzen,.eylem-cubugu,.filtre,.cta-band,.cekmece,.perde{display:none}}

/* ürün sayfası v4 (referans) */
.urun{gap:clamp(24px,5vw,72px);padding-block:var(--s-7) var(--s-6)}
.galeri-ana{box-shadow:0 14px 40px rgba(43,26,14,.10);border:1px solid var(--color-border)}
.galeri-alt{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-3);color:var(--color-text-muted);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.galeri-alt::before,.galeri-alt::after{content:"";flex:1;height:1px;background:var(--color-border)}
.galeri-link{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.satin{background:none;border:0;padding:0;border-radius:0;position:static;gap:var(--s-4)}
.satin h1{font-size:clamp(2.1rem,5vw,3.6rem);letter-spacing:-.035em;line-height:1.02}
.cipsatir{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.cipsatir span{border:1px solid var(--color-border-strong);border-radius:var(--pill);padding:5px 14px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}
.aciklama{color:var(--color-text-muted);font-size:1.05rem;max-width:56ch}
.bilgi-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--color-border);border-radius:var(--r-l);background:var(--color-surface);overflow:hidden}
.hucre{padding:var(--s-4) var(--s-5);display:grid;gap:4px;align-content:start;border-bottom:1px solid var(--color-border)}
.hucre:nth-child(odd){border-right:1px solid var(--color-border)}
.hucre:nth-last-child(-n+2){border-bottom:0}
.hucre .etiket{padding-bottom:6px;border-bottom:1px solid var(--color-border);margin-bottom:4px;font-size:.68rem}
.hucre strong{font-size:1rem}
.hucre small{color:var(--color-text-muted);font-size:.78rem}
.fiyat-not{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--color-text-muted)}
.fiyat-satir{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-4)}
.fiyat-satir .fyt{font-size:1.9rem}
.fiyat-satir .dugme{min-height:52px}
.sekmeler{padding-block:var(--s-5) var(--s-6)}
.sekme-liste{display:flex;gap:var(--s-5);border-bottom:1px solid var(--color-border);margin-bottom:var(--s-6);overflow-x:auto;overflow-y:hidden}
.sekme-liste button{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:var(--s-3) var(--s-1);font:600 1rem var(--font-body);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;min-height:48px}
.sekme-liste button[aria-selected="true"]{color:var(--color-text);border-bottom-color:var(--color-text);font-weight:700}
.sekmeler [role=tabpanel]{max-width:860px}
.sekmeler.js [role=tabpanel][hidden]{display:none}
.sekmeler:not(.js) [role=tabpanel]+[role=tabpanel]{margin-top:var(--s-6)}
.sss-metin h3{margin:var(--s-4) 0 var(--s-2);font-size:1.1rem}
.sss-metin p{color:var(--color-text-muted);max-width:70ch}
.bolum-etiket{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-5);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--color-text-muted)}
.bolum-etiket i{flex:1;height:1px;background:var(--color-border)}
.bolum-etiket a{text-decoration:none;color:var(--color-text)}
.benzer{padding-top:var(--s-4)}
@media (max-width:860px){
  .fiyat-satir .masaustu{display:none}
  .fiyat-satir .fyt{font-size:1.7rem}
  .hucre{padding:var(--s-3) var(--s-4)}
}

/* akan şerit + sade footer (referans) */
.akan{overflow:hidden;border-block:1px solid var(--color-border);background:var(--color-surface);margin-top:var(--s-5)}
.akan-iz{display:flex;width:max-content;animation:akan 48s linear infinite}
.akan:hover .akan-iz{animation-play-state:paused}
.akan-iz>span,.akan-iz .kopya{display:inline-flex;flex:none;gap:var(--s-6)}
.akan-iz span span{display:inline-flex}
.akan-iz>span{padding-block:var(--s-4)}
.akan .kopya{display:flex}
.akan .kopya>span,.akan-iz>span:not(.kopya){display:inline-flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);white-space:nowrap}
.gunes{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--color-wood);color:var(--on-wood);font-style:normal}
.gunes svg{width:15px;height:15px}
@keyframes akan{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.akan-iz{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.akan .kopya{display:none}}
.alt{padding-block:var(--s-7) var(--s-4);background:none}
.alt .kap{display:block}
.alt-izgara{display:grid;grid-template-columns:1.5fr .9fr .9fr 1.3fr;gap:var(--s-7)}
.alt h2{font:600 .75rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--s-4)}
.alt li a,.alt .ilet a,.alt .ilet .satir{font-weight:400;font-size:.95rem;color:var(--color-text)}
.alt .marka .logo{justify-self:start;display:block}
.alt .marka .logo img{height:54px}
.alt .marka p{color:var(--color-text-muted);font-size:.93rem;max-width:34ch;margin-top:var(--s-4)}
.alt .marka p b{color:var(--color-text)}
.mini-link{display:flex;flex-wrap:wrap;gap:var(--s-4)}
.mini-link a{font-size:.78rem;color:var(--color-text-muted);text-decoration:none}
.mini-link a:hover{color:var(--color-text);text-decoration:underline}
.alt .sosyal{margin-top:var(--s-4)}
.alt .sosyal a{width:36px;height:36px;border:0;color:var(--color-text-muted)}
.alt .sosyal a:hover{background:var(--color-soft);color:var(--color-text)}
.alt .sosyal svg{width:20px;height:20px}
.alt .alt-son{margin-top:var(--s-7);padding-top:var(--s-4);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-3) var(--s-5);font-size:.78rem;color:var(--color-text-muted)}
.alt .pazaryerleri a{border-color:var(--color-border-strong);color:var(--color-text)}
@media (max-width:980px){.alt-izgara{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-6)}.alt .marka{grid-column:1/-1}}
@media (max-width:520px){.alt-izgara{grid-template-columns:minmax(0,1fr)}}

/* kategori sayfası (referans) */
.kat-ust{padding-top:var(--s-6)}
.kat-sekme{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-4)}
.kat-sekme .cip{text-decoration:none;min-height:46px;padding:0 var(--s-5)}
.kat-sekme .cip[aria-current="page"]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}
.kat-sekme .cip:hover:not([aria-current]){border-color:var(--color-text)}
.arac{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-l);overflow:hidden}
.ara input{display:block;border:0;border-bottom:1px solid var(--color-border);border-radius:0;min-height:60px;padding:0 var(--s-5);background:transparent;font-size:1rem}
.ara input:focus-visible{outline-offset:-3px}
.arac-alt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s-3) var(--s-5);padding:var(--s-3) var(--s-4)}
.seciciler{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.seciciler select{width:auto;min-height:44px;border-radius:var(--pill);padding:0 var(--s-4);background:var(--color-bg);border:1px solid var(--color-border-strong);font-weight:600;font-size:.95rem}
.arac .sonuc{color:var(--color-text-muted);font-size:.9rem}
.arac .sonuc b{color:var(--color-text)}
.kat-giris{color:var(--color-text-muted);max-width:70ch;margin:var(--s-4) 0 var(--s-6);font-size:.98rem}

/* teklif sepeti + içerik sayfaları (referans) */
.teklif-duzen{padding-block:var(--s-7) var(--s-6);gap:clamp(24px,5vw,72px)}
.teklif-sol h1{margin-bottom:var(--s-4)}
.teklif-sol .giris{color:var(--color-text-muted);font-size:1.08rem;max-width:52ch;margin-bottom:var(--s-6)}
.sepet-kart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:clamp(20px,3vw,36px)}
.sepet-kart h2{font-size:1.4rem;margin-bottom:var(--s-3)}
.teklif-duzen>.form{position:sticky;top:var(--s-4)}
.icerik-ust{padding-top:var(--s-7)}
.hak-sag .hero-gorsel{aspect-ratio:1/1;border-radius:var(--r-xl);box-shadow:0 14px 40px rgba(43,26,14,.10)}
.uc-kart{margin-top:0;margin-bottom:var(--s-7)}
.uc-kart>div{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-xl);padding:clamp(18px,2.5vw,28px)}
.uc-kart p{margin-bottom:var(--s-3)}
@media (max-width:860px){.teklif-duzen>.form{position:static}}
.adim-liste{margin:0;padding:0;list-style:none;display:grid;gap:var(--s-4);counter-reset:z}
.adim-liste li{counter-increment:z;display:grid;grid-template-columns:36px 1fr;gap:var(--s-3);align-items:center}
.adim-liste li::before{content:counter(z);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-wood);font-weight:700}
.teklif-duzen>#teklif-yardim{align-self:start}

.eylem-cubugu .dugme{font-size:.88rem;gap:6px}
.eylem-cubugu .dugme svg{width:18px;height:18px}

/* pazaryeri logoları (üst şerit) */
.pz-ikon:not(.wa-i){border:0;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(43,26,14,.12)}
.pz-ikon img{width:100%;height:100%;object-fit:cover;display:block}
a.pz-ikon:not(.wa-i):hover{background:#fff;transform:translateY(-1px)}
.pz-ikon.bos-link{opacity:1}

/* ürün sayfası: fiyat üstte, butonlar yan yana */
.fiyat-ust{display:grid;gap:6px}
.fiyat-ust .fyt{font-size:2.3rem}
.fiyat-ust .fyt-not{margin:0}
.fiyat-satir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
.fiyat-satir .dugme{width:100%;padding:0 var(--s-3)}

/* dock: ilk açılışta gizli, kaydırınca gelir */
.dock{transition:transform .3s ease-out,opacity .25s}
.js .dock:not(.gorun){transform:translate(-50%,160%);opacity:0;pointer-events:none}
.js .dock:not(.gorun) a{visibility:hidden}
@media (prefers-reduced-motion:reduce){.dock{transition:none}}
/* başlıklar belirgin */
.fiyat-ust>.etiket,.varyant legend{font:700 1.05rem/1.3 var(--font-body);letter-spacing:0;text-transform:none;color:var(--color-text);margin-bottom:var(--s-1)}
.varyant legend{margin-bottom:var(--s-2);padding:0}
.kart-alt h3{margin-bottom:var(--s-1)}
.kart-alt-satir{padding-top:var(--s-2)}

/* ürün sayfası sağ sütun v5: bloklu düzen */
.satin{gap:var(--s-6);align-content:start}
.fiyat-kart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-l);padding:var(--s-5) var(--s-5);display:grid;gap:6px}
.fiyat-kart>.etiket{font:700 1.05rem/1.3 var(--font-body);letter-spacing:0;text-transform:none;color:var(--color-text)}
.fiyat-kart .fyt{font-size:2.4rem}
.fiyat-kart .fyt-not{display:block;margin:0}
.fiyat-kart .fiyat-not{margin:0;padding-top:var(--s-2);border-top:1px solid var(--color-border);margin-top:var(--s-2)}
.guven2{list-style:none;margin:0;padding:var(--s-5) 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);border-block:1px solid var(--color-border)}
.guven2 li{display:grid;gap:2px;justify-items:start;align-content:start;font-size:.84rem;color:var(--color-text-muted)}
.guven2 svg{width:26px;height:26px;color:var(--color-text);margin-bottom:var(--s-2)}
.guven2 b{color:var(--color-text);font-size:.95rem}
.toptan-kutu{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;background:var(--color-wood-soft);border-radius:var(--r-l);padding:var(--s-5)}
.toptan-kutu strong{display:block;font-size:1.05rem}
.toptan-kutu p{color:var(--on-wood-2);font-size:.92rem;max-width:34ch;margin-top:4px}
.pz-satir{display:grid;gap:var(--s-3)}
.baslik-k{font:700 1.05rem/1.3 var(--font-body)}
.pz-chipler{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.pz-chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 16px 6px 6px;border:1.5px solid var(--color-border);border-radius:var(--pill);font-weight:700;font-size:.9rem;text-decoration:none;background:var(--color-surface)}
.pz-chip img{width:28px;height:28px;border-radius:7px}
a.pz-chip:hover{border-color:var(--color-text)}
.pz-chip.bos-chip{opacity:.7;cursor:default}
.showroom-not{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);color:var(--color-text-muted);font-size:.93rem}
.showroom-not svg{width:20px;height:20px;color:var(--color-text);flex:none}
@media (max-width:520px){.guven2{grid-template-columns:minmax(0,1fr)}.guven2 li{grid-template-columns:30px 1fr;column-gap:var(--s-3);align-items:center}.guven2 li svg{grid-row:span 2;margin:0}}

.baslik-blok{display:grid;gap:var(--s-3)}
@media (max-width:640px){
  .kirinti-bant ol{flex-wrap:wrap;gap:4px 8px;font-size:.7rem;letter-spacing:.05em;padding:var(--s-3) 0;line-height:1.5}
  .kirinti-bant li+li::before{margin-right:8px}
}
@media (max-width:860px){.fiyat-satir{display:none}}

.teklife-ekle[aria-pressed="true"]{background:var(--color-wood);border-color:var(--color-text);color:var(--color-text)}
.eylem-cubugu .teklife-ekle svg{width:18px;height:18px}

/* hero görseli: tamamı görünsün (daha derin), kenarlar aynı fotoğrafın bulanığıyla dolsun */
.hero-gorsel{aspect-ratio:1/1;isolation:isolate}
.hero-gorsel>img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}
.hero-gorsel>img.bulanik{position:absolute;z-index:0;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(22px) saturate(1.05);transform:scale(1.08)}
.hero-gorsel>a{z-index:2}
@media (max-width:860px){.hero-gorsel{aspect-ratio:1/1}}
.hero-gorsel>img:not(.bulanik){-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.hero-gorsel>img:not(.bulanik){position:absolute;left:50%;top:0;transform:translateX(-50%);width:auto;height:100%;max-width:100%;object-fit:contain}

/* kurulum videosu */
.video-kutu{display:grid;gap:var(--s-3);margin-top:var(--s-4)}
.video-cerceve{position:relative;aspect-ratio:16/9;border-radius:var(--r-l);overflow:hidden;background:var(--color-soft);box-shadow:0 10px 30px rgba(43,26,14,.12)}
.video-oynat{all:unset;box-sizing:border-box;position:absolute;inset:0;cursor:pointer;display:block}
.video-oynat img{width:100%;height:100%;object-fit:cover}
.video-oynat:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}
.oynat-ikon{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;color:var(--color-text);box-shadow:0 8px 24px rgba(43,26,14,.3);transition:transform .15s}
.video-oynat:hover .oynat-ikon{transform:scale(1.08)}
.oynat-ikon svg{width:30px;height:30px;margin-left:3px}
.video-cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-not{font-size:.82rem;color:var(--color-text-muted)}

/* galeri: video küçük resmi + ana alanda oynatıcı */
.galeri-kucuk .video-kucuk{position:relative}
.mini-play{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--color-text);display:grid;place-items:center;box-shadow:0 2px 8px rgba(43,26,14,.35)}
.mini-play svg{width:16px;height:16px;margin-left:2px}
.galeri-ana.video-aktif{display:grid;place-items:center;background:#000}
.galeri-ana.video-aktif iframe{width:100%;aspect-ratio:16/9;border:0}

.sekmeler .video-cerceve{max-width:760px}

/* hero görseli: dikey oda fotoğrafı kutuyu tam doldurur */
.hero-gorsel{aspect-ratio:4/5}
.hero-gorsel>img:not(.bulanik){-webkit-mask-image:none;mask-image:none;position:absolute;inset:0;left:0;top:0;transform:none;width:100%;height:100%;max-width:none;object-fit:cover}
@media (max-width:860px){.hero-gorsel{aspect-ratio:4/5}}
.sekmeler .video-cerceve{max-width:860px}

/* mobil: WhatsApp alt gezinme çubuğunda; yüzen balon yalnızca ürün sayfasında kalır */
.dock .dock-wa{display:none}
@media (max-width:640px){
  .dock .dock-wa{display:grid;color:var(--color-text)}
  .dock .dock-wa svg{width:26px;height:26px;padding:3px;border-radius:50%;background:var(--color-wa);color:var(--color-on-wa)}
  .wa-yuzen{display:none}
  body.urun-sayfa .wa-yuzen{display:grid}
}
@media (max-width:640px){.dock a[href="/iletisim/"]{display:none}}
.ts-hata{margin:6px 0 0;font-size:.85rem;color:var(--color-error,#A12C20);min-height:0}.ts-hata:empty{display:none}.cf-turnstile{margin:8px 0}
.hukuki-not{font-size:.85rem;color:var(--color-text-muted)}.metin ul{margin:0;padding-left:1.2em;display:grid;gap:var(--s-2)}.metin p{margin:0;overflow-wrap:anywhere}