/* ------------------------------------------------------------------
   Liya Optik — anasayfa
   Renkler: cam (zemin), mürekkep (yazı), kaplama (antirefle yeşili),
   menekşe (cam yansıması), havana (çerçeve)
------------------------------------------------------------------- */
:root{
  --cam:#EEF3F1;
  --murekkep:#10262B;
  --murekkep-2:#4A6062;
  --kaplama:#2E9E7B;
  --kaplama-acik:#CFE9DF;
  --menekse:#6A4FBF;
  --havana:#8A5320;
  --beyaz:#FFFFFF;
  --cizgi:rgba(16,38,43,.14);
  --display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --govde:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --kenar:clamp(1.25rem,4.5vw,4rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cam);color:var(--murekkep);font-family:var(--govde);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--menekse);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.7rem 1.35rem;border-radius:999px;border:1.5px solid var(--murekkep);background:var(--murekkep);color:var(--cam);font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.dugme:hover{background:transparent;color:var(--murekkep)}
.dugme--bos{background:transparent;color:var(--murekkep)}
.dugme--bos:hover{background:var(--murekkep);color:var(--cam)}
.dugme--acik{border-color:var(--cam);background:var(--cam);color:var(--murekkep)}
.dugme--acik:hover{background:transparent;color:var(--cam)}
.dugme--acik-bos{border-color:rgba(238,243,241,.5);background:transparent;color:var(--cam)}
.dugme--acik-bos:hover{background:var(--cam);color:var(--murekkep)}

/* ---------------- Sahne: hero + cam deneme ---------------- */
.sahne{position:relative}
.sahne__tuval{position:sticky;top:0;height:100vh;height:100svh;width:100%;z-index:0;pointer-events:none;overflow:hidden}
.sahne__tuval canvas{display:block;width:100%;height:100%}
.sahne__icerik{position:relative;z-index:1;margin-top:-100vh;margin-top:-100svh}

/* Üst menü */
.ust{position:absolute;inset:0 0 auto 0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem var(--kenar)}
.logo{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-weight:700;font-size:1.35rem;letter-spacing:-.02em;text-decoration:none}
.logo svg{width:2.3rem;height:auto}
.ust__menu{display:flex;align-items:center;gap:1.75rem}
.ust__menu a:not(.dugme){text-decoration:none;font-weight:500}
.ust__menu a:not(.dugme):hover{text-decoration:underline;text-underline-offset:.3em}
.ust .dugme{min-height:2.6rem;padding:.45rem 1.1rem;font-size:.95rem}

/* Hero: göz tablosu gibi küçülen satırlar */
.hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:6rem var(--kenar) 3rem}
.tablo{max-width:min(56%,46rem)}
.tablo__satir{display:grid;grid-template-columns:2.6rem 1fr;align-items:baseline;column-gap:.75rem}
.tablo__no{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--murekkep-2);border-top:1px solid var(--cizgi);padding-top:.3rem;align-self:start;margin-top:.9em}
.tablo__satir--1 .tablo__yazi{font-family:var(--display);font-weight:800;font-size:clamp(4.2rem,11.5vw,11rem);line-height:.9;letter-spacing:-.045em}
.tablo__satir--2 .tablo__yazi{font-family:var(--display);font-weight:500;font-size:clamp(2.3rem,5.6vw,5.2rem);line-height:1;letter-spacing:-.035em;margin-top:.35em}
.tablo__satir--3 .tablo__yazi{font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.5;max-width:30em;margin-top:1.6em;color:var(--murekkep)}
.hero__dugmeler{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 0 3.35rem}
html.pre .tablo__satir,html.pre .hero__dugmeler{opacity:0}

