/* ============================================================
   KEPENKSİS — "Kapalı mı, açık mı?"
   Sayfanın kurgusu tek soruya dayanıyor: dükkân kapalı mı, açık mı.
   Üst yarı KAPALI durumu (koyu, kepenk dokusu, aciliyet turuncusu),
   aşağı indikçe sayfa AÇILIYOR (aydınlanıyor, iş yürüyor).
   Sattığımız şey bu geçiş.
   ============================================================ */
:root{
  --celik-950:#0C1014; --celik-900:#12161B; --celik-800:#1A2027; --celik-700:#252D36;
  --cizgi:#333B45;
  --isik:#F5F3EE; --isik-2:#FFFFFF; --isik-cizgi:#E1DED5;
  --acil:#FF4D14; --acil-koyu:#D44011; --acil-daha-koyu:#BC390F; --acil-metin:#CE3807;
  --sonuk:#9AA3AD; --sonuk-isik:#5F6672; --murekkep:#15191E;
  --f-display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Space Mono",ui-monospace,Consolas,monospace;
  --wrap:1140px; --pad:20px; --bar-h:68px;
  --ease:cubic-bezier(.22,1,.36,1);
  /* kepenk paleti dokusu — tek yerden */
  --palet:repeating-linear-gradient(180deg,
     #1E252D 0 11px, #29323C 11px 13px, #141A20 13px 15px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:only light;scroll-behavior:smooth}
body{margin:0;font-family:var(--f-body);font-size:16px;line-height:1.6;
  background:var(--isik);color:var(--murekkep);touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(255,77,20,.24);
  padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom));overflow-x:hidden}
@media (min-width:860px){body{padding-bottom:0}}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);font-weight:800;line-height:1.02;
  letter-spacing:-.03em;margin:0;text-wrap:balance}
p{margin:0} ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--acil);outline-offset:3px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.skip{position:absolute;left:-9999px;background:var(--acil-koyu);color:#fff;padding:12px 18px;z-index:200}
.skip:focus{left:8px;top:8px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;
  padding:14px 24px;border:0;font-family:var(--f-display);font-weight:800;font-size:17px;
  text-decoration:none;cursor:pointer;letter-spacing:-.01em;
  transition:transform .15s var(--ease),background-color .15s var(--ease)}
.btn:active{transform:translateY(1px)}
.btn--ara{background:var(--acil-koyu);color:#fff}
.btn--ara:hover{background:var(--acil-daha-koyu)}
.btn--hat{background:transparent;color:var(--isik);border:1.5px solid var(--cizgi)}
.btn--hat:hover{background:rgba(255,255,255,.06)}
.btn--koyu{background:var(--murekkep);color:var(--isik)}
.tel{font-family:var(--f-mono);font-weight:700;font-variant-numeric:tabular-nums}

/* ---------- üst bar: kapalı durumda ---------- */
.top{position:sticky;top:0;z-index:60;background:rgba(12,16,20,.95);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi);color:var(--isik)}
.top__in{display:flex;align-items:center;gap:14px;min-height:62px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}
.brand__text{display:flex;flex-direction:column;line-height:1.04}
.brand__name{font-family:var(--f-display);font-weight:800;font-size:20px;letter-spacing:-.04em}
.brand__name i{font-style:normal;color:var(--acil)}
.brand__tag{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--sonuk);margin-top:2px;white-space:nowrap}
.saat{display:flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:11.5px;
  color:var(--sonuk);white-space:nowrap;flex:none}
.saat__yazi{display:none}
@media (min-width:520px){.saat{font-size:12.5px;gap:9px}.saat__yazi{display:inline}}
.saat b{color:var(--isik);font-variant-numeric:tabular-nums}
.nabiz{width:8px;height:8px;border-radius:50%;background:var(--acil);flex:none;
  animation:nabiz 2s ease-in-out infinite}
