/* Erkepenk tasarım sistemi — palet kepengin kendi malzemesinden:
   galvaniz çelik grileri + sanayi ikaz amberi. */
:root{
  --ink:#0B0E12; --steel-900:#12161C; --steel-800:#1A1F27; --line:#333C48;
  --line-soft:#E2E5E9; --paper:#F4F5F6; --white:#FFF;
  --signal:#FFB800; --signal-600:#E5A400;--signal-metin:#8A6200; --dim:#96A0AD; --dim-ink:#5B6672; --live:#43C97F;
  --f-display:"Archivo","Arial Narrow",Impact,system-ui,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --wrap:1120px; --pad:20px; --r:4px; --bar-h:68px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:only light;scroll-behavior:smooth}
body{touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,184,0,.25);margin:0;
  font-family:var(--f-body);font-size:16px;line-height:1.6;color:var(--ink);background:var(--paper);
  padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom));overflow-x:hidden}
@media (min-width:820px){body{padding-bottom:0}}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:900;line-height:1.06;letter-spacing:-.02em;
  margin:0;text-wrap:balance;scroll-margin-top:80px}
p{margin:0} ul{margin:0;padding:0;list-style:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:2px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--signal);color:var(--ink);
  padding:12px 18px;font-weight:600}
.skip:focus{left:8px;top:8px}

.band{padding-block:clamp(44px,8vw,80px)}
.band--dark{background:var(--steel-900);color:var(--white)}
.band--ink{background:var(--ink);color:var(--white)}
.eyebrow{font-family:var(--f-mono);font-size:12px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim-ink);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line-soft)}
.band--dark .eyebrow,.band--ink .eyebrow{color:var(--signal)}
.band--dark .eyebrow::after,.band--ink .eyebrow::after{background:var(--line)}
.h2{font-size:clamp(27px,6vw,44px);max-width:20ch}
.lede{margin-top:16px;max-width:56ch;color:var(--dim-ink);font-size:clamp(16px,2.6vw,18px)}
.band--dark .lede,.band--ink .lede{color:var(--dim)}

/* butonlar — min 48px dokunma hedefi */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;
  padding:14px 24px;border:0;border-radius:var(--r);font-family:var(--f-display);font-weight:700;
  font-size:17px;text-decoration:none;cursor:pointer;
  transition:transform .16s var(--ease),background-color .16s var(--ease),border-color .16s var(--ease)}
.btn:active{transform:translateY(1px)}
.btn--call{background:var(--signal);color:var(--ink)}
.btn--call:hover{background:#FFC633}
.btn--wa{background:transparent;color:var(--white);border:1.5px solid var(--line)}
.btn--wa:hover{border-color:var(--dim);background:rgba(255,255,255,.05)}
.btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
/* Koyu kart uzerindeki hayalet buton: koyu yazi koyu zeminde kayboluyordu
   (1.17:1). Koyu kaplarda acik renge cevriliyor. */
.gbox .btn--ghost,.band--dark .btn--ghost,.band--ink .btn--ghost{
  color:var(--white);border-color:var(--dim)}
.btn--ghost:hover{background:var(--ink);color:var(--white)}
.tel{font-family:var(--f-mono);font-weight:600;font-variant-numeric:tabular-nums}

/* üst bar */
.top{position:sticky;top:0;z-index:60;background:rgba(11,14,18,.94);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}
.top__in{display:flex;align-items:center;gap:14px;min-height:60px}
/* logo işareti ile yazı optik olarak aynı hizada dursun */
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--white);margin-right:auto}
.brand__text{display:flex;align-items:baseline;gap:8px;min-width:0}
.brand__name{font-family:var(--f-display);font-weight:900;font-size:20px}
.brand__tag{display:none;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim);white-space:nowrap}
@media (min-width:420px){.brand__tag{display:inline}}
.live{display:flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:11.5px;
  color:var(--dim);white-space:nowrap;flex:none}
