/* AFATECH site — ortak stiller + duyarlı kurallar
   Marka: Mürekkep #122A46 · Pirinç #C08A0B / #E3A912 · Zemin #F4F6F9 */

/* Yazı tipi: kendi sunucunuzdan (KVKK + hız). woff2 dosyalarını varlik/font/ altına koyun — yoksa sistem fontuna düşer. */
@font-face { font-family: 'Plus Jakarta Sans'; src: url('/varlik/font/PlusJakartaSans-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Sans'; src: url('/varlik/font/PlusJakartaSans-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Sans'; src: url('/varlik/font/PlusJakartaSans-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Sans'; src: url('/varlik/font/PlusJakartaSans-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Sans'; src: url('/varlik/font/PlusJakartaSans-ExtraBold.woff2') format('woff2'); font-weight: 800; font-display: swap; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
body { margin: 0; background: #ffffff; font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif; }
a { color: #122A46; text-decoration: none; }
a:hover { color: #C08A0B; }
[id^="1a-"] { scroll-margin-top: 86px; }
img { max-width: 100%; }

/* --- Üst bar --- */
.af-topbar { background: linear-gradient(90deg, #0A1930, #0D2038 55%, #122A46); color: #B9C9EC; display: flex; justify-content: space-between; align-items: center; padding: 8px 48px; font-size: 12.5px; gap: 12px; flex-wrap: wrap; }
.af-topbar a { color: #B9C9EC; margin-right: 24px; }
.af-topbar a:hover { color: #E3A912; }

/* --- Menü (yapışkan; Altın Mizan Pro: yarı saydam + blur, kaydırınca gölge site.js .am-kaydi ile) --- */
.af-nav { background: rgba(255,255,255,.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid #E2E8F0; display: flex; justify-content: space-between; align-items: center; padding: 13px 48px; gap: 16px; flex-wrap: wrap; position: sticky; top: 0; z-index: 40; }
.af-logo { height: 46px; display: block; }
.af-nav-linkler { display: flex; align-items: center; gap: 26px; font-size: 14px; font-weight: 600; flex-wrap: wrap; }
.af-nav-linkler a { color: #16273B; }
.af-nav-linkler a:hover { color: #C08A0B; }
.af-nav-linkler a.af-cta { background: #C08A0B; color: #ffffff; padding: 10px 20px; border-radius: 8px; font-weight: 700; }
.af-nav-linkler a.af-cta:hover { background: #E3A912; color: #122A46; }

/* --- Alt bilgi --- */
.af-footer { background: #0D2038; padding: 36px 48px; display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.af-footer-logo { height: 64px; display: block; margin-bottom: 12px; }
.af-footer-kunye { font-size: 13.5px; color: #8FA0B4; line-height: 1.8; }
.af-footer-kunye a { color: #B9C9EC; }
.af-footer-linkler { display: flex; gap: 22px; font-size: 13px; font-weight: 600; flex-wrap: wrap; }
.af-footer-linkler a { color: #B9C9EC; }
.af-footer-linkler a:hover { color: #E3A912; }

/* --- Yukarı ok --- */
#yukariOk { position: fixed; right: 26px; bottom: 26px; z-index: 50; width: 48px; height: 48px; border-radius: 99px; background: #122A46; border: 2px solid #E3A912; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 21px; font-weight: 800; box-shadow: 0 6px 18px rgba(13,32,56,.35); opacity: 0; pointer-events: none; transition: opacity .25s; }
#yukariOk:hover { color: #E3A912; }

/* --- Belge sayfaları (KVKK, sözleşme, indir, destek) --- */
body.af-belge { background: #F4F6F9; }
/* ⚖️ PUNTO ZORUNLULUĞU (2026-07-25): Mesafeli Sözleşmeler Yönetmeliği m.6/1 ve 6502 m.4/1, tüketiciye
   yapılan bilgilendirme ve sözleşme metinlerinin "EN AZ ON İKİ PUNTO" olmasını arar. 12 punto = 16px
   (96 dpi'da 1pt = 1,333px). Burası 15px idi (≈11,25 punto) — mevzuat sınırının ALTINDAYDI.
   ⚠️ Bu kural yalnız süs değil: punto şartına uyulmayan bilgilendirme geçersiz sayılabilir.
   Bu sınıfı kullanan TÜM hukuk sayfaları (mesafeli satış, ön bilgilendirme, KVKK, aydınlatma,
   açık rıza) aynı anda uyumlu hale gelir. 16px'in ALTINA DÜŞÜRMEYİN. */
.af-doc { max-width: 920px; margin: 40px auto 64px; background: #ffffff; border: 1px solid #D9E1EA; border-top: 3px solid #C08A0B; border-radius: 8px; padding: 48px 56px; color: #16273B; font-size: 16px; line-height: 1.75; }
.af-doc h1 { color: #122A46; font-size: 30px; letter-spacing: -0.3px; line-height: 1.25; margin: 0 0 18px; }
.af-doc h2 { color: #122A46; font-size: 20px; margin: 30px 0 10px; }
.af-doc h3 { color: #122A46; font-size: 16px; margin: 22px 0 8px; }
.af-doc ul { padding-left: 22px; }
/* Not kutusu da SÖZLEŞMENİN parçasıdır (bilgilendirme metni) → o da 12 punto sınırına tabi: 13.5px → 16px. */
.af-doc .af-not { background: #FBF7EC; border: 1px solid #E3A912; border-radius: 8px; padding: 14px 18px; font-size: 16px; }
.af-doc code { background: #F4F6F9; border: 1px solid #D9E1EA; border-radius: 6px; padding: 2px 8px; font-size: 13px; word-break: break-all; }
.af-doc .af-kart { background: #F4F6F9; border: 1px solid #D9E1EA; border-radius: 10px; padding: 20px 24px; margin: 14px 0; }

/* --- Modül gezgini --- */
#afGrid > div { min-width: 0; }

/* --- İçerik hattı (2026-07-13): ana sayfa bölümlerinde renkli bantlar TAM genişlik kalır, İÇERİK tek
   hizada ~1100px hattına oturur (geniş ekranda kimi bölümün uçtan uca yayılıp kiminin dar kalması sorunu).
   !important şart: bölümlerin 48px yatay dolgusu inline style'da — ekran genişledikçe dolgu büyür, içerik
   1100px'i aşmaz; ≤1196px ekranda max() yine 48px verir (eski davranış birebir korunur). --- */
.af-band { padding-left: max(48px, calc((100% - 1100px) / 2)) !important;
           padding-right: max(48px, calc((100% - 1100px) / 2)) !important; }

/* --- Duyarlı kurallar --- */
@media (max-width: 1240px) {
  .af-hero { grid-template-columns: 1fr !important; }
}
@media (max-width: 1100px) {
  .af-g4 { grid-template-columns: repeat(2, 1fr) !important; }
  .af-g3 { grid-template-columns: repeat(2, 1fr) !important; }
  .af-side { grid-template-columns: 1fr !important; }
  .af-stats { grid-template-columns: repeat(2, 1fr) !important; }
  #afGrid { grid-template-columns: repeat(2, 1fr) !important; }
  div[style*="grid-template-columns:190px 260px 1fr"] { grid-template-columns: 1fr !important; }
}
@media (max-width: 760px) {
  .af-g2, .af-g2w, .af-g3, .af-g4 { grid-template-columns: 1fr !important; }
  #afGrid { grid-template-columns: 1fr !important; }
  .af-wrap { flex-wrap: wrap !important; }
  .af-topbar { padding: 8px 18px; }
  .af-topbar-sag { display: none; }
  .af-nav { padding: 12px 18px; }
  .af-logo { height: 38px; }
  .af-nav-linkler { gap: 14px; font-size: 13px; }
  .af-footer { padding: 28px 18px; }
  .af-doc { padding: 30px 20px; margin: 20px 12px 40px; }
  div[style*="padding:64px 48px"] { padding: 44px 20px !important; }
  div[style*="padding:52px 48px"] { padding: 40px 20px !important; }
  div[style*="padding:76px 48px"] { padding: 48px 20px !important; }
  div[style*="padding:26px 48px"] { padding: 22px 20px !important; }
  div[style*="padding:22px 48px"] { padding: 18px 16px !important; }
  div[style*="padding:0 48px 64px"] { padding: 0 20px 44px !important; }
  div[style*="padding:48px 56px"] { padding: 28px 20px !important; }
  h1[style*="font-size:46px"] { font-size: 32px !important; }
  h2[style*="font-size:54px"] { font-size: 32px !important; }
  h2[style*="font-size:32px"] { font-size: 25px !important; }
  h2[style*="font-size:30px"] { font-size: 24px !important; }
  div[style*="display:flex"][style*="gap:14px"] { flex-wrap: wrap; }
  div[style*="display:flex"][style*="gap:22px"] { flex-wrap: wrap; }
}

/* ============================================================================
   ALTIN MİZAN PRO — ana sayfa tasarım katmanı (2026-07-18)
   Yukarıdaki eski kurallar ALT SAYFALAR (rehber, indir, kvkk, sözleşme…) için
   aynen korunur; bu katman yalnız yeni class'lı ana sayfa bileşenlerini besler.
   Disiplin: altın YALNIZ vurgudur; zemin lacivert/fildişi; gölgeler yumuşak.
   ========================================================================== */
:root{
  --am-murekkep:#122A46; --am-gece:#0B1D33; --am-derin:#0D2038; --am-orta:#1B3B63;
  --am-altin:#C08A0B; --am-altin-acik:#E3A912; --am-altin-koyu:#A87709;
  --am-kagit:#F4F6F9; --am-fildisi:#F8F6F0; --am-cizgi:#E2E8F0; --am-cizgi-koyu:#D9E1EA;
  --am-metin:#16273B; --am-soluk:#5A6B80; --am-sis:#8FA0B4; --am-buz:#B9C9EC;
  --am-yesil:#1F8A4C;
  --am-r:14px; --am-golge:0 10px 30px rgba(13,32,56,.07); --am-golge-buyuk:0 24px 60px rgba(13,32,56,.16);
}

/* --- Ortak yapı --- */
.am-etiket{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:2.6px;color:var(--am-altin);margin-bottom:12px}
.am-etiket::before{content:"";display:inline-block;width:26px;height:2px;background:var(--am-altin-acik);vertical-align:middle;margin-right:10px;border-radius:2px}
.am-h2{margin:0 0 12px;font-size:34px;line-height:1.18;font-weight:800;color:var(--am-murekkep);letter-spacing:-0.6px;text-wrap:pretty}
.am-lead{margin:0;font-size:16px;line-height:1.7;color:var(--am-soluk);text-wrap:pretty}
.am-sec-bas{text-align:center;max-width:760px;margin:0 auto 44px}
.am-koyu .am-h2{color:#fff}
.am-koyu .am-lead{color:var(--am-buz)}

/* --- Butonlar (global a:hover altın kuralına karşı hover renkleri SABİTLENİR) --- */
.am-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 28px;border-radius:11px;font-size:15.5px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;will-change:transform}
.am-btn:active{transform:translateY(1px)}
.am-btn-altin{background:linear-gradient(135deg,var(--am-altin-acik),var(--am-altin));color:#fff;box-shadow:0 6px 18px rgba(192,138,11,.35)}
.am-btn-altin:hover{color:#fff;background:linear-gradient(135deg,var(--am-altin),var(--am-altin-koyu));transform:translateY(-2px);box-shadow:0 10px 26px rgba(192,138,11,.42)}
.am-btn-hayalet{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.35);backdrop-filter:blur(4px)}
.am-btn-hayalet:hover{color:#fff;border-color:var(--am-altin-acik);background:rgba(227,169,18,.12);transform:translateY(-2px)}
.am-btn-koyu{background:var(--am-murekkep);color:#fff}
.am-btn-koyu:hover{color:#fff;background:var(--am-orta);transform:translateY(-2px)}
.am-btn-cerceve{background:#fff;color:var(--am-murekkep);border:1.5px solid var(--am-murekkep)}
.am-btn-cerceve:hover{color:var(--am-murekkep);background:var(--am-kagit);transform:translateY(-2px)}

/* --- HERO: gece laciverti + ince mizan ızgarası + altın ışıma --- */
.am-hero{position:relative;background:linear-gradient(168deg,var(--am-gece) 0%,var(--am-murekkep) 62%,#16345A 100%);overflow:hidden}
.am-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(185,201,236,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(185,201,236,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(720px 480px at 72% 30%,#000 0%,transparent 78%)}
.am-hero::after{content:"";position:absolute;width:860px;height:860px;right:-260px;top:-380px;background:radial-gradient(closest-side,rgba(227,169,18,.16),transparent 72%);pointer-events:none}
.am-hero-ic{position:relative;display:grid;grid-template-columns:1.05fr 560px;gap:56px;align-items:center;padding:84px 0 96px}
.am-rozet{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(185,201,236,.28);border-radius:99px;padding:7px 16px;font-size:12.5px;font-weight:600;color:var(--am-buz);margin-bottom:24px;backdrop-filter:blur(4px)}
.am-rozet .nokta{width:8px;height:8px;border-radius:99px;background:#2FBF71;box-shadow:0 0 0 4px rgba(47,191,113,.18)}
.am-hero h1{margin:0 0 16px;font-size:52px;line-height:1.08;font-weight:800;color:#fff;letter-spacing:-1.2px;text-wrap:pretty}
.am-hero h1 em{font-style:normal;color:var(--am-altin-acik)}
.am-hero .slogan{margin:0 0 12px;font-size:21px;font-weight:700;color:#fff}
.am-hero .slogan b{color:var(--am-altin-acik)}
.am-hero .tanitim{margin:0 0 30px;font-size:16.5px;line-height:1.7;color:var(--am-buz);max-width:520px;text-wrap:pretty}
.am-hero-cta{display:flex;gap:14px;margin-bottom:28px;flex-wrap:wrap}
.am-tikler{display:flex;gap:22px;font-size:13.5px;font-weight:600;color:var(--am-buz);flex-wrap:wrap}
.am-tikler span{display:flex;align-items:center;gap:7px}
.am-tikler b{color:#2FBF71;font-weight:800}

/* --- Uygulama maketi (hero sağ) --- */
.am-mock{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(185,201,236,.22);box-shadow:var(--am-golge-buyuk),0 0 0 10px rgba(255,255,255,.03);background:#fff;animation:amYuz 7s ease-in-out infinite}
@keyframes amYuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion: reduce){.am-mock{animation:none}}
.am-mock-bas{display:flex;align-items:center;gap:6px;background:var(--am-derin);padding:10px 14px}
.am-mock-bas i{width:9px;height:9px;border-radius:99px;background:#3E5878;display:block}
.am-mock-bas span{color:var(--am-buz);font-size:11px;margin-left:8px}
.am-mock-govde{display:grid;grid-template-columns:132px 1fr}
.am-mock-yan{background:var(--am-murekkep);border-right:2px solid var(--am-altin-acik);padding:12px 10px;display:flex;flex-direction:column;gap:8px}
.am-mock-yan .m-aktif{background:var(--am-altin-acik);border-radius:5px;height:20px;opacity:.95}
.am-mock-yan .m-oge{background:var(--am-orta);border-radius:5px;height:20px}
.am-mock-imza{margin-top:auto;font-size:8px;color:var(--am-buz);font-family:'Segoe Script',cursive}
.am-mock-imza b{color:var(--am-altin-acik);font-weight:400}
.am-mock-icerik{background:var(--am-kagit);padding:14px;display:flex;flex-direction:column;gap:12px}
.am-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.am-kpi > div{background:#fff;border:1px solid var(--am-cizgi-koyu);border-radius:8px;padding:10px}
.am-kpi small{display:block;font-size:9px;color:var(--am-sis);font-weight:600}
.am-kpi b{font-size:15px;font-weight:800;color:var(--am-murekkep)}
.am-kpi .yesil{color:var(--am-yesil)}.am-kpi .kirmizi{color:#DC2626}
.am-mock-kart{background:#fff;border:1px solid var(--am-cizgi-koyu);border-radius:8px;padding:12px}
.am-mock-kart small{display:block;font-size:10px;color:var(--am-soluk);font-weight:700;margin-bottom:8px}
.am-cubuklar{display:flex;align-items:flex-end;gap:7px;height:74px}
.am-cubuklar i{flex:1;border-radius:3px 3px 0 0;display:block}
.am-fatura-satir{display:flex;justify-content:space-between;font-size:10.5px;color:var(--am-metin);padding:3px 0}
.am-fatura-satir .odendi{color:var(--am-yesil);font-weight:700}.am-fatura-satir .bekliyor{color:#D97706;font-weight:700}

/* --- Hero altı istatistik köprüsü (bindirmeli kart) --- */
.am-statbar-dis{position:relative;background:var(--am-kagit);padding-top:0!important}
.am-statbar{position:relative;z-index:2;margin-top:-46px;background:#fff;border:1px solid var(--am-cizgi);border-radius:16px;box-shadow:var(--am-golge-buyuk);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.am-stat{text-align:center;padding:26px 18px;border-right:1px solid var(--am-cizgi)}
.am-stat:last-child{border-right:0}
.am-stat b{display:block;font-size:31px;font-weight:800;color:var(--am-murekkep);letter-spacing:-0.5px}
.am-stat b i{font-style:normal;color:var(--am-altin)}
.am-stat span{font-size:13px;color:var(--am-soluk);font-weight:600}

/* --- Sektör çipleri --- */
.am-cipbar{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.am-cipbar .bas{font-size:11.5px;font-weight:800;letter-spacing:1.5px;color:var(--am-sis);margin-right:10px}
.am-cip{border:1px solid var(--am-cizgi-koyu);background:#fff;color:var(--am-metin);font-size:12.5px;font-weight:600;padding:8px 15px;border-radius:99px;transition:border-color .18s,box-shadow .18s,transform .18s}
.am-cip:hover{border-color:var(--am-altin-acik);box-shadow:0 4px 12px rgba(192,138,11,.14);transform:translateY(-1px)}

/* --- Kart sistemi --- */
.am-izgara4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.am-izgara3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}   /* 2026-07-21: fiyat kartlari 4 -> 3 kademe */
.am-izgara2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.am-kart{position:relative;background:#fff;border:1px solid var(--am-cizgi);border-radius:var(--am-r);padding:24px;box-shadow:0 2px 8px rgba(13,32,56,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}
.am-kart::before{content:"";position:absolute;left:24px;right:auto;top:0;width:34px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--am-altin-acik),var(--am-altin))}
.am-kart:hover{transform:translateY(-4px);box-shadow:var(--am-golge);border-color:#CBD6E4}
.am-kart h3{margin:0 0 9px;font-size:16px;font-weight:800;color:var(--am-murekkep)}
.am-kart p{margin:0;font-size:13.5px;line-height:1.65;color:var(--am-soluk)}
.am-kart-kagit{background:var(--am-kagit);border-color:transparent}
.am-kart-kagit:hover{background:#fff}

/* --- Koyu bantlar + cam kutular --- */
.am-koyu{background:linear-gradient(160deg,var(--am-derin),var(--am-murekkep));border-bottom:2px solid var(--am-altin-acik)}
.am-cam{background:rgba(255,255,255,.055);border:1px solid rgba(185,201,236,.18);border-radius:12px;padding:20px;transition:background .2s,border-color .2s,transform .2s}
.am-cam:hover{background:rgba(255,255,255,.09);border-color:rgba(227,169,18,.45);transform:translateY(-2px)}
.am-cam b{display:block;font-size:16px;font-weight:700;color:#fff}
.am-cam span{font-size:12.5px;color:var(--am-buz);margin-top:4px;display:block}

/* --- Mektup --- */
.am-mektup{max-width:900px;margin:0 auto;background:linear-gradient(180deg,#FFFDF8,#fff);border:1px solid #EADFC6;border-top:3px solid var(--am-altin);border-radius:8px;box-shadow:0 14px 40px rgba(13,32,56,.09);padding:52px 58px}
.am-mektup h2{margin:0 0 24px;font-size:30px;line-height:1.3;font-weight:800;color:var(--am-murekkep);letter-spacing:-0.3px;text-wrap:pretty}
.am-mektup h2 b{color:var(--am-altin)}
.am-mektup p{margin:0 0 14px;font-size:15.5px;line-height:1.85;color:var(--am-metin);text-wrap:pretty}

/* --- Fiyat kartları (fyt-liste/fyt-kampanya sınıf adları JS sözleşmesidir — DEĞİŞMEZ) --- */
.am-fyt{position:relative;background:#fff;border:1px solid var(--am-cizgi);border-radius:16px;padding:30px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.am-fyt:hover{transform:translateY(-4px);box-shadow:var(--am-golge)}
.am-fyt .paket{font-size:12.5px;font-weight:800;letter-spacing:1.2px;color:var(--am-soluk);margin-bottom:6px}
.am-fyt .alt{font-size:14px;color:var(--am-soluk);margin-bottom:14px}
.am-fyt .fiyat{margin-bottom:6px}
.am-fyt .fiyat .fyt-liste{font-size:30px;font-weight:800;color:var(--am-murekkep)}
.am-fyt .fiyat .fyt-kampanya{display:none;font-size:30px;font-weight:800;color:var(--am-altin)}
.am-fyt .fiyat .kdv{font-size:13px;color:var(--am-soluk)}
.am-fyt ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--am-metin)}
.am-fyt ul b{color:var(--am-yesil);font-weight:800;margin-right:2px}
.am-fyt .guvence{font-size:12.5px;color:var(--am-soluk);margin:auto 0 16px;line-height:1.6}
.am-fyt.am-fyt-one{background:linear-gradient(170deg,var(--am-derin),var(--am-murekkep));border:1px solid var(--am-orta);box-shadow:0 18px 48px rgba(13,32,56,.28)}
.am-fyt.am-fyt-one .paket{color:var(--am-altin-acik)}
.am-fyt.am-fyt-one .alt,.am-fyt.am-fyt-one .fiyat .kdv,.am-fyt.am-fyt-one .guvence{color:var(--am-buz)}
.am-fyt.am-fyt-one .fiyat .fyt-liste{color:#fff}
.am-fyt.am-fyt-one .fiyat .fyt-kampanya{color:var(--am-altin-acik)}
.am-fyt.am-fyt-one ul{color:#EAF0F9}
.am-fyt.am-fyt-one ul b{color:var(--am-altin-acik)}
.am-kurdele{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--am-altin-acik),var(--am-altin));color:#fff;font-size:11.5px;font-weight:800;letter-spacing:1px;padding:6px 16px;border-radius:99px;white-space:nowrap;box-shadow:0 4px 14px rgba(192,138,11,.4)}
.am-sabit{display:inline-block;font-size:11.5px;font-weight:700;color:var(--am-yesil);background:#EAF5EE;border-radius:99px;padding:3px 10px;margin-bottom:12px}

/* --- 💳 Taksit bandı (2026-07-18): tüm kartlara vade farksız 3 taksit — statik, premium.
   Rozet KALDIRILDI (oğlanın kararı); ana yazı büyütülüp alana yayıldı. --- */
.am-taksit{max-width:1100px;margin:0 auto 26px;background:linear-gradient(135deg,#0A1930,#122A46 60%,#16345A);border:1.5px solid var(--am-altin-acik);border-radius:14px;padding:18px 28px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;box-shadow:0 10px 30px rgba(13,32,56,.18)}
.am-taksit .kart-ikon{display:inline-flex;gap:5px;flex:none}
.am-taksit .kart-ikon i{width:32px;height:21px;border-radius:4px;display:block;border:1px solid rgba(255,255,255,.25)}
.am-taksit .kart-ikon i:nth-child(1){background:linear-gradient(135deg,#E3A912,#C08A0B)}
.am-taksit .kart-ikon i:nth-child(2){background:#1B3B63}
.am-taksit .kart-ikon i:nth-child(3){background:#3E5878}
.am-taksit .metin{font-size:18.5px;font-weight:700;color:#fff;text-align:center;letter-spacing:.2px}
.am-taksit .metin b{color:var(--am-altin-acik);font-weight:800}
@media (max-width:760px){.am-taksit{padding:15px 16px}.am-taksit .metin{font-size:15px}}

/* --- SSS akordeon --- */
.am-sss{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.am-sss details{background:#fff;border:1px solid var(--am-cizgi);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.am-sss details[open]{border-color:var(--am-altin-acik);box-shadow:0 6px 18px rgba(13,32,56,.06)}
.am-sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 20px;font-size:15px;font-weight:700;color:var(--am-murekkep)}
.am-sss summary::-webkit-details-marker{display:none}
.am-sss summary::after{content:"+";font-size:20px;font-weight:600;color:var(--am-altin);flex:none;transition:transform .2s}
.am-sss details[open] summary::after{transform:rotate(45deg)}
.am-sss .icerik{padding:0 20px 17px;font-size:13.5px;line-height:1.65;color:var(--am-soluk)}

/* --- İletişim --- */
.am-inp{background:#fff;border:1px solid var(--am-cizgi-koyu);border-radius:9px;padding:13px 15px;font-size:13.5px;color:var(--am-metin);font-family:inherit;width:100%;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}
.am-inp:focus{outline:none;border-color:var(--am-altin);box-shadow:0 0 0 3px rgba(192,138,11,.14)}
.am-form-kart{background:#fff;border:1px solid var(--am-cizgi);border-radius:16px;padding:32px;box-shadow:var(--am-golge)}

/* --- Görünüm animasyonu KALDIRILDI (2026-07-18 kararı): scroll-reveal, bazı ortamlarda (arka plan
   sekmesi, IO askıda) içeriği gizli bırakma riski taşıdı — görünürlük animasyona rehin edilmez.
   .rv sınıfları markup'ta zararsız durur; hareket dili hover/geçişlerle sağlanır. --- */

/* --- Nav parlatma (scroll'da gölge — site.js .am-kaydi ekler) --- */
.af-nav{transition:box-shadow .25s}
.af-nav.am-kaydi{box-shadow:0 8px 26px rgba(13,32,56,.10)}

/* --- Yeni footer --- */
.am-foot{background:linear-gradient(180deg,var(--am-derin),#0A1930);color:var(--am-buz)}
.am-foot-ic{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:52px 0 34px}
.am-foot h4{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:1.6px;color:#fff}
.am-foot a{color:var(--am-buz);display:block;font-size:13.5px;line-height:2.1}
.am-foot a:hover{color:var(--am-altin-acik)}
.am-foot .kunye{font-size:13px;line-height:1.9;color:var(--am-sis)}
.am-foot .kunye a{display:inline;color:var(--am-buz)}
.am-foot-alt{border-top:1px solid rgba(185,201,236,.14);padding:16px 0 20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--am-sis)}
.am-foot-alt b{color:var(--am-altin-acik);font-weight:700}

/* --- Duyarlı (Altın Mizan) --- */
@media (max-width:1240px){
  .am-hero-ic{grid-template-columns:1fr!important;padding:64px 0 120px}
  .am-mock{max-width:640px}
}
@media (max-width:1100px){
  .am-izgara4,.am-izgara3{grid-template-columns:repeat(2,1fr)}
  .am-statbar{grid-template-columns:repeat(2,1fr)}
  .am-stat:nth-child(2){border-right:0}
  .am-stat:nth-child(-n+2){border-bottom:1px solid var(--am-cizgi)}
  .am-foot-ic{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .am-hero h1{font-size:34px;letter-spacing:-0.6px}
  .am-hero-ic{padding:44px 0 104px;gap:36px}
  .am-h2{font-size:26px}
  .am-izgara4,.am-izgara3,.am-izgara2,.am-sss,.am-statbar{grid-template-columns:1fr}
  .am-stat{border-right:0;border-bottom:1px solid var(--am-cizgi)}
  .am-stat:last-child{border-bottom:0}
  .am-mektup{padding:32px 22px}
  .am-foot-ic{grid-template-columns:1fr;gap:26px;padding:38px 0 24px}
  .am-hero-cta .am-btn{width:100%}
  .am-statbar{margin-top:-34px}
}