@keyframes nabiz{0%,100%{box-shadow:0 0 0 0 rgba(255,77,20,.55)}50%{box-shadow:0 0 0 6px rgba(255,77,20,0)}}
.top__ara{display:none;min-height:44px;padding:10px 17px;font-size:15px;white-space:nowrap}
@media (min-width:1060px){.top__ara{display:inline-flex}}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;
  background:transparent;border:1px solid var(--cizgi);color:var(--isik);cursor:pointer}
@media (min-width:1060px){.menu-btn{display:none}}


/* ana menü */
.nav{display:none;margin-right:6px}
.nav>ul{display:flex;gap:1px}
.nav li{position:relative}
.nav a{font-size:14.5px;font-weight:600;padding:10px 11px;text-decoration:none;color:#C7CDD5;
  min-height:44px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  transition:color .15s var(--ease)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--acil)}
.chev{opacity:.5;transition:transform .18s var(--ease)}
.nav .sub{position:absolute;top:100%;left:0;min-width:238px;padding:7px;display:none;
  background:var(--celik-950);border:1px solid var(--cizgi);box-shadow:0 16px 38px rgba(0,0,0,.5)}
.nav .has-sub:hover .sub,.nav .has-sub:focus-within .sub{display:block}
.nav .has-sub:hover .chev,.nav .has-sub:focus-within .chev{transform:rotate(180deg)}
.nav .sub a{display:flex;width:100%;font-weight:500;padding:9px 12px;min-height:40px}
.nav .sub a:hover{background:var(--celik-800)}
@media (min-width:1060px){.nav{display:block}}

/* dil seçici */
.dil{display:flex;gap:1px;flex:none;border:1px solid var(--cizgi);overflow:hidden}
.dil a{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.08em;
  padding:0 9px;height:30px;display:inline-flex;align-items:center;text-decoration:none;
  color:var(--sonuk);transition:color .15s var(--ease),background-color .15s var(--ease)}
