/* By Çetinkaya v3 Bordo — ortak stil sistemi.
   Kaynak: docs/superpowers/mockups/2026-09-17/anasayfa-mockup.html (onaylı paneller) + kabuk ekleri.
   Fontlar /fonts/fonts.css içinden gelir. */
:root{
  --wine-deep:#1F040C; --bordo:#3B0D1D; --bordo-soft:#5D2435;
  --bone:#F6F1EE; --white:#FFFFFF; --ink:#1E1216;
  --mist:#8C7A80; --mist-ink:#6E5C62; --on-dark-2:#D9C9CE;
  --line-dark:rgba(255,255,255,.22); --line-light:rgba(59,13,29,.18);
  --f-display:"Michroma","Arial Narrow",sans-serif;
  --f-body:"Manrope",system-ui,sans-serif;
  --bordo-deep:#2A0813;
  --wrap:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--f-body);color:var(--ink);background:var(--bone);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.display{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;font-weight:400;line-height:1.25}

/* ── Header ── (.hdr kuralının kendisi aşağıda, "kabuk ekleri"nde) */
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.brand{display:flex;align-items:center;gap:12px}
.nav{display:flex;align-items:center;gap:26px;font-size:14.5px;font-weight:500}
.nav a{opacity:.86;position:relative;padding:12px 0}
.nav a:hover{opacity:1}
.nav a::after{content:"";position:absolute;left:0;bottom:6px;height:2px;width:0;background:var(--white);transition:width .3s}
.nav a:hover::after{width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:999px;font-weight:600;font-size:15px;border:1.5px solid transparent;cursor:pointer;font-family:var(--f-body);transition:background .25s,color .25s,border-color .25s}
.btn--solid{background:var(--white);color:var(--bordo)}
.btn--solid:hover{background:var(--bone)}
.btn--ghost{border-color:var(--white);color:var(--white);background:transparent}
.btn--ghost:hover{background:rgba(255,255,255,.12)}
.btn--bordo{background:var(--bordo);color:var(--white)}
.btn--bordo:hover{background:var(--bordo-soft)}
.btn--line{border-color:var(--bordo);color:var(--bordo);background:transparent}
.nav .btn{min-height:44px;padding:0 20px;font-size:14px;opacity:1}
.nav .btn::after{display:none}

/* ── Hero ── (min-height, ::before ve video kuralları aşağıda "kabuk ekleri"nde) */
.hero{position:relative;display:flex;flex-direction:column;color:var(--white);background:var(--wine-deep);overflow:hidden;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 28px 40px}
.hero-logo{width:clamp(150px,17vw,210px);height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}
.hero h1{font-size:clamp(24px,3.6vw,46px);margin-top:34px;letter-spacing:.06em}
.hero h1 small{display:block;font-size:.5em;letter-spacing:.32em;margin-top:14px;color:var(--on-dark-2)}
.hero p.slogan{font-size:clamp(17px,1.6vw,21px);margin-top:22px;color:var(--on-dark-2);font-weight:500}
.hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;justify-content:center}
.facts{border-top:1px solid var(--line-dark);background:rgba(31,4,12,.55);backdrop-filter:blur(6px)}
.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:22px 18px;text-align:center;border-left:1px solid var(--line-dark)}
.fact:first-child{border-left:0}
.fact b{display:block;font-family:var(--f-display);font-weight:400;font-size:clamp(15px,1.5vw,20px);letter-spacing:.06em}
.fact span{font-size:13.5px;color:var(--on-dark-2)}

/* ── Bölüm ortak ── */
section{padding:104px 0}
.sec-dark{background:var(--bordo);color:var(--white)}
.sec-head{display:flex;align-items:center;gap:20px;margin-bottom:54px}
.speed{display:inline-flex;flex-direction:column;gap:5px;align-items:flex-end;flex:none}
.speed span{display:block;height:3px;border-radius:3px;background:currentColor}
.speed span:nth-child(1){width:46px}.speed span:nth-child(2){width:34px}.speed span:nth-child(3){width:24px}.speed span:nth-child(4){width:14px}
.sec-head h2{font-size:clamp(20px,2.4vw,30px)}
.sec-head .speed{color:var(--bordo)}
.sec-dark .sec-head .speed{color:var(--white)}
.lead{max-width:640px;color:var(--mist-ink);margin:-30px 0 50px 66px}
.sec-dark .lead{color:var(--on-dark-2)}