.live b{color:var(--white);font-weight:600;font-variant-numeric:tabular-nums}
.live__yazi{display:none}
@media (min-width:520px){.live{font-size:12px;gap:8px}.live__yazi{display:inline}}
.live__dot{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px rgba(67,201,127,.18)}
.brand__mark{flex:none;border-radius:6px}
.top__call{display:none;min-height:44px;padding:10px 16px;font-size:15px;white-space:nowrap}
.nav{display:none;margin-right:6px}
.nav>ul{display:flex;gap:1px}
.nav li{position:relative}
.nav a{font-size:14px;padding:10px 11px;text-decoration:none;color:#C7CDD5;border-radius:var(--r);
  min-height:44px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  transition:color .16s var(--ease)}
.nav a:hover{color:var(--white)}
.nav a[aria-current="page"]{color:var(--signal)}
.chev{opacity:.55;transition:transform .18s var(--ease)}
/* açılır menü — JS yok, :hover ve :focus-within ile */
.nav .sub{position:absolute;top:100%;left:0;min-width:236px;padding:8px;display:none;
  background:var(--ink);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:0 18px 40px rgba(0,0,0,.45)}
.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-size:14px;padding:9px 12px;min-height:40px}
.nav .sub a:hover{background:var(--steel-800);color:var(--signal)}
@media (min-width:1040px){.top__call{display:inline-flex}.nav{display:block}}

/* çekmecede alt menü */
.drawer details>summary{list-style:none;cursor:pointer;padding:15px 0;min-height:48px;
  border-bottom:1px solid var(--steel-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:15px;
  font-family:var(--f-mono);font-size:19px;color:var(--signal)}
.drawer details[open]>summary::after{content:"−"}
.drawer summary[aria-current="page"]{color:var(--signal)}
.drawer .d-sub{padding-left:16px;font-size:15px;color:var(--dim)}
/* mobil menü */
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;
  background:transparent;border:1px solid var(--line);border-radius:var(--r);color:var(--white);cursor:pointer}
@media (min-width:1000px){.menu-btn{display:none}}
.drawer{display:none;border-top:1px solid var(--line);background:var(--ink)}
.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(--steel-800);font-size:16px}
.drawer a[aria-current="page"]{color:var(--signal)}
@media (min-width:1000px){.drawer{display:none!important}}


/* dil seçici — küçük, üst barda */
.dil{display:flex;align-items:center;gap:1px;flex:none;
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.dil a{font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.08em;
  padding:0 9px;height:30px;display:inline-flex;align-items:center;text-decoration:none;
  color:var(--dim);transition:color .15s var(--ease),background-color .15s var(--ease)}
.dil a:hover{color:var(--white);background:var(--steel-800)}
.dil a[aria-current="true"]{color:var(--ink);background:var(--signal)}
.drawer .dil{margin:16px 0 6px;width:max-content;border-color:var(--steel-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}


/* öne çıkan başlıklar — mobilde ikinci satır, masaüstünde ana menüde */
.hizli{border-top:1px solid var(--steel-800);background:var(--ink)}
.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:600;letter-spacing:.05em;
  padding:11px 12px;min-height:42px;display:inline-flex;align-items:center;
  text-decoration:none;color:var(--dim);white-space:nowrap;
  border-bottom:2px solid transparent;transition:color .15s var(--ease)}
.hizli a:hover{color:var(--white)}
.hizli a[aria-current="page"]{color:var(--signal);border-bottom-color:var(--signal)}
@media (min-width:1040px){.hizli{display:none}}

/* hero — imza öğe: açılışta yukarı sarılan kepenk */
.hero{position:relative;background:var(--ink);color:var(--white);overflow:hidden;isolation:isolate}
.hero__in{position:relative;z-index:2;padding-block:clamp(40px,9vw,84px)}
.shutter{position:absolute;inset:0;z-index:5;transform-origin:top center;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,184,0,.10),transparent 22%),
    repeating-linear-gradient(180deg,#232A34 0 13px,#2E3742 13px 15px,#171C24 15px 17px);
  animation:shutterUp 1.05s var(--ease) .2s forwards}