.dil a:hover{color:var(--isik);background:var(--celik-800)}
.dil a[aria-current="true"]{color:#fff;background:var(--acil-koyu)}

/* öne çıkan başlıklar — ikinci satır */
.hizli{border-top:1px solid var(--celik-800);background:var(--celik-950)}
.hizli__in{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.hizli__in::-webkit-scrollbar{display:none}
.hizli a{font-family:var(--f-mono);font-size:12px;font-weight:700;letter-spacing:.05em;
  padding:11px 12px;min-height:42px;display:inline-flex;align-items:center;text-decoration:none;
  color:var(--sonuk);white-space:nowrap;border-bottom:2px solid transparent;
  transition:color .15s var(--ease)}
.hizli a:hover{color:var(--isik)}
.hizli a[aria-current="page"]{color:var(--acil);border-bottom-color:var(--acil)}
@media (min-width:1060px){.hizli{display:none}}

/* çekmece */
.drawer{display:none;border-top:1px solid var(--cizgi);background:var(--celik-950)}
.drawer[data-open="true"]{display:block}
.drawer a{display:block;padding:15px 0;min-height:48px;text-decoration:none;color:#C7CDD5;
  border-bottom:1px solid var(--celik-800);font-size:16px}
.drawer details>summary{list-style:none;cursor:pointer;padding:15px 0;min-height:48px;
  border-bottom:1px solid var(--celik-800);color:#C7CDD5;font-size:16px;position:relative}
.drawer details>summary::-webkit-details-marker{display:none}
.drawer details>summary::after{content:"+";position:absolute;right:2px;top:14px;
  font-family:var(--f-mono);font-size:19px;color:var(--acil)}
.drawer details[open]>summary::after{content:"−"}
.drawer .d-sub{padding-left:16px;font-size:15px;color:var(--sonuk)}
@media (min-width:1060px){.drawer{display:none!important}}

/* ============================================================
   1. KAPALI — hero. Kepenk inik, ışık sadece altından geliyor.
   ============================================================ */
.kapali{position:relative;background:var(--celik-950);color:var(--isik);overflow:hidden}
.kapali__doku{position:absolute;inset:0;background:var(--palet);opacity:.55}
.kapali__doku::after{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 80% at 50% 118%,rgba(255,77,20,.30),transparent 62%)}
.kapali__in{position:relative;z-index:2;padding-block:clamp(46px,10vw,96px)}
.durum{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11.5px;
  font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acil);
  border:1px solid rgba(255,77,20,.42);padding:9px 14px;margin-bottom:22px}
.kapali h1{font-size:clamp(36px,9.4vw,82px);max-width:14ch}
.kapali h1 i{font-style:normal;color:var(--acil)}
.kapali__sub{margin-top:20px;max-width:46ch;font-size:clamp(16.5px,3vw,20px);color:#CBD1D8}
.kapali__vurgu{margin-top:16px;max-width:44ch;font-size:clamp(15px,2.6vw,17px);
  color:var(--sonuk);border-left:2px solid var(--acil);padding-left:14px}
.kapali__sub b{color:var(--isik);font-weight:700}
.kapali__cta{margin-top:28px;display:flex;flex-direction:column;gap:10px}
.kapali__cta .btn--ara{font-size:20px;min-height:66px}
.kapali__cta .btn--ara span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.14}
.kapali__cta small{font-family:var(--f-body);font-weight:500;font-size:12.5px;
  color:rgba(255,255,255,.82)}
@media (min-width:560px){.kapali__cta{flex-direction:row;flex-wrap:wrap}
  .kapali__cta .btn{flex:1 1 auto}}
.kapali__alt{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 20px;
  font-family:var(--f-mono);font-size:12.5px;color:var(--sonuk)}
.kapali__alt b{color:var(--isik)}
/* altından vuran ışık şeridi */
.kapali::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;
  background:linear-gradient(90deg,var(--acil),#FFB27A,var(--acil))}

/* ============================================================
   2. BEDEL — kapalı kalmak neye mal olur
   ============================================================ */
.bedel{background:var(--celik-900);color:var(--isik);padding-block:clamp(46px,8vw,84px);
  border-bottom:1px solid var(--cizgi)}
.etiket{font-family:var(--f-mono);font-size:11.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--acil);margin-bottom:14px}
.h2{font-size:clamp(28px,6vw,46px);max-width:20ch}
.lede{margin-top:15px;max-width:56ch;font-size:clamp(16px,2.5vw,18px);color:var(--sonuk)}
.bedel__grid{display:grid;gap:1px;margin-top:32px;background:var(--cizgi)}
@media (min-width:620px){.bedel__grid{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.bedel__grid{grid-template-columns:repeat(3,1fr)}}
.bedel__hucre{background:var(--celik-900);padding:24px 22px}
.bedel__kim{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--acil)}
.bedel__ne{margin-top:10px;font-family:var(--f-display);font-weight:800;font-size:19px;line-height:1.2}
.bedel__aciklama{margin-top:9px;font-size:14.5px;color:var(--sonuk)}

/* ============================================================
   3. AÇILIYOR — geçiş bandı. Kepenk kalkıyor, sayfa aydınlanıyor.
   ============================================================ */
.acilis{position:relative;height:clamp(92px,15vw,150px);background:var(--isik);overflow:hidden}
.acilis__perde{position:absolute;inset:0;background:var(--palet);
  clip-path:polygon(0 0,100% 0,100% 42%,0 78%)}
.acilis__isik{position:absolute;left:0;right:0;top:0;height:6px;
  background:linear-gradient(90deg,var(--acil),#FFB27A,var(--acil))}
.acilis__yazi{position:absolute;left:0;right:0;bottom:14px;text-align:center;
  font-family:var(--f-mono);font-size:11.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sonuk-isik)}

/* ============================================================
   4. AÇIK — aydınlık bölümler
   ============================================================ */
.acik{background:var(--isik);padding-block:clamp(46px,8vw,84px)}
.acik--kart{background:var(--isik-2);border-block:1px solid var(--isik-cizgi)}
.acik .etiket{color:var(--acil-metin)}
.acik .lede{color:var(--sonuk-isik)}

/* ne yapıyoruz — müşteri diliyle */
.isler{display:grid;gap:12px;margin-top:32px}
@media (min-width:640px){.isler{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.isler{grid-template-columns:repeat(3,1fr)}}
.is{background:var(--isik-2);border:1px solid var(--isik-cizgi);padding:22px;
  display:flex;flex-direction:column;text-decoration:none;
  border-left:3px solid var(--murekkep);
  transition:border-left-color .18s var(--ease),transform .18s var(--ease)}
.is:hover{border-left-color:var(--acil);transform:translateX(2px)}
.is h3{font-size:18.5px;line-height:1.22}
.is p{margin-top:9px;font-size:14.5px;color:var(--sonuk-isik);flex:1}
.is__git{margin-top:15px;padding-top:13px;border-top:1px solid var(--isik-cizgi);
  font-family:var(--f-mono);font-size:12.5px;font-weight:700;color:var(--acil-koyu);
  min-height:40px;display:flex;align-items:center;gap:7px}
.is__git::after{content:"→";transition:transform .18s var(--ease)}
.is:hover .is__git::after{transform:translateX(4px)}

/* niyet bölümü — insanların telefonda sorduğu sorular */
.niyet{margin-top:30px;display:grid;gap:1px;background:var(--isik-cizgi)}
@media (min-width:820px){.niyet{grid-template-columns:1fr 1fr}}
.niyet__blok{background:var(--isik-2);padding:24px 22px}
.niyet__soru{font-family:var(--f-display);font-weight:800;font-size:18.5px;line-height:1.22;
  display:flex;gap:10px;align-items:baseline}
.niyet__soru::before{content:"—";color:var(--acil);flex:none}
.niyet__cevap{margin-top:11px;font-size:15px;color:var(--sonuk-isik)}
.niyet__cevap b{color:var(--murekkep);font-weight:700}
.niyet__cevap a{color:var(--acil-koyu);font-weight:600}

/* açık mıyız kutusu */
.acikmi{margin-top:30px;background:var(--murekkep);color:var(--isik);padding:26px 24px;
  display:flex;flex-wrap:wrap;gap:18px;align-items:center;
  border-left:5px solid var(--acil)}
.acikmi__sol{flex:1 1 260px}
.acikmi__saat{font-family:var(--f-mono);font-size:11.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--acil);display:flex;align-items:center;gap:9px}
.acikmi__saat b{color:var(--isik);font-size:15px;letter-spacing:0;font-variant-numeric:tabular-nums}
.acikmi__yazi{margin-top:11px;font-family:var(--f-display);font-weight:800;
  font-size:clamp(20px,3.6vw,26px);line-height:1.14}
.acikmi__alt{margin-top:9px;font-size:14.5px;color:var(--sonuk)}

/* söz */
.soz{display:grid;gap:1px;margin-top:32px;background:var(--isik-cizgi)}
@media (min-width:700px){.soz{grid-template-columns:1fr 1fr}}
.soz li{background:var(--isik);padding:22px}
.acik--kart .soz li{background:var(--isik-2)}
.soz h3{font-size:17.5px;display:flex;align-items:baseline;gap:10px}
.soz h3::before{content:"";width:8px;height:8px;background:var(--acil);flex:none;
  transform:translateY(-2px)}
.soz p{margin-top:8px;font-size:14.5px;color:var(--sonuk-isik)}

/* akış */
.akis{counter-reset:a;margin-top:32px;display:grid}
@media (min-width:880px){.akis{grid-template-columns:repeat(3,1fr)}}
.adim{counter-increment:a;padding:22px 0;border-top:1px solid var(--isik-cizgi)}
@media (min-width:880px){.adim{padding:0 26px 0 0;border-top:0;border-left:1px solid var(--isik-cizgi)}
  .adim:first-child{padding-left:0;border-left:0}.adim:not(:first-child){padding-left:26px}}
.adim::before{content:counter(a,decimal-leading-zero);display:block;font-family:var(--f-mono);
  font-size:11.5px;font-weight:700;letter-spacing:.13em;color:var(--acil-koyu);margin-bottom:9px}
.adim h3{font-size:20px} .adim p{margin-top:8px;font-size:15px;color:var(--sonuk-isik)}

/* galeri */
.foto{display:flex;gap:12px;margin-top:32px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:14px;scrollbar-width:thin;overscroll-behavior-x:contain}
.foto::-webkit-scrollbar{height:5px}
.foto::-webkit-scrollbar-thumb{background:var(--isik-cizgi)}
.kare{flex:0 0 86%;position:relative;scroll-snap-align:start;overflow:hidden;
  background:var(--isik-cizgi);isolation:isolate}
.kare img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s var(--ease)}
.kare figcaption{position:absolute;inset:auto 0 0 0;padding:40px 17px 15px;color:#fff;
  background:linear-gradient(to top,rgba(12,16,20,.94) 34%,rgba(12,16,20,.5) 70%,transparent)}
.kare figcaption b{display:block;font-family:var(--f-display);font-weight:800;font-size:16.5px}
.kare figcaption span{display:block;margin-top:4px;font-size:13.5px;color:#D6D9DE}
@media (max-width:619px){.foto{margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);
  scroll-padding-inline:var(--pad)}}
@media (min-width:620px){.foto{display:grid;grid-template-columns:1fr 1fr;overflow:visible;
  padding-bottom:0}.kare{flex:initial}}
@media (min-width:980px){.foto{grid-template-columns:repeat(3,1fr)}}
@media (hover:hover){.kare:hover img{transform:scale(1.045)}}

/* bölgeler */
.zones{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px}
.zone{font-family:var(--f-mono);font-size:12.5px;padding:9px 13px;border:1px solid var(--isik-cizgi);
  color:var(--sonuk-isik);min-height:40px;display:inline-flex;align-items:center;
  text-decoration:none;background:var(--isik-2);transition:border-color .15s var(--ease)}
.zone:hover{border-color:var(--murekkep);color:var(--murekkep)}

/* kapanış: gece tekrar kapalıya dönüyor */
.kapanis{position:relative;background:var(--celik-950);color:var(--isik);
  padding-block:clamp(46px,8vw,84px);overflow:hidden}
.kapanis__doku{position:absolute;inset:0;background:var(--palet);opacity:.4}
.kapanis__in{position:relative;z-index:2}
.kapanis__cta{margin-top:26px;display:flex;flex-direction:column;gap:10px}
@media (min-width:560px){.kapanis__cta{flex-direction:row}.kapanis__cta .btn{flex:1}}

.bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;gap:8px;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:rgba(12,16,20,.97);border-top:1px solid var(--cizgi)}
@media (min-width:860px){.bar{display:none}}
.bar .btn{min-height:52px;font-size:16px}
.bar__ara{flex:1} .bar__wa{flex:none;width:56px;padding:0}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ============================================================
   AÇILIŞ HAREKETİ — Erkepenk'ten farklı.
   Erkepenk'te kepenk paneli yukarı sarılır.
   Burada kepenk zaten inik: altından vuran ışık genişliyor,
   alt şerit ortadan iki yana açılıyor. Aynı nesne, farklı an.
   ============================================================ */
