/* AVIS Kirala — halka açık site teması (avis.com.tr esinli) */
:root{
  --red:#e4002b; --red-2:#ed1c2e; --red-dark:#9b0e1f; --red-darker:#7a0c1a;
  --ink:#1a1a1a; --muted:#666; --line:#e6e6e6; --bg:#fff; --bg-soft:#f4f5f6;
  --shadow:0 8px 30px rgba(0,0,0,.10); --shadow-sm:0 2px 10px rgba(0,0,0,.07);
  --r:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Open Sans',system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;font-size:15px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.ic{flex:none;vertical-align:middle}
.wrap{width:100%;max-width:1500px;margin:0 auto;padding:0 28px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:100px;padding:12px 22px;font-weight:700;font-size:14px;cursor:pointer;transition:.15s;font-family:inherit;white-space:nowrap}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-2)}
.btn-outline{background:#fff;color:var(--red);border:1.5px solid var(--red)}
.btn-outline:hover{background:var(--red);color:#fff}
.btn-lg{padding:14px 28px;font-size:15px}
.btn-block{width:100%;justify-content:center}

/* ---------- Header / topbar ---------- */
.site-header{position:sticky;top:0;z-index:40}
.topbar{background:linear-gradient(180deg,var(--red-dark),var(--red-darker));color:#fff}
.topbar-in{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.brand img{height:34px}
.topbar-right{display:flex;align-items:center;gap:10px}
.tb-pill{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:100px;font-size:13px;font-weight:600;transition:.15s}
.tb-ghost{background:rgba(255,255,255,.12);color:#fff}
.tb-ghost:hover{background:rgba(255,255,255,.22)}
.tb-solid{background:#fff;color:var(--red)}
.tb-solid:hover{background:#ffe0e5}
.tb-hello{background:#fff;color:var(--red)}
.tb-lang{font-size:13px;font-weight:700;opacity:.9;padding-left:4px}
.mnav-btn{display:none;color:#fff;cursor:pointer}

.mainnav{background:var(--red)}
.mainnav-in{display:flex;align-items:stretch;justify-content:center;gap:0;position:relative}
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{color:#fff;font-weight:600;font-size:14px;padding:16px 26px;display:block;transition:.12s}
.nav-item:hover>a{background:#fff;color:var(--red)}
.nav-search{position:absolute;right:0;top:0;bottom:0;color:#fff;padding:0 22px;display:flex;align-items:center;background:rgba(0,0,0,.18)}
.nav-drop{position:absolute;top:100%;left:0;min-width:270px;background:#fff;box-shadow:var(--shadow);border-radius:0 0 10px 10px;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:50}
.nav-item.has-sub:hover .nav-drop{opacity:1;visibility:visible;transform:none}
.nav-drop-head{color:var(--red);font-weight:700;padding:12px 20px 10px;border-bottom:1px solid var(--line)}
.nav-drop a{display:block;color:var(--ink);padding:12px 20px;font-size:14px;border-bottom:1px solid #f0f0f0}
.nav-drop a:last-child{border-bottom:0}
.nav-drop a:hover{background:var(--bg-soft);color:var(--red)}

/* ---------- Page banner ---------- */
.page-banner{background:linear-gradient(120deg,var(--red-dark),var(--red) 60%,var(--red-2));color:#fff;text-align:center;padding:40px 0}
.page-banner h1{margin:0;font-size:30px;font-weight:800}

/* section tabs (kategori şeridi) */
.tabbar{background:#111;border-radius:8px;overflow:hidden;display:flex;flex-wrap:wrap;margin:-26px auto 0;position:relative;box-shadow:var(--shadow-sm)}
.tabbar a{color:#fff;padding:16px 22px;font-weight:600;font-size:14px;opacity:.85}
.tabbar a.active{background:var(--red);opacity:1}
.tabbar a:hover{opacity:1}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(125deg,var(--red-dark),var(--red) 60%,#c00020)}
/* Slider arka planları */
.hero-bgs{position:absolute;inset:0;z-index:0}
.hero-bg-slide{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .8s ease}
.hero-bg-slide.active{opacity:1}
.hero-bg-brand{background:linear-gradient(120deg,var(--red-dark) 0%,var(--red) 55%,#b00020 100%)}
.hero-bg-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.12) 42%,transparent 70%)}
.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr 500px;gap:40px;align-items:center;min-height:640px;padding-top:56px;padding-bottom:56px}
.hero-texts{position:relative;min-height:300px}
.hero-text{position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s;pointer-events:none}
.hero-text.active{opacity:1;transform:none;pointer-events:auto}
.hero-copy h2{font-size:38px;line-height:1.14;font-weight:800;margin:0 0 16px;max-width:20ch;text-shadow:0 2px 20px rgba(0,0,0,.35)}
.hero-sub{font-size:16px;font-weight:600;margin:0;max-width:32ch;text-shadow:0 1px 12px rgba(0,0,0,.35);opacity:.95}
.hero-cta{margin-top:22px}
.hero-nav{display:flex;align-items:center;gap:16px;margin-top:28px}
.hero-arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s}
.hero-arrow:hover{background:#fff;color:var(--red);border-color:#fff}
.hero-dots{display:flex;gap:9px}
.hero-dot{width:11px;height:11px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0;transition:.15s}
.hero-dot.active{background:#fff;transform:scale(1.15)}
/* Mobilde de hero fotoğrafı görünsün; metin okunması için koyu scrim */
@media (max-width:900px){
  .hero-bg-slide::after{background:linear-gradient(180deg,rgba(20,0,4,.42) 0%,rgba(20,0,4,.34) 45%,rgba(20,0,4,.5) 100%)}
}

/* ---------- Booking widget ---------- */
.book{background:#fff;color:var(--ink);border-radius:18px;box-shadow:var(--shadow);padding:24px 24px 26px}
.book h3{margin:0 0 18px;font-size:18px;font-weight:800;line-height:1.3}
.book label.fl{display:block;font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--red);margin:0 0 6px;text-transform:uppercase}
.field{margin-bottom:12px}
.inp{width:100%;border:1.5px solid var(--line);border-radius:9px;padding:11px 13px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink);min-height:44px}
.inp:focus{outline:none;border-color:var(--red)}
select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e4002b' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}
.inp-ico{position:relative}
.inp-ico>.ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);z-index:1;pointer-events:none}
.inp-ico>.ic.rt{left:auto;right:12px;color:var(--red)}
.inp-ico .inp{padding-left:38px;padding-right:38px}
.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:2px 0 14px;cursor:pointer;line-height:1.3}
.check input{width:16px;height:16px;accent-color:var(--red);flex:none}
.dates{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}
.dates .arr{color:var(--red);padding-bottom:11px;flex:0 0 auto}
.date-block{min-width:0}
.date-pair{display:flex;gap:6px;min-width:0}
.date-pair input[type=date]{flex:1 1 auto;min-width:0;width:100%;padding-left:10px;padding-right:6px;font-size:13px}
.date-pair select.inp{flex:0 0 70px;min-width:0;padding-left:8px;padding-right:20px;font-size:13px;background-position:right 6px center}
.book-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:10px;flex-wrap:wrap}
.link-red{color:var(--red);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:4px}

/* ---------- Feature strip ---------- */
.features{background:var(--bg-soft)}
.features-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:22px;padding-bottom:22px}
.feature{flex:1 1 200px;display:flex;align-items:center;gap:12px;padding:6px 18px;border-right:1px solid #dcdcdc}
.feature:last-child{border-right:0}
.feature .fic{width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex:none}
.feature b{display:block;font-size:15px;line-height:1.25}

/* ---------- Section ---------- */
.section{padding:44px 0}
.section-title{text-align:center;font-size:26px;font-weight:800;margin:0 0 26px}

/* ---------- Campaign cards ---------- */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.camp{border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);background:#fff;display:flex;flex-direction:column}
.camp-img{aspect-ratio:16/11;background:linear-gradient(135deg,var(--red-dark),var(--red));position:relative;display:grid;place-items:center;color:#fff}
.camp-img img{width:100%;height:100%;object-fit:cover}
.camp-body{padding:16px 18px;flex:1}
.camp-cat{color:var(--red);font-size:12px;font-weight:700}
.camp-body h3{margin:6px 0 0;font-size:16px;font-weight:700;line-height:1.3}
.camp-cta{background:var(--red);color:#fff;text-align:center;padding:13px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}
.camp-cta:hover{background:var(--red-2)}
/* overlay başlık kutusu tarzı (avis kampanya kartı) */
.camps .camp{box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}
.camp-overlay{position:relative}
.camp-overlay .camp-img{aspect-ratio:512/600;background:#111}
.camp-overlay .camp-body{position:absolute;left:14px;right:14px;bottom:52px;margin:0;padding:14px 16px;background:rgba(0,0,0,.80);color:#fff;border-radius:8px;min-height:auto}
.camp-overlay .camp-cat{color:#fff;opacity:.75;font-size:11px}
.camp-overlay .camp-body h3{font-size:15px;margin-top:5px;line-height:1.3}
.camp-overlay .camp-cta{position:relative;z-index:2}

/* ---------- Car cards (filo) ---------- */
.grid-cars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.carcard{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;display:flex;flex-direction:column;transition:.15s}
.carcard:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.carcard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.carcard-cat{color:var(--red);font-size:12px;font-weight:700}
.carcard-name{font-size:19px;font-weight:800;margin:2px 0 0}
.carcard-img{margin:10px 0 14px;aspect-ratio:16/9;display:grid;place-items:center}
.carcard-img img{max-height:150px;width:auto;object-fit:contain}
.carcard-specs{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);padding-top:14px}
.spec-col h5{margin:0 0 10px;font-size:14px;font-weight:700}
.spec-row{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#333;padding:5px 0}
.spec-row .ic{color:var(--red)}
.carcard-price{margin-top:14px;font-weight:800;font-size:18px;color:var(--red)}
.carcard-price small{display:block;font-weight:600;font-size:12px;color:var(--muted)}

/* ---------- Alerts / forms ---------- */
.alert{border-radius:10px;padding:12px 16px;margin:14px 0;font-size:14px;font-weight:600}
.alert-error{background:#fdecec;color:#b3261e;border:1px solid #f7c7c4}
.alert-ok{background:#e9f8ef;color:#137a3f;border:1px solid #b9e6cc}
.alert-info{background:#eef2f7;color:#33507a;border:1px solid #cdd9ea}

/* ---------- Toast bildirimleri (3 sn sonra kaybolur) ---------- */
.toast-wrap{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:400;display:flex;flex-direction:column;gap:10px;width:auto;max-width:92vw;pointer-events:none}
.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:280px;max-width:92vw;padding:13px 16px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 12px 36px rgba(0,0,0,.20);background:#fff;border:1px solid var(--line);animation:toastIn .32s cubic-bezier(.2,.9,.3,1.2);transition:opacity .35s ease,transform .35s ease}
.toast>svg{flex:0 0 auto}
.toast>span{flex:1;line-height:1.35}
.toast-x{flex:0 0 auto;background:none;border:0;cursor:pointer;color:inherit;opacity:.55;padding:2px;display:grid;place-items:center;border-radius:5px}
.toast-x:hover{opacity:1}
.toast-ok{background:#eafaf0;color:#137a3f;border-color:#bfe6cb}
.toast-error{background:#fdecec;color:#b3261e;border-color:#f7c7c4}
.toast-info{background:#eef4fb;color:#2f4f7a;border-color:#cfdcef}
.toast-out{opacity:0;transform:translateY(-14px)}
@keyframes toastIn{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@media (max-width:640px){ .toast-wrap{top:12px;left:12px;right:12px;transform:none;width:auto;max-width:none} .toast{min-width:0;width:100%} }

/* ---------- Mobil menü üst auth (Giriş / Kayıt / Hesap) ---------- */
.nav-auth-top{display:none}
.tb-hello-caret{display:none}
.authbox{max-width:440px;margin:40px auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:30px}
.authbox h1{font-size:22px;margin:0 0 6px}
.authbox .field label{display:block;font-size:13px;font-weight:600;margin:0 0 6px}
.authbox .field{margin-bottom:16px}
.auth-alt{text-align:center;margin-top:16px;font-size:14px;color:var(--muted)}
.auth-alt a{color:var(--red);font-weight:700}
.authbox-wide{max-width:600px}
.hp-field{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
/* Lokasyon seçici (yazarak ara + havalimanı/ofis ikonu) */
.lp{position:relative}
.lp-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);z-index:2;pointer-events:none;display:none}
.lp-ico svg{width:18px;height:18px}
.lp.lp-has .lp-ico{display:block;color:var(--red)}
.lp-input{padding-left:14px;padding-right:38px;cursor:text}
.lp.lp-has .lp-input{padding-left:38px}
.lp-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);z-index:2;cursor:pointer;transition:transform .18s}
.lp-caret svg{width:18px;height:18px}
.lp.lp-open .lp-caret{transform:translateY(-50%) rotate(180deg)}
.lp-menu{position:absolute;left:0;right:0;top:calc(100% + 5px);background:#fff;border:1.5px solid var(--line);border-radius:11px;box-shadow:0 14px 34px rgba(0,0,0,.16);z-index:60;max-height:290px;overflow-y:auto;padding:5px}
.lp-opt{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;background:none;padding:10px 11px;border-radius:8px;font-size:14px;font-family:inherit;color:var(--ink);cursor:pointer}
.lp-opt:hover{background:#f4f5f8}
.lp-opt.sel{background:var(--red);color:#fff}
.lp-opt-ic{flex:0 0 auto;width:18px;height:18px;color:var(--red);display:flex;align-items:center;justify-content:center}
.lp-opt.sel .lp-opt-ic{color:#fff}
.lp-opt-ic svg{width:18px;height:18px}
.lp-empty{padding:14px 12px;text-align:center;color:var(--muted);font-size:13px}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:120;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.28);transition:transform .15s}
.wa-float:hover{transform:scale(1.08);color:#fff}
@media (max-width:640px){ .wa-float{right:14px;bottom:14px;width:52px;height:52px} .page-wiz .wa-float{bottom:82px} }
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.auth-grid .field{margin-bottom:0}
.tel-field-simple{display:flex;gap:8px}
.tel-kod-s{flex:0 0 92px;padding-right:8px}
/* Hesap ayarları */
.acc-verify{display:flex;align-items:center;gap:14px;border-radius:14px;padding:16px 20px;margin-bottom:18px;border:1px solid var(--line)}
.acc-verify.ok{background:#eefaf1;border-color:#bfe6cb}
.acc-verify.warn{background:#fff6ed;border-color:#f3d5ab}
.acc-verify .av-ic{flex:0 0 auto}
.acc-verify.ok .av-ic{color:#1a7f45}
.acc-verify.warn .av-ic{color:#c9820c}
.acc-verify b{display:block;font-size:14.5px}
.acc-verify small{color:var(--muted);font-size:12.5px}
.acc-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;box-shadow:var(--shadow-sm);margin-bottom:18px}
.acc-h{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 16px}
@media (max-width:640px){ .auth-grid{grid-template-columns:1fr} }

/* ---------- Account tabs ---------- */
.acct-tabs{background:#111;border-radius:8px;display:flex;flex-wrap:wrap;overflow:hidden;margin:-26px auto 26px;position:relative;box-shadow:var(--shadow-sm)}
.acct-tabs a{color:#fff;padding:15px 20px;font-weight:600;font-size:14px;opacity:.85}
.acct-tabs a.active{background:var(--red);opacity:1}
/* ---------- Pagination ---------- */
.pager{display:inline-flex;align-items:center;gap:4px;background:#e6e3e3;border-radius:100px;padding:6px;margin:34px auto 0;justify-content:center}
.pager{display:flex;width:max-content;margin-left:auto;margin-right:auto}
.pg{min-width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#333;text-decoration:none}
.pg:hover{color:var(--red)}
.pg.on{background:var(--red);color:#fff}
.pg-nav{background:#fff;color:var(--red);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.pg-nav .ic{margin:0 -2px}
.pg-dots{padding:0 6px;color:#888}

.empty-state{text-align:center;padding:60px 20px}
.empty-state .ei{width:64px;height:64px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;margin:0 auto 18px}

/* ---------- Booking steps + form ---------- */
.book-steps{background:var(--bg-soft);border-bottom:1px solid var(--line)}
.steps-in{display:flex;align-items:center;gap:8px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:700;font-size:14px;flex:1;min-width:150px}
.step .sc{width:26px;height:26px;border-radius:50%;background:#ccc;color:#fff;display:grid;place-items:center;font-size:13px;flex:none}
.step.on{color:var(--red)}
.step.on .sc{background:var(--red)}
.step:not(:last-child)::after{content:"";flex:1;height:2px;background:#d8d8d8;margin-left:4px}
.bk-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
.bk-form .fl2{display:block;font-size:13px;font-weight:700;margin:0 0 6px;color:#333}
.bk-form .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bk-side{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}
.bk-side-head{background:var(--red);color:#fff;padding:12px 16px;font-weight:700}
.bk-car{padding:16px}
.bk-car-img{aspect-ratio:16/9;display:grid;place-items:center;margin-bottom:8px}
.bk-car-img img{max-height:120px;object-fit:contain}
.bk-specs{display:flex;gap:14px;flex-wrap:wrap;color:#444;font-size:13px;margin:10px 0;border-top:1px solid var(--line);padding-top:10px}
.bk-specs span{display:flex;align-items:center;gap:5px}
.bk-price{font-size:20px;font-weight:800;color:var(--red)}
.bk-price small{font-size:13px;color:var(--muted);font-weight:600}

/* ---------- Mobil üst menü kimlik linkleri ---------- */
.nav-auth-m{display:none}
.mnav-close{display:none}

/* ---------- Footer ---------- */
.foot-news{background:var(--bg-soft);border-top:1px solid var(--line)}
.foot-news-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;padding-bottom:22px}
.foot-news-in span{font-weight:700}
.news-form{display:flex;gap:10px}
.news-form input{border:1.5px solid var(--line);border-radius:100px;padding:11px 18px;min-width:280px;font-family:inherit}
.site-footer .foot-main{background:var(--red);color:#fff;padding:40px 0}
.foot-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:26px}
.foot-col h4{margin:0 0 12px;font-size:15px;font-weight:800}
.foot-col a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.18);opacity:.92;line-height:1.35}
.foot-col a span{min-width:0}
.foot-col a:hover{opacity:1}
.foot-col a svg{flex:0 0 auto}
.foot-bottom{background:var(--red-darker);color:rgba(255,255,255,.85);font-size:12.5px;padding:14px 0}
.foot-bottom-in{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.foot-contact-inline{display:inline-flex;align-items:center;gap:6px;opacity:.9}

/* ---------- İçerik sayfaları (footer/nav bağlantıları) ---------- */
.content-page{max-width:940px;margin:0 auto}
.cp-lead{font-size:18px;color:var(--ink);margin:0 auto 26px;line-height:1.55;text-align:center;max-width:720px}
.cp-para{line-height:1.7;margin:0 0 18px;color:var(--muted)}
.cp-h2{font-size:19px;margin:28px 0 14px;text-align:center}
.cp-h2.left{text-align:left;margin-top:0}
/* Detaylı madde listesi */
.cp-list{margin:0;padding:0;list-style:none}
.cp-list li{position:relative;padding:9px 0 9px 26px;border-bottom:1px solid #f0f0f0;line-height:1.55;font-size:14.5px}
.cp-list li::before{content:"";position:absolute;left:3px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--red)}
/* Metin + liste iki sütun */
.cp-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;margin:8px 0 4px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 28px;box-shadow:var(--shadow-sm)}
.cp-split .cp-para{margin:0}
/* Zaman çizelgesi */
.cp-timeline{position:relative;margin:6px 0 4px;padding-left:8px}
.cp-tl{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid #f0f0f0;align-items:baseline}
.cp-tl:last-child{border-bottom:0}
.cp-tl-y{font-weight:800;color:var(--red);font-size:15px}
.cp-tl-t{color:var(--muted);line-height:1.5}
@media (max-width:720px){ .cp-split{grid-template-columns:1fr;gap:14px} .cp-tl{grid-template-columns:1fr;gap:2px} }
/* İkon kart ızgarası (sade, avis tarzı) */
.cp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:0 0 8px}
.cp-fc{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 20px;box-shadow:var(--shadow-sm);transition:.15s}
.cp-fc:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.cp-fc-ic{width:46px;height:46px;border-radius:12px;background:#fff5f6;color:var(--red);display:grid;place-items:center;margin-bottom:6px}
.cp-fc>b{font-size:15.5px}
.cp-fc-d{color:var(--muted);font-size:13.5px;line-height:1.5}
/* 4 adım */
.cp-steps2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.cp-step2{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm)}
.cp-step2>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;margin-bottom:10px}
.cp-step2>b{display:block;font-size:15px;margin-bottom:4px}
.cp-step2>small{color:var(--muted);font-size:13px;line-height:1.5}
.cp-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px;padding:22px 26px;background:linear-gradient(120deg,#fff5f6,#fff);border:1px solid var(--red);border-radius:16px}
.cp-cta b{display:block;font-size:16px}
.cp-cta span{color:var(--muted);font-size:13.5px}
.cp-cats{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 8px;justify-content:center}
.cp-cat{display:inline-flex;align-items:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:100px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:.14s}
.cp-cat:hover{background:var(--red);color:#fff;border-color:var(--red)}
.cp-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:8px}
.cp-contact-item{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-sm)}
.cp-contact-item svg{color:var(--red);flex:0 0 auto}
.cp-contact-item small{display:block;color:var(--muted);font-size:12px}
.cp-contact-item b{font-size:14.5px}
.cp-faq{display:flex;flex-direction:column;gap:10px}
.cp-faq-item{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.cp-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;font-weight:700}
.cp-faq-item summary::-webkit-details-marker{display:none}
.cp-faq-item summary svg{transition:.2s;flex:0 0 auto}
.cp-faq-item[open] summary svg{transform:rotate(180deg)}
.cp-faq-item[open] summary{color:var(--red)}
.cp-faq-a{padding:0 18px 16px;color:var(--muted);line-height:1.6}
.cp-offices{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.cp-office{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-sm)}
.cp-office svg{color:var(--red);flex:0 0 auto}
.cp-office b{display:block;font-size:14px}
.cp-office small{color:var(--muted);font-size:12px}
@media (max-width:900px){ .foot-cols{grid-template-columns:repeat(3,1fr)} }

/* ---------- "Hemen Kirala" modalı ---------- */
.kmodal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.kmodal[hidden]{display:none}
.kmodal-back{position:absolute;inset:0;background:rgba(120,0,20,.55);backdrop-filter:blur(2px)}
.kmodal-card{position:relative;background:#fff;border-radius:16px;width:100%;max-width:540px;max-height:92vh;overflow:auto;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.kmodal-head{background:var(--red-dark);color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0}
.kmodal-head h3{margin:0;font-size:18px}
.kmodal-x{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--red);border:0;display:grid;place-items:center;cursor:pointer}
.kmodal-car{margin:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.kmodal-car .km-cat{color:var(--red);font-size:12px;font-weight:700}
.kmodal-car .km-name{font-size:17px;font-weight:800}
.kmodal-car img{width:120px;object-fit:contain;order:-1}
.kmodal-car>div{text-align:left;flex:1}
.kmodal-body{padding:0 22px 22px}
.kmodal-body .fl2{display:block;font-size:13px;font-weight:700;margin:0 0 6px}
.km-iade{margin-top:12px}
.kmodal-foot{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px}
.kmodal-foot .btn-lg{min-width:220px;justify-content:center}
.km-promo-toggle{background:none;border:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:5px;color:var(--red);font-weight:700;font-size:13px}
.kmodal-foot #kmPromo{width:100%}

/* ---------- Sihirbaz adım çubuğu ---------- */
.wiz-steps{background:var(--bg-soft);border-bottom:1px solid var(--line)}
.wiz-steps-in{display:flex;align-items:center;padding-top:16px;padding-bottom:16px;gap:6px}
.wstep{display:flex;align-items:center;gap:8px;color:#9a9a9a;font-weight:700;font-size:14px;white-space:nowrap}
.wstep .wsc{width:28px;height:28px;border-radius:50%;background:#c9c9c9;color:#fff;display:grid;place-items:center;flex:none}
.wstep.on{color:var(--red)}.wstep.on .wsc{background:var(--red)}
.wstep.done{color:var(--red)}.wstep.done .wsc{background:var(--red)}
.wstep::after{content:"";height:2px;background:#d6d6d6;flex:1;min-width:20px;margin:0 4px}
.wstep:last-child::after{display:none}

/* ---------- Sihirbaz düzen ---------- */
.wiz-grid{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start}
.wiz-filters{display:flex;align-items:center;gap:10px;padding:12px 0 18px;font-size:14px}
.info-note{display:flex;align-items:center;gap:8px;background:#eafaf0;border:1px solid #c3ecd3;color:#137a3f;border-radius:10px;padding:10px 14px;font-size:14px;margin:0 0 16px}

/* araç seçim kartı */
.wiz-car{position:relative;cursor:pointer;border:2px solid var(--line)}
.wiz-car.sel{border-color:var(--red);box-shadow:0 6px 24px rgba(228,0,43,.14)}
.wiz-badge{position:absolute;top:0;left:0;background:#111;color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:10px 0 10px 0}
.wiz-mini-specs{color:#555;font-size:13px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}
.wiz-price{margin-top:12px;text-align:center;border:1px solid var(--red);border-radius:10px;overflow:hidden}
.wiz-price span{display:block;background:#fff;color:#333;font-size:12px;padding:6px}
.wiz-price b{display:block;background:var(--red);color:#fff;font-size:18px;padding:8px}
.wiz-price small{display:block;color:var(--muted);font-size:11px;padding:5px}

/* güvence kartları */
.guv-grid{align-items:stretch}
.guv-card{position:relative;background:#fff;border:2px solid var(--line);border-radius:12px;padding:18px;cursor:pointer;display:flex;flex-direction:column}
.guv-card.sel{border-color:var(--red);background:#fff5f6;box-shadow:0 6px 24px rgba(228,0,43,.20)}
.guv-card.pop{border-color:#1a7f45}
.guv-card.pop.sel{border-color:var(--red)}
.guv-card.sel::after{content:"SEÇİLDİ";position:absolute;top:12px;right:12px;background:var(--red);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 9px;border-radius:100px}
.guv-pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#1a7f45;color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:100px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.guv-head b{font-size:17px;color:var(--red)}
.guv-price{font-size:18px;font-weight:800;margin-top:4px}.guv-price small{font-size:12px;color:var(--muted);font-weight:600}
.guv-list{margin:14px 0;flex:1}
.guv-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f0f0f0;font-size:13.5px}
.gy{color:#1a7f45}.gx{color:#d33}
.pill-add{display:block;text-align:center;background:var(--red);color:#fff;border-radius:100px;padding:11px;font-weight:700;font-size:14px}
.guv-card.sel .pill-add{background:#1a7f45}

/* ek ürünler */
.ek-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ek-card{border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column}
.ek-head{display:flex;align-items:center;gap:8px;color:var(--red);font-weight:700}
.ek-head b{font-size:16px}
.ek-fiyat{margin-left:auto;color:#111;font-weight:800;font-size:15px}.ek-fiyat small{color:var(--muted);font-weight:600;font-size:12px}
.ek-acik{color:#555;font-size:13.5px;flex:1;margin:12px 0}
.ek-step{display:inline-flex;align-items:center;align-self:flex-end;border:1px solid var(--red);border-radius:8px;overflow:hidden}
.ek-step .stp{background:var(--red);color:#fff;border:0;width:38px;height:38px;display:grid;place-items:center;cursor:pointer}
.ek-step input{width:52px;height:38px;text-align:center;border:0;font-weight:700;font-size:15px}

/* sağ özet paneli */
.wiz-ozet{position:sticky;top:80px}
.oz-fiyat{background:#111;border-radius:10px;overflow:hidden;margin-bottom:14px}
.oz-price{background:var(--red);color:#fff;padding:12px 16px;display:flex;flex-direction:column;align-items:center}
.oz-price span{font-size:12px;opacity:.9}.oz-price b{font-size:20px}
.oz-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.oz-head{background:#fdeef0;color:#111;font-weight:800;padding:12px 16px}
.oz-route{padding:14px 16px;border-bottom:1px solid var(--line);font-size:13px}
.oz-route>div{display:flex;gap:8px;padding:5px 0}
.oz-route .pin{color:var(--red)}.oz-route .pin2{color:#111}
.oz-car{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:center}
.oz-car-img{width:96px;flex:none}.oz-car-img img{width:100%;object-fit:contain}
.oz-specs{display:flex;gap:10px;flex-wrap:wrap;color:#555;font-size:12px;margin-top:6px}
.oz-lines{padding:12px 16px;font-size:14px}
.oz-lines>div{display:flex;justify-content:space-between;padding:5px 0}
.oz-lines>div[hidden]{display:none}
.oz-lines>div b{color:#1a7f45}
.oz-total{display:flex;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--line);font-size:16px}
.oz-total b{color:var(--red)}

/* sürücü bilgileri */
.drv-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow-sm)}
.drv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.drv-auth{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.drv-auth-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--red);border-radius:10px;padding:14px 18px;font-size:14px}
.drv-auth-btn b{color:var(--red);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.drv-auth-btn.solid{background:var(--red);color:#fff;border-color:var(--red)}
.drv-auth-btn.solid b{color:#fff}
.drv-wa-btn{display:flex;align-items:center;gap:13px;margin-top:14px;border:1.5px solid #25d366;background:#25d366;color:#fff;border-radius:10px;padding:12px 18px;transition:filter .15s}
.drv-wa-btn:hover{filter:brightness(1.05)}
.drv-wa-btn>.ic:first-child{flex:0 0 auto}
.drv-wa-btn span{display:flex;flex-direction:column;line-height:1.25;flex:1}
.drv-wa-btn b{font-size:14px}
.drv-wa-btn small{font-size:12px;opacity:.9}
.drv-wa-btn>.ic:last-child{flex:0 0 auto}

/* ikili fiyat — sağ panel */
.oz-fiyat2{display:grid;grid-template-columns:1fr 1fr;border-radius:10px;overflow:hidden;margin-bottom:14px;box-shadow:var(--shadow-sm)}
.oz-fiyat2 .ofiste{background:#fff;border:1px solid var(--line);padding:10px 12px;text-align:center}
.oz-fiyat2 .ofiste span{font-size:11px;color:var(--muted)}.oz-fiyat2 .ofiste b{display:block;font-size:16px;color:#111}
.oz-fiyat2 .hemen{background:var(--red);color:#fff;padding:10px 12px;text-align:center}
.oz-fiyat2 .hemen span{font-size:11px;opacity:.9}.oz-fiyat2 .hemen b{display:block;font-size:18px}
.oz-fiyat2 .hemen small{display:block;font-size:10px;opacity:.95;margin-top:2px}

/* araç kartı ikili fiyat */
.wiz-price2{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:12px;border-radius:8px;overflow:hidden;border:1px solid var(--red)}
.wp-ofiste{background:#fff;padding:8px;text-align:center}
.wp-ofiste span{font-size:11px;color:var(--muted)}.wp-ofiste b{display:block;font-size:16px;color:#111}
.wp-ofiste small,.wp-hemen small{display:block;font-size:10px;margin-top:2px}
.wp-ofiste small{color:var(--muted)}
.wp-hemen{background:var(--red);color:#fff;padding:8px;text-align:center}
.wp-hemen span{font-size:11px;opacity:.9}.wp-hemen b{display:block;font-size:16px}
.wp-liste{text-align:center;color:var(--muted);font-size:12px;padding:8px 0 0}

/* güvence toggle */
.guv-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.guv-toggle{border:0;background:var(--red);color:#fff;border-radius:100px;padding:11px 18px;font-weight:700;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.guv-toggle .rem{display:none;align-items:center;gap:6px}
.guv-toggle .add{display:inline-flex;align-items:center;gap:6px}
.guv-card.sel .guv-toggle{background:#fff;color:var(--red);border:1.5px solid var(--red)}
.guv-card.sel .guv-toggle .add{display:none}
.guv-card.sel .guv-toggle .rem{display:inline-flex}
.guv-detay-toggle{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;color:var(--red);font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;gap:4px}
.guv-detay{margin-top:12px;border-top:1px dashed var(--line);padding-top:12px}
.guv-detay[hidden]{display:none}
.guv-detay-item{margin-bottom:10px}
.guv-detay-item b{display:block;font-size:12.5px;color:var(--ink);margin-bottom:2px}
.guv-detay-item span{font-size:12px;color:var(--muted);line-height:1.45}
.guv-detay-item.off{opacity:.5}

/* sürücü/ödeme bölümleri */
.drv-title{display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 4px}
.drv-check{color:#1a7f45;display:none}
.drv-check.on{display:inline-flex}
.drv-box.odeme{border:2px solid var(--red)}
.dekont-drop{display:flex;align-items:center;gap:10px;border:2px dashed #cfd4db;border-radius:10px;padding:16px 18px;cursor:pointer;color:var(--muted);font-size:14px}
.dekont-drop:hover{border-color:var(--red)}
.dekont-drop.has{border-color:#1a7f45;border-style:solid;color:#137a3f}

/* ---------- Sürücü bilgileri adımı (yenilendi) ---------- */
.drv-form,.drv-form .inp,.drv-form select,.drv-form textarea,.drv-form label{font-family:'Open Sans',system-ui,Arial,sans-serif;font-weight:400}
.drv-form .fl2{font-weight:600;font-size:13px}
.drv-carstrip{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}
.drv-carstrip-img{width:150px;min-width:150px;text-align:center}
.drv-carstrip-img img{width:100%;max-height:82px;object-fit:contain}
.drv-carstrip-name{font-size:18px;font-weight:800}
.drv-note{color:var(--muted);font-size:12.5px;line-height:1.5;margin:6px 0 0}
.drv-checks{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px}
.drv-sub{font-size:15px;margin:20px 0 0;padding-top:16px;border-top:1px solid #f0f0f0;color:var(--red)}
.drv-date3{display:grid;grid-template-columns:1fr 1.3fr .9fr;gap:8px}
.tel-field{position:relative;display:flex;align-items:stretch;gap:0;border:1.5px solid var(--line);border-radius:9px;background:#fff}
.tel-field:focus-within{border-color:var(--red)}
.tel-sel{display:flex;align-items:center;gap:7px;border:0;border-right:1.5px solid var(--line);background:#fff;cursor:pointer;font-family:inherit;padding:0 10px 0 12px;border-radius:9px 0 0 9px;color:var(--ink)}
.tel-sel .tel-flag{display:flex;align-items:center}
.tel-flag svg,.tel-opt-flag svg{border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.10);display:block}
.tel-code{font-size:14px;font-weight:600}
.tel-num{border:0!important;border-radius:0 9px 9px 0!important;flex:1;min-height:44px}
.tel-list{position:absolute;top:calc(100% + 4px);left:0;z-index:60;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:280px;overflow-y:auto;min-width:250px;padding:5px}
.tel-list[hidden]{display:none}
.tel-opt{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;cursor:pointer;font-family:inherit;padding:9px 12px;border-radius:7px;text-align:left}
.tel-opt:hover{background:var(--bg-soft)}
.tel-opt-name{flex:1;font-size:13.5px}
.tel-opt-code{color:var(--muted);font-size:13px;font-weight:600}
/* Değerlendirme analizi (açılır) */
.drv-analiz{padding:0;overflow:hidden}
.drv-analiz-head{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;font-family:inherit;padding:20px 24px;font-size:17px;font-weight:800;color:var(--ink)}
.drv-analiz-head>span:first-child{flex:1;text-align:left}
.drv-analiz-pm{width:28px;height:28px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;color:var(--muted)}
.drv-analiz-head.open .drv-analiz-pm{background:var(--red);color:#fff;border-color:var(--red);transform:rotate(45deg)}
.drv-analiz-body{padding:0 24px 22px}
.drv-readrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.drv-read{background:#fdeef0;border-radius:9px;padding:10px 14px}
.drv-read small{display:block;font-size:11px;color:var(--muted)}
.drv-read b{font-size:14px}
.drv-skip{margin-top:8px}
/* Ödeme IBAN kartı (güzelleştirildi) */
.pay-iban{display:flex;gap:16px;background:linear-gradient(135deg,#fff5f6,#ffffff);border:1.5px solid var(--red);border-radius:14px;padding:18px 20px;margin-top:12px}
.pay-iban-badge{width:46px;height:46px;min-width:46px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center}
.pay-iban-rows{flex:1;display:flex;flex-direction:column;gap:10px}
.pay-iban-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pay-iban-row small{width:130px;min-width:130px;color:var(--muted);font-size:12px}
.pay-iban-row b{font-size:15px}
.pay-iban-row .mono{letter-spacing:.5px}
.pay-amount{color:var(--red);font-size:18px!important;font-weight:800}
.pay-copy{margin-left:auto;background:#fff;border:1px solid var(--red);color:var(--red);border-radius:100px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-family:inherit}
.pay-copy:hover{background:var(--red);color:#fff}

/* ---------- Rezervasyon tamamlandı sayfası ---------- */
.rez-done-head{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 28px;box-shadow:var(--shadow-sm)}
.rez-done-check{color:#1a7f45;margin-bottom:8px}
.rez-done-info h1{font-size:24px;margin:0 0 6px}
.rez-ref{font-size:15px}.rez-ref b{color:var(--red);font-size:18px;letter-spacing:.5px}
.rez-done-car{text-align:center;min-width:230px}
.rez-done-car .carcard-cat{color:var(--red);font-weight:700;font-size:12px}
.rez-done-carname{font-size:18px;font-weight:800;margin-bottom:4px}
.rez-done-car img{width:230px;max-height:120px;object-fit:contain}
.rez-done-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px;align-items:start}
.rez-sec-title{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;color:var(--ink)}
.rez-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rez-two>div small{display:block;color:var(--muted);font-size:12px;margin-bottom:3px}
.rez-two>div b{display:block;font-size:15px}
.rez-two>div span{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.rez-lines>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f3f3f3;font-size:14px}
.rez-lines>div span{color:var(--muted)}
.rez-total{border-bottom:0!important;padding-top:12px!important;font-size:16px!important}
.rez-total b{color:var(--red);font-size:18px}
.rez-usage{display:flex;flex-direction:column;gap:12px}
.rez-usage-box{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.rez-usage-box b{display:flex;align-items:center;gap:7px;font-size:14px;margin-bottom:5px}
.rez-usage-box span{color:var(--muted);font-size:12.5px;line-height:1.5}
@media (max-width:900px){
  .rez-done-head{flex-direction:column-reverse;text-align:center}
  .rez-done-grid{grid-template-columns:1fr}
  .rez-two{grid-template-columns:1fr}
}
.oz-btn:disabled{background:#c9c9c9;cursor:not-allowed}

/* mobil sihirbaz alt sabit çubuk */
.wiz-mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -6px 20px rgba(0,0,0,.10);padding:10px 16px;align-items:center;justify-content:space-between;gap:14px}
.wiz-mbar .mbar-total{display:flex;flex-direction:column;line-height:1.15}
.wiz-mbar .mbar-total small{color:var(--muted);font-size:11px}
.wiz-mbar .mbar-total b{font-size:19px;color:var(--red)}
.wiz-mbar .oz-btn{white-space:nowrap;padding:12px 20px}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  body{overflow-x:hidden}
  .wrap{max-width:100%}
  .hero-in{grid-template-columns:1fr;min-height:auto;padding-top:30px;padding-bottom:26px;gap:16px}
  .hero-copy{text-align:center}
  .hero-copy h2{font-size:25px;margin-bottom:12px;max-width:none}
  .hero-sub{margin-left:auto;margin-right:auto}
  .hero-texts{min-height:172px}
  .hero-cta{margin-top:14px}
  .hero-nav{justify-content:center;margin-top:22px}
  .hero-bg{background-position:center top}
  .hero-bg-slide{background-position:center center}
  .cards-3,.grid-cars{grid-template-columns:1fr 1fr}
  .foot-cols{grid-template-columns:1fr 1fr}
  .foot-news-in{flex-direction:column;align-items:stretch;gap:12px}
  .news-form{width:100%}
  .news-form input{min-width:0;flex:1}
  .mnav-btn{display:block}
  /* Temiz kayan menü: kutucuk yok, düz liste, tam kaydırılabilir */
  .mainnav{position:fixed;top:0;right:0;left:auto;bottom:0;width:300px;max-width:88vw;background:var(--red-dark);transform:translateX(100%);transition:transform .22s ease;overflow-y:auto;overflow-x:hidden;z-index:60;padding:64px 0 40px;-webkit-overflow-scrolling:touch;box-shadow:-6px 0 30px rgba(0,0,0,.28)}
  #mnav:checked ~ .site-header .mainnav{transform:none}
  /* Menü açıkken header'ı overlay'in ÜSTÜNE çıkar: aksi halde header'ın
     stacking-context'i (sticky+z-index:40) menüyü hapseder, overlay(z-55)
     menünün üstüne biner → linkler tıklanmaz, menü kaydırılamaz. */
  #mnav:checked ~ .site-header{z-index:56}
  .mainnav-in{flex-direction:column;align-items:stretch}
  .mnav-close{display:grid;place-items:center;position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;z-index:2}
  .mnav-close:active{background:rgba(255,255,255,.25)}
  .nav-item{display:block;position:static;border-bottom:1px solid rgba(255,255,255,.12)}
  .nav-item>a{padding:15px 22px;font-size:15px;font-weight:700}
  /* Alt menüler: KUTUCUK YOK — sadece girintili düz liste */
  .nav-drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;border-radius:0;min-width:0;padding:2px 0 8px}
  .nav-drop-head{display:none}
  .nav-drop a{color:rgba(255,255,255,.82);border:0;padding:9px 22px 9px 38px;font-size:13.5px;font-weight:500}
  .nav-drop a:active{color:#fff}
  .nav-search{display:none}
  .nav-item:hover>a{background:transparent;color:#fff}
  /* iOS: input font-size < 16px odaklanınca zoom yapıyor → 16px */
  .inp,.lp-input,input,select,textarea{font-size:16px}
  .nav-auth-m{display:block;border-top:2px solid rgba(255,255,255,.25);margin-top:6px;padding-top:6px}
  .nav-auth-m a{display:flex;align-items:center;gap:10px;color:#fff;padding:14px 20px;font-weight:600;font-size:14px}
  /* Menü en üstünde Giriş / Kayıt butonları */
  .nav-auth-top{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.20)}
  .nav-auth-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 8px;border-radius:10px;font-weight:700;font-size:13.5px;border:1.5px solid rgba(255,255,255,.55);color:#fff;text-align:center}
  .nav-auth-btn.solid{background:#fff;color:var(--red);border-color:#fff}
  .nav-auth-btn:active{opacity:.85}
  /* Giriş yapılmışsa: menü üstünde hesap menüsü (dikey liste) */
  .nav-auth-top.nav-auth-acct{display:block;grid-template-columns:none;padding:0 12px 12px}
  .nav-acct-name{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:15px;padding:2px 4px 10px}
  .nav-acct-link{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.9);padding:11px 6px;font-weight:600;font-size:14px;border-radius:8px}
  .nav-acct-link>svg{opacity:.7}
  .nav-acct-link:active{background:rgba(255,255,255,.12)}
  .nav-acct-logout{color:#ffd9d9;margin-top:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}
  /* Giriş yapılmışsa hamburger yerine "Merhaba, X" tıklanınca menü açılır */
  .is-auth .mnav-btn{display:none}
  .is-auth .tb-hello{cursor:pointer}
  .tb-hello-caret{display:inline-flex;align-items:center;margin-left:2px;opacity:.9;transition:transform .2s}
  #mnav:checked ~ .site-header .tb-hello-caret{transform:rotate(180deg)}
  /* Booking formu: başlık + alt aksiyon ortalı */
  .book h3{text-align:center}
  .book-foot{justify-content:center;flex-direction:column;align-items:center;gap:12px}
  .book-foot .btn{width:100%;justify-content:center}
  /* Sihirbaz ana başlıkları ortalı */
  .wiz-main>h2{text-align:center}
  .bk-grid{grid-template-columns:1fr}
  .bk-side{order:-1}
  .steps-in .step{min-width:0;font-size:12px}
  .steps-in .step span:not(.sc){display:none}
  .wiz-grid{grid-template-columns:1fr}
  .wiz-ozet{position:static;order:2}
  .wiz-ozet .oz-btn{display:none}
  .page-wiz .wiz-mbar{display:flex}
  .page-wiz{padding-bottom:78px}
  .guv-grid,.ek-grid,.drv-grid,.drv-auth{grid-template-columns:1fr}
  .drv-carstrip{flex-direction:column;text-align:center}
  .drv-carstrip-img{width:180px;min-width:0}
  .drv-readrow{grid-template-columns:1fr}
  .pay-iban-row small{width:auto;min-width:100px}
  .pay-copy{margin-left:0}
  .guv-card.pop{margin-top:14px}
  .wiz-steps-in{overflow-x:auto}
  .wstep .wsl{display:none}
  .wstep.on .wsl{display:inline}
  .mnav-overlay{display:none}
  #mnav:checked ~ .mnav-overlay{display:block;position:fixed;inset:0;background:transparent;z-index:55}
  .feature{border-right:0;flex-basis:45%}
}
@media (max-width:900px){
  .topbar-in{height:58px;position:relative}
  .brand img{height:28px}
  .topbar-right .tb-pill:not(.tb-hello){display:none}
  .tb-lang{display:none}
  .mnav-btn{order:3}
  .topbar-right{gap:8px}
  .tb-hello{padding:7px 12px;font-size:12px}
}
@media (max-width:640px){
  .page-banner{padding:28px 0}
  .page-banner h1{font-size:22px}
  .tabbar,.acct-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}
  .tabbar a,.acct-tabs a{white-space:nowrap;padding:13px 15px;font-size:13px}
  .bk-form .grid-2{grid-template-columns:1fr}
}
@media (max-width:560px){
  .foot-cols{grid-template-columns:1fr}
  .foot-news-in{flex-direction:column;align-items:stretch;gap:12px}
  .foot-news-in span{font-size:13.5px;line-height:1.4}
  .news-form{width:100%}.news-form input{min-width:0;flex:1}
  .news-form .btn{white-space:nowrap}
  .drv-date3{grid-template-columns:1fr 1.2fr .9fr}
  .drv-box{padding:18px 16px}
  .drv-analiz-head,.drv-analiz-body{padding-left:16px;padding-right:16px}
  .cards-3,.grid-cars,.camps{grid-template-columns:1fr}
  .dates{grid-template-columns:1fr;gap:12px}
  .dates .arr{display:none}
  .book{padding:20px 18px 22px}
  .carcard-specs{grid-template-columns:1fr}
  .feature{flex-basis:100%;border-right:0;border-bottom:1px solid #dcdcdc;padding-bottom:12px}
  .feature:last-child{border-bottom:0}
}

/* ---------- Mobil yan boşluk + kart düzeltmeleri (her sayfada nefes payı) ---------- */
@media (max-width:640px){
  .wrap{padding-left:16px;padding-right:16px}
  .page-banner h1{padding:0 6px}
  /* Hesap sekmeleri banner başlığına yapışmasın — araya boşluk */
  .acct-tabs{margin-top:14px}
  /* Rezervasyon kartı: satır yerine dikey yığ, buton tam genişlik */
  .rez-card{flex-direction:column!important;align-items:stretch!important;text-align:left;gap:12px!important}
  .rez-card .rez-card-right{text-align:left!important}
  .rez-card .rez-card-right .btn{width:100%;justify-content:center;margin-top:4px}
  .rez-card .carcard-price{font-size:20px}
  /* Sürücü şeridi görsel taşmasın */
  .drv-carstrip-img{width:150px}
  /* Ödeme IBAN'ı satırları alt alta */
  .pay-iban{flex-direction:column;gap:12px}
  .pay-iban-row{gap:4px}
  /* Sihirbaz özet kartı okunur */
  .oz-fiyat2{grid-template-columns:1fr 1fr}
}
@media (max-width:380px){
  .wrap{padding-left:13px;padding-right:13px}
  .tb-hello{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .oz-fiyat2{grid-template-columns:1fr}
}