/* ── Hizmetler ── */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cards--3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--white);border:1px solid var(--line-light);border-radius:18px;padding:30px 26px 26px;display:flex;flex-direction:column;gap:14px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}
.card::before{content:"";position:absolute;left:26px;top:0;height:3px;width:34px;background:var(--bordo);transition:width .35s}
.card:hover{transform:translateY(-4px);border-color:var(--bordo);box-shadow:0 18px 40px -22px rgba(59,13,29,.45)}
.card:hover::before{width:calc(100% - 52px)}
.card svg{width:46px;height:46px;color:var(--bordo)}
.card h3{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:14.5px;letter-spacing:.06em;line-height:1.4}
.card p{font-size:15.5px;color:var(--mist-ink);flex:1}
.tag{font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--bordo);border:1px solid var(--line-light);border-radius:999px;padding:5px 12px;align-self:flex-start}
.more{font-weight:600;font-size:14.5px;color:var(--bordo);min-height:44px;display:inline-flex;align-items:center}

/* ── Hakkımızda ── (arka plan fotoğrafı ve bordo örtüsü alınmadı) */
.about{position:relative;isolation:isolate;overflow:hidden}
h3.big{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(20px,2.7vw,34px);letter-spacing:.04em;line-height:1.35;max-width:820px}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:13px;height:2px;background:var(--line-dark)}
.tl{padding-right:30px;position:relative}
.ring{width:28px;height:28px;border-radius:50%;border:2px solid var(--white);display:grid;place-items:center;background:var(--bordo);position:relative;z-index:1}
.ring::after{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--white)}
.tl b{display:block;font-family:var(--f-display);font-weight:400;font-size:clamp(22px,2.6vw,34px);margin-top:22px;letter-spacing:.04em}
.tl p{color:var(--on-dark-2);margin-top:6px;max-width:280px}
.closing{margin-top:70px;font-family:var(--f-display);text-transform:uppercase;letter-spacing:.2em;font-size:14px;display:flex;align-items:center;gap:18px}
.closing::before{content:"";width:60px;height:2px;background:var(--white)}