/* Cam deneme */
.dene{height:100vh;height:100svh;min-height:40rem;display:grid;grid-template-columns:1fr minmax(20rem,30rem);align-items:center;padding:3rem var(--kenar)}
.dene__panel{grid-column:2}
.dene h2{font-family:var(--display);font-weight:700;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.02;letter-spacing:-.035em}
.dene__giris{margin-top:.9rem;color:var(--murekkep-2);max-width:26em}
.secim{margin-top:1.75rem}
.secim__baslik{font-weight:600;font-size:.95rem;margin-bottom:.6rem}
.camlar{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.cam{min-height:3rem;padding:.6rem .9rem;border-radius:.9rem;border:1.5px solid var(--cizgi);background:rgba(255,255,255,.55);text-align:left;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}
.cam:hover{border-color:var(--murekkep)}
.cam[aria-pressed="true"]{background:var(--murekkep);border-color:var(--murekkep);color:var(--cam)}
.cam__aciklama{margin-top:.8rem;min-height:3.2em;color:var(--murekkep);font-size:1rem}
.cerceveler{display:flex;flex-wrap:wrap;gap:.5rem}
.cerceve{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.35rem .9rem .35rem .4rem;border-radius:999px;border:1.5px solid var(--cizgi);background:rgba(255,255,255,.55);font-weight:500;cursor:pointer;transition:border-color .2s}
.cerceve:hover{border-color:var(--murekkep)}
.cerceve[aria-pressed="true"]{border-color:var(--murekkep);box-shadow:inset 0 0 0 1px var(--murekkep)}
.cerceve i{width:1.7rem;height:1.7rem;border-radius:50%;background:var(--renk);border:1px solid rgba(0,0,0,.15)}

/* ---------------- Ürünler ---------------- */
.urunler{position:relative;z-index:2;background:var(--cam);padding:clamp(3rem,7vw,6rem) var(--kenar) clamp(4rem,9vw,8rem)}
.urunler__ust{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.25rem 2rem}
.urunler h2,.blog h2{font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1;letter-spacing:-.04em}
.suzgec{display:flex;flex-wrap:wrap;gap:.4rem}
.suzgec button{min-height:2.75rem;padding:.4rem 1.1rem;border-radius:999px;border:1.5px solid var(--cizgi);background:transparent;font-weight:500;cursor:pointer;transition:border-color .2s}
.suzgec button:hover{border-color:var(--murekkep)}
.suzgec button[aria-pressed="true"]{background:var(--murekkep);border-color:var(--murekkep);color:var(--cam)}
.urun-izgara{list-style:none;margin:clamp(1.75rem,4vw,3rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.urun{background:var(--beyaz);border:1px solid var(--cizgi);border-radius:1.25rem;overflow:hidden;display:flex;flex-direction:column}
.urun[hidden]{display:none}
.urun__gorsel{aspect-ratio:4/3;display:grid;place-items:center;background:var(--zemin,#E4ECE9);color:var(--cerceve,#10262B)}
.urun__gorsel svg{width:72%;height:auto;overflow:visible;transition:transform .35s ease}
.urun:hover .urun__gorsel svg{transform:scale(1.06) rotate(-3deg)}
.urun__bilgi{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.15rem;flex:1}
.urun h3{font-family:var(--display);font-weight:600;font-size:1.25rem;letter-spacing:-.02em;line-height:1.2}
.urun__tur{color:var(--murekkep-2);font-size:.95rem}
.urun__alt{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--cizgi);font-size:.95rem}
.urun__alt a{font-weight:600;text-underline-offset:.25em}
.urunler__tumu{margin-top:2rem;display:flex;justify-content:center}

/* ---------------- Blog ---------------- */
.blog{position:relative;z-index:2;background:var(--cam);padding:clamp(4rem,9vw,8rem) var(--kenar)}
.blog__ust{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem 2rem}
.blog__ust a{font-weight:600;text-underline-offset:.25em}
.yazi-izgara{margin-top:clamp(1.75rem,4vw,3rem);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:1rem}
.yazi{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.4rem,2.6vw,2.25rem);border-radius:1.25rem;text-decoration:none;background:var(--zemin,var(--beyaz));color:var(--yazi-renk,var(--murekkep));transition:transform .25s ease}
.yazi:hover{transform:translateY(-4px)}
.yazi:hover h3{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.15em}
.yazi__kunye{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;opacity:.8}
.yazi h3{font-family:var(--display);font-weight:600;letter-spacing:-.03em;line-height:1.08;font-size:clamp(1.4rem,2.2vw,2rem)}
.yazi p{margin-top:.7rem;max-width:32em;opacity:.85}
.yazi--buyuk{grid-row:span 2;min-height:26rem}
.yazi--buyuk h3{font-size:clamp(2rem,4.2vw,3.8rem);line-height:1}

/* ---------------- Hizmetler ---------------- */
.hizmetler{position:relative;z-index:2;background:var(--beyaz);padding:clamp(4rem,9vw,8rem) var(--kenar)}
.hizmetler h2,.subeler h2{font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1;letter-spacing:-.04em;max-width:14em}
.hizmet-listesi{list-style:none;margin:clamp(2rem,5vw,4rem) 0 0;padding:0;border-top:1px solid var(--cizgi)}
.hizmet-listesi li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:1rem 3rem;align-items:baseline;padding:1.6rem 0;border-bottom:1px solid var(--cizgi)}
.hizmet-listesi h3{font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.1;letter-spacing:-.03em}
.hizmet-listesi p{max-width:34em;color:var(--murekkep-2)}

/* ---------------- Şubeler ---------------- */
.subeler{position:relative;z-index:2;background:var(--murekkep);color:var(--cam);padding:clamp(4rem,9vw,8rem) var(--kenar)}
.subeler__giris{margin-top:1rem;max-width:32em;color:rgba(238,243,241,.75)}
.sube-izgara{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(2rem,5vw,4rem);border-top:1px solid rgba(238,243,241,.2)}
.sube{padding:2rem 2.5rem 0 0}
.sube + .sube{padding-left:2.5rem;border-left:1px solid rgba(238,243,241,.2)}
.sube h3{font-family:var(--display);font-weight:600;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.03em;line-height:1.1}
.sube dl{margin:1.25rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.25rem}
.sube dt{color:rgba(238,243,241,.6)}
.sube dd{margin:0}
.sube__dugmeler{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem}

/* ---------------- Instagram ---------------- */
.insta{position:relative;z-index:2;background:var(--kaplama-acik);padding:clamp(3.5rem,8vw,7rem) var(--kenar);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}
.insta h2{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4.6vw,4.2rem);line-height:1.02;letter-spacing:-.04em;max-width:13em}
.insta p{margin-top:1rem;max-width:30em}

/* ---------------- Mobil ---------------- */
@media (min-width:821px) and (max-width:1100px){.urun-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){
  .hero{justify-content:flex-start;padding-top:5.5rem}
  .tablo{max-width:none}
  .tablo__satir{grid-template-columns:1.9rem 1fr;column-gap:.5rem}
  .tablo__satir--1 .tablo__yazi{font-size:clamp(3.6rem,19vw,6rem)}
  .tablo__satir--2 .tablo__yazi{font-size:clamp(2rem,10vw,3.2rem)}
  .tablo__satir--3 .tablo__yazi{margin-top:1.1em}
  .hero__dugmeler{margin:1.4rem 0 0 2.4rem}
  .dene{grid-template-columns:1fr;align-items:end;padding:0 var(--kenar) 1.5rem}
  .dene__panel{grid-column:1;padding-top:42svh}
  .cerceveler{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}
  .cerceve{flex-direction:column;gap:.2rem;padding:.4rem .2rem;border-radius:.9rem;font-size:.85rem;justify-content:center}
  .dene__giris{display:none}
  .secim{margin-top:1.1rem}
  .cam{min-height:2.75rem;padding:.5rem .8rem;font-size:.97rem}
  .cam__aciklama{min-height:3.1em;font-size:.97rem;margin-top:.6rem}
  .hizmet-listesi li{grid-template-columns:1fr;gap:.4rem;padding:1.3rem 0}
  .urun-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .suzgec{gap:.3rem}
  .suzgec button{padding:.4rem .8rem;font-size:.95rem}
  .urun__bilgi{padding:.8rem .8rem .9rem}
  .urun h3{font-size:1.08rem}
  .urun__alt{flex-direction:column;align-items:flex-start;gap:.2rem}
  .yazi-izgara{grid-template-columns:1fr}
  .yazi--buyuk{min-height:19rem}
  .sube-izgara{grid-template-columns:1fr}
  .sube{padding:1.75rem 0 2rem}
  .sube + .sube{padding-left:0;border-left:0;border-top:1px solid rgba(238,243,241,.2)}
  .insta{grid-template-columns:1fr;align-items:start}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ==================================================================
   Ortak: menü, alt bilgi, iç sayfalar
================================================================== */
.ust--ic{position:relative;border-bottom:1px solid var(--cizgi)}
.ust__menu a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em}
.ust__ac{display:none;width:3rem;height:3rem;border-radius:50%;border:1.5px solid var(--murekkep);background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.ust__ac i{display:block;width:1.15rem;height:2px;background:var(--murekkep);transition:transform .25s}
.ust.acik .ust__ac i:first-of-type{transform:translateY(4px) rotate(45deg)}
.ust.acik .ust__ac i:last-of-type{transform:translateY(-4px) rotate(-45deg)}
.urun__gorsel{text-decoration:none}
.urun h3 a{text-decoration:none}
.urun h3 a:hover{text-decoration:underline;text-underline-offset:.2em}

/* Alt bilgi */
.alt{position:relative;z-index:2;background:var(--cam);padding:clamp(2.5rem,6vw,4.5rem) var(--kenar) 1.75rem;border-top:1px solid var(--cizgi)}
.alt__ust{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:2rem}
.alt__marka p{margin-top:.9rem;max-width:22em;color:var(--murekkep-2)}
.alt nav{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}
.alt nav h2{font-size:1rem;font-weight:600;margin-bottom:.4rem}
.alt nav a{text-decoration:none;color:var(--murekkep-2);padding:.3rem 0}
.alt nav a:hover{color:var(--murekkep);text-decoration:underline;text-underline-offset:.25em}
.alt__alt{display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--cizgi);font-size:.95rem;color:var(--murekkep-2)}
.alt__alt a{text-underline-offset:.25em}

/* Sayfa başı */
.sayfa-bas{padding:clamp(2rem,5vw,4rem) var(--kenar) clamp(1.75rem,4vw,3rem)}
.iz{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.95rem;color:var(--murekkep-2)}
.iz a{text-underline-offset:.25em}
.sayfa-bas h1{margin-top:1rem;font-family:var(--govde);font-weight:600;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.025em;max-width:13em}
.sayfa-bas__alt{margin-top:1.1rem;font-size:1.15rem;color:var(--murekkep-2)}
.bolum{padding:clamp(3rem,7vw,6rem) var(--kenar)}
.bolum--beyaz{background:var(--beyaz)}
.bolum h2{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4.4vw,3.8rem);line-height:1;letter-spacing:-.04em;max-width:15em}

