:root{
  --gece:#101425;--derin:#171C31;--kenar:#262C45;--sodyum:#F7A83E;
  --sodyum-los:rgba(247,168,62,.13);--kagit:#F2EFE9;--duman:#8B90A8;
  --wa:#25D366;--r:14px;--max:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--gece);color:var(--kagit);
  font-family:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
svg{display:block}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--sodyum);outline-offset:3px;border-radius:5px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.disp{font-family:"Archivo",system-ui,sans-serif;font-variation-settings:"wdth" 112;
  font-weight:800;line-height:1.03;letter-spacing:-.025em}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--duman)}

/* logo */
.logo{display:flex;align-items:center;gap:11px}
.plaka{width:58px;height:29px;flex:none}
.plaka .tr{font:700 6px "Manrope",sans-serif;fill:#fff;letter-spacing:.4px}
.plaka .no{font:800 21px "Archivo",sans-serif;fill:#101425;letter-spacing:-.5px}
.marka{font-family:"Archivo",sans-serif;font-variation-settings:"wdth" 106;
  font-weight:700;font-size:15px;letter-spacing:.03em;text-transform:uppercase;line-height:1.15}
.marka span{display:block;font-family:"Manrope",sans-serif;font-weight:500;font-size:10.5px;
  letter-spacing:.1em;color:var(--duman);text-transform:none;margin-top:2px}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(16,20,37,.86);
  backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:border-color .25s}
.nav.kaydi{border-bottom-color:var(--kenar)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:14px;
  height:72px;max-width:var(--max);margin:0 auto;padding:0 20px}
.nav-menu{display:none;align-items:center;gap:22px}
.nav-menu a{font-size:14.5px;font-weight:600;color:var(--duman);transition:color .18s}
.nav-menu a:hover{color:var(--kagit)}
@media(min-width:820px){.nav-menu{display:flex}}

.bt{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 22px;border-radius:var(--r);font-weight:700;font-size:15.5px;
  border:1.5px solid transparent;cursor:pointer;
  transition:transform .18s ease,background .18s,border-color .18s,color .18s}
.bt svg{width:18px;height:18px;flex:none}
.bt:hover{transform:translateY(-2px)}
.bt:active{transform:translateY(0)}
.bt-wa{background:var(--wa);color:#06301A}
.bt-wa:hover{background:#2ee071}
.bt-cizgi{background:transparent;color:var(--kagit);border-color:var(--kenar)}
.bt-cizgi:hover{border-color:var(--sodyum);color:var(--sodyum)}
.bt-kucuk{padding:10px 16px;font-size:14px}

/* hero */
.hero{position:relative;padding:60px 0 74px;overflow:hidden}
@media(min-width:900px){.hero{padding:80px 0 92px}}
.hale{position:absolute;top:-280px;left:50%;transform:translateX(-50%);
  width:880px;height:600px;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(247,168,62,.13),transparent 62%);filter:blur(30px)}
.hero-in{position:relative;display:grid;gap:44px}
@media(min-width:980px){.hero-in{grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}}
.h1{font-size:clamp(2.15rem,6.4vw,3.9rem);margin:16px 0 18px}
.h1 .num{color:var(--sodyum)}
.giris{font-size:clamp(1rem,2.3vw,1.18rem);color:#C7CBD9;max-width:40ch}
.hero-bt{display:flex;flex-wrap:wrap;gap:11px;margin:30px 0 22px}
.hero-bt .bt{flex:1 1 auto;min-width:200px}
@media(min-width:560px){.hero-bt .bt{flex:0 0 auto}}
.rozetler{display:flex;flex-wrap:wrap;gap:8px}
.rozet{font-size:12.5px;color:var(--duman);border:1px solid var(--kenar);border-radius:99px;padding:6px 13px}

/* saat kartı */
.kart{background:linear-gradient(160deg,var(--derin),#141930);border:1px solid var(--kenar);
  border-radius:20px;padding:26px;box-shadow:0 30px 70px -42px rgba(0,0,0,.95)}
.kart-ust{display:flex;justify-content:space-between;align-items:center}
.saat{font-family:"JetBrains Mono",monospace;font-weight:700;
  font-size:clamp(2.7rem,10vw,3.4rem);letter-spacing:-.03em;margin:14px 0 4px;font-variant-numeric:tabular-nums}
.saat .sn{color:var(--sodyum);font-size:.48em;vertical-align:super}
.tarih{font-size:13.5px;color:var(--duman);margin-bottom:24px;min-height:1.2em}
.cubuk{height:6px;border-radius:99px;background:#0C0F1C;border:1px solid var(--kenar);position:relative}
.dolu{position:absolute;inset:0 auto 0 0;border-radius:99px;width:0;
  background:linear-gradient(90deg,rgba(247,168,62,.3),var(--sodyum));transition:width 1s linear}
.imlec{position:absolute;top:50%;left:0;width:11px;height:11px;border-radius:50%;
  background:var(--sodyum);transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(247,168,62,.8);transition:left 1s linear}
.cubuk-etiket{display:flex;justify-content:space-between;margin-top:9px;
  font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.1em;color:var(--duman)}
.kart-alt{margin-top:22px;padding-top:20px;border-top:1px solid var(--kenar);
  display:grid;grid-template-columns:auto 1fr;gap:9px 14px;font-size:14px}
.kart-alt dt{color:var(--duman)}
.kart-alt dd{font-weight:700;text-align:right}
.acik-satir{display:flex;align-items:center;gap:9px;font-size:14.5px;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--kenar)}
.acik-satir b{color:var(--sodyum)}
.nokta{width:7px;height:7px;border-radius:50%;background:var(--sodyum);position:relative;flex:none}
.nokta::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--sodyum);
  animation:nabiz 2.3s ease-out infinite}
@keyframes nabiz{0%{transform:scale(1);opacity:.65}100%{transform:scale(3.4);opacity:0}}

/* bölüm */
.bolum{padding:66px 0;border-top:1px solid var(--kenar)}
@media(min-width:900px){.bolum{padding:86px 0}}
.baslik{max-width:640px;margin-bottom:38px}
.h2{font-size:clamp(1.7rem,4.2vw,2.5rem);margin:12px 0 10px}
.baslik p{color:var(--duman);font-size:16px}
.dipnot{color:var(--duman);font-size:15px;margin-top:24px;max-width:66ch}

/* adımlar */
.adimlar{display:grid;gap:22px}
@media(min-width:820px){.adimlar{grid-template-columns:repeat(3,1fr);gap:28px}}
.adim{border-top:2px solid var(--kenar);padding-top:20px;transition:border-color .3s}
.adim:hover{border-top-color:var(--sodyum)}
.adim .no{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--sodyum);letter-spacing:.16em}
.adim h3{font-family:"Archivo",sans-serif;font-weight:700;font-size:19.5px;margin:11px 0 7px}
.adim p{color:var(--duman);font-size:15.3px}

/* ürünler */
.urunler{display:grid;gap:1px;background:var(--kenar);border:1px solid var(--kenar);border-radius:18px;overflow:hidden}
@media(min-width:660px){.urunler{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.urunler{grid-template-columns:repeat(3,1fr)}}
.urun{background:var(--gece);padding:28px 24px;transition:background .25s}
.urun:hover{background:var(--derin)}
.urun h3{font-family:"Archivo",sans-serif;font-weight:700;font-size:18px;margin-bottom:8px}
.urun p{color:var(--duman);font-size:14.6px;line-height:1.6}

/* ilçe / şube listesi */
.ilceler{display:flex;flex-wrap:wrap;gap:9px}
.ilce{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--kenar);
  border-radius:12px;padding:11px 16px;font-size:15px;font-weight:600;transition:border-color .2s,background .2s,color .2s}
.ilce::before{content:"35";font-family:"JetBrains Mono",monospace;font-size:11px;
  color:var(--sodyum);opacity:.5;font-weight:400}
.ilce:hover{border-color:var(--sodyum);background:var(--sodyum-los)}

/* metin / makale (ilçe + politika sayfaları) */
.prose{color:#C3C8D9;font-size:16.5px;line-height:1.85;max-width:74ch}
.prose h2{font-family:"Archivo",sans-serif;font-weight:800;font-variation-settings:"wdth" 108;
  color:var(--kagit);font-size:clamp(1.4rem,3.4vw,1.9rem);letter-spacing:-.02em;margin:40px 0 14px}
.prose h3{font-family:"Archivo",sans-serif;font-weight:700;color:var(--kagit);
  font-size:1.2rem;margin:28px 0 10px}
.prose p{margin-bottom:16px}
.prose ul,.prose ol{margin:0 0 18px 20px}
.prose li{margin-bottom:8px}
.prose strong{color:var(--kagit);font-weight:600}
.prose a{color:var(--sodyum);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{color:#ffbf63}

/* alt sayfa hero */
.page-hero{padding:52px 0 20px}
.page-hero h1{font-size:clamp(1.9rem,5.4vw,3rem);margin:14px 0 14px}
.page-hero .giris{max-width:60ch}

/* breadcrumb */
.brdcrmb{font-size:13px;color:var(--duman);display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.brdcrmb a:hover{color:var(--sodyum)}
.brdcrmb .ayr{opacity:.5}

/* iç link satırı */
.komsu{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.komsu a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--kenar);
  border-radius:12px;padding:10px 15px;font-size:14.5px;font-weight:600;transition:border-color .2s,background .2s}
.komsu a::before{content:"→";color:var(--sodyum)}
.komsu a:hover{border-color:var(--sodyum);background:var(--sodyum-los)}

/* iletişim */
.iletisim-grid{display:grid;gap:26px}
@media(min-width:820px){.iletisim-grid{grid-template-columns:1fr 1fr;gap:40px;align-items:start}}
.bilgi-kart{border:1px solid var(--kenar);border-radius:16px;padding:24px;background:var(--derin)}
.bilgi-kart h3{font-family:"Archivo",sans-serif;font-weight:700;font-size:17px;margin-bottom:6px}
.bilgi-kart p{color:var(--duman);font-size:15px;margin-bottom:16px}
.bilgi-satir{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--kenar);font-size:15px}
.bilgi-satir b{color:var(--duman);font-weight:500;min-width:90px}
.map-wrap{border:1px solid var(--kenar);border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--derin)}
.map-wrap iframe{width:100%;height:100%;border:0;display:block}

/* çağrı */
.cagri{border:1px solid var(--kenar);border-radius:22px;padding:52px 26px;text-align:center;
  background:radial-gradient(ellipse at top,rgba(247,168,62,.09),transparent 70%),var(--derin);margin-bottom:20px}
.cagri p{color:var(--duman);margin-bottom:6px}
.cagri-bt{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:24px}

/* footer */
.alt{border-top:1px solid var(--kenar);padding:54px 0 110px;margin-top:70px;color:var(--duman);font-size:14.6px}
@media(min-width:760px){.alt{padding-bottom:54px}}
.alt-in{display:grid;gap:32px}
@media(min-width:760px){.alt-in{grid-template-columns:1.6fr 1fr 1fr}}
.alt .logo{margin-bottom:16px}
.alt a{color:var(--kagit)}
.alt a:hover{color:var(--sodyum)}
.alt h4{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--duman);margin-bottom:13px}
.alt li{list-style:none;margin-bottom:8px}
.uyari{border:1px solid var(--kenar);background:var(--derin);border-radius:12px;
  padding:15px 17px;margin-top:20px;font-size:13.4px;color:#B4B9CC;line-height:1.6}
.uyari b{color:var(--kagit)}
.seo{margin-top:38px;padding-top:22px;border-top:1px solid var(--kenar);
  font-size:13.2px;color:#5F6480;line-height:1.75}
.telif{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;
  font-size:13px;color:#5F6480}

/* mobil dock */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;
  grid-template-columns:1fr 1fr;gap:9px;padding:11px 13px calc(11px + env(safe-area-inset-bottom));
  background:rgba(16,20,37,.94);backdrop-filter:blur(12px);border-top:1px solid var(--kenar)}
@media(min-width:820px){.dock{display:none}}
.dock .bt{width:100%;padding:13px 8px;font-size:15px}
.dock .bt:hover{transform:none}

/* animasyon */
.giris-anim{opacity:0;transform:translateY(16px);animation:yukari .6s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:var(--g,0s)}
@keyframes yukari{to{opacity:1;transform:none}}
.rv{opacity:0;transform:translateY(18px);
  transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.rv.gorundu{opacity:1;transform:none}

/* SSS */
.sss details{border-bottom:1px solid var(--kenar)}
.sss summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;
  font-family:"Archivo",sans-serif;font-weight:700;font-size:17.5px;transition:color .18s}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";position:absolute;right:8px;top:50%;width:11px;height:11px;
  border-right:2px solid var(--sodyum);border-bottom:2px solid var(--sodyum);
  transform:translateY(-70%) rotate(45deg);transition:transform .22s}
.sss details[open] summary::after{transform:translateY(-20%) rotate(225deg)}
.sss summary:hover{color:var(--sodyum)}
.sss .cevap{padding:0 0 22px;color:var(--duman);font-size:15.5px;max-width:72ch}

@media(prefers-reduced-motion:reduce){
  *,*::after{animation:none!important;transition:none!important}
  .rv,.giris-anim{opacity:1!important;transform:none!important}
  html{scroll-behavior:auto}
}