/* ── Belgeler ── */
.docs{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.doc{text-align:center}
.badge{width:132px;height:132px;border-radius:50%;margin:0 auto 18px;background:radial-gradient(circle at 35% 30%,var(--bordo-soft),var(--bordo) 55%,var(--wine-deep));display:grid;place-items:center;color:var(--white);box-shadow:0 0 0 5px var(--bone),0 0 0 7px var(--bordo);position:relative}
.badge::after{content:"";position:absolute;inset:8px;border-radius:50%;border:2px solid rgba(255,255,255,.9)}
.badge span{font-family:var(--f-display);font-size:15px;letter-spacing:.04em;line-height:1.25;padding:0 18px;text-transform:uppercase}
.doc p{font-size:15px;color:var(--mist-ink)}
/* hizmet sayfaları: 2–3 rozet ortalanır (ana sayfanın 4'lü ızgarası değişmez) */
.docs--orta{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}
.docs--orta .doc{flex:0 1 220px}
.cap{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cap div{border-left:3px solid var(--bordo);padding:6px 0 6px 18px;font-weight:600}
/* Referanslar: kategori sayısı kadar sütun (boş kategori gizli → iz bırakmaz); ≤900px'te aşağıdaki .cap{1fr} kuralı kazanır */
.cap--ref{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:0;gap:30px 32px}
.cap--ref div{font-weight:400;padding:4px 0 4px 22px}
.cap--ref h3{font:400 12px var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--bordo);margin-bottom:12px}
.cap--ref ul{list-style:none}
.cap--ref li{padding:5px 0;line-height:1.5;color:var(--ink)}

/* ── Bölge ── */
/* --n = durak sayısı (app.js data.json'dan yazar; yoksa 8). Hat ilk ve son durağın merkezleri arasında uzanır. */
.route{position:relative;display:grid;grid-template-columns:repeat(var(--n,8),1fr);margin-top:10px}
.route::before{content:"";position:absolute;left:calc(50% / var(--n,8));right:calc(50% / var(--n,8));top:13px;height:2px;background:var(--white);opacity:.55}
.stop{text-align:center;position:relative}
/* display:grid şart: aşağıdaki ".stop span{display:block}" halkayı da (span.ring) yakalar, iç çember (::after) satır içi kalıp bozuk çizilir */
.stop .ring{margin:0 auto;display:grid;flex:none}
.stop span{display:block;margin-top:16px;font-family:var(--f-display);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.coord{margin-top:56px;display:flex;gap:28px;align-items:center;flex-wrap:wrap;color:var(--on-dark-2);font-size:15px}
.coord b{font-family:var(--f-display);font-weight:400;color:var(--white);letter-spacing:.06em;font-size:14px}

/* ── Teklif ── */
.quote{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:start}
.quote h3{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(18px,2vw,26px);line-height:1.4;letter-spacing:.04em}
.quote .side p{color:var(--mist-ink);margin-top:18px}
.quote .side .btn{margin-top:28px}
form{background:var(--white);border:1px solid var(--line-light);border-radius:22px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{display:flex;flex-direction:column;gap:7px;font-size:13.5px;font-weight:600;color:var(--ink)}
label.full{grid-column:1/-1}
/* label flex-sütun: display:contents olmasa .ops ayrı flex öğesi olup alt satıra düşer, iki sütunlu satırda girişler hizasız kalır */
.ops{display:contents;font-weight:500;color:var(--mist-ink)}
input,select,textarea{font:500 16px var(--f-body);color:var(--ink);background:var(--bone);border:1.5px solid transparent;border-radius:12px;padding:0 16px;min-height:50px;outline:none;transition:border-color .2s,background .2s}
textarea{padding:14px 16px;min-height:96px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--bordo);background:var(--white)}
form .btn{grid-column:1/-1;min-height:54px;font-size:16px}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.hata{min-height:0;font-size:13px;font-weight:600;color:#9B1C31}
[aria-invalid="true"]{border-color:#9B1C31!important;background:#fff}
.fine{grid-column:1/-1;font-size:13px;color:var(--mist-ink);text-align:center}
form noscript{grid-column:1/-1}
.fine a{text-decoration:underline;color:var(--bordo)}

/* ── SSS ── */
.faq{max-width:860px}
details{border-bottom:1px solid var(--line-light)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;padding:22px 0;font-weight:600;font-size:17.5px;min-height:44px}
summary::-webkit-details-marker{display:none}
summary .ring{width:24px;height:24px;border-color:var(--bordo);background:transparent;flex:none}
summary .ring::after{width:8px;height:8px;border-color:var(--bordo);transition:background .2s}
details[open] summary .ring::after{background:var(--bordo)}
details p{padding:0 0 24px 42px;color:var(--mist-ink);max-width:700px}

/* ── İletişim ── */
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line-dark);border-radius:22px;overflow:hidden}
.ct{padding:36px 32px;border-left:1px solid var(--line-dark)}
.ct:first-child{border-left:0}
.ct h3{font-family:var(--f-display);font-weight:400;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark-2)}
.ct a.v,.ct address{display:block;font-style:normal;font-size:20px;font-weight:600;margin-top:14px;line-height:1.45}
.ct a.v{display:flex;align-items:center;min-height:44px;margin-top:6px}
.ct a.s{display:inline-flex;min-height:44px;align-items:center;margin-top:8px;font-size:14.5px;border-bottom:1px solid var(--line-dark)}
.extra{display:flex;gap:0 34px;flex-wrap:wrap;margin-top:30px;color:var(--on-dark-2);font-size:15.5px}
.extra a{color:var(--white);display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--line-dark);text-decoration-thickness:1px;text-underline-offset:6px}