/* Kategori */
.katalog{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);padding:0 var(--kenar) clamp(4rem,8vw,7rem);align-items:start}
.suz-grup{border:0;border-top:1px solid var(--cizgi);margin:0;padding:1.1rem 0 1.2rem}
.suz-grup legend{float:left;width:100%;padding:0;font-weight:600;margin-bottom:.5rem}
.suz-grup label{clear:both;display:flex;align-items:center;gap:.6rem;min-height:2.5rem;cursor:pointer}
.suz-grup input{width:1.2rem;height:1.2rem;accent-color:var(--murekkep);margin:0}
.katalog__ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:1rem}
.katalog__ust label{display:inline-flex;align-items:center;gap:.6rem}
.katalog__ust select{min-height:2.75rem;padding:.4rem 2.2rem .4rem .9rem;border-radius:999px;border:1.5px solid var(--cizgi);background:var(--beyaz);font:inherit;color:inherit}
.katalog .urun-izgara{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.bos{padding:3rem 0;text-align:left}
.bos p{margin-bottom:1rem;font-size:1.15rem}

/* Ürün detay */
.detay{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,4vw,4.5rem);padding:clamp(1.5rem,3vw,2.5rem) var(--kenar) clamp(3.5rem,7vw,6rem);align-items:start}
.detay__gorsel{position:sticky;top:1.5rem;border-radius:1.5rem;aspect-ratio:5/4;display:grid;place-items:center;background:var(--zemin);color:var(--cerceve);transition:background .45s,color .45s}
.detay__gorsel svg{width:68%;height:auto;overflow:visible}
.detay__gorsel path,.detay__gorsel circle,.detay__gorsel rect{transition:fill .45s}
.detay h1{margin-top:.9rem;font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,5vw,4.4rem);line-height:.95;letter-spacing:-.045em}
.detay__tur{margin-top:.6rem;color:var(--murekkep-2)}
.detay__ozet{margin-top:1.2rem;font-size:1.12rem;max-width:30em}
.varyantlar{display:flex;flex-wrap:wrap;gap:.5rem}
.varyant{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.35rem .9rem .35rem .4rem;border-radius:999px;border:1.5px solid var(--cizgi);background:rgba(255,255,255,.55);font-weight:500;cursor:pointer;transition:border-color .2s}
.varyant:hover{border-color:var(--murekkep)}
.varyant[aria-pressed="true"]{border-color:var(--murekkep);box-shadow:inset 0 0 0 1px var(--murekkep)}
.varyant i{width:1.7rem;height:1.7rem;border-radius:50%;background:linear-gradient(135deg,var(--c1) 50%,var(--c2) 50%);border:1px solid rgba(0,0,0,.15)}
.detay__dugmeler{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem}
.detay__not{margin-top:.9rem;color:var(--murekkep-2);font-size:.97rem}
.ozellik{margin:2rem 0 0;border-top:1px solid var(--cizgi)}
.ozellik div{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--cizgi)}
.ozellik dt{color:var(--murekkep-2)}
.ozellik dd{margin:0}
.acilir{border-bottom:1px solid var(--cizgi)}
.acilir summary{display:flex;justify-content:space-between;align-items:center;min-height:3.25rem;font-weight:600;cursor:pointer;list-style:none}
.acilir summary::-webkit-details-marker{display:none}
.acilir summary::after{content:"+";font-size:1.4rem;font-weight:400;line-height:1}
.acilir[open] summary::after{content:"\2212"}
.acilir p{padding:0 0 1.1rem;color:var(--murekkep-2);max-width:32em}
.benzer{padding:clamp(3rem,6vw,5rem) var(--kenar) clamp(4rem,8vw,7rem);background:var(--beyaz)}
.benzer h2{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,3.6vw,3rem);letter-spacing:-.035em;line-height:1}
.benzer .urun{background:var(--cam)}