.shutter::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--signal)}
@keyframes shutterUp{to{transform:scaleY(0)}}
.hero__in>*{opacity:0;animation:rise .5s var(--ease) forwards}
.hero__in>*:nth-child(1){animation-delay:.92s} .hero__in>*:nth-child(2){animation-delay:1.00s}
.hero__in>*:nth-child(3){animation-delay:1.08s} .hero__in>*:nth-child(4){animation-delay:1.16s}
.hero__in>*:nth-child(5){animation-delay:1.24s} .hero__in>*:nth-child(6){animation-delay:1.32s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero__kicker{font-family:var(--f-mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--signal);display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:18px}
.hero h1{font-size:clamp(31px,7.6vw,64px);max-width:16ch}
.hero h1 em{font-style:normal;color:var(--signal)}
.hero__sub{margin-top:18px;max-width:50ch;color:#C7CDD5;font-size:clamp(16px,3vw,19px)}
.hero__cta{margin-top:26px;display:flex;flex-direction:column;gap:10px}
.hero__cta .btn--call{font-size:19px;min-height:62px}
.hero__cta .btn--call span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.hero__cta small{font-family:var(--f-body);font-weight:400;font-size:12px;color:rgba(11,14,18,.66)}
@media (min-width:560px){.hero__cta{flex-direction:row;flex-wrap:wrap}.hero__cta .btn{flex:1 1 auto}}
.hero__proof{margin-top:24px;display:flex;flex-wrap:wrap;gap:9px 22px;font-family:var(--f-mono);
  font-size:12.5px;color:var(--dim)}
.hero__proof b{color:var(--white);font-weight:600}

/* iç sayfa başlığı */
.phead{background:var(--ink);color:var(--white);padding-block:clamp(30px,6vw,56px)}
.phead h1{font-size:clamp(28px,6.4vw,50px);max-width:22ch}
.phead h1 em{font-style:normal;color:var(--signal)}
.phead p{margin-top:14px;max-width:56ch;color:#C7CDD5;font-size:clamp(15.5px,2.6vw,18px)}
.crumb{font-family:var(--f-mono);font-size:12px;color:var(--dim);margin-bottom:16px;
  display:flex;flex-wrap:wrap;gap:8px}
.crumb a{text-decoration:none;color:var(--dim)}
.crumb a:hover{color:var(--signal)}
.crumb span[aria-hidden]{color:var(--line)}
.phead__cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}

/* güven şeridi */
.strip{background:var(--signal);color:var(--ink)}
.strip__in{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(11,14,18,.16)}
@media (min-width:760px){.strip__in{grid-template-columns:repeat(4,1fr)}}
.strip__cell{background:var(--signal);padding:18px 16px}
.strip__n{font-family:var(--f-display);font-weight:900;font-size:clamp(20px,4.6vw,26px);
  line-height:1;font-variant-numeric:tabular-nums}
.strip__l{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(11,14,18,.72);margin-top:6px}

/* arıza kartları */
.faults{display:grid;gap:12px;margin-top:32px}
@media (min-width:640px){.faults{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.faults{grid-template-columns:repeat(3,1fr)}}
.fault{background:var(--white);border:1px solid var(--line-soft);border-left:3px solid var(--ink);
  border-radius:var(--r);padding:20px;display:flex;flex-direction:column;
  transition:border-left-color .18s var(--ease),transform .18s var(--ease)}
.fault:hover{border-left-color:var(--signal);transform:translateX(2px)}
.fault__say{font-family:var(--f-display);font-weight:700;font-size:18px;line-height:1.25}
.fault__is{margin-top:10px;font-size:14.5px;color:var(--dim-ink);flex:1}
.fault__is b{color:var(--ink);font-weight:600}
.fault__go{margin-top:16px;display:inline-flex;align-items:center;gap:8px;min-height:44px;
  font-family:var(--f-mono);font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;
  border-top:1px solid var(--line-soft);padding-top:14px}
.fault__go::after{content:"→";transition:transform .18s var(--ease)}
.fault__go:hover{color:var(--signal-600)}
.fault__go:hover::after{transform:translateX(4px)}

/* fiyat */
.price{display:grid;gap:14px;margin-top:32px}
@media (min-width:760px){.price{grid-template-columns:repeat(3,1fr)}}
.price__card{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--steel-800)}
.price__card--lead{background:var(--signal);color:var(--ink);border-color:var(--signal)}
.price__t{font-family:var(--f-display);font-weight:900;font-size:19px}
.price__d{margin-top:10px;font-size:14.5px;color:var(--dim)}
.price__card--lead .price__d{color:rgba(11,14,18,.78)}
.price__note{margin-top:24px;font-family:var(--f-mono);font-size:13px;color:var(--dim);
  border-left:2px solid var(--signal);padding-left:14px;max-width:62ch}

/* akış */
.flow{counter-reset:step;margin-top:32px;display:grid}
@media (min-width:860px){.flow{grid-template-columns:repeat(3,1fr)}}
.step{counter-increment:step;padding:22px 0;border-top:1px solid var(--line-soft)}
@media (min-width:860px){.step{padding:0 26px 0 0;border-top:0;border-left:1px solid var(--line-soft)}
  .step:first-child{padding-left:0;border-left:0}.step:not(:first-child){padding-left:26px}}
.step::before{content:counter(step,decimal-leading-zero);display:block;font-family:var(--f-mono);
  font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--signal-600);margin-bottom:10px}
.step h3{font-size:20px} .step p{margin-top:8px;font-size:15px;color:var(--dim-ink)}

/* söz */
.promise{margin-top:32px;display:grid;gap:1px;background:var(--line)}
@media (min-width:700px){.promise{grid-template-columns:1fr 1fr}}
.promise li{background:var(--ink);padding:22px}
.promise h3{font-size:17px;display:flex;align-items:center;gap:10px}
.promise h3::before{content:"";width:9px;height:9px;background:var(--signal);flex:none}
.promise p{margin-top:8px;font-size:14.5px;color:var(--dim)}

/* yorumlar */
.reviews{display:grid;gap:12px;margin-top:32px}
@media (min-width:700px){.reviews{grid-template-columns:1fr 1fr}}
.review{background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);padding:22px}
.review__stars{color:var(--signal-600);font-size:14px;letter-spacing:3px}
.review__q{margin-top:12px;font-size:15.5px;line-height:1.65}
.review__who{margin-top:14px;font-family:var(--f-mono);font-size:12px;color:var(--dim-ink)}

