:root{
 --bg:#fff;--yuzey:#f4f7fc;--yuzey2:#e8eff8;--cizgi:#e5ecf6;--cizgi-koyu:#cbd8e9;
 --metin:#152a47;--ikincil:#52678a;--soluk:#5d6d88;
 --laci:#1b3a63;--laci-koyu:#122c4e;--mavi:#2563c9;--mavi-soft:rgba(37,99,201,.10);
 --yesil:#146c3d;--yesil-bg:#e3f4ea;--kirmizi:#b02a2a;--kirmizi-bg:#fdeaea;--wa:#25D366;
 --r:14px;--r-s:9px;
 --golge:0 1px 3px rgba(21,42,71,.06),0 4px 12px -6px rgba(21,42,71,.10);
 --golge-b:0 8px 28px -10px rgba(21,42,71,.22);
 --display:'Space Grotesk','Inter',-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--metin);font-family:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--mavi);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;line-height:1.18}
h1{font-size:clamp(28px,3.6vw,38px);margin:0 0 12px}
h2{font-size:clamp(22px,2.6vw,28px);margin:0 0 6px}
h3{font-size:17px;margin:0 0 8px}
.kapsa{max-width:1240px;margin:0 auto;padding:0 22px}
.kapsa.dar{max-width:760px}
.bolum{padding:64px 0}
.bolum-dar{padding:48px 0}
.bolum-gri{background:var(--yuzey)}
.bolum-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
/* Bölüm başlığı üstünde ince etiket - hiyerarşi netleşiyor */
.bolum-etiket{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;
 letter-spacing:.1em;color:var(--mavi);margin-bottom:8px}