/* İletişim */
.iletisim{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);padding:0 var(--kenar) clamp(3rem,6vw,5rem);align-items:start}
.form h2,.iletisim__subeler h2{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:1.25rem}
.alan{margin-bottom:1.1rem}
.alan label{display:block;font-weight:600;margin-bottom:.35rem}
.alan input,.alan select,.alan textarea{width:100%;min-height:3.1rem;padding:.7rem .9rem;border-radius:.8rem;border:1.5px solid var(--cizgi);background:var(--beyaz);font:inherit;color:inherit}
.alan textarea{min-height:8rem;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--murekkep);box-shadow:0 0 0 3px rgba(106,79,191,.25)}
.alan [aria-invalid="true"]{border-color:#A3261E}
.hata{display:block;margin-top:.3rem;color:#A3261E;font-size:.95rem;min-height:0}
.onay{display:flex;gap:.7rem;align-items:flex-start;margin:.25rem 0 1.4rem}
.onay input{width:1.3rem;height:1.3rem;min-height:0;margin:.15rem 0 0;accent-color:var(--murekkep);flex:none}
.onay label{font-weight:400;margin:0}
.form__tamam{padding:1.75rem;border-radius:1.25rem;background:var(--kaplama-acik)}
.form__tamam h2{margin-bottom:.5rem}
.iletisim__subeler{display:grid;gap:1rem}
.sube-kart{background:var(--murekkep);color:var(--cam);border-radius:1.25rem;padding:1.6rem 1.75rem 1.75rem}
.sube-kart h3{font-family:var(--display);font-weight:600;font-size:1.7rem;letter-spacing:-.03em}
.sube-kart dl{margin:1rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.25rem}
.sube-kart dt{color:rgba(238,243,241,.6)}
.sube-kart dd{margin:0}
.sube-kart__harita{display:block;width:100%;height:12rem;border:0;border-radius:.8rem;background:#DDE5E2;margin-bottom:1.25rem}
.iletisim{padding-bottom:clamp(4rem,8vw,7rem)}

/* Blog listesi */
.blog-liste{padding:0 var(--kenar) clamp(4rem,8vw,7rem)}
.blog-liste .suzgec{margin-bottom:1.5rem}
.blog-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.yazi[hidden]{display:none}
.yazi--genis{grid-column:1/-1;min-height:20rem}
.yazi--genis h3{font-size:clamp(2rem,4.6vw,4rem);line-height:1;max-width:14em}
.blog-izgara .yazi:not(.yazi--genis){min-height:15rem}

/* Blog detay */
.okuma{position:fixed;inset:0 0 auto 0;height:4px;background:var(--kaplama);transform-origin:left center;transform:scaleX(0);z-index:60}
.makale-bas{max-width:52rem;margin:0 auto;padding:clamp(2rem,5vw,4rem) var(--kenar) 0}
.makale-bas h1{margin-top:1rem;font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,6vw,5rem);line-height:.98;letter-spacing:-.045em}
.makale-bas__kunye{display:flex;gap:1.25rem;margin-top:1.25rem;color:var(--murekkep-2)}
.makale{max-width:44rem;margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) var(--kenar) clamp(3rem,6vw,5rem);font-size:1.15rem;line-height:1.7}
.makale > * + *{margin-top:1.15em}
.makale .giris{font-size:1.3rem;line-height:1.55}
.makale h2{margin-top:2.2em;font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,2.8vw,2.1rem);line-height:1.1;letter-spacing:-.03em}
.makale ul{padding-left:1.2em}
.makale li + li{margin-top:.4em}
.kisaca{padding:1.4rem 1.6rem;border-radius:1.25rem;background:var(--kaplama-acik)}
.kisaca strong{display:block;font-family:var(--display);font-size:1.25rem;letter-spacing:-.02em;margin-bottom:.3rem}
.makale__cagri{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5em;padding:1.6rem 1.75rem;border-radius:1.25rem;background:var(--murekkep);color:var(--cam)}
.makale__cagri p{max-width:22em;font-size:1.1rem;line-height:1.45}
.ilgili{padding:clamp(3rem,6vw,5rem) var(--kenar) clamp(4rem,8vw,7rem);background:var(--beyaz)}
.ilgili h2{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,3.6vw,3rem);letter-spacing:-.035em;line-height:1;margin-bottom:1.75rem}
.ilgili .yazi{min-height:14rem}