/* kartlar / bölge listesi */
.cards{display:grid;gap:12px;margin-top:32px}
@media (min-width:640px){.cards{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);padding:22px;
  text-decoration:none;display:flex;flex-direction:column;min-height:100%;
  transition:border-color .18s var(--ease),transform .18s var(--ease)}
.card:hover{border-color:var(--ink);transform:translateY(-2px)}
.card h3{font-size:19px} .card p{margin-top:9px;font-size:14.5px;color:var(--dim-ink);flex:1}
.card__go{margin-top:14px;font-family:var(--f-mono);font-size:13px;font-weight:600;color:var(--signal-metin)}
.band--dark .card,.band--ink .card{background:var(--steel-800);border-color:var(--line);color:var(--white)}
.band--dark .card p,.band--ink .card p{color:var(--dim)}
.band--dark .card:hover,.band--ink .card:hover{border-color:var(--signal)}

.zones{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px}
.zone{font-family:var(--f-mono);font-size:13px;padding:9px 13px;border:1px solid var(--line);
  border-radius:var(--r);color:var(--dim);min-height:40px;display:inline-flex;align-items:center;
  text-decoration:none;transition:border-color .16s var(--ease),color .16s var(--ease)}
.zone:hover{border-color:var(--signal);color:var(--white)}
.band:not(.band--dark):not(.band--ink) .zone{border-color:var(--line-soft);color:var(--dim-ink)}
.band:not(.band--dark):not(.band--ink) .zone:hover{border-color:var(--ink);color:var(--ink)}

