/* ══════════════════════════════════════════════════════════════
   YATSAN KIBRIS
   Renkler logodan ölçüldü, yazı tipi markanın kendi kurumsal
   yazı tipi (Satoshi). Gradyan, doku ve animasyon bilinçli
   olarak yok; tek istisna hero üzerindeki okunabilirlik katmanı.
   ══════════════════════════════════════════════════════════════ */

@font-face{font-family:Satoshi;src:url(/assets/fonts/satoshi-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url(/assets/fonts/satoshi-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url(/assets/fonts/satoshi-700.woff2) format('woff2');font-weight:700;font-display:swap}

:root{
  --kahve:#633F2B;
  --kahve-koyu:#4e3122;
  --kahve-acik:#8a5f48;
  --krem:#f7f3ed;
  --kum:#ebe3d4;
  --metin:#2e2e2e;
  /* Gri kademeler kontrast ölçülerek seçildi (krem zemine karşı):
     ikincil 6.1:1 · soluk 4.6:1 — ikisi de WCAG AA'yı geçiyor.
     Eski --soluk #98938d 2.76:1'di; marka adları ve ürün sayıları
     okunmuyordu. */
  --ikincil:#5f5b57;
  --soluk:#736e66;
  --cizgi:#e4e0da;
  --cizgi-ince:#efece7;
  --kap:1280px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--metin);background:#fff;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--kahve);outline-offset:2px}

.kap{max-width:var(--kap);margin:0 auto;padding:0 28px}

.atla{position:absolute;left:-9999px;top:0;background:var(--kahve);color:#fff;padding:10px 18px;z-index:100}
.atla:focus{left:0}

/* ───────── Üst duyuru şeridi ───────── */
.duyuru{background:var(--kahve);color:#fff;font-size:13px}
.duyuru .kap{display:flex;justify-content:space-between;align-items:center;gap:16px;
  min-height:38px;flex-wrap:wrap}
.duyuru a{border-bottom:1px solid rgba(255,255,255,.35)}
.duyuru a:hover{border-color:#fff}
/* Sosyal ikonlar hem burada hem altbilgide. Şeritteki sürüm daha küçük;
   altbilginin üst boşluğunu ve şeridin alt çizgisini almıyor. */
.duyuru-sag{display:flex;align-items:center;gap:16px}
/* `.duyuru` öneki şart: altbilgideki .sosyal kuralı bu dosyada daha
   sonra geliyor ve aynı özgüllükte olsaydı margin-top:14px kazanıp
   ikonları aşağı kaydırırdı — ilk denemede tam olarak bu oldu. */
.duyuru .sosyal-ust{margin:0;gap:10px;align-items:center}
.duyuru .sosyal-ust a{border-bottom:0;color:rgba(255,255,255,.82);display:flex;align-items:center}
.duyuru .sosyal-ust a:hover{color:#fff}

/* ───────── Başlık ───────── */
.baslik{border-bottom:1px solid var(--cizgi);background:#fff;position:sticky;top:0;z-index:40}
.baslik .kap{display:flex;align-items:center;gap:30px;min-height:84px}
.logo{width:216px;flex:none}
.logo-bag{flex:none;line-height:0}

.menu{display:flex;gap:24px;margin-left:auto;font-size:15px;font-weight:500}
.menu a{padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.menu a:hover,.menu a.etkin{border-color:var(--kahve);color:var(--kahve)}

.baslik-araclar{display:flex;align-items:center;gap:14px}
.ara-ac{background:none;border:0;color:var(--metin);display:grid;place-items:center;padding:6px}
.ara-ac:hover{color:var(--kahve)}
.dil{display:flex;gap:2px;font-size:13px;font-weight:500}
.dil a{color:var(--soluk);padding:4px 5px}
.dil a[aria-current]{color:var(--kahve);font-weight:500}   /* 700 sadece bunun için yükleniyordu — iki karakter, 25 KB, kritik yolda */
.dil a:hover{color:var(--kahve)}
.mobil-menu-ac{display:none;background:none;border:0;padding:6px}

/* ───────── Arama katmanı ───────── */
.ara-katman{position:fixed;inset:0;background:rgba(46,46,46,.45);z-index:60}
.ara-katman[hidden]{display:none}
.ara-kutu{background:#fff;padding:26px 28px 30px}
.ara-kutu .kap{display:flex;flex-direction:column;gap:14px}
.ara-satir{display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--metin);padding-bottom:10px}
.ara-satir input{flex:1;border:0;font:inherit;font-size:21px;padding:6px 0;background:none;min-width:0}
.ara-satir input:focus{outline:none}
.ara-kapat{background:none;border:0;color:var(--ikincil);font-size:14px;white-space:nowrap}
.ara-sonuc{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;
  max-height:58vh;overflow-y:auto}
.ara-bos{color:var(--ikincil);font-size:15px;padding:8px 0}

/* ───────── Hero ───────── */
.hero{position:relative;background:var(--krem)}
.hero img{width:100%;height:clamp(360px,52vw,560px);object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(28,18,12,.74) 0%,rgba(28,18,12,.34) 40%,rgba(28,18,12,.06) 72%)}
.hero-yazi{position:absolute;left:0;right:0;bottom:0;padding:0 0 46px;z-index:2}
.hero-yazi .kap{color:#fff}
.hero h1{font-size:clamp(30px,4.4vw,54px);font-weight:500;line-height:1.1;letter-spacing:-.02em;
  max-width:16ch;text-shadow:0 1px 24px rgba(0,0,0,.34)}
.hero p{margin-top:12px;font-size:17px;max-width:46ch;text-shadow:0 1px 16px rgba(0,0,0,.4)}
.hero-dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero .btn-cizgi{border-color:#fff;color:#fff}
.hero .btn-cizgi:hover{background:#fff;color:var(--metin)}

/* ───────── Bölüm ortak ───────── */
.bolum{padding:76px 0}
.bolum-dar{padding:52px 0}
.bolum-krem{background:var(--krem)}
.bolum-ust{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px}
h2{font-size:clamp(23px,2.6vw,31px);font-weight:500;letter-spacing:-.015em;line-height:1.25}
.bolum-ust p{color:var(--ikincil);font-size:15.5px;margin-top:7px;max-width:56ch}
.tumu{font-size:14.5px;font-weight:500;color:var(--kahve);white-space:nowrap;
  border-bottom:1px solid var(--kahve);padding-bottom:2px}

/* ───────── Giriş metni ───────── */
.giris{max-width:680px}
.giris h2{font-size:clamp(24px,2.8vw,33px)}
.giris p{margin-top:16px;color:var(--ikincil);font-size:16.5px}
.giris p + p{margin-top:14px}

/* ───────── Sayfa üstü (içerik sayfaları) ───────── */
.sayfa-ust{padding:44px 0 30px;border-bottom:1px solid var(--cizgi)}
.sayfa-ust h1{font-size:clamp(27px,3.4vw,40px);font-weight:500;letter-spacing:-.018em;line-height:1.2;max-width:22ch}
.giris-metin{color:var(--ikincil);font-size:17px;margin-top:14px;max-width:66ch}

/* ───────── Kırıntı yolu ───────── */
.iz{font-size:13px;color:var(--soluk);padding:20px 0 0}
.iz a:hover{color:var(--kahve)}
.iz-ayrac{margin:0 8px;color:#9a9086}   /* çizgi rengiyle neredeyse görünmezdi */

/* ───────── Kategori kartları ───────── */
.kategoriler{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.kat-kart{display:block;background:var(--krem)}
.kat-kart .resim{aspect-ratio:4/5;overflow:hidden;background:var(--kum);display:block}
.kat-kart img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.kat-kart:hover img{transform:scale(1.035)}
.kat-kart .ad{padding:16px 18px 18px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.kat-kart .ad strong{font-size:17px;font-weight:500}
.kat-kart .ad span{font-size:13px;color:var(--soluk)}

/* ───────── Ürün ızgarası ───────── */
.urunler{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 22px}
.urun-kart{display:block}
.urun-kart .resim{aspect-ratio:1;background:var(--krem);overflow:hidden;margin-bottom:13px;display:block}
.urun-kart img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.urun-kart:hover img{transform:scale(1.04)}
.urun-kart .marka{font-size:12px;color:var(--soluk);margin-bottom:3px;display:block}
.urun-kart .ad{font-size:15px;line-height:1.45;display:block}
.urun-kart:hover .ad{color:var(--kahve)}
.resim-yok{display:grid;place-items:center;width:100%;height:100%;background:var(--krem);
  color:var(--soluk);font-size:12.5px;letter-spacing:.02em;text-align:center;padding:10px}
.bos{color:var(--ikincil);font-size:15.5px;padding:20px 0}

/* ───────── İki sütun anlatım ───────── */
.ikili{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:58px}
.ikili .yazi h2{margin-bottom:14px}
.ikili .yazi p{color:var(--ikincil);font-size:16.5px}
.ikili .yazi p + p{margin-top:12px}
.ikili .yazi .not{margin-top:18px;font-size:14.5px;color:var(--kahve)}
.ikili .yazi .not a{border-bottom:1px solid var(--kahve)}
.ikili img{aspect-ratio:1;object-fit:cover;width:100%}

/* ───────── Hizmet satırı ───────── */
.hizmetler{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.hizmet{border-top:2px solid var(--kahve);padding-top:18px}
.hizmet h2,.hizmet h3{font-size:17px;font-weight:500;margin-bottom:8px;letter-spacing:0}
.hizmet p{color:var(--ikincil);font-size:15px}

/* ───────── Mağaza sanal turu ───────── */
.tur{position:relative;background:var(--krem);overflow:hidden}
.tur-kapak{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.tur-ort{position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(to top,rgba(35,22,15,.62),rgba(35,22,15,.16))}
.tur-baslat{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--metin);
  border:0;padding:16px 28px;font-size:15.5px;font-weight:500;border-radius:2px}
.tur-baslat:hover{background:var(--kahve);color:#fff}
.tur-baslat svg{flex:none}
.tur iframe{width:100%;aspect-ratio:16/9;border:0;display:block}

/* ───────── Marka şeridi ───────── */
.marka-seridi{display:flex;flex-wrap:wrap;gap:14px}
.marka-oge{border:1px solid var(--cizgi);background:#fff;min-width:150px;height:88px;
  display:grid;place-items:center;padding:14px 20px;transition:border-color .2s}
.marka-oge:hover{border-color:var(--kahve)}
.marka-oge img{max-height:44px;width:auto;object-fit:contain}
.marka-oge span{font-size:15.5px;font-weight:500}

/* ───────── Butonlar ───────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;
  font-size:15px;font-weight:500;border-radius:2px;border:1px solid transparent}
.btn-dolu{background:var(--kahve);color:#fff}
.btn-dolu:hover{background:var(--kahve-koyu)}
.btn-cizgi{border-color:var(--metin);color:var(--metin)}
.btn-cizgi:hover{background:var(--metin);color:#fff}

/* ───────── Ürün listesi sayfası ───────── */
.liste-ust{padding:38px 0 26px;border-bottom:1px solid var(--cizgi)}
.liste-ust h1{font-size:clamp(26px,3vw,34px);font-weight:500;letter-spacing:-.015em}
.liste-ust p{color:var(--ikincil);margin-top:8px;font-size:16px;max-width:70ch}
.liste-govde{display:grid;grid-template-columns:242px 1fr;gap:44px;padding:34px 0 76px;align-items:start}
/* Süzgeç. İki ayrı sorun vardı:
   1) Başlık bağlantılardan ayırt edilemiyordu (13px/500 ile 14.5px/400).
   2) Sayılar sağa dayalıydı; 242px'lik sütunda "Baza" ile "3" arasında
      geniş bir boşluk kalıyor, göz satırı tek parça okuyamıyordu.
   Sayı artık etiketin hemen yanında. Alt kategorilerde dikey kılavuz
   çizgisi de denendi, listeyi daha kalabalık gösterdi — girinti yeter. */
.suzgec h2{font-size:11px;font-weight:700;color:var(--soluk);letter-spacing:.1em;
  text-transform:uppercase;margin:34px 0 4px;padding-bottom:8px;border-bottom:1px solid var(--cizgi)}
.suzgec h2:first-child{margin-top:0}
.suzgec ul{list-style:none}
.suzgec a{display:flex;align-items:baseline;gap:7px;padding:5px 0;font-size:14.5px}
.suzgec a:hover{color:var(--kahve)}
.suzgec a[aria-current]{color:var(--kahve);font-weight:700}
.suzgec a span{color:var(--soluk);font-size:12px;font-variant-numeric:tabular-nums}
.suzgec li.alt a{padding-left:16px;font-size:13.5px;color:var(--ikincil)}
.suzgec li.alt a[aria-current]{color:var(--kahve)}
.suzgec li.alt + li:not(.alt){margin-top:7px}   /* alt gruptan çıkışı belli et */
.suzgec-temizle{margin-top:22px;font-size:13.5px;color:var(--kahve);display:inline-block;
  border-bottom:1px solid var(--kahve)}
.alt-kat{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.alt-kat a{border:1px solid var(--cizgi);padding:8px 14px;font-size:14.5px;display:flex;gap:8px;align-items:baseline}
.alt-kat a:hover{border-color:var(--kahve);color:var(--kahve)}
.alt-kat a span{color:var(--soluk);font-size:12.5px}
.sonuc-sayi{font-size:14px;color:var(--ikincil);margin-bottom:20px}

/* Kategori tanıtım metni — liste altında, SEO ve okuyucu için */
.kat-metin{border-top:1px solid var(--cizgi);padding:44px 0 76px}
.kat-metin .ic{max-width:74ch}
.kat-metin h2{font-size:22px;margin-bottom:14px}
.kat-metin p{color:var(--ikincil);font-size:16px;margin-bottom:13px}
.kat-metin h3{font-size:17px;font-weight:500;margin:24px 0 8px}
.kat-metin ul{margin:0 0 13px 20px;color:var(--ikincil);font-size:16px}
.kat-metin li{margin-bottom:5px}
.kat-metin a:not(.btn){color:var(--kahve);border-bottom:1px solid var(--cizgi)}
.kat-metin a:not(.btn):hover{border-color:var(--kahve)}

/* ───────── Ürün detay ───────── */
.detay{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;padding:26px 0 76px;align-items:start}
.detay .gorsel{background:var(--krem);aspect-ratio:1}
.detay .gorsel img{width:100%;height:100%;object-fit:cover}
.detay .marka-ust{font-size:13.5px;color:var(--kahve);margin-bottom:9px}
.detay .marka-ust a{border-bottom:1px solid var(--cizgi)}
.detay h1{font-size:clamp(25px,2.9vw,34px);font-weight:500;letter-spacing:-.015em;line-height:1.25}
.detay .ozet{margin-top:18px;color:var(--ikincil);font-size:16.5px}
.ozellik-baslik{font-size:14px;font-weight:500;color:var(--ikincil);margin-top:28px;letter-spacing:.02em}
.ozellik-liste{margin-top:12px;list-style:none}
.ozellik-liste li{position:relative;padding-left:20px;font-size:15.5px;margin-bottom:7px;color:var(--metin)}
.ozellik-liste li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:1px;background:var(--kahve)}
.teklif-kutu{margin-top:30px;border:1px solid var(--cizgi);padding:24px;background:var(--krem)}
.teklif-kutu h2{font-size:17px;font-weight:500;margin-bottom:7px}
.teklif-kutu p{font-size:14.5px;color:var(--ikincil)}
.teklif-dugmeler{display:flex;flex-wrap:wrap;gap:11px;margin-top:18px}
.teklif-tel{margin-top:14px;font-size:14px}
.teklif-tel a{color:var(--kahve);font-weight:500}
.ozellik{margin-top:30px;border-top:1px solid var(--cizgi)}
.ozellik div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;
  border-bottom:1px solid var(--cizgi-ince);font-size:14.5px}
.ozellik span:first-child{color:var(--ikincil)}
.ozellik a{color:var(--kahve)}

/* ───────── İçerik / makale sayfaları ───────── */
.yazi-govde{padding:44px 0 76px;display:grid;grid-template-columns:1fr 280px;gap:56px;align-items:start}
.yazi-govde.tek{grid-template-columns:minmax(0,74ch);justify-content:start}
.yazi-ic h2{font-size:24px;margin:36px 0 12px}
.yazi-ic h2:first-child{margin-top:0}
.yazi-ic h3{font-size:18px;font-weight:500;margin:26px 0 8px}
.yazi-ic p{color:var(--ikincil);font-size:16.5px;margin-bottom:14px}
.yazi-ic ul,.yazi-ic ol{margin:0 0 16px 22px;color:var(--ikincil);font-size:16.5px}
.yazi-ic li{margin-bottom:7px}
.yazi-ic strong{color:var(--metin);font-weight:700}
/* :not(.btn) — bu renk içerik bağlantısı içindir. Butona da uygulanınca
   özgüllüğü .btn-dolu'yu yendiği için yazı zeminle aynı kahveye düşüyordu. */
.yazi-ic a:not(.btn){color:var(--kahve);border-bottom:1px solid var(--cizgi)}
.yazi-ic a:not(.btn):hover{border-color:var(--kahve)}
.yazi-ic .one-cikan{background:var(--krem);border-left:3px solid var(--kahve);
  padding:20px 24px;margin:24px 0}
.yazi-ic .one-cikan p{margin-bottom:0;color:var(--metin)}
.yazi-ic figure{margin:26px 0}
.yazi-ic figcaption{font-size:13.5px;color:var(--soluk);margin-top:8px}

.yan{position:sticky;top:104px;border:1px solid var(--cizgi);padding:22px;background:var(--krem)}
.yan h2{font-size:15px;font-weight:500;margin-bottom:12px}
.yan ul{list-style:none;font-size:14.5px}
.yan li{margin-bottom:8px}
.yan a:not(.btn){color:var(--metin)}
.yan a:not(.btn):hover{color:var(--kahve)}
.yan .tel-yan{font-size:21px;font-weight:700;color:var(--kahve);display:block;margin:6px 0 4px}

/* ───────── Tablo (banka hesapları) ───────── */
.tablo-sar{overflow-x:auto;margin:20px 0 26px}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--cizgi)}
th{font-weight:500;color:var(--ikincil);font-size:13px;letter-spacing:.02em;
  border-bottom:1px solid var(--metin);white-space:nowrap}
td.iban{font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* ───────── Şube kartları ───────── */
.sube-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.sube-kart{border:1px solid var(--cizgi)}
.sube-kart img{aspect-ratio:16/10;object-fit:cover;width:100%}
.sube-kart .ic{padding:24px}
/* Kampanya kreatifi müşteriden geliyor, oranı belli olmuyor — şube
   kartlarındaki 16:10 kırpması başlığı ve fiyat rozetini kesiyordu. */
.kampanya-kart img{aspect-ratio:auto;object-fit:contain;height:auto;background:var(--krem)}
.sube-kart h2{font-size:20px;margin-bottom:10px}
.sube-kart p{color:var(--ikincil);font-size:15.5px;margin-bottom:12px}
.sube-kart .btn{margin-top:6px}
.harita{border:0;width:100%;aspect-ratio:16/9;display:block;background:var(--krem)}
.harita-sar{position:relative;background:var(--krem);display:grid;place-items:center;
  aspect-ratio:16/9;border:1px solid var(--cizgi)}
.harita-sar p{font-size:14.5px;color:var(--ikincil);text-align:center;padding:20px}

/* ───────── SSS ───────── */
.sss-liste{border-top:1px solid var(--cizgi);max-width:78ch}
.sss-oge{border-bottom:1px solid var(--cizgi)}
.sss-oge summary{padding:20px 0;font-size:17px;font-weight:500;cursor:pointer;
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;list-style:none}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary::after{content:"+";color:var(--kahve);font-size:21px;line-height:1;flex:none}
.sss-oge[open] summary::after{content:"–"}
.sss-oge .cevap{padding:0 0 22px;color:var(--ikincil);font-size:16px;max-width:70ch}
.sss-oge .cevap p{margin-bottom:11px}
.sss-oge .cevap a:not(.btn){color:var(--kahve);border-bottom:1px solid var(--cizgi)}

/* ───────── Form ───────── */
.form-govde{display:grid;grid-template-columns:1fr 320px;gap:56px;padding:38px 0 76px;align-items:start}
.form-alan{display:grid;gap:18px}
.form-satir{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:block;font-size:14px;color:var(--ikincil);margin-bottom:6px}
label .zorunlu{color:var(--kahve)}
input[type=text],input[type=tel],input[type=email],select,textarea{
  width:100%;border:1px solid var(--cizgi);background:#fff;padding:13px 14px;
  font:inherit;font-size:15.5px;color:var(--metin);border-radius:2px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--kahve)}
textarea{min-height:130px;resize:vertical}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-not{font-size:13.5px;color:var(--soluk)}
.uyari{border-left:3px solid #a33;background:#fdf4f3;padding:14px 18px;font-size:15px;margin-bottom:22px}
.basari{border-left:3px solid var(--kahve);background:var(--krem);padding:20px 24px;font-size:16px}

/* ───────── Arama sonuç sayfası ───────── */
.ara-sayfa-kutu{display:flex;gap:12px;align-items:center;border-bottom:2px solid var(--metin);
  padding-bottom:10px;max-width:620px;margin-bottom:8px}
.ara-sayfa-kutu input{border:0;font-size:20px;padding:6px 0;flex:1;min-width:0}
.ara-sayfa-kutu input:focus{outline:none}
.ara-sayfa-kutu button{background:none;border:0;color:var(--kahve);font-weight:500;font-size:15px}

/* ───────── 404 ───────── */
.dortyuzdort{padding:80px 0;text-align:center}
.dortyuzdort h1{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.02em}
.dortyuzdort p{color:var(--ikincil);font-size:17px;margin:14px auto 28px;max-width:52ch}
.dortyuzdort .btn{margin:0 6px 10px}

/* ───────── Alt bilgi ───────── */
.altbilgi{background:var(--metin);color:#e8e4df;padding:60px 0 26px;margin-top:20px}
.altbilgi-ust{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px}
.altbilgi h2{font-size:13px;font-weight:500;color:#a49d95;margin-bottom:14px;letter-spacing:.03em}
.altbilgi a:hover{color:#fff}
.altbilgi p,.altbilgi li{font-size:14.5px;line-height:1.85;color:#cbc5be}
.altbilgi ul{list-style:none}
.altbilgi .logo-alt{width:214px;margin-bottom:16px}
.altbilgi .tel-buyuk{font-size:23px;font-weight:500;color:#fff;display:inline-block;margin-top:2px}   /* 700 ana sayfada sadece bunun için yükleniyordu: 25 KB, zincirde üçüncü halka. 23px zaten vurguluyor. */
.altbilgi .tel-kucuk{font-size:15px;color:#cbc5be;display:block;margin-bottom:8px}
.altbilgi .sube-satir{margin-top:14px}
.altbilgi .sube-satir strong{color:#fff;font-weight:500}
.altbilgi .saat{margin-top:16px}
.altbilgi .saat strong{color:#fff;font-weight:500}
.altbilgi-son{border-top:1px solid rgba(255,255,255,.13);margin-top:42px;padding-top:20px;
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12.5px;color:#9c958d}
.altbilgi-son .imza a{color:#cbc5be;border-bottom:1px solid rgba(255,255,255,.28)}
.altbilgi-son .imza a:hover{color:#fff;border-color:#fff}
.sosyal{display:flex;gap:12px;margin-top:14px}
.sosyal a{color:#cbc5be}
.sosyal a:hover{color:#fff}

/* ───────── WhatsApp sabit ───────── */
.wa-sabit{position:fixed;right:22px;bottom:22px;z-index:50;background:var(--kahve);color:#fff;
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  box-shadow:0 4px 16px rgba(46,30,20,.28)}
.wa-sabit:hover{background:var(--kahve-koyu)}

/* ───────── Duyarlı ───────── */
@media (max-width:1080px){
  .kategoriler{grid-template-columns:repeat(2,1fr)}
  .urunler{grid-template-columns:repeat(3,1fr)}
  .altbilgi-ust{grid-template-columns:1fr 1fr;gap:34px}
  .liste-govde{grid-template-columns:200px 1fr;gap:30px}
  .yazi-govde{grid-template-columns:1fr;gap:36px}
  .yan{position:static}
  .form-govde{grid-template-columns:1fr;gap:34px}
}
@media (max-width:860px){
  .menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;
    border-bottom:1px solid var(--cizgi);flex-direction:column;gap:0;padding:8px 28px 16px;
    box-shadow:0 12px 24px rgba(46,30,20,.09)}
  .menu.acik{display:flex}
  .menu a{padding:12px 0;border-bottom:1px solid var(--cizgi-ince)}
  .baslik{position:relative}
  .mobil-menu-ac{display:grid;place-items:center}
  .baslik .kap{min-height:70px;gap:16px}
  .logo{width:180px}
  .bolum{padding:52px 0}
  .ikili{grid-template-columns:1fr;gap:30px}
  .hizmetler{grid-template-columns:1fr;gap:26px}
  .detay{grid-template-columns:1fr;gap:30px}
  .liste-govde{grid-template-columns:1fr;gap:24px}
  .suzgec{border-bottom:1px solid var(--cizgi);padding-bottom:20px}
  .sube-izgara{grid-template-columns:1fr}
  .form-satir{grid-template-columns:1fr}
}
@media (max-width:600px){
  .kap{padding:0 18px}
  .urunler{grid-template-columns:repeat(2,1fr);gap:24px 14px}
  .kategoriler{gap:14px}
  .altbilgi-ust{grid-template-columns:1fr}
  .duyuru{font-size:12px}
  .duyuru .kap{justify-content:center;text-align:center}
  .hero-yazi{padding-bottom:30px}
  .marka-oge{min-width:120px;height:76px}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
  html{scroll-behavior:auto}
}