/* ==========================================================================
   Arwin Sigorta — ortak stil dosyası (Eylül 2026 yeni tasarım)
   Renkler: lacivert + logonun mavisi. Turuncu yok, yeşil yalnızca WhatsApp.
   Başlıklar Montserrat (logodaki ARWIN yazısına yakın), metin Manrope.
   ========================================================================== */

:root {
  color-scheme: light;
  --gece: #0A1F3D;
  --lacivert: #0E2A4F;
  --lacivert-2: #16386A;
  --mavi: #1A7BD0;
  --mavi-koyu: #1569B3;
  --camgobegi: #2BB5E8;
  --buz: #EEF2F7;
  --yuzey: #FFFFFF;
  --metin: #15223A;
  --soluk: #51607A;
  --silik: #8391A7;
  --cizgi: #DCE3EC;
  --wa: #1FAF5A;
  --baslik: "Montserrat", "Manrope", system-ui, sans-serif;
  --govde: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Eski sayfalardaki satır içi stiller bu adları kullanıyor; yeni renklere bağlı */
  --accent: var(--mavi);
  --accent-soft: #E8F1FB;
  --ink-card: var(--yuzey);
  --ink-surface: var(--buz);
  --ink-deep: #E3E9F1;
  --ink-rule: var(--cizgi);
  --ink-edge: #C9D3E0;
  --txt: var(--metin);
  --txt-soft: var(--soluk);
  --txt-faint: var(--silik);
  --paper: var(--lacivert);
  --paper-soft: var(--soluk);
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --t-xs: 12px; --t-sm: 14px; --t-base: 16px; --t-md: 18px; --t-lg: 22px; --t-xl: 28px;
  --r-sm: 6px; --r: 10px; --r-md: 14px; --r-lg: 20px; --r-pill: 999px;
  --ease: cubic-bezier(.2,.7,.2,1);
}

* { box-sizing: border-box; }
/* Gizlenen öğe her zaman gizli kalsın: .alan { display:grid } gibi kurallar tarayıcının gizleme kuralını ezmesin */
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--buz); color: var(--metin); font-family: var(--govde); font-size: 16px; line-height: 1.6; }
img, svg { max-width: 100%; }
a { color: inherit; }
p { margin: 0; }
h1, h2, h3, h4 { margin: 0; text-wrap: balance; font-family: var(--baslik); letter-spacing: -0.015em; color: var(--lacivert); line-height: 1.2; }
:focus-visible { outline: 3px solid var(--camgobegi); outline-offset: 2px; border-radius: 6px; }
.kap, .wrap { max-width: 1180px; margin: 0 auto; padding-inline: 20px; }
.wrap-narrow { max-width: 820px; margin: 0 auto; padding-inline: 20px; }
.gizli-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Tabler ikonları satır içi SVG olarak gelir */
.ik { width: 1.15em; height: 1.15em; flex-shrink: 0; vertical-align: -0.2em; stroke-width: 1.9; }