/* metin blokları */
.prose{margin-top:28px;max-width:68ch}
.prose h3{font-size:clamp(20px,4vw,26px);margin-top:34px}
.prose h3:first-child{margin-top:0}
.prose p{margin-top:14px;font-size:16px;color:var(--dim-ink)}
.prose b,.prose strong{color:var(--ink);font-weight:600}
.band--dark .prose p,.band--ink .prose p{color:var(--dim)}
.band--dark .prose b,.band--ink .prose b{color:var(--white)}
.ticks{margin-top:20px;display:grid;gap:10px}
.ticks li{position:relative;padding-left:26px;font-size:15.5px;color:var(--dim-ink)}
.ticks li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;background:var(--signal)}
.band--dark .ticks li,.band--ink .ticks li{color:var(--dim)}

/* iş galerisi — tüm kareler 4:3, açıklama görselin üstünde.
   Mobilde dikey liste yerine kaydırmalı şerit: ekranı doldurmuyor, gezmesi kolay. */
.works{display:flex;gap:12px;margin-top:30px;
  overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  padding-bottom:14px;scrollbar-width:thin;overscroll-behavior-x:contain}
.work{flex:0 0 86%}
.works::-webkit-scrollbar{height:5px}
.works::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.work{position:relative;scroll-snap-align:start;border-radius:var(--r);overflow:hidden;
  background:var(--steel-800);isolation:isolate}
.work img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;
  transition:transform .5s var(--ease)}
.work figcaption{position:absolute;inset:auto 0 0 0;padding:44px 18px 16px;
  background:linear-gradient(to top,rgba(11,14,18,.94) 34%,rgba(11,14,18,.6) 66%,transparent);
  color:var(--white)}
.work figcaption b{display:block;font-family:var(--f-display);font-weight:700;font-size:17px;
  letter-spacing:-.01em}
.work figcaption span{display:block;margin-top:4px;font-size:13.5px;line-height:1.5;color:#C7CDD5}
/* mobilde şerit ekran kenarına kadar aksın */
@media (max-width:619px){
  .works{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);
    scroll-padding-inline:var(--pad)}
}
@media (min-width:620px){
  .works{display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding-bottom:0}
  .work{flex:initial}
}
@media (min-width:980px){
  .works{grid-template-columns:repeat(3,1fr)}
}
@media (hover:hover){
  .work:hover img{transform:scale(1.045)}
}

/* Google değerlendirme kutusu */
.gbox{margin-top:30px;border:1px solid var(--line);border-radius:var(--r);padding:22px;
  display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:var(--steel-800)}
.gbox__t{flex:1 1 260px}
.gbox__t b{display:block;font-family:var(--f-display);font-weight:900;font-size:19px;color:var(--white)}
.gbox__t span{display:block;margin-top:6px;font-size:14.5px;color:var(--dim)}

/* bedel — kapalı kalmanın maliyeti */
.bedel{display:grid;gap:1px;margin-top:32px;background:var(--line)}
@media (min-width:620px){.bedel{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.bedel{grid-template-columns:repeat(3,1fr)}}
.bedel li{background:var(--steel-900);padding:23px 21px}
.bedel__kim{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--signal)}
.bedel__ne{margin-top:10px;font-family:var(--f-display);font-weight:700;font-size:18.5px;
  line-height:1.2;color:var(--white)}
.bedel__ac{margin-top:9px;font-size:14.5px;color:var(--dim)}

/* niyet — telefonda sorulanlar */
.niyet{margin-top:30px;display:grid;gap:1px;background:var(--line-soft)}
@media (min-width:820px){.niyet{grid-template-columns:1fr 1fr}}
.niyet li{background:var(--white);padding:23px 21px}
.niyet__soru{font-family:var(--f-display);font-weight:700;font-size:18px;line-height:1.22;
  display:flex;gap:9px;align-items:baseline}