/* ── Footer ── (.site-footer ve .ft-h aşağıda, "footer ekleri"nde) */
.ft{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:48px;align-items:start}
.ft img{width:96px}
.ft a{display:block;padding:5px 0}
.ft a:hover{color:var(--white)}
.copy{margin-top:44px;padding-top:22px;border-top:1px solid var(--line-dark);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13.5px}

/* ── Mobil çubuk (taban) ── */
.mbar{display:none}

/* — kabuk ekleri — */
html{scroll-behavior:smooth;scroll-padding-top:84px}
body.menu-acik{overflow:hidden}
img,video{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--white);outline-offset:3px;border-radius:4px}
section:not(.sec-dark) :focus-visible, form :focus-visible{outline-color:var(--bordo)}
.skip-link{position:absolute;left:16px;top:-60px;z-index:100;background:var(--white);color:var(--bordo);padding:12px 18px;border-radius:10px;font-weight:600;transition:top .2s}
.skip-link:focus{top:12px}

/* header: hero üstünde şeffaf-koyu, scroll'da dolu */
.hdr{position:fixed;left:0;right:0;top:0;z-index:50;color:var(--white);background:linear-gradient(180deg,rgba(31,4,12,.78),rgba(31,4,12,0));border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.hdr.is-solid{background:var(--wine-deep);border-bottom-color:var(--line-dark)}
.brand img{height:52px;width:auto}
.nav-grup{position:relative}
.nav-ac{background:none;border:0;color:inherit;font:500 14.5px var(--f-body);opacity:.86;cursor:pointer;min-height:44px;padding:0 2px}
.nav-ac::after{content:"";display:inline-block;margin-left:8px;width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-3px)}
.nav-alt{list-style:none;position:absolute;left:-18px;top:100%;min-width:230px;background:var(--wine-deep);border:1px solid var(--line-dark);border-radius:14px;padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.nav-grup:hover .nav-alt,.nav-ac[aria-expanded="true"]+.nav-alt{opacity:1;visibility:visible;transform:none}
.nav-alt a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:9px;opacity:1}
.nav-alt a::after{display:none}
.nav-alt a:hover{background:rgba(255,255,255,.1)}
.nav a[aria-current="page"],.nav-ac[aria-current="true"]{opacity:1}
.burger{display:none;width:48px;height:48px;border:0;background:none;cursor:pointer;flex-direction:column;gap:6px;align-items:center;justify-content:center}
.burger span{display:block;width:24px;height:2px;background:var(--white);transition:transform .25s,opacity .25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobil-panel{position:fixed;inset:72px 0 0 0;z-index:49;background:var(--wine-deep);color:var(--white);overflow-y:auto;padding:24px 28px 120px}
.mobil-panel a{display:flex;align-items:center;min-height:54px;font-size:19px;font-weight:600;border-bottom:1px solid var(--line-dark)}
.mobil-panel hr{border:0;height:18px}
.mobil-panel .btn{margin-top:26px;border-bottom:0;justify-content:center;font-size:16px}

/* hero — A seçeneği: doğal renkli video + şarap gradyan, TONLAMA YOK */
.hero{min-height:100vh;min-height:100svh;padding-top:72px}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media video{position:absolute;inset:0;transition:opacity 1.5s ease}
.hero-media video.arka{opacity:0}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(31,4,12,.88) 0%,rgba(31,4,12,.35) 30%,rgba(31,4,12,.30) 55%,rgba(31,4,12,.92) 100%),
  radial-gradient(ellipse at 50% 42%,rgba(31,4,12,.55),transparent 62%)}
.video-toggle{position:absolute;right:24px;bottom:112px;z-index:3;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:rgba(31,4,12,.5);color:var(--white);cursor:pointer;font-size:13px}
.video-toggle[hidden]{display:none}