/* Logodaki kavis — başlıkların altındaki imza çizgisi */
.imza { position: relative; white-space: nowrap; }
.imza > svg { position: absolute; left: -2%; bottom: -0.32em; width: 104%; height: 0.42em; overflow: visible; pointer-events: none; }
.acc-line { display: block; width: 9rem; height: 12px; margin-top: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop offset='0' stop-color='%231A7BD0'/%3E%3Cstop offset='1' stop-color='%232BB5E8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 14C50 4 130 2 198 9' stroke='url(%23g)' stroke-width='5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left center / 100% 100%; }
.acc-line.w-24 { width: 6rem; } .acc-line.w-36 { width: 9rem; } .acc-line.w-48 { width: 12rem; } .acc-line.w-60 { width: 15rem; }
.text-center .acc-line, .acc-line.orta { margin-inline: auto; }

/* ---------- Düğmeler ---------- */
.dugme, .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; cursor: pointer; font: inherit; font-weight: 800; font-size: 0.97rem; text-decoration: none; border-radius: 10px; padding: 13px 22px; line-height: 1.2; transition: background .15s, box-shadow .15s, color .15s; }
.dugme .ik, .btn .ik { width: 20px; height: 20px; }
.dugme.mavi, .btn-primary { background: var(--mavi); color: #fff; }
.dugme.mavi:hover, .btn-primary:hover { background: var(--mavi-koyu); }
.dugme.lacivert { background: var(--lacivert); color: #fff; }
.dugme.lacivert:hover { background: var(--lacivert-2); }
.dugme.yesil { background: var(--wa); color: #fff; }
.dugme.yesil:hover { background: #1A9B4F; }
.btn-ghost { background: transparent; color: var(--lacivert); box-shadow: inset 0 0 0 1.5px var(--cizgi); }
.btn-ghost:hover { box-shadow: inset 0 0 0 1.5px var(--lacivert); }
.koyu .btn-ghost, .page-hero .btn-ghost, .cta-banner .btn-ghost, .dugme.hayalet { background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.3); }
.koyu .btn-ghost:hover, .page-hero .btn-ghost:hover, .cta-banner .btn-ghost:hover, .dugme.hayalet:hover { box-shadow: inset 0 0 0 1.5px #fff; }
.btn-arrow { background: none; padding: 0; color: var(--mavi); }

/* ---------- Üst menü ---------- */
.koyu-alan { background: radial-gradient(120% 90% at 100% 0%, #15427A 0%, var(--gece) 55%); color: #fff; position: relative; overflow: hidden; }
.koyu-alan > .kavis { position: absolute; right: -180px; top: -120px; width: 760px; height: 760px; pointer-events: none; opacity: .5; }
.bas { position: relative; z-index: 5; }
.bas .kap { display: flex; align-items: center; gap: 26px; height: 78px; }
.bas .logo img { height: 46px; width: auto; display: block; }
.bas nav { display: flex; gap: 24px; margin-left: auto; font-weight: 600; font-size: 0.94rem; }
.bas nav a { text-decoration: none; color: #B9C8DD; padding-block: 6px; border-bottom: 2px solid transparent; }
.bas nav a:hover { color: #fff; }
.bas nav a[aria-current="page"] { color: #fff; border-bottom-color: var(--camgobegi); }
.bas .iletisim-hap { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.bas .iletisim-hap a { text-decoration: none; }
.bas .wa-ikon { width: 34px; height: 34px; border-radius: 50%; background: var(--wa); color: #fff; display: grid; place-items: center; }
.bas .wa-ikon .ik { width: 20px; height: 20px; }
.bas .tel { font-weight: 700; color: #fff; }
.bas .menu-dugme { display: none; background: none; border: 0; color: #fff; padding: 8px; margin-right: -8px; cursor: pointer; }
.bas .menu-dugme .ik { width: 28px; height: 28px; }
.mobil-menu { position: relative; z-index: 5; background: var(--gece); border-top: 1px solid rgba(255,255,255,.1); padding: 8px 20px 20px; }
.mobil-menu a { display: block; color: #fff; text-decoration: none; font-weight: 700; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.mobil-menu .dugme { margin-top: 16px; width: 100%; border: 0; padding: 14px; }

/* ---------- Ana sayfa kapağı ---------- */
.kapak-ic { position: relative; z-index: 1; padding-block: 56px 40px; text-align: center; }
.kapak-ic h1 { font-size: clamp(2.3rem, 5.4vw, 4rem); line-height: 1.08; font-weight: 800; color: #fff; }
.kapak-ic .alt { margin: 22px auto 0; font-size: 1.15rem; color: #C3D1E4; max-width: 40rem; }
.kapak-ic .alt b { color: #fff; }
.mesai { margin-top: 8px; font-size: 0.82rem; color: #8FA5C2; }

.urunler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 40px auto 0; max-width: 980px; text-align: left; }
.urun { background: var(--yuzey); color: var(--metin); border: 0; border-radius: 14px; padding: 20px 18px; font: inherit; cursor: pointer; display: grid; grid-template-columns: 48px 1fr; gap: 4px 14px; align-items: center; text-align: left; box-shadow: 0 10px 30px -16px rgba(0,0,0,.6); transition: transform .15s, box-shadow .15s; }
.urun:hover { transform: translateY(-3px); box-shadow: 0 16px 36px -14px rgba(0,0,0,.7), 0 0 0 2px var(--camgobegi); }
.urun[aria-pressed="true"] { box-shadow: 0 0 0 3px var(--camgobegi), 0 16px 36px -14px rgba(0,0,0,.7); }
.urun .kutu-ik { grid-row: span 2; width: 48px; height: 48px; border-radius: 12px; background: #E8F1FB; color: var(--mavi); display: grid; place-items: center; }
.urun .kutu-ik .ik { width: 28px; height: 28px; stroke-width: 1.7; }
.urun b { font-family: var(--baslik); font-weight: 700; font-size: 1.02rem; color: var(--lacivert); line-height: 1.2; }
.urun small { color: var(--silik); font-size: 0.8rem; font-weight: 600; }

/* Güven şeridi: 30+ şirket · 8+ yıl · 5 dk */
.guven-serit { max-width: 980px; margin: 22px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; text-align: left; }
.guven-serit > div { display: flex; align-items: center; gap: 14px; padding: 16px 22px; }
.guven-serit > div + div { border-left: 1px solid rgba(255,255,255,.12); }
.guven-serit .ik { width: 30px; height: 30px; color: var(--camgobegi); stroke-width: 1.6; }
.guven-serit b { display: block; font-family: var(--baslik); font-weight: 800; font-size: 1.35rem; color: #fff; line-height: 1.1; }
.guven-serit span { display: block; color: #A9BBD3; font-size: 0.86rem; line-height: 1.35; }
.guven-serit p { margin: 0; }
.guven-serit.acik { max-width: none; margin: 0; background: var(--yuzey); border-color: var(--cizgi); }
.guven-serit.acik > div + div { border-left-color: var(--cizgi); }
.guven-serit.acik .ik { color: var(--mavi); }
.guven-serit.acik b { color: var(--lacivert); }
.guven-serit.acik span { color: var(--soluk); }

.sirketler { position: relative; z-index: 1; border-top: 1px solid rgba(255,255,255,.08); padding-block: 26px 34px; }
.sirketler .baslik { text-align: center; color: #8FA5C2; font-size: 0.8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 16px; }
.logolar { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.logo-k { position: relative; width: 132px; height: 60px; border-radius: 10px; display: grid; place-items: center; transition: background .2s; }
.logo-k img { max-width: 112px; grid-area: 1 / 1; transition: opacity .2s; }
.logo-k .r { opacity: 0; }
.logo-k .m { opacity: .78; }
.logo-k:hover { background: #F2F4F7; }
.logo-k:hover .m { opacity: 0; }
.logo-k:hover .r { opacity: 1; }
.logo-k.daha { color: #fff; font-weight: 800; font-size: 0.85rem; line-height: 1.2; text-align: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.logo-k.daha b { font-family: var(--baslik); color: var(--camgobegi); font-size: 1.15rem; display: block; }
.logo-k.daha:hover { background: transparent; }

/* ---------- Teklif formu (ana sayfa paneli + ürün sayfası kartı) ---------- */
.teklif-form { background: var(--yuzey); color: var(--metin); border-radius: 14px; padding: 22px; text-align: left; box-shadow: 0 10px 30px -16px rgba(0,0,0,.6); }
.form-panel { max-width: 980px; margin: 14px auto 0; }
.teklif-form .ust { display: flex; justify-content: space-between; align-items: baseline; gap: 6px 12px; flex-wrap: wrap; margin-bottom: 14px; }
.teklif-form h2, .teklif-form h3 { font-size: 1.15rem; color: var(--lacivert); }
.teklif-form .ust span { font-size: 0.85rem; color: var(--soluk); }
.alanlar { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 12px; align-items: start; }
.alan { display: grid; gap: 6px; align-content: start; }
.alan label { font-size: 0.8rem; font-weight: 700; color: var(--soluk); }
.alan input { font: inherit; padding: 12px 14px; border: 1.5px solid var(--cizgi); border-radius: 10px; width: 100%; color: var(--metin); background: #fff; }
.alan input:focus { outline: none; border-color: var(--mavi); }
.alan .hata-yazi { display: none; font-size: 0.78rem; color: #C62828; font-weight: 600; }
.alan.hatali input, .alan.hatali .plaka { border-color: #C62828; }
.alan.hatali .hata-yazi { display: block; }
.plaka { display: flex; border: 1.5px solid var(--cizgi); border-radius: 10px; overflow: hidden; background: #fff; }
.plaka:focus-within { border-color: var(--mavi); }
.plaka i { background: #1D4ED8; color: #fff; font-style: normal; font-size: 0.68rem; font-weight: 800; display: grid; place-items: end center; padding: 0 7px 7px; }
.plaka input { border: 0; border-radius: 0; letter-spacing: .12em; font-weight: 700; text-transform: uppercase; }
.alanlar > .dugme { align-self: end; min-height: 50px; }
.alanlar > .alan:has(.hata-yazi) ~ .dugme { align-self: start; margin-top: 25px; }
.kvkk { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; font-size: 0.82rem; color: var(--soluk); }
.kvkk input { margin-top: 3px; width: 16px; height: 16px; accent-color: var(--lacivert); flex-shrink: 0; }
.kvkk a { color: var(--mavi); }
.kvkk.hatali { color: #C62828; }
.tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.form-basari { display: none; margin-top: 14px; padding: 12px 14px; border-radius: 10px; background: #E9F7EF; color: #14432A; font-size: 0.9rem; font-weight: 600; }
.form-basari.goster { display: block; }
/* Ürün sayfalarındaki tek sütun kart */
.teklif-form.dikey .alanlar { grid-template-columns: 1fr; }
.teklif-form.dikey .alanlar > .dugme { margin-top: 4px; width: 100%; }
.teklif-form.dikey .alanlar > .alan:has(.hata-yazi) ~ .dugme { margin-top: 4px; }

/* ---------- Karşılaştırma (kaydırmalı) ---------- */
.karsi { height: 320vh; position: relative; background: var(--buz); }
.karsi .sabit { position: sticky; top: 0; height: 100vh; height: 100svh; display: flex; align-items: center; overflow: hidden; }
.karsi .kap { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 40px; align-items: center; width: 100%; }
.bolum-baslik { font-size: clamp(1.9rem, 3.8vw, 2.9rem); line-height: 1.12; font-weight: 800; color: var(--lacivert); }
.karsi .aciklama { margin-top: 18px; color: var(--soluk); font-size: 1.05rem; max-width: 30rem; }
.adim-liste { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 6px; }
.adim-liste li { display: grid; grid-template-columns: 36px 1fr; gap: 14px; align-items: center; padding: 10px 14px; border-radius: 12px; color: var(--silik); transition: background .25s, color .25s; }
.adim-liste li > span { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-family: var(--baslik); font-weight: 800; background: #DDE5EF; color: var(--silik); transition: background .25s, color .25s; }
.adim-liste li b { display: block; font-size: 1.02rem; }
.adim-liste li small { font-size: 0.88rem; }
.adim-liste li.aktif { background: var(--yuzey); color: var(--metin); box-shadow: 0 8px 24px -16px rgba(14,42,79,.5); }
.adim-liste li.aktif > span { background: var(--lacivert); color: #fff; }
.adim-liste li.aktif b { color: var(--lacivert); }
.sahne { position: relative; height: 640px; display: grid; place-items: center; }
.sahne-ic { position: relative; display: grid; place-items: center; transform: scale(var(--olcek, 1)); transform-origin: center center; }
.telefon { width: 300px; height: 610px; border-radius: 46px; background: #0B0F16; padding: 11px; box-shadow: 0 40px 70px -30px rgba(10,31,61,.55); position: relative; z-index: 1; }
.ekran { width: 100%; height: 100%; border-radius: 36px; overflow: hidden; background: #EFEAE2; display: flex; flex-direction: column; }
.wa-bas { background: #F0F2F5; padding: 34px 14px 10px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #E1E4E8; }
.wa-bas .av { width: 36px; height: 36px; border-radius: 50%; background: var(--lacivert); display: grid; place-items: center; overflow: hidden; }
.wa-bas .av img { width: 30px; }
.wa-bas b { font-size: 0.9rem; display: block; line-height: 1.2; color: #111B21; }
.wa-bas small { font-size: 0.72rem; color: #667781; }
.sohbet { flex: 1; padding: 16px 12px; display: flex; flex-direction: column; gap: 8px; }
.balon { max-width: 82%; padding: 8px 10px 6px; border-radius: 10px; font-size: 0.8rem; line-height: 1.4; color: #111B21; box-shadow: 0 1px 1px rgba(0,0,0,.08); transition: opacity .3s, transform .3s; }
.balon .saat { display: block; text-align: right; font-size: 0.64rem; color: #667781; margin-top: 2px; }
.balon.giden { align-self: flex-end; background: #D9FDD3; }
.balon.gelen { align-self: flex-start; background: #fff; }
.yaziyor { align-self: flex-start; background: #fff; border-radius: 10px; padding: 10px 12px; display: flex; gap: 4px; transition: opacity .25s; }
.yaziyor i { width: 6px; height: 6px; border-radius: 50%; background: #8696A0; animation: nokta 1s infinite; }
.yaziyor i:nth-child(2) { animation-delay: .15s; } .yaziyor i:nth-child(3) { animation-delay: .3s; }
@keyframes nokta { 50% { transform: translateY(-3px); opacity: .5; } }
.silik-bas { opacity: 0; transform: translateY(8px); }
.kartlar { position: absolute; inset: 0; display: grid; place-items: center; z-index: 2; pointer-events: none; }
.kart { grid-area: 1 / 1; width: 176px; background: var(--yuzey); border-radius: 14px; padding: 14px 14px 12px; box-shadow: 0 20px 40px -18px rgba(10,31,61,.45), 0 0 0 1px var(--cizgi); will-change: transform, opacity; margin-top: 300px; }
.kart.orta { box-shadow: 0 24px 50px -18px rgba(10,31,61,.55), 0 0 0 2px var(--mavi); }
.kart .etk { font-size: 0.68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--silik); }
.kart.orta .etk { color: var(--mavi); }
.kart .sirket { font-weight: 700; font-size: 0.86rem; margin-top: 2px; color: var(--metin); }
.kart .fiyat { font-family: var(--baslik); font-weight: 800; font-size: 1.3rem; color: var(--lacivert); margin: 6px 0 8px; font-variant-numeric: tabular-nums; }
.kart dl { margin: 0; display: grid; gap: 5px; font-size: 0.72rem; border-top: 1px solid var(--cizgi); padding-top: 8px; }
.kart dl div { display: flex; justify-content: space-between; gap: 6px; }
.kart dt { color: var(--silik); }
.kart dd { margin: 0; font-weight: 700; text-align: right; color: var(--metin); }
.rozet { position: absolute; z-index: 3; top: 44px; right: calc(50% - 250px); background: var(--lacivert); color: #fff; font-weight: 800; font-size: 0.85rem; padding: 10px 14px; border-radius: 12px; display: flex; align-items: center; gap: 8px; box-shadow: 0 14px 30px -14px rgba(10,31,61,.7); transition: opacity .3s, transform .3s; }
.rozet .ik { width: 18px; height: 18px; color: var(--camgobegi); }
.temsili { position: absolute; bottom: -6px; left: 0; right: 0; text-align: center; font-size: 0.72rem; color: var(--silik); }

/* ---------- Kurucu ---------- */
.kurucu { background: var(--yuzey); padding-block: 96px; }
.kurucu .kap { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: center; }
.kurucu .metin { display: grid; gap: 18px; }
.kurucu .metin p { color: var(--soluk); font-size: 1.08rem; max-width: 34rem; }
.alinti { margin: 8px 0 0; font-family: var(--baslik); font-weight: 700; font-size: 1.25rem; line-height: 1.4; color: var(--lacivert); max-width: 32rem; padding-left: 20px; border-left: 3px solid var(--camgobegi); }
.kartvizit { background: radial-gradient(120% 120% at 100% 0%, #15427A 0%, var(--gece) 60%); color: #fff; border-radius: 22px; padding: 32px; display: grid; gap: 22px; position: relative; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(10,31,61,.6); }
.kartvizit > .kavis { position: absolute; right: -90px; bottom: -110px; width: 320px; height: 320px; opacity: .5; pointer-events: none; }
.kartvizit .kim { display: flex; gap: 16px; align-items: center; position: relative; }
.kartvizit .monogram { width: 66px; height: 66px; border-radius: 50%; background: #fff; color: var(--lacivert); font-family: var(--baslik); font-weight: 800; font-size: 1.4rem; display: grid; place-items: center; box-shadow: 0 0 0 4px rgba(43,181,232,.35); flex-shrink: 0; }
.kartvizit .kim b { font-family: var(--baslik); font-size: 1.3rem; display: block; line-height: 1.2; }
.kartvizit .kim small { color: #A9BBD3; font-size: 0.9rem; }
.kartvizit dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 10px 18px; font-size: 0.95rem; border-top: 1px solid rgba(255,255,255,.12); padding-top: 20px; position: relative; }
.kartvizit dt { color: #8FA5C2; }
.kartvizit dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.kartvizit dd a { text-decoration: none; }
.kartvizit .dugme { position: relative; }

/* ---------- SSS ---------- */
.sss-bolum { background: var(--buz); padding-block: 88px; }
.sss-bolum .kap { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 56px; align-items: start; }
.sss-bolum .yan p { color: var(--soluk); margin-top: 18px; }
.sss-bolum .yan .dugme { margin-top: 22px; }
.acc { display: grid; gap: 10px; }
.acc-item { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 12px; }
.acc-btn { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; background: none; border: 0; font: inherit; font-weight: 700; color: var(--lacivert); text-align: left; padding: 16px 20px; cursor: pointer; }
.acc-plus { width: 22px; height: 22px; position: relative; flex-shrink: 0; }
.acc-plus::before, .acc-plus::after { content: ""; position: absolute; left: 4px; right: 4px; top: 10px; height: 2px; background: var(--mavi); border-radius: 2px; transition: transform .2s; }
.acc-plus::after { transform: rotate(90deg); }
.acc-btn[aria-expanded="true"] .acc-plus::after { transform: rotate(0); }
.acc-body { display: none; }
.acc-btn[aria-expanded="true"] + .acc-body { display: block; }
.acc-body-inner { padding: 0 20px 18px; color: var(--soluk); }

/* ---------- Kapanış kutusu ---------- */
.son-cagri { padding-block: 0 88px; background: var(--buz); }
.cta-banner, .son-kutu { background: radial-gradient(120% 140% at 100% 0%, #15427A 0%, var(--gece) 60%); color: #fff; border-radius: 22px; padding: 44px; position: relative; overflow: hidden; }
.son-kutu { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.son-kutu h2, .cta-banner h3 { color: #fff; font-size: clamp(1.4rem, 2.8vw, 2rem); max-width: 34rem; }
.son-kutu p, .cta-banner p { color: #A9BBD3; margin-top: 10px; max-width: 36rem; }
.son-kutu .dugmeler { display: flex; gap: 12px; flex-wrap: wrap; }
.cta-banner { text-align: center; }
.cta-banner h3, .cta-banner p { margin-inline: auto; }
.cta-banner .flex { justify-content: center; margin-top: 24px; }

/* ---------- Alt bilgi ---------- */
.alt-bilgi { background: var(--gece); color: #A9BBD3; padding-block: 56px 28px; font-size: 0.92rem; }
.alt-bilgi .izgara { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: 36px; }
.alt-bilgi img { height: 42px; width: auto; }
.alt-bilgi .tanitim { display: grid; gap: 14px; align-content: start; }
.alt-bilgi h2 { font-family: var(--govde); margin: 0 0 14px; font-size: 0.75rem; letter-spacing: .12em; text-transform: uppercase; color: #6F86A6; font-weight: 800; }
.alt-bilgi ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.alt-bilgi a { text-decoration: none; }
.alt-bilgi a:hover { color: #fff; }
.alt-bilgi li { display: flex; align-items: center; gap: 8px; }
.alt-bilgi li .ik { color: var(--camgobegi); }
.alt-bilgi .alt-satir { display: flex; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); font-size: 0.82rem; color: #6F86A6; }
.alt-bilgi .alt-satir nav { display: flex; gap: 18px; flex-wrap: wrap; }

.wa-yuzen { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); width: 56px; height: 56px; border-radius: 50%; background: var(--wa); color: #fff; display: grid; place-items: center; box-shadow: 0 10px 24px -8px rgba(0,0,0,.4); z-index: 30; }
.wa-yuzen .ik { width: 30px; height: 30px; }

/* ---------- Çerez şeridi (yalnızca ölçüm kodu eklenince görünür) ---------- */
.cerez-serit { position: fixed; left: 16px; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 40; max-width: 720px; margin: 0 auto; background: var(--yuzey); color: var(--metin); border-radius: 14px; padding: 18px 20px; box-shadow: 0 20px 50px -20px rgba(10,31,61,.6), 0 0 0 1px var(--cizgi); display: flex; gap: 16px; align-items: center; flex-wrap: wrap; font-size: 0.9rem; }
.cerez-serit p { flex: 1 1 320px; color: var(--soluk); }
.cerez-serit a { color: var(--mavi); }
.cerez-dugmeler { display: flex; gap: 8px; }
.cerez-dugmeler button { font: inherit; font-weight: 800; border: 0; border-radius: 10px; padding: 10px 16px; cursor: pointer; }
.cerez-ret { background: var(--buz); color: var(--lacivert); }
.cerez-kabul { background: var(--lacivert); color: #fff; }

/* ==========================================================================
   İÇ SAYFALAR — mevcut sayfaların yapı taşları yeni dile uyarlandı
   ========================================================================== */

.page-hero { background: radial-gradient(120% 90% at 100% 0%, #15427A 0%, var(--gece) 60%); color: #fff; padding-block: 36px 64px; position: relative; overflow: hidden; margin-top: -1px; }
.page-hero .wrap { position: relative; z-index: 1; }
.crumb { display: flex; flex-wrap: wrap; gap: 8px; font-size: 0.82rem; color: #8FA5C2; margin-bottom: 18px; }
.crumb a { text-decoration: none; }
.crumb a:hover { color: #fff; }
.crumb-current { color: #fff; font-weight: 700; }
.page-hero h1 { color: #fff; font-size: clamp(2.1rem, 4.6vw, 3.4rem); font-weight: 800; line-height: 1.08; max-width: 20ch; }
.page-hero h1 br { display: none; }
.page-hero h1 .accent-text { display: block; margin-top: 10px; font-size: 0.56em; font-weight: 700; color: #C3D1E4; line-height: 1.25; letter-spacing: -0.01em; }
.page-hero .lede { color: #C3D1E4; font-size: 1.1rem; margin-top: 18px; max-width: 40rem; }
.page-hero .flex { margin-top: 26px; }
/* Ürün sayfası: solda metin, sağda teklif formu */
.urun-hero .wrap { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 48px; align-items: center; }
.urun-hero .teklif-form { box-shadow: 0 24px 50px -20px rgba(0,0,0,.6); }

.sec { padding-block: 88px; }
.sec-tight { padding-block: 64px; }
.sec-head { margin-bottom: 36px; max-width: 46rem; }
.sec-head.text-center { margin-inline: auto; }
.h-section { font-size: clamp(1.75rem, 3.4vw, 2.6rem); font-weight: 800; line-height: 1.14; color: var(--lacivert); }
.h-section .accent-text, .vitrine-title .accent-text, .bundle-name .accent-text, .qz-title .accent-text { color: inherit; }
.accent-text { color: var(--mavi); }
.body-lg { font-size: 1.1rem; color: var(--soluk); }
.body { color: var(--soluk); }
.lede { color: var(--soluk); }
.sidenote { margin-top: 20px; background: #E8F1FB; border-left: 3px solid var(--mavi); border-radius: 0 10px 10px 0; padding: 14px 18px; font-size: 0.95rem; color: var(--lacivert); }
.pullquote { font-family: var(--baslik); font-weight: 700; font-size: clamp(1.15rem, 2vw, 1.4rem); line-height: 1.4; color: var(--lacivert); padding-left: 20px; border-left: 3px solid var(--camgobegi); }
.mono { font-variant-numeric: tabular-nums; }
.stamp, .divider-morse { display: none !important; }

.coverage-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.coverage-list li { position: relative; padding: 14px 16px 14px 48px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 12px; color: var(--soluk); }
.coverage-list li::before { content: ""; position: absolute; left: 16px; top: 16px; width: 20px; height: 20px; border-radius: 50%; background: #E8F1FB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A7BD0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E") no-repeat center / 12px; }
.coverage-list strong { color: var(--lacivert); }
.care-list { list-style: none; padding: 0; margin: 0; gap: 14px; }
.care-list li { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 22px; }
.care-list h4 { font-size: 1.05rem; margin-bottom: 8px; }
.care-list p { color: var(--soluk); font-size: 0.95rem; }

.two-col { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 56px; align-items: start; }
.card { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 16px; padding: 28px; }
.feat { box-shadow: 0 20px 40px -28px rgba(14,42,79,.45); }
.principle-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.principle-card { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 24px; display: grid; gap: 10px; align-content: start; }
.principle-card h3 { font-size: 1.05rem; }
.principle-card p { color: var(--soluk); font-size: 0.93rem; }
.principle-icon, .step-icon, .contact-ic { width: 46px; height: 46px; border-radius: 12px; background: #E8F1FB; color: var(--mavi); display: grid; place-items: center; flex-shrink: 0; }
.principle-icon .ik, .step-icon .ik, .contact-ic .ik { width: 24px; height: 24px; }
.step { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 20px; }
.step + .step { margin-top: 12px; }
.step-num { width: 38px; height: 38px; border-radius: 50%; background: var(--lacivert); color: #fff; font-family: var(--baslik); font-weight: 800; display: grid; place-items: center; }
.step-body h4 { font-size: 1.05rem; margin-bottom: 4px; }
.step-body p { color: var(--soluk); font-size: 0.95rem; }
.step-list.clean-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.step-list.clean-steps .step { margin-top: 0; grid-template-columns: 1fr; }
.check-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.check-grid > div { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 20px; display: grid; gap: 6px; }
.check-grid strong { color: var(--lacivert); font-family: var(--baslik); }
.check-grid span { color: var(--soluk); font-size: 0.93rem; }
.contact-card { display: flex; gap: 16px; align-items: center; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 20px; text-decoration: none; transition: border-color .15s, transform .15s; }
.contact-card:hover { border-color: var(--mavi); transform: translateY(-2px); }
.contact-card.wa .contact-ic { background: #E6F6EC; color: var(--wa); }
.c-label { font-size: 0.78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--silik); }
.c-value { font-family: var(--baslik); font-weight: 700; color: var(--lacivert); font-size: 1.1rem; overflow-wrap: anywhere; }
.c-note { font-size: 0.85rem; color: var(--soluk); }
.monogram { width: 66px; height: 66px; border-radius: 50%; background: var(--lacivert); color: #fff; font-family: var(--baslik); font-weight: 800; display: grid; place-items: center; }

/* yardımcılar (eski sayfalardan) */
.flex { display: flex; } .grid { display: grid; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; } .justify-between { justify-content: space-between; } .text-center { text-align: center; }
.gap-3 { gap: 12px; } .gap-4 { gap: 16px; }
.mt-3 { margin-top: 12px; } .mt-4 { margin-top: 16px; } .mt-5 { margin-top: 24px; } .mt-6 { margin-top: 32px; } .mt-7 { margin-top: 48px; } .mt-8 { margin-top: 64px; } .mb-3 { margin-bottom: 12px; }

/* tablolar (rehber + ürünler) */
.compare-scroll, .matrix-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 14px; border: 1px solid var(--cizgi); background: var(--yuzey); }
.compare-tbl, .matrix { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.compare-tbl th, .compare-tbl td, .matrix th, .matrix td { padding: 12px 14px; border-bottom: 1px solid var(--cizgi); text-align: left; vertical-align: top; }
.compare-tbl thead th { background: var(--lacivert); color: #fff; font-family: var(--baslik); font-weight: 700; }
.compare-tbl tbody th, .matrix tbody th { color: var(--lacivert); font-weight: 700; }
.matrix td { color: var(--soluk); }
.matrix .yes { color: #177245; font-weight: 700; }
.matrix .no { color: var(--silik); }

.reveal { opacity: 1; transform: none; }

@media (max-width: 960px) {
  .bas nav, .bas .iletisim-hap { display: none; }
  .bas .menu-dugme { display: block; margin-left: auto; }
  .bas .kap { gap: 14px; }
  .urunler { grid-template-columns: repeat(2, 1fr); }
  .alanlar { grid-template-columns: 1fr 1fr; }
  .alanlar > .dugme { grid-column: 1 / -1; }
  .alanlar > .alan:has(.hata-yazi) ~ .dugme { margin-top: 0; }
  .karsi .kap { grid-template-columns: 1fr; gap: 8px; }
  .karsi .aciklama { display: none; }
  .adim-liste { margin-top: 12px; }
  .adim-liste li:not(.aktif) { display: none; }
  .sahne { height: min(560px, calc(100svh - 230px)); }
  .rozet { right: calc(50% - 175px); }
  .temsili { bottom: -22px; }
  .kurucu .kap, .sss-bolum .kap, .two-col, .urun-hero .wrap { grid-template-columns: 1fr; gap: 36px; }
  .principle-grid, .check-grid, .step-list.clean-steps { grid-template-columns: 1fr 1fr; }
  .alt-bilgi .izgara { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .kap, .wrap, .wrap-narrow { padding-inline: 16px; }
  .bas .kap { height: 66px; }
  .bas .logo img { height: 38px; }
  .bas .ust-dugme { padding: 10px 14px; font-size: 0.9rem; }
  .kapak-ic { padding-block: 34px 28px; }
  .kapak-ic .alt { font-size: 1rem; }
  .urunler { gap: 10px; margin-top: 28px; }
  .urun { grid-template-columns: 1fr; padding: 14px; gap: 8px; }
  .urun .kutu-ik { grid-row: auto; width: 40px; height: 40px; }
  .urun .kutu-ik .ik { width: 24px; height: 24px; }
  .urun b { font-size: 0.93rem; }
  .alanlar { grid-template-columns: 1fr; }
  .guven-serit > div { flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px 12px; }
  .guven-serit .ik { width: 24px; height: 24px; }
  .guven-serit b { font-size: 1.15rem; }
  .guven-serit span { font-size: 0.76rem; }
  .logo-k { width: calc(50% - 3px); }
  .bolum-baslik { font-size: 1.7rem; }
  .kurucu, .sss-bolum { padding-block: 64px; }
  .son-cagri { padding-bottom: 64px; }
  .kartvizit, .cta-banner, .son-kutu { padding: 26px 22px; }
  .sec { padding-block: 60px; }
  .sec-tight { padding-block: 44px; }
  .page-hero { padding-block: 24px 44px; }
  .principle-grid, .check-grid, .step-list.clean-steps { grid-template-columns: 1fr; }
  .alt-bilgi .izgara { grid-template-columns: 1fr; gap: 28px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }
.koyu-alan .page-hero { background: transparent; }
/* Neova'nın vektörü yok; tek renk hâli filtreyle (oyulacak beyaz kısmı olmadığı için yeterli) */
.logo-k img.filtre { filter: brightness(0) invert(92%); }

/* ==========================================================================
   Örnek senaryolar (25 Eylül 2026)
   ========================================================================== */

/* Ruhsat fotoğrafı kısa yolu (araç formlarının altında) */
.ruhsat-yolu { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--cizgi); font-size: 0.85rem; color: var(--soluk); }
.ruhsat-yolu .ik { width: 20px; height: 20px; color: var(--mavi); margin-top: 1px; }
.ruhsat-yolu a { color: var(--mavi); font-weight: 700; }

/* İMM hesap fişi: aynı kaza, İMM'siz ve İMM'li */
.hesap-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 28px; }
.fis { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 22px 22px 18px; font-variant-numeric: tabular-nums; }
.fis .fis-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 12px; }
.fis .fis-bas b { font-family: var(--baslik); color: var(--lacivert); font-size: 1.05rem; }
.fis .fis-bas span { font-size: 0.72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 3px 9px; border-radius: 999px; }
.fis.kotu .fis-bas span { background: #FBEDEA; color: #9A3B2E; }
.fis.iyi .fis-bas span { background: #E7F5EC; color: #177245; }
.fis dl { margin: 0; display: grid; }
.fis dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dotted var(--cizgi); font-size: 0.95rem; }
.fis dt { color: var(--soluk); }
.fis dd { margin: 0; font-weight: 700; color: var(--metin); white-space: nowrap; }
.fis dl > div.toplam { border-bottom: 0; padding-top: 14px; font-size: 1.05rem; }
.fis dl > div.toplam dt { color: var(--lacivert); font-weight: 700; }
.fis.kotu .toplam dd { color: #B3261E; font-family: var(--baslik); font-size: 1.3rem; }
.fis.iyi .toplam dd { color: #177245; font-family: var(--baslik); font-size: 1.3rem; }
.fis-not { margin-top: 14px; font-size: 0.85rem; color: var(--silik); }

/* Sigortasız trafiğe çıkmanın sonuçları */
.sonuc-listesi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 28px; }
.sonuc { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 20px; display: grid; gap: 10px; align-content: start; }
.sonuc .ik-kutu { width: 44px; height: 44px; border-radius: 12px; background: #FBEDEA; color: #9A3B2E; display: grid; place-items: center; }
.sonuc .ik-kutu .ik { width: 24px; height: 24px; }
.sonuc b { font-family: var(--baslik); color: var(--lacivert); font-size: 1rem; line-height: 1.3; }
.sonuc p { color: var(--soluk); font-size: 0.9rem; }
.sonuc.agir { background: var(--lacivert); border-color: var(--lacivert); }
.sonuc.agir b { color: #fff; }
.sonuc.agir p { color: #C3D1E4; }
.sonuc.agir .ik-kutu { background: rgba(255,255,255,.1); color: #FFB4A8; }

/* Kasko: "o an" kartları */
.an-kartlari { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; }
.an { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 16px; padding: 22px; display: grid; gap: 12px; align-content: start; }
.an .an-ust { display: flex; align-items: center; gap: 12px; }
.an .an-ust .ik-kutu { width: 44px; height: 44px; border-radius: 12px; background: #E8F1FB; color: var(--mavi); display: grid; place-items: center; flex-shrink: 0; }
.an .an-ust .ik-kutu .ik { width: 24px; height: 24px; }
.an .saat { font-size: 0.75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--silik); }
.an h3 { font-size: 1.08rem; }
.an p { color: var(--soluk); font-size: 0.93rem; }
.an .karar { display: grid; gap: 6px; border-top: 1px solid var(--cizgi); padding-top: 12px; font-size: 0.9rem; }
.an .karar div { display: flex; justify-content: space-between; gap: 10px; }
.an .karar span { color: var(--soluk); }
.an .karar b { display: inline-flex; align-items: center; gap: 4px; }
.an .karar b .ik { width: 16px; height: 16px; stroke-width: 2.6; }
.an .karar .yok { color: #B3261E; }
.an .karar .var { color: #177245; }

/* Genişletilmiş kasko teminat listesi */
.teminat-cipleri { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.teminat-cipleri span { display: inline-flex; align-items: center; gap: 6px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 999px; padding: 7px 14px 7px 10px; font-weight: 700; font-size: 0.9rem; color: var(--lacivert); }
.teminat-cipleri .ik { width: 16px; height: 16px; color: #177245; stroke-width: 2.6; }
.iki-kolon-metin { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: start; }

@media (max-width: 960px) {
  .sonuc-listesi { grid-template-columns: 1fr 1fr; }
  .an-kartlari { grid-template-columns: 1fr; }
  .iki-kolon-metin { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 560px) {
  .hesap-ikili, .sonuc-listesi { grid-template-columns: 1fr; }
}
.limit-duzen { display: grid; gap: 28px; max-width: 980px; }
.limit-duzen > div:first-child { max-width: 46rem; }

/* Trafik hasarsızlık basamakları tablosu */
.basamak-tablo td.indirim { color: #177245; font-weight: 800; white-space: nowrap; }
.basamak-tablo td.zam { color: #B3261E; font-weight: 800; white-space: nowrap; }
.basamak-tablo td.standart { color: var(--lacivert); font-weight: 800; white-space: nowrap; }
.basamak-tablo tr.baslangic th, .basamak-tablo tr.baslangic td { background: #E8F1FB; }
.basamak-tablo tbody th { white-space: nowrap; font-family: var(--baslik); }
@media (max-width: 560px) {
  .basamak-tablo th, .basamak-tablo td { padding: 10px 10px; font-size: 0.86rem; }
  .basamak-tablo .mobilde-gizli { display: none; }
}