/* Hakkımızda */
.hakkinda{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);padding:0 var(--kenar) clamp(3.5rem,7vw,6rem);align-items:center}
.hakkinda__yazi p{font-size:1.2rem;line-height:1.6;max-width:32em}
.hakkinda__yazi p + p{margin-top:1.1em;color:var(--murekkep-2)}
.goz-tablosu{background:var(--murekkep);color:var(--cam);border-radius:1.5rem;padding:clamp(2rem,4vw,3.5rem) 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.9rem;font-family:var(--display);font-weight:700;line-height:1;text-align:center}
.goz-tablosu span{display:block;letter-spacing:.32em;margin-right:-.32em}
.goz-tablosu span:nth-child(1){font-size:clamp(4.5rem,9vw,7.5rem)}
.goz-tablosu span:nth-child(2){font-size:clamp(3rem,6vw,5rem)}
.goz-tablosu span:nth-child(3){font-size:clamp(2rem,4vw,3.2rem)}
.goz-tablosu span:nth-child(4){font-size:clamp(1.3rem,2.4vw,1.9rem)}
.goz-tablosu span:nth-child(5){font-size:.95rem;font-weight:500;font-family:var(--govde);letter-spacing:.2em;margin-right:-.2em;opacity:.75}
.adimlar{list-style:none;counter-reset:adim;margin:clamp(2rem,4vw,3.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.5rem}
/* Alt sayfalar: içerik 84rem container'da, zeminler tam genişlikte */
body:not(.ana-sayfa) :is(.ust,.alt,.sayfa-bas,.katalog,.bolum,.hizmetler,.hakkinda,.hakkinda-gorsel,.cagri,.iletisim,.blog-liste,.ilgili,.benzer,.hata-sayfa){padding-inline:max(var(--kenar),calc((100% - 84rem) / 2))}
.bolum--beyaz + .hizmetler{padding-top:0}
.hizmetler[aria-labelledby="ilke-baslik"] h2{margin-inline:auto;text-align:center;text-wrap:balance}
.adimlar li{counter-increment:adim;border-top:2px solid var(--murekkep);padding-top:1rem}
.adimlar li::before{content:counter(adim);display:block;font-family:var(--display);font-weight:800;font-size:3.2rem;line-height:1;letter-spacing:-.04em;color:var(--kaplama)}
.adimlar h3{margin-top:.6rem;font-family:var(--display);font-weight:600;font-size:1.4rem;letter-spacing:-.02em}
.adimlar p{margin-top:.4rem;color:var(--murekkep-2)}
.cagri{background:var(--kaplama-acik);padding:clamp(3rem,7vw,6rem) var(--kenar);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}
.cagri h2{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4.6vw,4.2rem);line-height:1.02;letter-spacing:-.04em;max-width:13em}
.cagri__dugmeler{display:flex;flex-wrap:wrap;gap:.6rem}

@media (max-width:1100px){
  .katalog .urun-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .ust__ac{display:flex}
  .ust__menu{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;flex-direction:column;align-items:stretch;gap:0;padding:.5rem var(--kenar) 1.5rem;background:var(--cam);border-bottom:1px solid var(--cizgi);box-shadow:0 1.5rem 2rem -1.5rem rgba(16,38,43,.35)}
  .ust.acik .ust__menu{display:flex}
  .ust__menu a:not(.dugme){padding:.9rem 0;border-bottom:1px solid var(--cizgi);font-size:1.15rem}
  .ust__menu .dugme{margin-top:1.1rem;min-height:3rem}
  .alt__ust{grid-template-columns:1fr 1fr}
  .alt__marka{grid-column:1/-1}
  .katalog{grid-template-columns:1fr}
  .katalog__suzgec{display:grid;grid-template-columns:1fr 1fr;column-gap:1.25rem}
  .katalog .urun-izgara{gap:.6rem}
  .detay{grid-template-columns:1fr}
  .detay__gorsel{position:static}
  .iletisim{grid-template-columns:1fr}
  .blog-izgara{grid-template-columns:1fr}
  .yazi--genis{min-height:17rem}
  .hakkinda{grid-template-columns:1fr}
  .cagri{grid-template-columns:1fr;align-items:start}
}

