/* ==========================================================
   ANTALYA ACİL KURYE - stil
   Tek yazi ailesi: Archivo. Monospace / el yazisi / italik yok.
   ========================================================== */

:root{
  --kirmizi:#D9202A;
  --kirmizi-koyu:#A8151D;
  --kirmizi-soft:#FDEDEE;
  --murekkep:#14161B;
  --asfalt:#242A35;
  --gri:#5C6472;
  --gri-acik:#89909D;
  --hat:#E2E6EC;
  --kagit:#F5F6F8;
  --amber:#F5A524;
  --yesil:#20A15A;

  --kap:1200px;
  --r:14px;
  --r-sm:10px;
  --golge:0 1px 2px rgba(20,22,27,.05), 0 8px 24px rgba(20,22,27,.06);
  --golge-lg:0 24px 60px rgba(20,22,27,.16);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:96px}
body{
  margin:0; overflow-x:hidden; background:#fff; color:var(--murekkep);
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:16.5px; line-height:1.65; font-weight:400; -webkit-font-smoothing:antialiased;
}
*, i, em, cite, address, dfn, var{font-style:normal !important}
img{max-width:100%; display:block; height:auto}
a{color:inherit; text-decoration:none}
button,input,select,textarea{font:inherit; color:inherit}
h1,h2,h3,h4{margin:0; font-weight:800; letter-spacing:-.022em; line-height:1.15}
p{margin:0}
ul{margin:0; padding:0; list-style:none}
:focus-visible{outline:3px solid var(--kirmizi); outline-offset:3px; border-radius:4px}

.kap{width:100%; max-width:var(--kap); margin:0 auto; padding:0 22px}
.bolum{padding:84px 0}
.bolum--kagit{background:var(--kagit); border-top:1px solid var(--hat); border-bottom:1px solid var(--hat)}