/* koyu bölümler: düz koyu bordo, fotoğraf yok */
.sec-dark{background:linear-gradient(135deg,var(--bordo),var(--bordo-deep))}

/* alt sayfa hero + içerik */
.subhero{background:linear-gradient(135deg,var(--bordo),var(--wine-deep));color:var(--white);padding:150px 0 76px}
.crumb{display:flex;align-items:center;gap:0 10px;flex-wrap:wrap;font-size:14px;color:var(--on-dark-2);margin-bottom:26px;list-style:none}
.crumb li+li::before{content:"/";margin-right:10px;opacity:.6}
.crumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--line-dark);text-decoration-thickness:1px;text-underline-offset:6px}
.subhero h1{font-size:clamp(22px,3.2vw,40px);max-width:900px}
.subhero p{max-width:680px;margin-top:22px;font-size:19px;color:var(--on-dark-2)}
.subhero .hero-cta{justify-content:flex-start}
.prose{max-width:760px}
.prose h2{font:400 clamp(17px,1.9vw,23px)/1.4 var(--f-display);text-transform:uppercase;letter-spacing:.04em;margin:52px 0 16px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:var(--ink);margin-bottom:16px}
.prose ul{padding-left:0;list-style:none}
.prose li{padding-left:30px;position:relative}
.prose li::before{content:"";position:absolute;left:0;top:.72em;width:18px;height:3px;border-radius:3px;background:var(--bordo)}
.prose a{color:var(--bordo);text-decoration:underline;text-underline-offset:3px}
.kaynak{font-size:14px;color:var(--mist-ink)}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:18px 0}
.prose th,.prose td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line-light);vertical-align:top}
.prose th{font-weight:700}
.prose code{font-family:var(--f-body);font-size:.94em;font-weight:600;background:rgba(59,13,29,.07);border-radius:5px;padding:1px 6px;overflow-wrap:anywhere}
/* Çerez tablosu dar ekranda satır satır karta döner: yatay kaydırma yok, her değer kendi etiketiyle okunur.
   display:block tablo anlamını düşürdüğü için işaretlemede role="table/row/cell…" açıkça yazılıdır. */
@media (max-width:640px){
  .tablo-kart,.tablo-kart tbody,.tablo-kart tr,.tablo-kart th,.tablo-kart td{display:block}
  .tablo-kart thead{display:none}
  .tablo-kart tr{padding:14px 0;border-bottom:1px solid var(--line-light)}
  .tablo-kart tbody th,.tablo-kart td{border:0;padding:3px 0}
  .tablo-kart td::before{content:attr(data-etiket) ": ";font-weight:700}
}
.ayberk{background:#FFF3CD;color:#6B4E00;border-radius:6px;padding:1px 7px;font-weight:600;font-size:.9em}

/* footer ekleri */
.ft-h{font:400 11.5px var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--white);margin-bottom:14px}
.ft a,.ft-btn{display:flex;align-items:center;min-height:44px}
.ft-btn{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}
.ft-btn:hover{color:var(--white)}
.site-footer{background:var(--wine-deep);color:var(--on-dark-2);padding:60px 0 120px;font-size:14.5px}

/* mobil çubuk: hero geçilince görünür (app.js .mbar.is-on) */
.mbar{transform:translateY(100%);transition:transform .3s}
.mbar.is-on{transform:none}
body.menu-acik .mbar{transform:translateY(100%)}

/* kademeli giriş — yalnız JS reveal-hazir sınıfını eklerse */
.reveal-hazir .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal-hazir .reveal.gorundu{opacity:1;transform:none}

/* — kısıt düzeltmesi (brif dışı; gerekçe görev raporunda) —
   .subhero bir <section> olduğundan yukarıdaki "section:not(.sec-dark) :focus-visible" kuralı
   odak halkasını bordo yapıyor ve halka koyu zeminde görünmüyordu. */