/* ==================================================================
   Liya Optik — site entegrasyonu: WhatsApp, ürün fotoğrafları, galeri,
   fiyat, sayfalama, makale içeriği, 404
================================================================== */
:root{--wa:#1FA855;--wa-koyu:#168A45}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
img{max-width:100%;display:block}
.wa-ikon{width:1.2em;height:1.2em;flex:none;fill:currentColor}

/* WhatsApp düğmeleri */
.dugme--wa{border-color:var(--wa);background:var(--wa);color:#fff}
.dugme--wa:hover{background:var(--wa-koyu);border-color:var(--wa-koyu);color:#fff}
.dugme--buyuk{min-height:3.6rem;padding:.9rem 1.7rem;font-size:1.08rem}
.ust .dugme--wa{color:#fff}
.ust__menu .dugme + .dugme{margin-left:-.9rem}
.dugme--nabiz{position:relative;animation:waNabiz 2.4s infinite}
.dugme--nabiz:hover{animation-play-state:paused}
@keyframes waNabiz{0%{box-shadow:0 0 0 0 rgba(31,168,85,.55)}70%{box-shadow:0 0 0 16px rgba(31,168,85,0)}100%{box-shadow:0 0 0 0 rgba(31,168,85,0)}}

/* Sabit WhatsApp düğmesi */
.wa-sabit{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:40;width:3.6rem;height:3.6rem;border-radius:50%;display:grid;place-items:center;background:var(--wa);color:#fff;box-shadow:0 .8rem 1.6rem -.6rem rgba(16,38,43,.45);animation:waNabiz 2.4s infinite;transition:transform .2s}
.wa-sabit:hover{transform:scale(1.07);background:var(--wa-koyu)}
.wa-sabit svg{width:1.75rem;height:1.75rem;fill:currentColor}

/* Anasayfa: WhatsApp bandı */
.wa-bant{position:relative;z-index:2;background:var(--murekkep);color:var(--cam);padding:clamp(4rem,9vw,8rem) var(--kenar);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.wa-bant h2{font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1;letter-spacing:-.04em;max-width:12em}
.wa-bant__giris{margin-top:1.1rem;max-width:30em;color:rgba(238,243,241,.78);font-size:1.12rem}
.wa-bant__dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:2rem}
.wa-bant__not{color:rgba(238,243,241,.6);font-size:.95rem}
.sohbet{background:#ECE5DD;color:var(--murekkep);border-radius:1.5rem;overflow:hidden;box-shadow:0 2rem 3rem -1.5rem rgba(0,0,0,.6);transform:rotate(-1.5deg)}
.sohbet__bas{display:flex;align-items:center;gap:.7rem;padding:.85rem 1.1rem;background:#0B4B3E;color:#fff}
.sohbet__bas b{display:block;font-size:.98rem}
.sohbet__bas small{font-size:.8rem;color:#A8E6C4}
.sohbet__av{width:2.4rem;height:2.4rem;border-radius:50%;background:var(--wa);display:grid;place-items:center}
.sohbet__av svg{width:1.3rem;height:1.3rem;fill:#fff}
.sohbet__govde{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem;min-height:15rem}
.balon{max-width:84%;padding:.55rem .85rem;border-radius:1rem;font-size:.95rem;line-height:1.4;opacity:0;transform:translateY(10px) scale(.96)}
.balon--ben{align-self:flex-end;background:#D9FDD3;border-bottom-right-radius:.3rem}
.balon--biz{align-self:flex-start;background:#fff;border-bottom-left-radius:.3rem}
.sohbet.oynat .balon{animation:balonGel .5s cubic-bezier(.2,.9,.3,1.2) forwards}
.sohbet.oynat .balon:nth-child(2){animation-delay:.9s}
.sohbet.oynat .balon:nth-child(3){animation-delay:1.9s}
.sohbet.oynat .balon:nth-child(4){animation-delay:2.9s}
.balon--yaziyor{display:flex;gap:.3rem;padding:.75rem .9rem}
.balon--yaziyor i{width:.45rem;height:.45rem;border-radius:50%;background:#98A3A0;animation:nokta 1.2s infinite}
.balon--yaziyor i:nth-child(2){animation-delay:.15s}.balon--yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes balonGel{to{opacity:1;transform:none}}
@keyframes nokta{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}

/* Ürün kartı: gerçek fotoğraf */
.urun__gorsel{position:relative;overflow:hidden}
.urun__gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,opacity .35s}
.urun__gorsel.kesik img{object-fit:contain;padding:8%}
.urun__gorsel img.ikinci{position:absolute;inset:0;opacity:0}
.urun:hover .urun__gorsel img{transform:scale(1.04)}
.urun:hover .urun__gorsel img.ikinci{opacity:1}
.urun:hover .urun__gorsel:has(img.ikinci) img:not(.ikinci){opacity:0} /* şeffaf ikinci görselin altında birincisi görünmesin */
.urun__etiket{position:absolute;top:.7rem;left:.7rem;padding:.2rem .6rem;border-radius:999px;background:var(--murekkep);color:var(--cam);font-size:.8rem;font-weight:600}
.urun__fiyat{font-weight:600}
.urun__fiyat s{font-weight:400;color:var(--murekkep-2);margin-right:.35rem}
.urun__marka{font-size:.85rem;font-weight:600;color:var(--kaplama);letter-spacing:.01em}

/* Kategori sayfası */
.suz-grup a{clear:both;display:flex;align-items:center;gap:.6rem;min-height:2.5rem;text-decoration:none}
.suz-grup a::before{content:"";width:1.05rem;height:1.05rem;border-radius:50%;border:1.5px solid var(--murekkep-2);flex:none}
.suz-grup a[aria-current="page"]::before{border-color:var(--murekkep);background:radial-gradient(circle,var(--murekkep) 45%,transparent 50%)}
.suz-grup a:hover{text-decoration:underline;text-underline-offset:.25em}
.katalog__wa{margin-top:1.4rem;padding:1.2rem;border-radius:1.25rem;background:var(--kaplama-acik)}
.katalog__wa p{font-size:.97rem;margin-bottom:.8rem}
.katalog__wa .dugme{width:100%}

/* Ürün detay: galeri */
.galeri{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}
.galeri .detay__gorsel{position:relative;top:auto;overflow:hidden;touch-action:pan-y}
.detay__gorsel img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.detay__gorsel img.kesik{object-fit:contain;padding:6%}
.galeri__ok{position:absolute;top:50%;transform:translateY(-50%);width:2.9rem;height:2.9rem;border-radius:50%;border:0;background:rgba(255,255,255,.88);display:grid;place-items:center;cursor:pointer;box-shadow:0 .4rem 1rem -.4rem rgba(16,38,43,.4);transition:background .2s}
.galeri__ok:hover{background:#fff}
.galeri__ok svg{width:1.2rem;height:1.2rem}
.galeri__ok--geri{left:.8rem}.galeri__ok--ileri{right:.8rem}
.galeri__sayac{position:absolute;bottom:.8rem;right:.9rem;padding:.15rem .6rem;border-radius:999px;background:rgba(16,38,43,.7);color:var(--cam);font-size:.85rem;font-variant-numeric:tabular-nums}
.kucukler{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.2rem}
.kucuk{flex:none;width:5rem;aspect-ratio:1;border-radius:.9rem;overflow:hidden;border:2px solid transparent;padding:0;background:var(--beyaz);cursor:pointer;opacity:.7;transition:opacity .2s,border-color .2s}
.kucuk img{width:100%;height:100%;object-fit:cover}
.kucuk.kesik img{object-fit:contain;padding:8%}
.kucuk:hover{opacity:1}
.kucuk[aria-current="true"]{border-color:var(--murekkep);opacity:1}
.detay__marka{margin-top:.9rem;font-weight:600;color:var(--kaplama)}
.detay__marka + h1{margin-top:.3rem}
.detay__fiyat{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;margin-top:1.4rem}
.detay__fiyat strong{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.03em;line-height:1}
.detay__fiyat s{color:var(--murekkep-2)}
.detay__fiyat .indirim{padding:.15rem .6rem;border-radius:999px;background:var(--kaplama-acik);font-size:.9rem;font-weight:600}
.detay__fiyat .sor{font-size:1.35rem}
a.varyant{text-decoration:none;color:inherit}
.varyant i.desen{background:conic-gradient(#3a2414 0 25%,#9a5e22 0 50%,#3a2414 0 75%,#9a5e22 0)}
.detay__dugmeler .dugme--wa{flex:1 1 15rem}
.guvence{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.45rem}
.guvence li{display:flex;gap:.6rem;align-items:baseline;color:var(--murekkep-2)}
.guvence li::before{content:"";flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--kaplama);transform:translateY(-.1em)}
.detay__aciklama{margin-top:1.75rem}
.detay__aciklama p + p{margin-top:.8em}
.detay__aciklama ul{margin:.8rem 0 0;padding-left:1.2em;color:var(--murekkep-2)}
.mobil-bar{display:none}

/* Blog */
.yazi__kapak{display:block;border-radius:.9rem;overflow:hidden;aspect-ratio:16/9}
.yazi__kapak img{width:100%;height:100%;object-fit:cover}
.sayfalar{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:2rem}
.sayfalar a{min-width:2.75rem;min-height:2.75rem;display:grid;place-items:center;border-radius:999px;border:1.5px solid var(--cizgi);text-decoration:none;font-weight:600}
.sayfalar a:hover{border-color:var(--murekkep)}
.sayfalar a[aria-current="page"]{background:var(--murekkep);border-color:var(--murekkep);color:var(--cam)}
.makale-kapak{max-width:60rem;margin:clamp(1.5rem,3vw,2.5rem) auto 0;padding:0 var(--kenar)}
.makale-kapak img{width:100%;border-radius:1.5rem;aspect-ratio:16/9;object-fit:cover}
.makale a{text-underline-offset:.2em}
.makale img{border-radius:1rem;margin-inline:auto}
.makale h3{font-family:var(--display);font-weight:600;font-size:1.4rem;letter-spacing:-.02em;margin-top:1.8em}
.makale blockquote{margin:1.6em 0;padding:1.2rem 1.5rem;border-left:4px solid var(--kaplama);background:var(--kaplama-acik);border-radius:0 1rem 1rem 0}

/* Hakkımızda */
.hakkinda-gorsel{padding:0 var(--kenar) clamp(3rem,6vw,5rem)}
.hakkinda-gorsel img{width:100%;max-height:34rem;object-fit:cover;border-radius:1.5rem}

/* İletişim */
.iletisim__wa{margin-bottom:1.75rem;padding:1.5rem 1.6rem;border-radius:1.25rem;background:var(--kaplama-acik);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.iletisim__wa p{max-width:22em;font-weight:500}
.form__not{margin-top:.8rem;color:var(--murekkep-2);font-size:.95rem}

/* Sosyal */
.social{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.social a{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--cizgi);color:var(--murekkep);padding:0}
.social a:hover{border-color:var(--murekkep)}
.social span{display:none}

/* 404 */
.hata-sayfa{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(2rem,5vw,4rem) var(--kenar) clamp(4rem,8vw,7rem)}
.hata-sayfa h1{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.95;letter-spacing:-.045em}
.hata-sayfa p{margin-top:1.1rem;max-width:30em;font-size:1.15rem;color:var(--murekkep-2)}
.hata-sayfa .cagri__dugmeler{margin-top:1.75rem}

@media (max-width:820px){
  .ust__menu .dugme + .dugme{margin-left:0;margin-top:.6rem}
  .wa-bant{grid-template-columns:1fr}
  .sohbet{transform:none}
  .galeri{position:static}
  .kucuk{width:4.2rem}
  .hata-sayfa{grid-template-columns:1fr}
  body.urun-sayfa{padding-bottom:5rem}
  body.urun-sayfa .wa-sabit{display:none}
  .mobil-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;align-items:center;gap:.8rem;padding:.7rem var(--kenar) max(.7rem,env(safe-area-inset-bottom));background:var(--cam);border-top:1px solid var(--cizgi);box-shadow:0 -1rem 2rem -1.5rem rgba(16,38,43,.4)}
  .mobil-bar div{flex:1;min-width:0;line-height:1.2}
  .mobil-bar strong{display:block;font-family:var(--display);font-size:1.15rem}
  .mobil-bar small{display:block;color:var(--murekkep-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobil-bar .dugme{min-height:2.9rem;flex:none}
}
@media (prefers-reduced-motion:reduce){
  .dugme--nabiz,.wa-sabit{animation:none}
  .balon{opacity:1;transform:none;animation:none!important}
}
.galeri__ok{color:var(--murekkep)}
.katalog__wa .dugme{padding:.6rem .9rem;font-size:.95rem;white-space:nowrap}
/* Ürün detay: galeri daha dar, küçük resimler tam sığsın */
/* Ürün detay: içerik container genişliğinde */
.detay{max-width:calc(84rem + 2 * var(--kenar));margin-inline:auto}
.kucuk{background:#F3F5F4}
.kucuk img,.kucuk.kesik img{object-fit:contain;padding:6%}
.kucukler{position:relative}
.detay{grid-template-columns:minmax(0,21fr) minmax(0,27fr)} /* galeri %25 dar (7fr→5.25fr), fark yazı alanına */
@media (max-width:820px){.detay{grid-template-columns:1fr}}

/* Masaüstü: mobil denetimleri görünmez */
.hero__ikon,.suz-ac{display:none}
.alt__ac{all:unset;display:block;font:inherit;font-weight:600}

/* Masaüstü: marka listesi sabit yükseklikte kayar, başlığı üstte kalır */
@media (min-width:821px){
  .iletisim .form{position:sticky;top:1.5rem}
  .katalog__suzgec{position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow-y:auto}
  .suz-grup--marka{max-height:20rem;overflow-y:auto;padding-top:0;margin-top:0}
  .suz-grup--marka legend{position:sticky;top:0;z-index:1;padding-top:1.1rem;padding-bottom:.5rem;margin-bottom:0;background:var(--cam)}
}

/* Kaydırma çubukları (fare kullanılan cihazlar; dokunmatikte sistem çubuğu kalır) */
@media (hover:hover) and (pointer:fine){
  @supports selector(::-webkit-scrollbar){
    ::-webkit-scrollbar{width:10px;height:10px}
    ::-webkit-scrollbar-track{background:transparent}
    html::-webkit-scrollbar-track{background:var(--cam)}
    ::-webkit-scrollbar-thumb{background:rgba(16,38,43,.28);background-clip:padding-box;border:2px solid transparent;border-radius:999px}
    ::-webkit-scrollbar-thumb:hover{background:rgba(16,38,43,.5);background-clip:padding-box}
    ::-webkit-scrollbar-corner{background:transparent}
  }
  @supports not selector(::-webkit-scrollbar){
    *{scrollbar-width:thin;scrollbar-color:rgba(16,38,43,.35) transparent}
    html{scrollbar-color:rgba(16,38,43,.35) var(--cam)}
  }
}

.sayfa-bas:has(+ .iletisim) h1{max-width:none}

/* Alt sayfa başlıkları: gövde fontu */
.detay h1,.makale-bas h1,.hata-sayfa h1{font-family:var(--govde);font-weight:600;font-size:clamp(2.2rem,4vw,3.75rem);line-height:1.05;letter-spacing:-.025em}

/* ---------------- Mobil düzen ---------------- */
@media (max-width:820px){
  :root{--ust-y:4.25rem;--alt-bar:4.25rem}
  html{scroll-padding-top:calc(var(--ust-y) + .75rem)}

  /* Üst menü kaydırınca sabit */
  .ust,.ust--ic{position:sticky;top:0;z-index:50;height:var(--ust-y);padding:.6rem var(--kenar);background:var(--cam);border-bottom:1px solid var(--cizgi)}
  .ust:not(.ust--ic){margin-bottom:calc(-1 * var(--ust-y))}

  /* Sabit WhatsApp ikonu kalktı */
  .wa-sabit{display:none}

  /* Hero düğmeleri: uygulama alt çubuğu */
  body.ana-sayfa{padding-bottom:calc(var(--alt-bar) + env(safe-area-inset-bottom))}
  .sahne__icerik{z-index:40}
  .hero__dugmeler{position:fixed;left:0;right:0;bottom:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;height:calc(var(--alt-bar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--cam);border-top:1px solid var(--cizgi);box-shadow:0 -1rem 2rem -1.5rem rgba(16,38,43,.4)}
  .hero__dugmeler .dugme,.hero__dugmeler .dugme:hover{flex-direction:column;gap:.2rem;min-height:0;padding:.3rem .2rem;border:0;border-radius:0;background:transparent;color:var(--murekkep);font-size:.78rem;line-height:1.15;text-align:center;animation:none}
  .hero__dugmeler .dugme--wa,.hero__dugmeler .dugme--wa:hover{color:#0F7A3A}
  .hero__dugmeler .wa-ikon,.hero__ikon{display:block;width:1.5rem;height:1.5rem;flex:none}
  html.pre .hero__dugmeler,.hero__dugmeler{opacity:1!important}
  .dene{padding-bottom:calc(var(--alt-bar) + 1rem);scroll-margin-top:calc(-1 * (var(--ust-y) + .75rem))}
  .dene__panel{padding-top:34svh}

  /* Vitrin düğmeleri: yatay kaydırma */
  .urunler__ust > *{min-width:0;max-width:100%}
  .urunler .suzgec{flex-wrap:nowrap;width:calc(100% + 2 * var(--kenar));max-width:none;margin-inline:calc(-1 * var(--kenar));padding-inline:var(--kenar);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--kenar);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .urunler .suzgec::-webkit-scrollbar{display:none}
  .urunler .suzgec button{flex:none;white-space:nowrap;scroll-snap-align:start}

  /* Ürün adları */
  .urun h3{font-size:.95rem;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}
  .urun__tur,.urun__alt{font-size:.85rem}
  .detay h1{font-size:1.9rem;line-height:1.05;letter-spacing:-.03em;overflow-wrap:anywhere}

  /* Koleksiyon süzgeçleri */
  .katalog{grid-template-columns:minmax(0,1fr);gap:0}
  .katalog__suzgec{display:contents}
  .katalog > div{order:2;margin-top:1rem}
  .suz-grup{min-width:0;border:0;padding:0}
  .suz-grup legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .suz-grup--kat{order:1;display:flex;gap:.4rem;margin-inline:calc(-1 * var(--kenar));padding-inline:var(--kenar);overflow-x:auto;scrollbar-width:none}
  .suz-grup--kat::-webkit-scrollbar{display:none}
  .suz-grup--kat a{flex:none;min-height:2.75rem;padding:.4rem 1.1rem;border-radius:999px;border:1.5px solid var(--cizgi);white-space:nowrap;font-weight:500}
  .suz-grup--kat a::before{display:none}
  .suz-grup--kat a[aria-current="page"]{background:var(--murekkep);border-color:var(--murekkep);color:var(--cam)}
  .suz-ac{order:1;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3rem;margin-top:.75rem;padding:.5rem 1.1rem;border-radius:.9rem;border:1.5px solid var(--cizgi);background:var(--beyaz);font-weight:600;cursor:pointer}
  .suz-ac::after{content:"+";font-size:1.4rem;font-weight:400;line-height:1}
  .suz-ac[aria-expanded="true"]::after{content:"\2212"}
  .suz-grup--marka{order:1;display:none;gap:.4rem;margin-top:.6rem}
  .marka-acik .suz-grup--marka{display:flex;flex-wrap:wrap}
  .suz-grup--marka label{clear:none;gap:.45rem;min-height:2.75rem;padding:.3rem .85rem;border-radius:999px;border:1.5px solid var(--cizgi);background:var(--beyaz);font-size:.95rem}
  .katalog__wa{order:3;margin-top:2rem}

  /* Alt bilgi: açılır menüler */
  .alt__ust{grid-template-columns:minmax(0,1fr);gap:0}
  .alt__marka{margin-bottom:1.5rem}
  .alt nav{border-top:1px solid var(--cizgi);gap:0}
  .alt nav:last-child{border-bottom:1px solid var(--cizgi)}
  .alt nav h2{width:100%;margin:0}
  .alt__ac{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;min-height:3.25rem;cursor:pointer}
  .alt__ac:focus-visible{outline:3px solid var(--menekse);outline-offset:-3px}
  .alt__ac::after{content:"+";font-size:1.4rem;font-weight:400;line-height:1}
  .alt nav.acik .alt__ac::after{content:"\2212"}
  .alt nav > a{display:none}
  .alt nav.acik > a{display:block}
  .alt nav.acik > a:last-child{margin-bottom:.8rem}

  /* Şube düğmeleri yan yana */
  .sube__dugmeler{flex-wrap:nowrap;gap:.4rem}
  .sube__dugmeler .dugme{flex:1 1 0;min-width:0;min-height:3rem;padding:.4rem .25rem;font-size:.82rem;line-height:1.15;text-align:center}
  .sube__dugmeler .wa-ikon{display:none}
  .sube-kart{padding:1.4rem 1.25rem 1.4rem}
}