.kapali__doku::after{transform-origin:bottom center;transform:scaleY(.12);
  animation:isikBuyu 1.25s var(--ease) .15s forwards}
@keyframes isikBuyu{to{transform:scaleY(1)}}
.kapali::after{transform-origin:center;transform:scaleX(0);
  animation:seritAc 1.05s var(--ease) .1s forwards}
@keyframes seritAc{to{transform:scaleX(1)}}
.kapali__in>*{opacity:0;animation:yuksel .5s var(--ease) forwards}
.kapali__in>*:nth-child(1){animation-delay:.55s}
.kapali__in>*:nth-child(2){animation-delay:.66s}
.kapali__in>*:nth-child(3){animation-delay:.77s}
.kapali__in>*:nth-child(4){animation-delay:.88s}
.kapali__in>*:nth-child(5){animation-delay:.99s}
.kapali__in>*:nth-child(6){animation-delay:1.10s}
@keyframes yuksel{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}

/* ---------------- iç sayfa başlığı ---------------- */
.phead{position:relative;background:var(--celik-950);color:var(--isik);overflow:hidden;
  padding-block:clamp(30px,6vw,58px)}
.phead__doku{position:absolute;inset:0;background:var(--palet);opacity:.42}
.phead__doku::after{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 85% at 50% 122%,rgba(255,77,20,.26),transparent 60%)}
.phead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
  background:linear-gradient(90deg,var(--acil),#FFB27A,var(--acil))}
.phead__in{position:relative;z-index:2}
.phead h1{font-size:clamp(29px,6.6vw,52px);max-width:19ch}
.phead h1 i{font-style:normal;color:var(--acil)}
.phead p{margin-top:14px;max-width:54ch;color:#CBD1D8;font-size:clamp(15.5px,2.6vw,18px)}
.crumb{font-family:var(--f-mono);font-size:11.5px;color:var(--sonuk);margin-bottom:15px;
  display:flex;flex-wrap:wrap;gap:7px}
.crumb a{text-decoration:none;color:var(--sonuk)}
.crumb a:hover{color:var(--acil)}
.phead__cta{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}

/* ---------------- şerit ---------------- */
.serit{background:var(--acil);color:#fff}
.serit__in{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.3)}
@media (min-width:760px){.serit__in{grid-template-columns:repeat(4,1fr)}}
.serit__h{background:var(--acil);padding:17px 16px}
.serit__n{font-family:var(--f-display);font-weight:800;font-size:clamp(19px,4.4vw,25px);
  line-height:1;font-variant-numeric:tabular-nums}
.serit__l{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
  color:rgba(255,255,255,.86);margin-top:6px}

/* ---------------- metin ---------------- */
.prose{margin-top:28px;max-width:68ch}
.prose h3{font-size:clamp(20px,3.9vw,26px);margin-top:34px}
.prose h3:first-child{margin-top:0}
.prose p{margin-top:13px;font-size:16px;color:var(--sonuk-isik)}
.prose b{font-weight:700;color:var(--murekkep)}
.ticks{margin-top:22px;display:grid;gap:10px}
.ticks li{position:relative;padding-left:25px;font-size:15.5px;color:var(--sonuk-isik)}
.ticks li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;
  background:var(--acil)}

/* ---------------- SSS ---------------- */
.faq{margin-top:26px;border-top:1px solid var(--isik-cizgi)}
.faq details{border-bottom:1px solid var(--isik-cizgi)}
.faq summary{cursor:pointer;list-style:none;padding:19px 40px 19px 0;position:relative;
  font-family:var(--f-display);font-weight:800;font-size:17px;line-height:1.26;min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;translate:0 -50%;
  font-family:var(--f-mono);font-size:21px;color:var(--acil)}
.faq details[open] summary::after{content:"−"}
.faq p{padding:0 0 20px;max-width:66ch;color:var(--sonuk-isik);font-size:15.5px}

/* ---------------- iletişim ---------------- */
.iletisim{display:grid;gap:12px;margin-top:30px}
@media (min-width:700px){.iletisim{grid-template-columns:1fr 1fr}}
.kutu{border:1px solid var(--isik-cizgi);background:var(--isik-2);padding:22px}
.kutu h3{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--acil)}
.kutu a,.kutu p{margin-top:10px;display:block;font-size:18px;text-decoration:none}
.kutu a:hover{color:var(--acil)}

