@charset "utf-8";
/* ==========================================================================
   Ada Ak-Tan Sigorta — stil

   🔴 PALET SİTEYE ÖZEL. Kullanıcı "renkler iyi" dedi: eski sitenin kurumsal
   mavisi korundu, üstüne okunurluk için açık gök tonu ve çağrılar için
   kehribar eklendi. (Hakkı Usta kömür+kor, Aygün kırmızı+sarı,
   Özyıldırım orman yeşili — hiçbirine benzemiyor.)

   ✅ TAM GENİŞLİK KAHRAMAN BURADA OLUR: kaynak 1920 px, 1280 ekranda
   büyütme oranı 0.67 (küçültme). Eşik 1.15 — AGENTS.md.

   🔴 KARARTMA TEK KATMAN: görselin opaklığı değiştirilmez, yalnız üstteki
   örtü karartır. İkisi birden yapılınca fotoğraf ölüyor (Özyıldırım dersi).

   🔴 DUYARLILIK ÖLÇÜLÜR: sabit genişlik yok, yazı clamp(), ızgara auto-fill,
   görselde aspect-ratio, dokunma hedefi ≥44px.
   ========================================================================== */

:root {
  --lacivert:#0b2a5b;  --lacivert-koy:#071d40;
  --mavi:#1457a8;      --mavi-ac:#2d7fd6;   --gok:#eaf2fb;
  --kehribar:#e8912a;  --kehribar-koy:#c97612;
  --kagit:#fff;        --murekkep:#13202e;  --duman:#63727f;
  --cizgi:#d8e3ef;     --cizgi-koy:#1d3f73;
  --yesil:#1c7a4a;     --kirmizi:#b3261e;
  --yuvarlak:8px;
  --olcu:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--kagit); color:var(--murekkep);
  font:400 17px/1.65 "Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--mavi)}
h1,h2,h3{line-height:1.18;letter-spacing:-.015em;margin:0 0 .5em;font-weight:800}
h1{font-size:clamp(28px,4.6vw,46px)}
h2{font-size:clamp(23px,3.2vw,34px)}
h3{font-size:clamp(18px,2vw,21px)}
p{margin:0 0 1em}