.bolum-ust h2{margin:0}
/* Bölüm başlıklarının altında ince bir üst yazı - hiyerarşi netleşsin */
.bolum > .kapsa > h2{margin-bottom:26px}
.sayfa-alt{color:var(--ikincil);font-size:15.5px;margin:0 0 26px}
.bos{color:var(--soluk);padding:32px 0;text-align:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:var(--r-s);font-size:14.5px;font-weight:600;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .15s,transform .08s;text-decoration:none;min-height:46px}
.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}
.btn-ana{background:var(--laci);color:#fff}.btn-ana:hover{background:var(--laci-koyu);color:#fff}
.btn-ikincil{background:var(--yuzey);color:var(--metin);border-color:var(--cizgi-koyu)}
.btn-ikincil:hover{background:var(--yuzey2);color:var(--metin)}
.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:#1da851;color:#fff}
/* Üst çubuktaki WhatsApp: parlak yeşil dikkat dağıtıyordu.
   Çerçeveli duruyor, üzerine gelince doluyor. */
.ust-sag .btn-wa{background:transparent;color:var(--laci);
 border:1.5px solid var(--cizgi-koyu);font-weight:700}
.ust-sag .btn-wa:hover{background:var(--wa);border-color:var(--wa);color:#fff}
.btn-beyaz{background:#fff;color:var(--laci)}
.btn-beyaz:hover{background:#eef3fa;color:var(--laci)}
.btn-kucuk{padding:9px 15px;font-size:13.5px;min-height:40px}
.btn-genis{width:100%}
.ust{background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(12px);
 border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:50}
.ust-ic{display:flex;align-items:center;gap:20px;height:74px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto}
.logo img{width:40px;height:40px;border-radius:9px;object-fit:cover}
.logo span{font-family:var(--display);font-size:17px;font-weight:700;color:var(--metin)}
/* Menü: kapsül zeminli. Düz metin bağlantılar çok cılız duruyordu -
   hafif bir zemin ve yuvarlak köşe hem gruplu gösteriyor hem tıklama
   alanını büyütüyor. */
.ust-menu{display:flex;gap:2px;flex:0 1 auto;padding:4px;min-width:0;
 background:var(--yuzey);border-radius:999px;border:1px solid var(--cizgi);
 overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.ust-menu::-webkit-scrollbar{display:none}
/* Logo solda, menü ortada, araçlar sağda - dengeli dağılım */
.ust-ic > .logo{margin-right:auto}
.ust-sag{margin-left:auto}
.ust-menu a{color:var(--ikincil);font-size:14px;font-weight:600;
 padding:9px 16px;border-radius:999px;white-space:nowrap;
 transition:background .16s,color .16s,box-shadow .16s}
.ust-menu a:hover{color:var(--metin);text-decoration:none;background:rgba(255,255,255,.7)}
/* Aktif sayfa: beyaz kabartma - kullanıcı nerede olduğunu görüyor */
.ust-menu a.aktif{background:#fff;color:var(--laci);
 box-shadow:0 1px 2px rgba(21,42,71,.08),0 3px 8px -4px rgba(21,42,71,.18)}
.ust-sag{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.dil-secim{display:flex;gap:2px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:999px;padding:4px}
.dil-secim a{font-size:12px;font-weight:700;padding:6px 11px;border-radius:999px;color:var(--soluk);transition:background .15s,color .15s}
.dil-secim a.aktif{background:#fff;color:var(--laci);
 box-shadow:0 1px 2px rgba(21,42,71,.08),0 3px 8px -4px rgba(21,42,71,.18)}
.dil-secim a:not(.aktif):hover{background:rgba(255,255,255,.7);color:var(--metin)}
.dil-secim a:hover{text-decoration:none}
.menu-btn{display:none;background:none;border:1px solid var(--cizgi-koyu);border-radius:var(--r-s);font-size:18px;padding:8px 12px;cursor:pointer;color:var(--ikincil);min-height:44px}
.ust-ig{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
 border-radius:10px;color:var(--ikincil);transition:background .15s,color .15s}
.ust-ig:hover{background:var(--yuzey);color:#C13584}

/* Alt bilgideki sosyal kanıt - 11.9 bin takipçi güven veriyor */
.sosyal-btn{display:inline-flex;align-items:center;gap:9px;margin-top:4px;
 padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.1);
 border:1px solid rgba(255,255,255,.16);color:#fff !important;font-size:13.5px;font-weight:600;
 transition:background .15s}
.sosyal-btn:hover{background:rgba(255,255,255,.18);text-decoration:none}
/* ============================================================
   HERO
   Düz renk blok yerine katmanlı: derin lacivert taban + üstte
   yumuşak ışık halesi. Tek renk zemin ekranı yassı gösteriyordu.
   ============================================================ */
.hero{position:relative;overflow:hidden;
 background:radial-gradient(120% 110% at 12% 0%,#2b5691 0%,#1b3a63 45%,#12294a 100%);
 color:#fff;padding:86px 0 96px}
.hero-isik{position:absolute;top:-30%;right:-8%;width:60%;height:150%;pointer-events:none;
 background:radial-gradient(closest-side,rgba(96,160,255,.28),transparent 72%)}
.hero-ic{position:relative;z-index:1}
.hero-rozet{display:inline-flex;align-items:center;gap:9px;
 background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
 border-radius:999px;padding:7px 15px;font-size:13px;font-weight:600;
 color:rgba(255,255,255,.92);margin-bottom:22px;backdrop-filter:blur(6px)}
.hero-rozet strong{color:#fff}
.hero-rozet .nokta{width:7px;height:7px;border-radius:50%;background:#4ade80;
 box-shadow:0 0 0 3px rgba(74,222,128,.25)}
.hero h1{color:#fff;font-size:clamp(30px,4.4vw,50px);line-height:1.1;
 letter-spacing:-.035em;max-width:15ch;margin:0 0 16px}
.hero-alt{color:rgba(255,255,255,.78);font-size:clamp(15px,1.7vw,18px);
 max-width:52ch;margin:0;line-height:1.6}

/* ============================================================
   ARAMA — hero'nun üzerine binen kart
   ============================================================ */
.arama-kat{margin-top:-72px;position:relative;z-index:5;margin-bottom:0}
.arama{background:#fff;border-radius:18px;padding:14px;
 display:grid;grid-template-columns:1.25fr 1fr 1fr auto;gap:8px;
 box-shadow:0 18px 44px -18px rgba(21,42,71,.34),0 2px 8px rgba(21,42,71,.06);
 border:1px solid rgba(203,216,233,.6)}
.ar-alan{display:flex;flex-direction:column;justify-content:center;gap:7px;
 min-width:0;min-height:62px;padding:11px 16px;border-radius:12px;
 transition:background .15s}
.ar-alan:hover{background:var(--yuzey)}
.ar-alan label{font-size:10.5px;font-weight:700;text-transform:uppercase;
 letter-spacing:.07em;color:var(--soluk)}
.ar-govde{display:flex;gap:0;align-items:center}
.ar-govde.ikili input{flex:1;min-width:0}
/* Saat, tarihin devamı gibi dursun - ayrı kutu gibi görünüyordu.
   İnce ayraç ikisini tek alan olarak okutuyor. */
.ar-govde.ikili select{flex:0 0 72px;padding-left:11px;
 border-left:1px solid var(--cizgi);margin-left:9px}
.arama input,.arama select{border:none;background:none;padding:0;
 font-size:15.5px;font-weight:600;font-family:inherit;color:var(--metin);
 width:100%;min-height:26px;-webkit-appearance:none;appearance:none}
.arama select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%235d6d88' d='M5 6L0 0h10z'/%3E%3C/svg%3E") no-repeat right center;
 padding-right:16px;cursor:pointer}
.arama input:focus,.arama select:focus{outline:none}
.ar-alan:focus-within{background:var(--mavi-soft)}
.ar-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
 background:var(--laci);color:#fff;border:none;border-radius:12px;
 padding:0 30px;font-size:15.5px;font-weight:700;cursor:pointer;font-family:inherit;
 min-height:62px;align-self:stretch;
 transition:background .15s,transform .08s}
.ar-btn:hover{background:var(--laci-koyu)}
.ar-btn:active{transform:translateY(1px)}

/* ---------------- Avantajlar ---------------- */
.avantaj-kutu{margin-top:20px;padding:20px 22px;background:#fff;
 border:1px solid var(--cizgi);border-radius:16px;box-shadow:var(--golge)}
.av-baslik{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;
 letter-spacing:.1em;color:var(--yesil);margin-bottom:14px}
.avantaj-izgara{list-style:none;margin:0;padding:0;display:grid;
 grid-template-columns:repeat(4,1fr);gap:12px 22px}
.avantaj-izgara li{display:flex;align-items:center;gap:9px;font-size:14px;
 font-weight:600;color:var(--metin)}
.avantaj-izgara svg{color:var(--yesil);flex:0 0 auto}

/* ---------------- Kampanya bandı ---------------- */
.kampanya{display:flex;align-items:center;gap:16px;margin-top:16px;
 padding:18px 22px;border-radius:16px;
 background:linear-gradient(100deg,rgba(37,99,201,.09),rgba(20,108,61,.07));
 border:1px solid rgba(37,99,201,.18)}
.kmp-ikon{display:inline-flex;align-items:center;justify-content:center;
 width:46px;height:46px;border-radius:13px;flex:0 0 auto;
 background:#fff;color:var(--mavi);box-shadow:var(--golge)}
.kampanya strong{display:block;font-size:16px;letter-spacing:-.015em;margin-bottom:2px}
.kampanya p{margin:0;font-size:13.5px;color:var(--ikincil)}

/* ---------------- Slider ---------------- */
.slider{position:relative;background:var(--laci);overflow:hidden}
.sl-kaydir{position:relative}
.sl-oge{display:none;position:relative}
.sl-oge.aktif{display:block}
.sl-oge img{width:100%;height:clamp(380px,50vw,580px);object-fit:cover;display:block}
.sl-icerik{position:absolute;inset:0;display:flex;align-items:center;
 /* Arama kutusu alta bindiği için metni biraz yukarı alıyoruz -
    ortada kalınca kutuyla arası çok daralıyor. */
 padding-bottom:72px;
 background:linear-gradient(95deg,rgba(12,32,58,.93) 0%,rgba(15,38,66,.8) 32%,rgba(21,42,71,.3) 60%,transparent 80%)}
/* Metin SOLDA, araç sağda kalıyor. Ortalanınca aracın üstüne biniyor
   ve okunmuyordu - fotoğrafın konusu genelde sağda oluyor. */
.sl-icerik .kapsa{width:100%}
.sl-metin{max-width:min(52%,540px)}
.sl-icerik h1{color:#fff;font-size:clamp(28px,3.8vw,46px);margin:0 0 14px;
 letter-spacing:-.035em;line-height:1.1;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.sl-icerik p{color:rgba(255,255,255,.92);font-size:clamp(15px,1.7vw,19px);
 margin:0 0 24px;line-height:1.55;text-shadow:0 1px 12px rgba(0,0,0,.3)}
.sl-noktalar{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px;z-index:2}
.sl-noktalar button{width:36px;height:5px;border-radius:99px;border:none;cursor:pointer;padding:0;
 background:rgba(255,255,255,.4);transition:background .2s}
.sl-noktalar button.aktif{background:#fff}

/* Slider varken arama kutusu ayrı şerit olarak altta */
.arama-serit{background:var(--yuzey);padding:22px 0 26px;border-bottom:1px solid var(--cizgi)}
.arama-serit .arama{box-shadow:var(--golge)}
.serit-fiyat{color:var(--ikincil);font-size:14px;margin:14px 0 0}
.serit-fiyat strong{color:var(--metin);font-size:16px}

/* ---------------- Blog ---------------- */
.yazi-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.yazi-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;
 box-shadow:var(--golge);display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s}
.yazi-kart:hover{transform:translateY(-3px);box-shadow:var(--golge-b)}
.yk-gorsel{display:block;background:var(--yuzey)}
.yk-gorsel img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.yk-yok{display:block;aspect-ratio:16/9;background:linear-gradient(140deg,var(--yuzey) 0%,var(--yuzey2) 100%)}
.yk-govde{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.yk-govde time{font-size:12px;color:var(--soluk);font-weight:600}
.yk-govde h3{font-size:17px;margin:0;line-height:1.35}
.yk-govde h3 a{color:var(--metin)}
.yk-govde h3 a:hover{color:var(--mavi);text-decoration:none}
.yk-govde p{font-size:14px;color:var(--ikincil);margin:0}

.yazi{padding-top:26px;padding-bottom:50px}
.yazi h1{font-size:clamp(26px,3.4vw,36px);margin-bottom:12px}
.yazi-ust{display:flex;gap:14px;flex-wrap:wrap;color:var(--soluk);font-size:13.5px;margin:0 0 22px}
.yazi-etiket{color:var(--mavi);font-weight:600}
.yazi-kapak{width:100%;border-radius:var(--r);margin-bottom:26px;box-shadow:var(--golge)}
.yazi-icerik{font-size:16.5px;line-height:1.75;color:#243a56}
.yazi-icerik h2{font-size:23px;margin:34px 0 12px}
.yazi-icerik h3{font-size:19px;margin:26px 0 10px}
.yazi-icerik p{margin:0 0 17px}
.yazi-icerik ul,.yazi-icerik ol{margin:0 0 17px;padding-left:22px}
.yazi-icerik li{margin-bottom:8px}
.yazi-icerik img{border-radius:var(--r-s);margin:8px 0 18px}
.yazi-icerik blockquote{border-left:3px solid var(--mavi);margin:20px 0;padding:4px 0 4px 18px;
 color:var(--ikincil);font-style:italic}
.yazi-icerik table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
.yazi-icerik th,.yazi-icerik td{padding:10px 12px;border-bottom:1px solid var(--cizgi);text-align:left}
.yazi-icerik th{background:var(--yuzey);font-weight:700}
.yazi-cta{margin-top:38px;padding:24px;background:var(--yuzey);border-radius:var(--r);text-align:center}
.yazi-cta p{color:var(--ikincil);margin:0 0 16px}
.yazi-cta .btn{margin:0 5px 8px}
.hero h1{color:#fff;font-size:40px;max-width:800px}
.hero-alt{color:rgba(255,255,255,.86);font-size:17px;max-width:660px;margin:0 0 32px}
.hero-fiyat{color:rgba(255,255,255,.82);font-size:14.5px;margin:18px 0 0}
.hero-fiyat strong{color:#fff;font-size:17px}
.arama{background:#fff;border-radius:var(--r);padding:16px;display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:12px;align-items:end;box-shadow:var(--golge-b)}
.arama-alan{display:flex;flex-direction:column;gap:5px;min-width:0}
.arama-alan label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk)}
.arama input,.arama select{padding:12px;border:1px solid var(--cizgi-koyu);border-radius:var(--r-s);font-size:15px;font-family:inherit;color:var(--metin);background:#fff;width:100%;min-height:46px}
.arama input:focus,.arama select:focus{outline:none;border-color:var(--mavi);box-shadow:0 0 0 3px var(--mavi-soft)}
/* ============================================================
   ARAÇ KARTI
   Fotoğraf yumuşak degrade zeminde - beyaz üstünde beyaz araç
   havada duruyordu. Fiyat rozet olarak görselin üstünde: göz
   önce fiyata gidiyor, karar orada veriliyor.
   ============================================================ */
.arac-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.arac-kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(21,42,71,.04);transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s,border-color .18s}
.arac-kart:hover{transform:translateY(-4px);border-color:rgba(37,99,201,.3);box-shadow:0 16px 34px -16px rgba(21,42,71,.3)}
.ak-gorsel{position:relative;display:block;background:linear-gradient(155deg,#f0f5fb 0%,#dde7f3 100%)}
.ak-gorsel img{width:100%;aspect-ratio:16/10;object-fit:contain;display:block;padding:8px 12px;filter:drop-shadow(0 10px 16px rgba(21,42,71,.18))}
.ak-foto-yok{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;color:var(--soluk);font-size:13px;padding:12px;text-align:center}
.ak-adet{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);color:var(--yesil);border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700;box-shadow:0 2px 6px rgba(21,42,71,.1)}
.ak-rozet{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.95);
 backdrop-filter:blur(8px);color:var(--laci);border-radius:11px;padding:7px 13px 8px;
 display:flex;flex-direction:column;line-height:1.05;
 box-shadow:0 4px 14px -4px rgba(21,42,71,.35)}
.ak-rozet strong{font-size:20px;font-weight:800;letter-spacing:-.03em}
.ak-rozet span{font-size:10.5px;color:var(--soluk);font-weight:600;margin-top:1px}
.ak-govde{padding:16px 16px 15px;display:flex;flex-direction:column;gap:10px;flex:1}
.ak-ad{margin:0;font-size:16px;letter-spacing:-.015em}
.ak-ad a{color:var(--metin)}
.ak-ad a:hover{color:var(--mavi);text-decoration:none}
.ak-ozellikler{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.ak-ozellikler li{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:6px;background:var(--yuzey);color:var(--ikincil)}
/* Fiyata dahil olanlar - güven bilgisi, karar burada veriliyor */
.ak-dahil{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap}
.ak-dahil li{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;
 font-weight:600;color:var(--yesil)}
.ak-dahil svg{flex:0 0 auto}
.ak-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:11px;border-top:1px solid var(--cizgi)}
.ak-toplam{font-size:12.5px;color:var(--soluk)}
.ak-toplam strong{color:var(--mavi);font-size:13.5px}
/* Liste sayfasında tarih filtresi şeridi */
.tarih-serit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--yesil-bg);color:var(--yesil);border-radius:12px;padding:12px 16px;margin-bottom:24px;font-size:14px}
.tarih-serit strong{font-size:16px}
.ts-temizle{margin-left:auto;color:var(--yesil);font-weight:700;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(20,108,61,.12)}
.ts-temizle:hover{text-decoration:none;background:rgba(20,108,61,.22)}
.ak-detay{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;color:var(--mavi)}
.ak-detay:hover{text-decoration:none;gap:8px}
.ak-detay svg{transition:transform .15s}

/* ---------------- Özellik kartları ---------------- */
.ozellik-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(222px,1fr));gap:16px}
.ozellik{background:#fff;border:1px solid var(--cizgi);border-radius:16px;
 padding:24px 22px;transition:border-color .18s,box-shadow .18s,transform .18s}
.ozellik:hover{transform:translateY(-2px)}
.ozellik:hover{border-color:rgba(37,99,201,.28);box-shadow:0 10px 24px -14px rgba(21,42,71,.24)}
.oz-ikon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;margin-bottom:14px;background:linear-gradient(140deg,rgba(37,99,201,.14),rgba(37,99,201,.05));color:var(--mavi)}
.ozellik h3{margin:0 0 6px;color:var(--metin);font-size:16px;letter-spacing:-.015em}
.ozellik p{margin:0;color:var(--ikincil);font-size:14px;line-height:1.6}

/* ---------------- Lokasyon ---------------- */
.lokasyon-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.lokasyon-izgara.buyuk{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.lokasyon-kart{display:flex;align-items:center;gap:15px;background:#fff;
 border:1px solid var(--cizgi);border-radius:16px;padding:18px 20px;color:var(--metin);
 min-height:82px;transition:border-color .18s,box-shadow .18s,transform .18s}
.lokasyon-kart:hover{border-color:rgba(37,99,201,.35);text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(21,42,71,.3)}
.lk-ikon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;flex:0 0 auto;background:linear-gradient(140deg,rgba(37,99,201,.13),rgba(37,99,201,.05));color:var(--mavi)}
.lk-metin{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lk-ad{font-weight:700;font-size:15.5px;letter-spacing:-.015em}
.lk-alt{font-size:12.5px;color:var(--soluk)}
.lk-adet{font-size:12.5px;color:var(--soluk)}
.lk-ok{color:var(--mavi);flex:0 0 auto;transition:transform .15s}
.lokasyon-kart:hover .lk-ok{transform:translateX(3px)}
.lokasyon-ozet{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.lo-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:16px 22px;min-width:132px}
.lo-kutu strong{display:block;font-size:25px;font-family:var(--display);color:var(--laci);letter-spacing:-.03em}
.lo-kutu span{font-size:12.5px;color:var(--soluk)}
.lokasyon-metin{max-width:70ch;margin-bottom:24px;color:var(--ikincil)}
.etiket-liste{display:flex;gap:9px;flex-wrap:wrap}
.etiket{background:#fff;border:1px solid var(--cizgi);border-radius:999px;padding:9px 17px;font-size:14px;font-weight:600;color:var(--metin);min-height:44px;display:inline-flex;align-items:center;gap:7px;transition:border-color .15s,transform .15s}
.etiket:hover{transform:translateY(-1px)}
.etiket:hover{border-color:var(--mavi);color:var(--mavi);text-decoration:none}
.etiket span{color:var(--soluk);font-size:12px;font-weight:500}
.kirinti{padding-top:18px;padding-bottom:0;font-size:13px;color:var(--soluk);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kirinti a{color:var(--ikincil)}.kirinti strong{color:var(--metin);font-weight:600}
.filtreler{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px;align-items:center}
.filtreler select{padding:11px 14px;border:1px solid var(--cizgi-koyu);border-radius:var(--r-s);font-size:14px;font-family:inherit;background:#fff;color:var(--metin);min-height:44px;cursor:pointer}
.filtre-temizle{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--yuzey);border-radius:var(--r-s);color:var(--soluk);font-weight:700}
.arac-detay{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;padding-top:28px;padding-bottom:56px}
.ad-gorsel img{width:100%;border-radius:var(--r);object-fit:cover;box-shadow:var(--golge)}
.ad-foto-yok{aspect-ratio:16/10;background:var(--yuzey);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--soluk)}
.ad-bilgi h1{margin-bottom:10px}
.ad-fiyat{display:flex;align-items:baseline;gap:7px;margin-bottom:22px}
.ad-fiyat strong{font-size:34px;font-family:var(--display);color:var(--mavi)}
.ad-fiyat span{color:var(--soluk);font-size:15px}
.ad-ozellikler{margin:0 0 24px;padding:0;border-top:1px solid var(--cizgi)}
.ad-ozellikler>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--cizgi)}
.ad-ozellikler dt{color:var(--soluk);font-size:14px;margin:0}
.ad-ozellikler dd{margin:0;font-weight:600;font-size:14.5px}
.ad-tarih{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-bottom:18px}
.ad-tarih label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk);margin-bottom:5px}
.ad-tarih input,.ad-tarih select{width:100%;padding:11px;border:1px solid var(--cizgi-koyu);border-radius:var(--r-s);font-size:15px;font-family:inherit;min-height:44px;background:#fff;color:var(--metin)}
/* Tarih + saat yan yana. HTML'de kullanılıyordu ama stili yoktu -
   alanlar alt alta ve biçimsiz görünüyordu. */
.tarih-saat{display:flex;gap:7px}
.tarih-saat input{flex:1;min-width:0}
.tarih-saat select{flex:0 0 92px}
.ad-musaitlik{border-radius:var(--r-s);padding:13px 16px;margin-bottom:18px;font-size:14.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ad-musaitlik.uygun{background:var(--yesil-bg);color:var(--yesil)}
.ad-musaitlik.dolu{background:var(--kirmizi-bg);color:var(--kirmizi)}
.ad-toplam{margin-left:auto}
.ad-eylemler{display:flex;flex-direction:column;gap:10px}
.talep-form{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:26px;box-shadow:var(--golge);margin-bottom:26px}
.tf-satir{margin-bottom:16px}
.tf-satir label{display:block;font-size:13px;font-weight:600;color:var(--ikincil);margin-bottom:6px}
.tf-satir input,.tf-satir textarea{width:100%;padding:12px;border:1px solid var(--cizgi-koyu);border-radius:var(--r-s);font-size:16px;font-family:inherit;color:var(--metin);min-height:46px}
.tf-satir textarea{min-height:80px;resize:vertical}
.tf-satir input:focus,.tf-satir textarea:focus{outline:none;border-color:var(--mavi);box-shadow:0 0 0 3px var(--mavi-soft)}
.tf-ikili{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* ---------------- Ekstralar ---------------- */
.ekstra-kutu{margin:20px 0 4px;padding:16px;background:var(--yuzey);border-radius:14px}
.ek-baslik{font-size:13px;font-weight:700;color:var(--ikincil);margin:0 0 12px}
.ek-satir{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;
 border:1.5px solid var(--cizgi);border-radius:12px;cursor:pointer;margin-bottom:8px;
 transition:border-color .15s}
.ek-satir:last-of-type{margin-bottom:0}
.ek-satir.secili,.ek-satir:has(input:checked){border-color:var(--mavi)}
.ek-satir input[type=checkbox]{width:20px;height:20px;margin:0;flex:0 0 auto;accent-color:var(--mavi)}
.ek-adet{flex:0 0 58px;padding:7px 9px;border:1px solid var(--cizgi-koyu);border-radius:8px;
 font-size:15px;font-family:inherit;min-height:auto;background:#fff}
.ek-govde{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ek-ad{font-size:14.5px;font-weight:600}
.ek-alt{font-size:12px;color:var(--soluk);line-height:1.45}
.ek-fiyat{flex:0 0 auto;font-size:15px;font-weight:700;color:var(--laci)}
.ek-fiyat small{font-size:11.5px;font-weight:600;color:var(--soluk)}
.ek-not{font-size:12px;color:var(--soluk);margin:10px 0 0}
.lok-ucret-not{font-size:13px;color:var(--ikincil);margin:-6px 0 14px;padding:9px 13px;
 background:var(--yuzey);border-radius:9px}
.lok-ucret-not strong{color:var(--laci)}

/* ---------------- Tutar dökümü ---------------- */
.tutar-dokum{margin:20px 0 0;padding:15px 17px;background:#fff;
 border:1px solid var(--cizgi);border-radius:14px}
.td-satir{display:flex;justify-content:space-between;gap:14px;padding:7px 0;font-size:14px}
.td-satir span{color:var(--ikincil)}
.td-satir strong{font-weight:600;white-space:nowrap}
.td-toplam{border-top:1px solid var(--cizgi);margin-top:6px;padding-top:11px;font-size:15.5px}
.td-toplam span{color:var(--metin);font-weight:600}
.td-toplam strong{font-size:19px;color:var(--laci);letter-spacing:-.02em}

/* ---------------- Ödeme seçimi ---------------- */
.odeme-secim{margin:20px 0 4px;padding:16px;background:var(--yuzey);border-radius:14px}
.os-baslik{font-size:13px;font-weight:700;color:var(--ikincil);margin:0 0 12px}
.os-secenek{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#fff;
 border:1.5px solid var(--cizgi);border-radius:12px;cursor:pointer;margin-bottom:9px;
 transition:border-color .15s,box-shadow .15s}
.os-secenek:last-child{margin-bottom:0}
.os-secenek:hover{border-color:var(--cizgi-koyu)}
/* Seçili seçenek belirgin - hangisini işaretlediği net olsun */
.os-secenek:has(input:checked),.os-secenek.secili{border-color:var(--mavi);box-shadow:0 0 0 3px var(--mavi-soft)}
.os-secenek input{width:20px;height:20px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--mavi)}
.os-govde{display:flex;flex-direction:column;gap:3px;min-width:0}
.os-ad{font-size:15px;font-weight:700;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.os-tutar{color:var(--mavi);font-size:16px}
.os-eski{color:var(--soluk);font-size:13.5px;font-weight:500}
.os-indirim{background:var(--yesil);color:#fff;border-radius:6px;
 padding:2px 7px;font-size:11.5px;font-weight:800;letter-spacing:-.01em}
.td-online span{color:var(--yesil)}
.td-online strong{color:var(--yesil)}
.os-alt{font-size:12.5px;color:var(--soluk);line-height:1.5}

.tahmini-tutar{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
 margin:20px 0 4px;padding:14px 16px;background:var(--yuzey);border-radius:12px}
.tahmini-tutar span{font-size:13px;color:var(--ikincil)}
.tahmini-tutar strong{font-size:20px;color:var(--laci)}
.tahmini-tutar small{font-size:12.5px;color:var(--soluk)}

.talep-alternatif{text-align:center}
.talep-alternatif p{color:var(--soluk);font-size:14px;margin:0 0 12px}
.talep-alternatif .btn{margin-bottom:9px}
.uyari{border-radius:var(--r-s);padding:14px 17px;margin-bottom:22px;font-size:14.5px}
.uyari.basarili{background:var(--yesil-bg);color:var(--yesil)}
.uyari.hatali{background:var(--kirmizi-bg);color:var(--kirmizi)}
.icerik-metin h2{font-size:20px;margin:30px 0 10px}
.icerik-metin p{color:var(--ikincil);margin:0 0 14px}
.icerik-metin .not{font-size:13px;color:var(--soluk);margin-top:28px}
.iletisim-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:24px 0}
.il-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:20px;text-align:center;color:var(--metin);box-shadow:var(--golge)}
.il-kutu:hover{border-color:var(--mavi);text-decoration:none}
.il-kutu strong{display:block;font-size:16px;margin-bottom:3px}
.il-kutu span{font-size:13px;color:var(--soluk)}
.sss-liste{margin-top:22px}
.sss-oge{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-s);margin-bottom:10px;overflow:hidden}
.sss-oge summary{padding:16px 18px;font-weight:600;cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px;min-height:52px;align-items:center}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary::after{content:'+';color:var(--mavi);font-size:20px;font-weight:400}
.sss-oge[open] summary::after{content:'−'}
.sss-oge p{margin:0;padding:0 18px 18px;color:var(--ikincil);font-size:14.5px}
.alt{background:var(--laci);color:rgba(255,255,255,.78)}
/* Alt bilgi sütunu */
.alt-blok{min-width:0}
.alt-ic{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;padding-top:48px;padding-bottom:40px}
.alt h3{color:#fff;font-size:18px;margin:0 0 10px}
.alt h4{color:#fff;font-size:14px;margin:0 0 12px;font-family:var(--display)}
.alt p{font-size:14px;margin:0 0 12px;line-height:1.65}
.alt ul{list-style:none;margin:0;padding:0}
.alt li{margin-bottom:8px}
.alt a{color:rgba(255,255,255,.78);font-size:14px}
.alt a:hover{color:#fff}
.alt-iletisim{font-size:13.5px}
.alt-satir{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;font-size:13px;color:rgba(255,255,255,.6)}
.yuzen-wa{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--golge-b);z-index:60}
.yuzen-wa:hover{background:#1da851;text-decoration:none}
@media (max-width:900px){
 .arac-detay{grid-template-columns:1fr;gap:24px}
 .alt-ic{grid-template-columns:1fr 1fr;gap:26px}
 .arama{grid-template-columns:1fr 1fr}
 .arama .btn{grid-column:1/-1}
}
@media (max-width:760px){
 h1{font-size:27px}h2{font-size:21px}
 .hero-alt{font-size:16px;margin-bottom:24px}
 .bolum{padding:38px 0}
 /* Mobilde kapsül yerine düz liste - çekmece içinde kapsül anlamsız */
 .ust-menu{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;
  flex-direction:column;gap:0;padding:8px 20px 16px;border:none;border-radius:0;
  border-bottom:1px solid var(--cizgi);box-shadow:var(--golge-b)}
 .ust-menu.acik{display:flex}
 .ust-menu a{padding:14px 12px;border-bottom:1px solid var(--cizgi);font-size:16px;
  min-height:54px;display:flex;align-items:center;border-radius:10px}
 .ust-menu a:last-child{border-bottom:none}
 .ust-menu a.aktif{background:var(--mavi-soft);color:var(--mavi);box-shadow:none}
 .menu-btn{display:block}
 .ust-sag .btn-wa{display:none}
 .arama-kat{margin-top:-38px}
 .arama{grid-template-columns:1fr;padding:8px;gap:2px;border-radius:16px}
 .ar-alan{padding:11px 13px}
 .ar-alan + .ar-alan{border-top:1px solid var(--cizgi)}
 .ar-btn{margin-top:6px;min-height:54px;border-radius:11px}
 .hero{padding:52px 0 86px}
 .hero h1{max-width:none}
 /* Tablet aralığı (540-760px): iki kolon uygun.
    Telefon 540px bloğunda tek kolona düşüyor. */
 .arac-izgara{grid-template-columns:1fr 1fr;gap:14px}
 .ak-rozet{right:10px;padding:7px 12px 8px}
 .ak-rozet strong{font-size:18px}
 .ak-govde{padding:14px 14px 14px;gap:9px}
 .ak-ad{font-size:15.5px}
 .ak-alt{gap:8px}
 .ad-tarih{grid-template-columns:1fr 1fr}
 .ad-tarih .btn{grid-column:1/-1}
 .ad-fiyat strong{font-size:28px}
 .tf-ikili{grid-template-columns:1fr}
 .ek-satir{padding:11px 12px;gap:10px}
 .ek-ad{font-size:14px}
 .ek-fiyat{font-size:14px}
 .tutar-dokum{padding:13px 14px}
 .alt-ic{grid-template-columns:1fr;gap:22px;padding-top:34px}
 .lokasyon-izgara,.lokasyon-izgara.buyuk{grid-template-columns:1fr}
 .yazi-izgara{grid-template-columns:1fr}
 .sl-oge img{height:clamp(260px,60vw,340px)}
 /* Mobilde metin sola sığmıyor - alttan perde, tam genişlik */
 .sl-icerik{background:linear-gradient(0deg,rgba(12,32,58,.94) 0%,rgba(15,38,66,.7) 55%,rgba(21,42,71,.15) 100%);
  align-items:flex-end;padding-bottom:42px}
 .sl-metin{max-width:none}
 .avantaj-kutu{padding:16px;margin-top:14px}
 .avantaj-izgara{grid-template-columns:1fr 1fr;gap:11px 14px}
 .avantaj-izgara li{font-size:13px;gap:7px}
 .kampanya{padding:15px 16px;gap:13px}
 .kampanya strong{font-size:15px}
 .kampanya p{font-size:13px}
 .ak-dahil{gap:12px}
 .ak-dahil li{font-size:12px}
 .sl-noktalar{bottom:12px}
 .yazi-icerik{font-size:16px}
 .filtreler select{flex:1 1 46%;min-width:140px}
 body{padding-bottom:76px}
}
/* ============================================================
   TELEFON — 540px altı

   ÖNCEKİ HATA: bu blok 420px'de başlıyordu. iPhone 15 Plus (430px)
   ve 17 Pro Max (440px) bloğun DIŞINDA kalıyor, tablet düzeni
   görüyordu. Modern telefonların çoğu 390-440 arası; eşik 540px.
   ============================================================ */
@media (max-width:540px){
 .kapsa{padding:0 16px}

 /* Araçlar tek kolon - iki kolonda araba fotoğrafı çok küçük kalıyor
    ve müşteri aracı göremeden karar veremiyor. */
 .arac-izgara{grid-template-columns:1fr;gap:14px}
 .ak-gorsel img{aspect-ratio:16/9}
 .ak-rozet{right:14px;bottom:14px;padding:8px 14px 9px}
 .ak-rozet strong{font-size:21px}
 .ak-govde{padding:15px 16px 15px}
 .ak-ad{font-size:17px}
 .ak-ozellikler li{font-size:12px;padding:3px 10px}
 .ak-dahil li{font-size:12.5px}

 /* Başlıklar telefonda daha iri - küçük ekranda küçük başlık
    hiyerarşiyi tamamen siliyor */
 h1{font-size:26px}
 h2{font-size:21px}
 .bolum{padding:36px 0}
 .bolum-dar{padding:30px 0}

 /* Hero */
 .hero{padding:42px 0 84px}
 .hero h1{font-size:28px;line-height:1.15}
 .hero-alt{font-size:15px}
 .hero-rozet{font-size:12px;padding:6px 13px;gap:7px}

 /* Slider: metin alta, tam genişlik */
 .sl-oge img{height:clamp(300px,66vw,380px)}
 .sl-icerik{padding-bottom:64px}
 .sl-icerik h1{font-size:26px}
 .sl-icerik p{font-size:15px;margin-bottom:18px}

 /* iOS YAKINLAŞTIRMA ÖNLEME
    Safari, 16px'ten küçük yazılı bir alana dokunulduğunda sayfayı
    otomatik yakınlaştırıyor ve geri çıkmıyor. Kullanıcı formu
    doldururken sayfa kayıyor. Tüm form alanlarını 16px'e sabitliyoruz.
    Görsel olarak fark edilmiyor, davranış farkı büyük. */
 input[type=text],input[type=tel],input[type=email],input[type=date],
 input[type=number],input[type=password],input[type=search],
 select,textarea{font-size:16px !important}

 /* Arama kutusu */
 .arama-kat{margin-top:-52px}
 .arama{padding:8px;border-radius:16px}
 .ar-alan{padding:12px 14px;min-height:auto}
 .ar-alan label{font-size:10px}
 .arama input,.arama select{font-size:16px}
 .ar-btn{min-height:52px;font-size:15px}

 /* Avantaj kutusu: iki kolonda uzun metinler sıkışıyordu */
 .avantaj-kutu{padding:16px 16px 18px}
 .avantaj-izgara{grid-template-columns:1fr;gap:10px}
 .avantaj-izgara li{font-size:13.5px}

 .kampanya{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}

 /* Özellik ve lokasyon kartları */
 .ozellik{padding:20px 18px}
 .ozellik-izgara{gap:12px}
 .lokasyon-kart{padding:16px;min-height:72px}

 /* Alt bilgi */
 .alt-ic{gap:26px;padding-top:32px;padding-bottom:32px}

 /* Araç detay */
 .ad-fiyat strong{font-size:30px}
 .ad-tarih{grid-template-columns:1fr}
 .ad-tarih .btn{grid-column:auto}

 /* Blog */
 .yazi-icerik{font-size:16px}
 .yazi-icerik h2{font-size:21px;margin-top:28px}
}

/* Çok dar ekranlar (SE ve altı) */
@media (max-width:380px){
 .kapsa{padding:0 14px}
 .hero h1{font-size:25px}
 .sl-icerik h1{font-size:23px}
 .ak-rozet strong{font-size:19px}
}
@media (prefers-reduced-motion:reduce){
 .arac-kart:hover{transform:none}.btn:active{transform:none}
}