.etiket{display:inline-block; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--kirmizi)}
.etiket--acik{color:#FF8A90}
.bolum-basi{max-width:740px; margin-bottom:42px}
.bolum-basi h2{font-size:clamp(27px,3.6vw,40px); margin:10px 0 14px}
.bolum-basi p{color:var(--gri); font-size:17px}
.blok-baslik{font-size:clamp(26px,3.4vw,38px); margin:10px 0 14px}
.blok-metin{color:var(--gri); font-size:17px}
.alt-baslik{font-size:14px; font-weight:700; color:var(--gri-acik); margin:26px 0 12px}

/* ---------- butonlar ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  height:52px; padding:0 22px; border-radius:var(--r-sm);
  font-weight:700; font-size:15.5px; letter-spacing:-.01em;
  border:1.5px solid transparent; cursor:pointer; white-space:nowrap;
  transition:transform .16s ease, background .16s ease, border-color .16s ease;
}
.btn svg{width:19px; height:19px; flex:none}
.btn:hover{transform:translateY(-2px)}
.btn--kirmizi{background:var(--kirmizi); color:#fff; box-shadow:0 8px 20px rgba(217,32,42,.28)}
.btn--kirmizi:hover{background:var(--kirmizi-koyu)}
.btn--cizgi{background:transparent; color:var(--murekkep); border-color:var(--hat)}
.btn--cizgi:hover{border-color:var(--murekkep)}
.btn--seffaf{background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.3)}
.btn--seffaf:hover{background:rgba(255,255,255,.16)}
.btn--beyaz-cizgi{color:#fff; border-color:rgba(255,255,255,.25); margin-top:10px}
.btn--beyaz-cizgi:hover{border-color:#fff}
.btn--tam{width:100%; height:56px; font-size:16.5px}

/* ---------- üst bar ---------- */
.ustbar{background:var(--murekkep); color:#fff; font-size:13.5px}
.ustbar .kap{display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:42px}
.ustbar-sol{display:flex; align-items:center; gap:9px; color:#C7CCD6}
.canli{display:inline-flex; align-items:center; gap:8px; color:#fff; font-weight:600}
.nokta{width:8px; height:8px; border-radius:50%; background:#38D67F; box-shadow:0 0 0 0 rgba(56,214,127,.6); animation:nabiz 2.4s infinite; flex:none}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(56,214,127,.55)}70%{box-shadow:0 0 0 9px rgba(56,214,127,0)}100%{box-shadow:0 0 0 0 rgba(56,214,127,0)}}
.ustbar-sag{display:flex; align-items:center; gap:22px}
.ustbar-sag a{display:inline-flex; align-items:center; gap:8px; color:#fff; font-weight:600}
.ustbar-sag a:hover{color:#FF8A90}
.ustbar-sag svg{width:16px; height:16px; flex:none}

/* ---------- header ---------- */
.header{position:sticky; top:0; z-index:60; background:rgba(255,255,255,.97); backdrop-filter:saturate(180%) blur(12px); border-bottom:1px solid var(--hat)}
.header .kap{display:flex; align-items:center; gap:22px; min-height:78px}
.logo{display:flex; align-items:center; gap:10px; flex:none}
.logo img{height:42px; width:auto}
.logo-yazi{display:flex; flex-direction:column; line-height:1}
.logo-yazi b{font-size:21px; font-weight:800; letter-spacing:-.03em; color:var(--murekkep)}
.logo-yazi i{font-size:15px; font-weight:700; letter-spacing:-.01em; color:var(--kirmizi); margin-top:3px}
.nav{margin-left:auto; display:flex; align-items:center; gap:26px}
.nav a{font-size:15px; font-weight:600; color:var(--asfalt); position:relative; padding:6px 0}
.nav a::after{content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:var(--kirmizi); transition:right .22s ease}
.nav a:hover::after, .nav a.aktif::after{right:0}
.header-cta{display:flex; align-items:center; gap:10px; flex:none}
.menu-btn{display:none; width:46px; height:46px; border:1.5px solid var(--hat); border-radius:var(--r-sm); background:#fff; align-items:center; justify-content:center; cursor:pointer; flex:none}
.menu-btn i{display:block; width:20px; height:2px; background:var(--murekkep); position:relative; border-radius:2px}
.menu-btn i::before,.menu-btn i::after{content:""; position:absolute; left:0; width:20px; height:2px; background:var(--murekkep); border-radius:2px}
.menu-btn i::before{top:-6px} .menu-btn i::after{top:6px}
.mobil-menu{display:none; border-bottom:1px solid var(--hat); background:#fff}
.mobil-menu.acik{display:block}
.mobil-menu ul{padding:8px 0 4px}
.mobil-menu ul a{display:block; padding:13px 22px; font-weight:600; border-bottom:1px solid var(--kagit)}
.mobil-btnler{display:grid; gap:10px; padding:16px 22px 20px}

/* ---------- hero ---------- */
.hero{position:relative; background:var(--murekkep); color:#fff; overflow:hidden}
.hero-bg{position:absolute; inset:0}
.hero-bg img{width:100%; height:100%; object-fit:cover; opacity:.36}
.hero-bg::after{content:""; position:absolute; inset:0; background:linear-gradient(100deg,rgba(20,22,27,.97) 0%,rgba(20,22,27,.9) 46%,rgba(20,22,27,.6) 100%)}
.hero .kap{position:relative; z-index:2; display:grid; grid-template-columns:1.08fr .92fr; gap:56px; align-items:center; padding-top:70px; padding-bottom:70px}
.hero-rozet{display:inline-flex; align-items:center; gap:9px; background:rgba(217,32,42,.18); border:1px solid rgba(217,32,42,.42); color:#FF8A90; padding:8px 15px; border-radius:100px; font-size:13.5px; font-weight:700}
.hero h1{font-size:clamp(33px,4.8vw,56px); margin:20px 0 10px; letter-spacing:-.032em}
.hero h1 span{color:var(--kirmizi)}
.hero-not{font-size:14px; color:#8B929E; margin-bottom:18px}
.hero-soru{font-size:17.5px; font-weight:600; color:#E6E9ED; max-width:560px; margin-bottom:10px; line-height:1.55}
.hero-alt{font-size:17px; color:#B6BDC8; max-width:560px}
.hero-btnler{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px}
.hero-guven{display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:30px; padding-top:24px; border-top:1px solid rgba(255,255,255,.14)}
.hero-guven li{display:flex; align-items:center; gap:9px; font-size:14.5px; color:#B9C0CC; font-weight:500}
.hero-guven svg{width:17px; height:17px; color:var(--kirmizi); flex:none}

/* ---------- sayfa başlığı ---------- */
.sayfa-basi{background:var(--murekkep); color:#fff; padding:56px 0 60px}
.sayfa-basi h1{font-size:clamp(29px,4vw,46px); margin:12px 0 14px; letter-spacing:-.03em; max-width:900px}
.sayfa-basi > .kap > p{color:#C4CAD4; font-size:17.5px; max-width:760px}
.ekmek{font-size:13.5px; color:#8A919E; margin-bottom:16px}
.ekmek a:hover{color:#fff}
.ekmek span{margin:0 6px; opacity:.6}
.sayfa-basi .hero-btnler{margin-top:26px}

/* ---------- fiş / form ---------- */
.fis{background:#fff; color:var(--murekkep); border-radius:var(--r); box-shadow:var(--golge-lg); overflow:hidden}
.fis-ust{background:var(--kirmizi); color:#fff; padding:20px 24px 16px}
.fis-ust b{display:block; font-size:19px; font-weight:800; letter-spacing:-.02em}
.fis-ust small{display:block; font-size:13.5px; opacity:.92; margin-top:2px}
.fis-perfore{height:12px; background:radial-gradient(circle at 8px 0, transparent 0 6px, #fff 6px) repeat-x; background-size:16px 12px; background-color:var(--kirmizi)}
.fis-govde{padding:22px}
.tuzak{position:absolute; left:-9999px; opacity:0; height:0; width:0}
.alan{margin-bottom:13px}
.alan label{display:block; font-size:13.5px; font-weight:600; color:var(--gri); margin-bottom:6px}
.opsiyonel{font-weight:400; color:var(--gri-acik)}
.alan input,.alan select{
  width:100%; height:50px; padding:0 14px; border:1.5px solid var(--hat);
  border-radius:var(--r-sm); background:#fff; font-size:15.5px; font-weight:500;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.alan select{appearance:none; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C6472' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 13px center; background-size:18px; padding-right:40px}
.alan input:focus,.alan select:focus{border-color:var(--kirmizi); box-shadow:0 0 0 4px rgba(217,32,42,.12); outline:none}
.alan input::placeholder{color:#A9B0BB; font-weight:400}
.alan-ikili{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.form-uyari{display:none; background:var(--kirmizi-soft); color:var(--kirmizi-koyu); border-radius:var(--r-sm); padding:11px 14px; font-size:14px; font-weight:600; margin-bottom:12px}
.fis-not{display:flex; align-items:flex-start; gap:9px; margin-top:14px; font-size:13.5px; color:var(--gri); line-height:1.5}
.fis-not svg{width:17px; height:17px; color:var(--yesil); flex:none; margin-top:2px}
.fis-ara{text-align:center; margin-top:12px; font-size:13.5px; color:var(--gri)}
.fis-ara a{white-space:nowrap; font-weight:700; color:var(--kirmizi); border-bottom:1.5px solid rgba(217,32,42,.32)}

/* ---------- güven şeridi ---------- */
.serit{background:var(--asfalt); color:#fff}
.serit-grid{display:grid; grid-template-columns:repeat(4,1fr)}
.serit-oge{padding:26px 24px; border-right:1px solid rgba(255,255,255,.1)}
.serit-oge:last-child{border-right:0}
.serit-oge b{display:block; font-size:27px; font-weight:800; letter-spacing:-.03em; color:#fff; margin-bottom:2px}
.serit-oge span{font-size:14.5px; color:#9BA3B0}

/* ---------- kart ızgarası ---------- */
.kart-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.kart-grid--3{grid-template-columns:repeat(3,1fr)}
.kart{
  position:relative; display:flex; flex-direction:column; background:#fff;
  border:1px solid var(--hat); border-radius:var(--r); padding:24px 22px 22px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.kart:hover{transform:translateY(-4px); box-shadow:var(--golge); border-color:#CFD5DE}
.kart--duz:hover{transform:none; box-shadow:none; border-color:var(--hat)}
.kart-ikon{width:46px; height:46px; border-radius:12px; background:var(--kirmizi-soft); display:flex; align-items:center; justify-content:center; margin-bottom:16px; flex:none}
.kart-ikon svg{width:23px; height:23px; color:var(--kirmizi); display:block}
.kart-etiket{position:absolute; top:22px; right:20px; background:var(--kagit); color:var(--gri); font-size:11.5px; font-weight:700; letter-spacing:.02em; padding:5px 10px; border-radius:100px; border:1px solid var(--hat)}
.kart h3{font-size:18.5px; margin-bottom:9px; padding-right:8px}
.kart p{color:var(--gri); font-size:14.8px; flex:1}
.kart-link{display:inline-flex; align-items:center; gap:7px; margin-top:16px; font-size:14.5px; font-weight:700; color:var(--kirmizi)}
.kart-link svg{width:16px; height:16px; transition:transform .2s ease}
.kart:hover .kart-link svg{transform:translateX(4px)}

/* ---------- süreç ---------- */
.surec-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:26px}
.adim{position:relative; padding-right:14px}
.adim-no{width:46px; height:46px; border-radius:50%; background:var(--kirmizi); color:#fff; display:flex; align-items:center; justify-content:center; font-size:19px; font-weight:800; margin-bottom:16px}
.adim h3{font-size:19px; margin-bottom:8px}
.adim p{color:var(--gri); font-size:15px}
.adim::after{content:""; position:absolute; top:23px; left:58px; right:-10px; height:2px; background:var(--hat)}
.adim:last-child::after{display:none}

/* ---------- ikili düzen ---------- */
.ikili{display:grid; grid-template-columns:1fr 1fr; gap:54px; align-items:center}
.ikili-gorsel{position:relative; border-radius:var(--r); overflow:hidden; box-shadow:var(--golge)}
.oran-4-5{aspect-ratio:4/5}
.oran-5-4{aspect-ratio:5/4}
.ikili-gorsel img{width:100%; height:100%; object-fit:cover}
.gorsel-kart{position:absolute; left:20px; right:20px; bottom:20px; background:rgba(255,255,255,.97); border-radius:var(--r-sm); padding:18px 20px}
.gorsel-kart b{display:block; font-size:14px; font-weight:800; color:var(--kirmizi); margin-bottom:4px}
.gorsel-kart span{display:block; font-size:15px; color:var(--asfalt); font-weight:600; line-height:1.45}

.ozellik-liste{margin-top:26px}
.ozellik-liste li{display:flex; gap:16px; padding:20px 0; border-bottom:1px solid var(--hat)}
.ozellik-liste li:last-child{border-bottom:0; padding-bottom:0}
.kutu-ikon{width:44px; height:44px; border-radius:12px; background:var(--kirmizi-soft); display:flex; align-items:center; justify-content:center; flex:none}
.kutu-ikon svg{width:22px; height:22px; color:var(--kirmizi); display:block}
.ozellik-liste h3{font-size:17.5px; margin-bottom:4px}
.ozellik-liste p{font-size:15px; color:var(--gri)}

/* ---------- rozetler ---------- */
.rozetler{display:flex; flex-wrap:wrap; gap:8px}
.rozet{display:inline-flex; align-items:center; padding:8px 14px; border:1px solid var(--hat); border-radius:100px; font-size:14px; font-weight:600; background:#fff; color:var(--asfalt); transition:border-color .16s ease, color .16s ease, background .16s ease}
.rozet:hover{border-color:var(--kirmizi); color:var(--kirmizi); background:var(--kirmizi-soft)}
.rozet--vurgu{background:var(--murekkep); border-color:var(--murekkep); color:#fff}
.rozet--vurgu:hover{background:var(--kirmizi); border-color:var(--kirmizi); color:#fff}
.rozet--kucuk{font-size:13.5px; padding:6px 12px; font-weight:500; color:var(--gri)}
.rozetler--sade .rozet--kucuk:hover{border-color:var(--hat); color:var(--gri); background:#fff}

/* ---------- yorumlar ---------- */
.yorum-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.yorum{background:#fff; border:1px solid var(--hat); border-radius:var(--r); padding:26px; display:flex; flex-direction:column}
.yildiz{display:flex; gap:3px; margin-bottom:14px}
.yildiz svg{width:17px; height:17px; color:var(--amber)}
.yorum p{font-size:15.5px; color:var(--asfalt); flex:1; line-height:1.62}
.yorum-kisi{display:flex; align-items:center; gap:12px; margin-top:22px; padding-top:18px; border-top:1px solid var(--hat)}
.avatar{width:42px; height:42px; border-radius:50%; background:var(--murekkep); color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:700; flex:none}
.yorum-kisi .kisi{min-width:0}
.yorum-kisi .kisi b{display:block; font-size:15px; font-weight:700; line-height:1.3}
.yorum-kisi .kisi span{display:block; font-size:13.5px; color:var(--gri-acik); line-height:1.4}

/* ---------- sss ---------- */
.sss-duzen{display:grid; grid-template-columns:1.15fr .85fr; gap:52px; align-items:start}
.sss details{border-bottom:1px solid var(--hat)}
.sss details:first-child{border-top:1px solid var(--hat)}
.sss summary{display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px 0; cursor:pointer; list-style:none; font-size:17.5px; font-weight:700; letter-spacing:-.015em}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{
  content:""; flex:none; width:22px; height:22px; margin-top:3px;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9202A' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/22px no-repeat;
  transition:transform .22s ease;
}
.sss details[open] summary::after{transform:rotate(135deg)}
.sss summary:hover{color:var(--kirmizi)}
.sss-cevap{padding:0 40px 24px 0; color:var(--gri); font-size:16px}
.sss-yan{position:sticky; top:110px}
.yan-gorsel{border-radius:var(--r); overflow:hidden; aspect-ratio:3/4; box-shadow:var(--golge)}
.yan-gorsel img{width:100%; height:100%; object-fit:cover}
.yan-kutu{margin-top:20px; background:var(--murekkep); color:#fff; border-radius:var(--r); padding:26px}
.yan-kutu h3{font-size:19px; margin-bottom:8px}
.yan-kutu p{font-size:15px; color:#AEB5C0; margin-bottom:18px}

/* ---------- içerik düzeni (detay sayfaları) ---------- */
.icerik-duzen{display:grid; grid-template-columns:1.35fr .65fr; gap:52px; align-items:start}
.yan{position:sticky; top:110px; display:grid; gap:20px}
.yan-liste li{border-bottom:1px solid rgba(255,255,255,.1)}
.yan-liste li:last-child{border-bottom:0}
.yan-liste a{display:flex; align-items:center; gap:10px; padding:11px 0; font-size:15px; font-weight:600; color:#DDE1E7}
.yan-liste a:hover{color:#fff}
.yan-liste svg{width:18px; height:18px; color:var(--kirmizi); flex:none}
.yan-kutu .yan-liste{margin-top:-4px}
.yan-kutu .yan-liste + p{margin-bottom:0}

.metin p{margin-bottom:18px; color:var(--asfalt); font-size:16.5px; line-height:1.72}
.metin h2{font-size:25px; margin:36px 0 14px}
.metin h2:first-child{margin-top:0}
.metin--ust{margin-top:36px}
.metin--dar{max-width:820px}
.metin .rozetler{margin-top:16px}
.metin .mini-grid{margin-top:18px}

.tikli{margin:0 0 22px}
.tikli li{display:flex; align-items:flex-start; gap:11px; padding:9px 0; font-size:16px; color:var(--asfalt)}
.tikli svg{width:19px; height:19px; color:var(--kirmizi); flex:none; margin-top:4px}

.ozet-kartlar{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:20px 0 28px}
.ozet-kart{background:var(--kagit); border:1px solid var(--hat); border-radius:var(--r); padding:20px}
.ozet-kart .kutu-ikon{background:#fff; margin-bottom:12px}
.ozet-kart h3{font-size:16.5px; margin-bottom:7px}
.ozet-kart p{font-size:14.5px; color:var(--gri); margin:0}

/* ---------- mini ızgara ---------- */
.mini-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
.mini{display:flex; align-items:center; gap:11px; background:#fff; border:1px solid var(--hat); border-radius:var(--r-sm); padding:12px 14px; font-size:14.5px; font-weight:600; transition:border-color .16s ease, color .16s ease}
.mini:hover{border-color:var(--kirmizi); color:var(--kirmizi)}
.mini-ikon{width:34px; height:34px; border-radius:9px; background:var(--kirmizi-soft); display:flex; align-items:center; justify-content:center; flex:none}
.mini-ikon svg{width:18px; height:18px; color:var(--kirmizi); display:block}

/* ---------- bölge kartları ---------- */
.bolge-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.bolge-kart{display:flex; flex-direction:column; background:#fff; border:1px solid var(--hat); border-radius:var(--r); padding:24px 22px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.bolge-kart:hover{transform:translateY(-4px); box-shadow:var(--golge); border-color:#CFD5DE}
.bolge-kart h3{font-size:19px; margin-bottom:10px}
.bolge-sure{display:flex; align-items:center; gap:8px; font-size:14.5px; font-weight:600; color:var(--kirmizi); margin-bottom:10px}
.bolge-sure svg{width:17px; height:17px; flex:none}
.bolge-mah{font-size:14.2px; color:var(--gri); flex:1}
.bolge-kart .kart-link{margin-top:16px}

/* ---------- uyarı kutusu ---------- */
.uyari-kutu{display:flex; gap:16px; margin-top:30px; background:#fff; border:1px solid var(--hat); border-left:4px solid var(--kirmizi); border-radius:0 var(--r) var(--r) 0; padding:22px 24px}
.uyari-kutu > svg{width:26px; height:26px; color:var(--kirmizi); flex:none; margin-top:3px}
.uyari-kutu b{display:block; font-size:17px; font-weight:800; margin-bottom:6px}
.uyari-kutu p{font-size:15.5px; color:var(--gri)}

/* ---------- iletişim ---------- */
.iletisim-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px}
.iletisim-kart{background:#fff; border:1px solid var(--hat); border-radius:var(--r); padding:26px}
.iletisim-kart .kutu-ikon{margin-bottom:16px}
.iletisim-kart h3{font-size:18px; margin-bottom:8px}
.iletisim-kart p{color:var(--gri); font-size:15px; margin-bottom:12px}
.iletisim-kart a{font-weight:700; color:var(--kirmizi); font-size:15.5px; word-break:break-word}
.iletisim-kart a:hover{text-decoration:underline}

/* ---------- cta ---------- */
.cta{position:relative; background:var(--murekkep); color:#fff; overflow:hidden}
.cta-bg{position:absolute; inset:0}
.cta-bg img{width:100%; height:100%; object-fit:cover; opacity:.3}
.cta-bg::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(20,22,27,.96),rgba(20,22,27,.7))}
.cta .kap{position:relative; z-index:2; padding:72px 22px; display:grid; grid-template-columns:1.25fr .75fr; gap:44px; align-items:center}
.cta h2{font-size:clamp(27px,3.6vw,40px); margin:10px 0 14px}
.cta p{color:#C4CAD4; font-size:17px; max-width:560px}
.cta-btnler{display:grid; gap:12px}
.cta-tel{display:flex; align-items:center; gap:14px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:var(--r); padding:18px 22px}
.cta-tel svg{width:26px; height:26px; color:var(--kirmizi); flex:none}
.cta-tel .kisi{min-width:0}
.cta-tel small{display:block; font-size:13px; color:#9BA3B0}
.cta-tel b{display:block; font-size:22px; font-weight:800; letter-spacing:-.02em}

/* ---------- footer ---------- */
.footer{background:var(--murekkep); color:#AEB5C0; padding-top:60px; font-size:15px}
.footer-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1.25fr; gap:40px; padding-bottom:44px}
.footer-logo{display:flex; align-items:center; gap:10px; margin-bottom:18px}
.footer-logo img{height:42px; width:auto}
.footer-logo .logo-yazi b{color:#fff}
.footer p{font-size:15px; line-height:1.68}
.footer h4{color:#fff; font-size:14px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; margin-bottom:18px}
.footer-liste li{margin-bottom:11px}
.footer-liste a:hover{color:#fff}
.footer-iletisim li{display:flex; gap:11px; margin-bottom:15px; line-height:1.5}
.footer-iletisim svg{width:18px; height:18px; color:var(--kirmizi); flex:none; margin-top:3px}
.footer-iletisim b{display:block; color:#fff; font-weight:600}
.footer-iletisim a:hover{text-decoration:underline}
.sosyal{display:flex; gap:10px; margin-top:20px}
.sosyal a{width:42px; height:42px; border-radius:11px; border:1px solid rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; transition:background .16s ease, border-color .16s ease}
.sosyal a:hover{background:var(--kirmizi); border-color:var(--kirmizi); color:#fff}
.sosyal svg{width:19px; height:19px}
.footer-bolgeler{padding:24px 0; border-top:1px solid rgba(255,255,255,.1); font-size:13.8px; line-height:1.95; color:#7E8695}
.footer-bolgeler b{color:#AEB5C0; font-weight:600}
.footer-bolgeler a:hover{color:#fff; text-decoration:underline}
.footer-alt{border-top:1px solid rgba(255,255,255,.1); padding:22px 0 28px; display:flex; flex-wrap:wrap; gap:14px 26px; align-items:center; justify-content:space-between; font-size:13.5px; color:#7E8695}
.footer-alt-link{display:flex; flex-wrap:wrap; gap:18px}
.footer-alt a:hover{color:#fff}

/* ---------- sabit butonlar ---------- */
.sabit{position:fixed; right:18px; bottom:18px; z-index:80; display:flex; flex-direction:column; gap:12px}
.sabit a{width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 10px 26px rgba(20,22,27,.28); transition:transform .18s ease; position:relative}
.sabit a:hover{transform:scale(1.07)}
.sabit svg{width:29px; height:29px}
.sabit-wa{background:#25D366}
.sabit-tel{background:var(--kirmizi)}
.sabit-tel::after{content:""; position:absolute; inset:0; border-radius:50%; border:2px solid var(--kirmizi); animation:halka 2.4s ease-out infinite}
@keyframes halka{0%{transform:scale(1); opacity:.7}100%{transform:scale(1.5); opacity:0}}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .kart-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1080px){
  .hero .kap{grid-template-columns:1fr; gap:40px}
  .fis{max-width:540px}
  .ikili,.cta .kap,.sss-duzen,.icerik-duzen{grid-template-columns:1fr; gap:40px}
  .oran-4-5,.oran-5-4{aspect-ratio:16/10}
  .sss-yan,.yan{position:static}
  .yan-gorsel{aspect-ratio:16/9}
  .surec-grid{grid-template-columns:repeat(2,1fr); gap:30px}
  .adim::after{display:none}
  .yorum-grid,.bolge-grid,.ozet-kartlar{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr; gap:34px}
}
@media (max-width:900px){
  .kart-grid,.kart-grid--3{grid-template-columns:repeat(2,1fr)}
  .mini-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .nav{display:none}
  .menu-btn{display:flex}
  .header-cta .btn{display:none}
  .ustbar-sol{display:none}
  .ustbar .kap{justify-content:center; gap:24px}
  .serit-grid{grid-template-columns:repeat(2,1fr)}
  .serit-oge{border-bottom:1px solid rgba(255,255,255,.1)}
  .serit-oge:nth-child(2n){border-right:0}
  .serit-oge:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:640px){
  body{font-size:16px}
  .bolum{padding:56px 0}
  .kap{padding:0 18px}
  .header .kap{min-height:70px; gap:12px}
  .logo img{height:36px}
  .logo-yazi b{font-size:18px}
  .logo-yazi i{font-size:13px}
  .ustbar{font-size:13px}
  .ustbar-sag{gap:16px}
  .hero .kap{padding-top:44px; padding-bottom:48px; gap:30px}
  .hero h1{margin:16px 0 8px}
  .hero-not{font-size:13.5px; margin-bottom:14px}
  .hero-soru{font-size:16.5px}
  .hero-alt{font-size:16px}
  .hero-guven{gap:8px 16px}
  .hero-btnler{gap:10px}
  .hero-btnler .btn{width:100%}
  .sayfa-basi{padding:40px 0 44px}
  .fis{max-width:none}
  .fis-govde{padding:18px}
  .alan-ikili{grid-template-columns:1fr; gap:0}
  .kart-grid,.kart-grid--3,.yorum-grid,.bolge-grid,.iletisim-grid,.surec-grid,.footer-grid,.mini-grid,.ozet-kartlar{grid-template-columns:1fr}
  .surec-grid{gap:24px}
  .adim{padding-right:0}
  .bolum-basi{margin-bottom:30px}
  .kart-etiket{position:static; display:inline-block; margin-bottom:10px}
  .kart h3{padding-right:0}
  .sss-cevap{padding-right:0}
  .sss summary{font-size:16.5px; gap:14px}
  .metin h2{font-size:22px; margin:30px 0 12px}
  .metin p{font-size:16px}
  .cta .kap{padding:52px 18px}
  .serit-oge{padding:20px 18px}
  .serit-oge b{font-size:22px}
  .uyari-kutu{flex-direction:column; gap:10px; padding:20px}
  .sabit{right:12px; bottom:12px; gap:10px}
  .sabit a{width:54px; height:54px}
  .sabit svg{width:27px; height:27px}
  .footer-alt{flex-direction:column; align-items:flex-start; gap:12px}
  .footer-alt-link{gap:14px}
}
@media (max-width:380px){
  .ustbar-sag{gap:12px; font-size:12.5px}
  .hero h1{font-size:30px}
  .sayfa-basi h1{font-size:27px}
  .rozet{font-size:13.5px; padding:7px 12px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important}
  html{scroll-behavior:auto}
}