section.subhero :focus-visible{outline-color:var(--white)}

/* çerez bandı + tercih paneli (consent.js). Üç düğme bilinçli olarak aynı sınıfta: eşit görsel ağırlık. */
.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:80;max-width:980px;margin:0 auto;background:var(--white);color:var(--ink);border-radius:18px;box-shadow:0 24px 70px -18px rgba(0,0,0,.55);border:1px solid var(--line-light);padding:22px 26px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto}
.cookie[hidden],.cookie-panel[hidden]{display:none}
body.menu-acik .cookie{display:none} /* açık mobil menünün son düğmesini örtmesin; menü kapanınca geri gelir */
.cookie-ust{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.cookie-ust p{flex:1 1 380px;font-size:14.5px;color:var(--mist-ink)}
.cookie-ust p strong{color:var(--ink)}
.cookie a{color:var(--bordo);text-decoration:underline}
.cookie .acts{display:flex;gap:10px;flex-wrap:wrap}
.cookie .btn{min-height:46px;padding:0 22px;font-size:14.5px}
.cookie :focus-visible{outline-color:var(--bordo)}
.cookie-panel{margin-top:18px;padding-top:18px;border-top:1px solid var(--line-light);display:grid;gap:12px}
.cookie-satir{flex-direction:row;align-items:center;min-height:44px;gap:12px;font-weight:500;font-size:14.5px;color:var(--mist-ink)}
.cookie-satir input{min-height:0;width:20px;height:20px;flex:none;accent-color:var(--bordo);padding:0}
.cookie-satir strong{color:var(--ink)}
/* brif dışı küçük ek (gerekçe görev raporunda): kaydet düğmesi ızgarada tam genişliğe yayılmasın */
.cookie-panel .btn{justify-self:start}
@media (max-width:900px){ .cookie{left:12px;right:12px;bottom:12px} body.cerez-acik .mbar{transform:translateY(100%)} }
/* dar ekranda üç düğme tek satırda ve eşit genişlikte (2+1 kırılmasın) */
@media (max-width:520px){ .cookie{padding:20px} .cookie .acts{width:100%;flex-wrap:nowrap} .cookie .acts .btn{flex:1 1 0;padding:0 8px} }

/* ── Mobil ── */
@media (max-width:900px){
  body{font-size:16px}
  .nav{display:none}
  section{padding:72px 0}
  .facts .wrap{grid-template-columns:1fr 1fr;padding:0}
  .fact:nth-child(3){border-left:0}.fact:nth-child(n+3){border-top:1px solid var(--line-dark)}
  .cards,.docs{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr;gap:34px}.timeline::before{left:13px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .tl{padding-left:50px}.tl .ring{position:absolute;left:0;top:0}.tl b{margin-top:0}
  .route{grid-template-columns:1fr;gap:20px}.route::before{left:13px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .stop{display:flex;align-items:center;gap:18px;text-align:left}.stop .ring{margin:0}.stop span{margin:0}
  .quote,.contact,.cap{grid-template-columns:1fr}.quote{gap:34px}
  .ct{border-left:0;border-top:1px solid var(--line-dark)}.ct:first-child{border-top:0}
  form{grid-template-columns:1fr;padding:24px}
  .ft{grid-template-columns:1fr 1fr}
  .lead{margin-left:0}
  .mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--wine-deep);border-top:1px solid var(--line-dark)}
  .mbar a{min-height:58px;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;gap:8px}
  .mbar a+a{border-left:1px solid var(--line-dark);background:var(--bordo)}
}
@media (max-width:900px){
  .burger{display:flex}
  .brand img{height:44px}
  .subhero{padding:120px 0 56px}
  .video-toggle{bottom:190px;right:16px}
}
@media (max-width:520px){.cards,.docs{grid-template-columns:1fr}}
/* hizmet sayfaları "Diğer Hizmetler": 3 kart; yukarıdaki .cards{1fr 1fr} kuralından sonra gelmeli */
@media (max-width:900px){.cards--3{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}