.kapsa{width:min(100% - 32px,var(--olcu));margin-inline:auto}
.gizle-gorsel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.atla{position:absolute;left:-9999px;background:var(--lacivert);color:#fff;padding:10px 16px;z-index:100}
.atla:focus{left:12px;top:12px}

/* ---------------------------------------------------------------- başlık */
.ust{position:sticky;top:0;z-index:50;background:var(--lacivert);
     border-bottom:3px solid var(--kehribar)}
.ust-ic{display:flex;align-items:center;gap:16px;min-height:76px;flex-wrap:wrap}
/* 🔴 SATIR, sütun değil: sütunda `align-items` stretch görseli enine ezer. */
.marka{display:flex;flex-direction:row;align-items:center;gap:11px;
       text-decoration:none;color:#fff;margin-right:auto}
.marka-im{width:42px;height:42px;flex:none;border-radius:6px;background:#fff;
          display:flex;align-items:center;justify-content:center;
          color:var(--lacivert);font-weight:900;font-size:21px;letter-spacing:-.04em}
.marka-ad{font-weight:800;font-size:19px;letter-spacing:.01em;line-height:1.1}
.marka-alt{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
           color:#a8c3e6;font-weight:600}

.gezinti{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.gezinti a{color:#dbe8f7;text-decoration:none;font-weight:600;font-size:15.5px}
.gezinti a:hover,.gezinti a[aria-current]{color:var(--kehribar)}
.ust-cta{padding:10px 17px;border-radius:var(--yuvarlak);background:var(--kehribar);
         color:var(--lacivert-koy)!important;white-space:nowrap;font-weight:700}
.ust-cta:hover{background:#f3a648}
.menu-dugme{display:none;flex-direction:column;gap:5px;background:none;border:0;
            cursor:pointer;padding:11px;min-width:44px;min-height:44px}
.menu-dugme span{display:block;width:22px;height:2px;background:#fff}

/* ---------------------------------------------------------------- kahraman */
.kahraman{position:relative;background:var(--lacivert-koy);overflow:hidden;
          min-height:clamp(330px,38vw,440px);display:flex;align-items:center}
.kahraman-foto{position:absolute;inset:0}
/* 🔴 OPAKLIK DEĞİŞTİRİLMEZ — karartma yalnız örtüde. */
.kahraman-foto img{width:100%;height:100%;object-fit:cover}
.kahraman::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,
    rgba(7,29,64,.90) 0%, rgba(7,29,64,.72) 40%,
    rgba(7,29,64,.34) 70%, rgba(7,29,64,.10) 100%)}
.kahraman-ic{position:relative;z-index:2;padding:clamp(34px,5vw,56px) 0;color:#fff;max-width:60ch}
.kahraman-etiket{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--kehribar);border-left:3px solid var(--kehribar);padding-left:10px;margin-bottom:14px}
.kahraman h1{color:#fff;margin-bottom:13px}
.kahraman-ozet{font-size:clamp(16px,1.7vw,19px);color:#d7e5f5;max-width:52ch;margin-bottom:24px}

.dugmeler{display:flex;flex-wrap:wrap;gap:11px}
.dugme{display:inline-flex;align-items:center;gap:8px;padding:13px 23px;border-radius:var(--yuvarlak);
       font-weight:700;font-size:15.5px;text-decoration:none;border:1px solid transparent;
       cursor:pointer;min-height:44px}
.dugme-ana{background:var(--kehribar);color:var(--lacivert-koy)}
.dugme-ana:hover{background:#f3a648}
.dugme-hayalet{border-color:rgba(255,255,255,.5);color:#fff}
.dugme-hayalet:hover{background:rgba(255,255,255,.13)}
.dugme-mavi{background:var(--mavi);color:#fff}
.dugme-mavi:hover{background:var(--mavi-ac)}
.dugme-wa{background:#0b8441;color:#fff}

/* ---------------------------------------------------------------- şirketler */
.serit-sirket{background:var(--gok);border-bottom:1px solid var(--cizgi);padding:16px 0}
.sirketler{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}
.sirket{padding:7px 15px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);
        font-size:14px;font-weight:700;color:var(--lacivert)}

/* ---------------------------------------------------------------- bölüm */
.bolum{padding:clamp(42px,5.2vw,72px) 0}
.bolum-gok{background:var(--gok)}
.bolum-koyu{background:var(--lacivert);color:#dbe8f7}
.bolum-koyu h2{color:#fff}
.bolum-bas{max-width:62ch;margin-bottom:28px}
.bolum-bas .ustyazi{font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--kehribar-koy);font-weight:700;margin-bottom:8px}
.bolum-koyu .ustyazi{color:var(--kehribar)}
.orta{text-align:center;margin-inline:auto}

/* ---------------------------------------------------------------- ızgara */
.izgara{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
      overflow:hidden;display:flex;flex-direction:column;
      transition:transform .18s ease,box-shadow .18s ease}
.kart:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(11,42,91,.13)}
.kart-foto{aspect-ratio:16/10;background:var(--lacivert);overflow:hidden;display:block}
.kart-foto img{width:100%;height:100%;object-fit:cover}
.kart-ic{padding:15px 17px 17px;display:flex;flex-direction:column;gap:6px;flex:1}
.kart h3{margin:0;font-size:18px}
.kart-ozet{margin:0;font-size:14.5px;color:#55616d}
.kart-alt{margin-top:auto;padding-top:12px}
.kart-git{font-size:14px;font-weight:700;color:var(--kehribar-koy);text-decoration:none}
.kart-yazili .kart-foto{display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--lacivert),var(--mavi))}
.kart-yazili .kart-foto span{color:#9fbde0;font-size:12px;letter-spacing:.12em;text-transform:uppercase}

/* ---------------------------------------------------------------- teklif kutuları */
.teklifler{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.teklif{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;
        padding:22px 16px;background:#fff;border:1px solid var(--cizgi);
        border-radius:var(--yuvarlak);text-decoration:none;color:var(--murekkep);
        min-height:44px;transition:border-color .18s ease,transform .18s ease}
.teklif:hover{border-color:var(--kehribar);transform:translateY(-2px)}
.teklif svg{width:34px;height:34px;color:var(--mavi)}
.teklif b{font-size:15.5px;font-weight:700}
.teklif span{font-size:13px;color:var(--duman)}

/* ---------------------------------------------------------------- mozaik */
.mozaik{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}
.mozaik figure{margin:0;overflow:hidden;border-radius:var(--yuvarlak);
               background:var(--lacivert);aspect-ratio:16/10}
.mozaik img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mozaik figure:hover img{transform:scale(1.05)}
.mozaik figure:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
@media (max-width:900px){
  .mozaik{grid-template-columns:repeat(2,1fr)}
  .mozaik figure:first-child{grid-column:span 2;grid-row:span 1;aspect-ratio:16/9}
}
@media (max-width:480px){
  .mozaik{grid-template-columns:1fr}
  .mozaik figure,.mozaik figure:first-child{grid-column:span 1;aspect-ratio:16/10}
}

/* ---------------------------------------------------------------- ikili */
.ikili{display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:1fr 1fr;align-items:center}
.ikili-foto img{width:100%;border-radius:var(--yuvarlak);aspect-ratio:16/10;object-fit:cover}

/* ---------------------------------------------------------------- form */
.form{max-width:640px}
.alan{display:grid;gap:6px;margin-bottom:15px}
.alan label{font-weight:600;font-size:14.5px;color:var(--lacivert);
            display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.alan label em{font-style:normal;font-weight:400;font-size:12.5px;color:var(--duman)}
.alan .zorunlu{color:var(--kirmizi)}
.alan input,.alan select,.alan textarea{
  width:100%;padding:11px 13px;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
  font:inherit;font-size:16px;background:#fff;color:var(--murekkep);min-height:44px}
.alan input:focus,.alan select:focus,.alan textarea:focus{
  outline:2px solid var(--mavi-ac);outline-offset:1px;border-color:var(--mavi-ac)}
.alan textarea{min-height:96px;resize:vertical}
.yardim{margin:0;font-size:13px;color:var(--duman)}

/* 🔴 HASSAS ALAN GÖRÜNÜR İŞARETLİ. Ziyaretçi hangi verinin kimlik verisi
   olduğunu görmeli; aydınlatma metni yalnız dipnotta kalmamalı. */
.alan-hassas{border-left:3px solid var(--kehribar);padding-left:12px;
             background:#fffaf2;border-radius:0 var(--yuvarlak) var(--yuvarlak) 0;
             padding-top:10px;padding-bottom:10px}

.kvkk-kutu{background:var(--gok);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
           padding:16px 18px;margin:20px 0}
.kvkk-kutu h3{font-size:16px;margin:0 0 8px}
.kvkk-kutu p{font-size:14px;color:#44515e;margin:0 0 10px}
.kvkk-onay{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;cursor:pointer}
.kvkk-onay input{width:22px;height:22px;flex:none;margin-top:2px}

.uyari{padding:14px 16px;border-radius:var(--yuvarlak);margin-bottom:18px;font-size:15px}
.uyari-hata{background:#fdecea;border:1px solid #f3c2bd;color:#8a1d16}
.uyari-tamam{background:#e9f6ef;border:1px solid #b9e0cb;color:#14603a}
.uyari ul{margin:8px 0 0;padding-left:20px}

/* ---------------------------------------------------------------- SSS */
.sss{display:grid;gap:12px;grid-template-columns:1fr 1fr;align-items:start}
.sss details{background:#fff;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);padding:15px 17px}
.sss summary{cursor:pointer;font-weight:700;font-size:16.5px;min-height:28px}
.sss summary::marker{color:var(--kehribar-koy)}
.sss p{margin:9px 0 0;font-size:15px;color:#55616d}

/* ---------------------------------------------------------------- kutu */
.kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
      padding:20px;margin-bottom:16px}
.kutu h2,.kutu h3{margin-top:0}
.yan-liste{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15.5px}

/* ---------------------------------------------------------------- harita */
.harita{position:relative;aspect-ratio:4/3;margin:14px 0 10px;border-radius:var(--yuvarlak);
        overflow:hidden;border:1px solid var(--cizgi);background:var(--gok)}
.harita iframe{display:block;width:100%;height:100%;border:0}
.harita-ac{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  width:100%;height:100%;padding:16px;cursor:pointer;border:0;background:none;font:inherit;
  font-weight:700;font-size:15px;color:var(--lacivert);text-align:center}
.harita-ac small{font-weight:400;font-size:12.5px;color:var(--duman)}
.harita-not{margin:0 0 10px;font-size:13px;color:var(--duman)}

/* ---------------------------------------------------------------- bant */
.bant{background:var(--mavi);color:#fff;padding:clamp(38px,4.6vw,60px) 0;
      background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 12px)}
.bant h2{color:#fff;margin-bottom:10px}
.bant p{color:rgba(255,255,255,.93);max-width:58ch}
.bant .dugme-ana{background:#fff;color:var(--mavi)}

/* ---------------------------------------------------------------- altbilgi */
.alt{background:var(--lacivert-koy);color:#b9cde6;padding:48px 0 0}
.alt-ic{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.alt-baslik{font-size:15px;color:#fff;margin-bottom:11px}
.alt-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px}
.alt-liste a{color:#b9cde6;text-decoration:none}
.alt-liste a:hover{color:var(--kehribar)}
.alt-son{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  border-top:1px solid var(--cizgi-koy);margin-top:38px;padding:16px 0;font-size:13px;color:#7f9bc0}

/* ---------------------------------------------------------------- yüzen */
/* 🔴 ÇİFT SINIF: tek `.wa-mobil` yazılırsa başka kurallar özgüllükte yenip
   ikonu iki kez bastırıyor (başka sitede yaşandı). */
.wa-masaustu.wa-masaustu{display:none}
@media (min-width:601px){
  .wa-mobil.wa-mobil{display:none}
  .wa-masaustu.wa-masaustu{display:inline-flex}
}
.yuzen{position:fixed;right:16px;bottom:16px;z-index:60;width:54px;height:54px;border-radius:50%;
  display:none;align-items:center;justify-content:center;color:#fff;background:#0b8441;
  box-shadow:0 8px 20px rgba(11,42,91,.3)}

/* ---------------------------------------------------------------- belirme */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .bel{animation:belir linear both;animation-timeline:view();animation-range:entry 0% entry 42%}
    @keyframes belir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  }
}

/* ---------------------------------------------------------------- duyarlı */
@media (max-width:900px){
  .ikili{grid-template-columns:1fr}
  .sss{grid-template-columns:1fr}
}
@media (max-width:760px){
  /* 🔴 DOKUNMA HEDEFI 44 px — olculdu 2026-10-06, altbilgi menusu 20 px'ti.
     Altbilgi "sadece bir liste" degil: icinde TELEFON ve E-POSTA baglantisi var,
     yani sitenin en kritik iki eylemi. Paragraf ICINDEKI satir ici baglanti
     (aydinlatma metni cumlesi) bu kuralin disinda — onu buyutmek cumleyi bozar. */
  .alt-liste{gap:0}
  .alt-liste a{display:flex;align-items:center;min-height:44px;padding:2px 0}
  .bel-geri a{display:inline-flex;align-items:center;min-height:44px}

  .menu-dugme{display:flex}
  .gezinti{position:fixed;inset:76px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--lacivert);border-bottom:3px solid var(--kehribar);padding:8px 16px 18px;display:none}
  .gezinti.acik{display:flex}
  .gezinti a{padding:13px 0;border-bottom:1px solid var(--cizgi-koy);min-height:44px}
  .ust-cta{margin-top:12px;text-align:center}
  .yuzen{display:flex}
}
@media (prefers-reduced-motion: reduce){
  .kart,.teklif,.mozaik img{transition:none}
  .kart:hover,.teklif:hover{transform:none}
  .mozaik figure:hover img{transform:none}
}