/* ---------------- footer ---------------- */
.foot{background:var(--celik-950);color:var(--sonuk);padding-block:40px;font-size:14px;
  border-top:1px solid var(--cizgi)}
.foot__grid{display:grid;gap:26px}
@media (min-width:760px){.foot__grid{grid-template-columns:1.4fr 1fr 1fr}}
.foot h4{font-family:var(--f-mono);font-size:10.5px;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--acil);margin-bottom:12px}
.foot a{color:#C7CDD5;text-decoration:none;display:inline-block;padding:5px 0;min-height:32px}
.foot a:hover{color:#fff}
.foot__li{display:grid}
.foot__alt{margin-top:28px;padding-top:19px;border-top:1px solid var(--celik-800);
  font-family:var(--f-mono);font-size:12px}


/* çekmecedeki dil seçici — .drawer a{display:block} kuralını geçersiz kıl */
.drawer .dil{margin:16px 0 6px;width:max-content;border-color:var(--celik-800)}
.drawer .dil a{display:inline-flex;align-items:center;padding:0 12px;height:34px;
  min-height:34px;border-bottom:0;font-size:11.5px}



/* ---------------- saat konumu ----------------
   Mobilde üst satır dolu; saat ikinci satıra sağdan hizalı geçiyor.
   Masaüstünde tersi: üst barda durur, şeritteki kopya gizlenir. */
.top__in .saat{display:none}
.saat--serit{display:flex;margin-left:auto;padding-left:14px;flex:none;
  border-left:1px solid var(--celik-800)}
.saat--serit .saat__yazi{display:none}
@media (min-width:430px){.saat--serit .saat__yazi{display:inline}}
.saat--serit{position:sticky;right:0}
@media (min-width:1060px){
  .top__in .saat{display:flex}
  .saat--serit{display:none}
}
.hizli__in{align-items:center}
.nabiz{box-shadow:0 0 0 0 rgba(0,0,0,0)}


/* ---------------- çekmece kaydırma (cekmece-kaydirma) ----------------
   Hizmetler/Bilgi açıldığında menü ekranı aşıyordu ve sticky header
   içinde olduğu için alt kısma ulaşılamıyordu. Artık kendi kaydırma
   alanı: kalan ekran yüksekliği kadar açılıyor, gerisi kayıyor. */
.drawer{max-height:calc(100vh - 106px);max-height:calc(100dvh - 106px);
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
/* sabit arama çubuğu son maddeyi kapatmasın */
.drawer>nav{padding-bottom:calc(var(--bar-h) + 26px)}
@media (min-width:860px){.drawer>nav{padding-bottom:26px}}

/* ---------------- mobil sabit çubuk ----------------
   Asıl iş mobilden geliyor; bu çubuk sayfanın en görünür öğesi olmalı. */
.bar{padding-block:11px;box-shadow:0 -10px 26px rgba(0,0,0,.45)}
.bar::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#FF4D14,#FFB27A,#FF4D14)}
.bar .btn{min-height:58px;font-size:16px;padding-inline:12px}
.bar .btn svg{flex:none}
.bar__ara,.bar__call{flex:1;animation:araNabiz 2.8s ease-out infinite}
@keyframes araNabiz{
  0%{box-shadow:0 0 0 0 rgba(255,77,20,.55)}
  55%{box-shadow:0 0 0 13px rgba(255,77,20,0)}
  100%{box-shadow:0 0 0 0 rgba(255,77,20,0)}
}
/* WhatsApp kendi rengiyle — tanıdık ve aramadan ayrışıyor */
.bar__wa{flex:1;padding:14px 12px;background:#25D366;color:#08140D;border:0}
.bar__wa:hover{background:#1FBE5A}
@media (prefers-reduced-motion:reduce){.bar__ara,.bar__call{animation:none}}

/* ---------------- mobil incelikler ----------------
   Amaç: arama butonu ilk ekranda kalsın, esnaf kaydırmak zorunda olmasın. */
@media (max-width:559px){
  .kapali__in{padding-block:32px 28px}
  .kapali h1{font-size:clamp(30px,8.4vw,42px)}
  .kapali__sub{margin-top:14px;font-size:15.5px}
  .kapali__vurgu{margin-top:12px;font-size:14px}
  .kapali__cta{margin-top:20px}
  .kapali__cta .btn--ara{min-height:62px}
  .kapali__alt{margin-top:16px;gap:6px 15px;font-size:11.5px}
  .durum{margin-bottom:16px;font-size:10.5px;padding:8px 12px}
  .bedel__grid,.niyet,.isler,.soz,.foto{margin-top:24px}
  .acikmi{padding:20px 18px}
}