.niyet__soru::before{content:"—";color:var(--signal-600);flex:none}
.niyet__cevap{margin-top:10px;font-size:15px;color:var(--dim-ink)}
.niyet__cevap b{color:var(--ink);font-weight:600}

/* şu anda açık mıyız */
.acikmi{margin-top:30px;background:var(--ink);color:var(--white);padding:25px 23px;
  display:flex;flex-wrap:wrap;gap:18px;align-items:center;border-left:5px solid var(--signal)}
.acikmi__sol{flex:1 1 270px}
.acikmi__saat{font-family:var(--f-mono);font-size:11.5px;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;color:var(--signal);display:flex;align-items:center;gap:9px}
.acikmi__saat b{color:var(--white);font-size:15px;letter-spacing:0;font-variant-numeric:tabular-nums}
.acikmi__yazi{margin-top:10px;font-family:var(--f-display);font-weight:900;
  font-size:clamp(20px,3.6vw,26px);line-height:1.14}
.acikmi__alt{margin-top:9px;font-size:14.5px;color:var(--dim)}

/* SSS */
.faq{margin-top:28px;border-top:1px solid var(--line-soft)}
.faq details{border-bottom:1px solid var(--line-soft)}
.faq summary{cursor:pointer;list-style:none;padding:19px 40px 19px 0;position:relative;
  font-family:var(--f-display);font-weight:700;font-size:17px;line-height:1.3;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:22px;color:var(--signal-600)}
.faq details[open] summary::after{content:"\2013"}
.faq p{padding:0 0 20px;max-width:66ch;color:var(--dim-ink);font-size:15.5px}

/* iletişim */
.contact{display:grid;gap:22px;margin-top:32px}
@media (min-width:860px){.contact{grid-template-columns:1fr 1fr;gap:32px}}
.cbox{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--steel-800)}
.cbox h3{font-size:15px;font-family:var(--f-mono);font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--signal)}
.cbox p,.cbox a{margin-top:10px;display:block;font-size:17px;color:var(--white);text-decoration:none}
.cbox a:hover{color:var(--signal)}
.map{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--steel-800)}
.map iframe{width:100%;height:100%;border:0;display:block}

/* kapanış + footer */
.close__cta{margin-top:26px;display:flex;flex-direction:column;gap:10px}
@media (min-width:560px){.close__cta{flex-direction:row}.close__cta .btn{flex:1}}
.foot{background:var(--ink);color:var(--dim);padding-block:40px;border-top:1px solid var(--line);font-size:14px}
.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:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--signal);margin-bottom:12px}
.foot a{color:#C7CDD5;text-decoration:none;display:inline-block;padding:5px 0;min-height:32px}
.foot a:hover{color:var(--signal)}
.foot__li{display:grid}
.foot__bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--steel-800);
  font-family:var(--f-mono);font-size:12px}

/* sabit mobil arama çubuğu */
.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(11,14,18,.97);border-top:1px solid var(--line)}
@media (min-width:820px){.bar{display:none}}
.bar .btn{min-height:52px;font-size:16px}
.bar__call,.bar__wa{flex:1;gap:8px}



/* ---------------- 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 .live{display:none}
.saat--serit{display:flex;align-items:center;gap:7px;margin-left:auto;padding-left:14px;
  flex:none;border-left:1px solid var(--steel-800);font-family:var(--f-mono);font-size:11.5px;
  color:var(--dim);white-space:nowrap}
.saat--serit b{color:var(--white);font-weight:600;font-variant-numeric:tabular-nums}
.saat--serit .live__yazi{display:none}
@media (min-width:430px){.saat--serit .live__yazi{display:inline}}
.saat--serit{position:sticky;right:0}
@media (min-width:1060px){
  .top__in .live{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,var(--signal),#FFD98A,var(--signal))}
.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,184,0,.55)}
  55%{box-shadow:0 0 0 13px rgba(255,184,0,0)}
  100%{box-shadow:0 0 0 0 rgba(255,184,0,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}}

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