/* ============================================================
   EVİMDEYİM AVM — ARÇELİK YETKİLİ SATICI
   Taksitli Satış Sayfası — Stil Dosyası
   ============================================================ */

/* ==================== KÖK DEĞİŞKENLER ==================== */
:root{
  --red:#C8102E;
  --red-dark:#9B0C22;
  --red-deep:#7A0919;
  --red-soft:#FDF3F4;
  --ink:#111111;
  --gray:#6B6B6B;
  --gray-light:#F7F7F7;
  --border:#EAEAEA;
  --white:#FFFFFF;
  --green:#16A34A;
  --green-dark:#0F5132;
  --green-soft:#F0FDF4;
  --amber:#F59E0B;
  --amber-soft:#FFFBEB;
  --blue:#1E40AF;
  --blue-soft:#EFF6FF;
  --vh:1vh;
}

/* ============================================================
   GLOBAL RESET & TAŞMA ENGELLEME
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box;}

html{
  scroll-behavior:smooth;
  height:100%;
  width:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  font-family:'Inter',-apple-system,sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  width:100%;
  max-width:100%;
  min-height:100vh;
  min-height:100dvh;
  overflow-x:hidden;
  position:relative;
}

a{text-decoration:none;color:inherit;}

/* Tüm resim ve medya taşmasın */
img, svg, video, canvas{
  max-width:100%;
  height:auto;
}

/* Uzun kelimeler taşmasın */
p, h1, h2, h3, h4, h5, h6, span, a, li, td, th, label, button{
  overflow-wrap:break-word;
  word-wrap:break-word;
}

/* Container */
.container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 28px;
  box-sizing:border-box;
}

/* Body scroll kilidi (overlay açıkken) */
body.no-scroll{
  overflow:hidden !important;
  height:100vh;
  height:100dvh;
}

/* Sayfa fade-in */
body{
  opacity:0;
  transition:opacity .35s ease;
}
body.page-ready{opacity:1;}

/* ==================== ANİMASYONLAR ==================== */
@keyframes pulse{
  0%,100%{box-shadow:0 0 0 3px rgba(74,222,128,.25);}
  50%{box-shadow:0 0 0 6px rgba(74,222,128,.05);}
}
@keyframes popIn{
  from{transform:scale(.97);opacity:0;}
  to{transform:scale(1);opacity:1;}
}
@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}
@keyframes popUp{
  from{transform:scale(.9) translateY(20px);opacity:0;}
  to{transform:scale(1) translateY(0);opacity:1;}
}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes pulseBullet{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(200,16,46,.5);}
  50%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(200,16,46,0);}
}

/* ============================================================
   ÜST BAR
   ============================================================ */
.topbar{
  background:var(--red-deep);
  color:#fff;
  font-size:12.5px;
  letter-spacing:.2px;
  width:100%;
}
.topbar .container{
  display:flex;justify-content:space-between;align-items:center;
  height:38px;flex-wrap:wrap;gap:8px;
}
.topbar .left{display:flex;align-items:center;gap:8px;}
.topbar .left .dot{
  width:7px;height:7px;background:#4ADE80;border-radius:50%;
  box-shadow:0 0 0 3px rgba(74,222,128,.25);
  animation:pulse 2s infinite;
}
.topbar a{opacity:.9;transition:.2s;display:flex;align-items:center;gap:6px;}
.topbar a:hover{opacity:1;}
.topbar .right{display:flex;gap:22px;align-items:center;}
.topbar .right .divider{width:1px;height:14px;background:rgba(255,255,255,.3);}

/* ============================================================
   HEADER
   ============================================================ */
header{
  background:#fff;
  border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:1000;
  width:100%;
}
.header-main{
  display:flex;align-items:center;justify-content:space-between;
  height:76px;gap:24px;
}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.logo-mark{
  width:42px;height:42px;background:var(--red);
  border-radius:6px;display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.logo-mark svg{width:24px;height:24px;fill:#fff;}
.logo-mark img{width:100%;height:100%;object-fit:contain;display:block;}
.logo-text{display:flex;flex-direction:column;line-height:1.05;}
.logo-text .brand{font-size:19px;font-weight:900;letter-spacing:2px;}
.logo-text .sub{
  font-size:10px;font-weight:600;color:var(--gray);
  letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;
}
.header-cta{display:flex;align-items:center;gap:20px;}
.header-phone{
  display:flex;align-items:center;gap:10px;
  font-size:13px;color:var(--gray);
}
.header-phone svg{width:16px;height:16px;stroke:var(--red);fill:none;stroke-width:2;}
.header-phone b{color:var(--ink);font-weight:700;}
.btn-cta{
  background:var(--red);color:#fff;
  padding:11px 22px;border-radius:8px;
  font-size:13.5px;font-weight:700;border:none;cursor:pointer;
  transition:.2s;display:inline-flex;align-items:center;gap:8px;font-family:inherit;
}
.btn-cta:hover{background:var(--red-dark);transform:translateY(-1px);}
.btn-cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;}

/* ============================================================
   ETBİS ŞERİDİ
   ============================================================ */
.etbis-strip{
  background:#fff;
  border-bottom:1px solid var(--border);
  font-size:12px;
  width:100%;
}
.etbis-strip .container{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 28px;gap:16px;flex-wrap:wrap;
}
.etbis-strip .left{display:flex;align-items:center;gap:10px;}
.etbis-strip .badge-icon{
  width:28px;height:28px;border-radius:6px;
  background:var(--red-soft);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.etbis-strip .badge-icon svg{
  width:15px;height:15px;stroke:var(--red);fill:none;stroke-width:2;
}
.etbis-strip .left b{color:var(--ink);font-weight:700;}
.etbis-strip .left span{color:var(--gray);}
.etbis-strip .right{
  display:flex;align-items:center;gap:8px;
  color:var(--gray);font-size:11.5px;
}
.etbis-strip .right svg{
  width:13px;height:13px;stroke:var(--green);fill:none;stroke-width:2.5;
}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  background:linear-gradient(135deg,var(--red-deep) 0%,var(--red) 60%,var(--red-dark) 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
  width:100%;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 88% 15%,rgba(255,255,255,.12),transparent 42%),
    radial-gradient(circle at 10% 95%,rgba(0,0,0,.28),transparent 50%);
}
.hero-inner{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr 1fr;
  gap:56px;align-items:center;
  padding:64px 0;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.hero-visual{
  position:relative;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:36px;
  backdrop-filter:blur(4px);
  width:100%;
  box-sizing:border-box;
}
.hero-badge{
  position:absolute;top:-14px;left:32px;
  background:#fff;color:var(--red);
  font-size:11px;font-weight:800;letter-spacing:1px;
  padding:6px 14px;border-radius:100px;text-transform:uppercase;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  z-index:3;
}
.product-info h2{
  font-size:22px;font-weight:800;line-height:1.25;margin-bottom:6px;
  letter-spacing:-.3px;
}
.product-info .model{
  font-size:12.5px;opacity:.75;margin-bottom:14px;
  letter-spacing:.5px;
}
.product-price-row{
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
}
.product-price-row .new{font-size:32px;font-weight:900;letter-spacing:-.8px;}
.product-price-row .old{font-size:15px;opacity:.55;text-decoration:line-through;}
.product-price-row .discount{
  background:#fff;color:var(--red);
  font-size:11.5px;font-weight:800;
  padding:4px 10px;border-radius:6px;letter-spacing:.5px;
}

.hero-content .eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);
  padding:6px 14px;border-radius:100px;
  font-size:11.5px;font-weight:700;letter-spacing:1.2px;
  text-transform:uppercase;margin-bottom:20px;
}
.hero-content .eyebrow::before{
  content:"";width:6px;height:6px;background:#4ADE80;border-radius:50%;
}
.hero-content h1{
  font-size:40px;font-weight:800;line-height:1.12;
  letter-spacing:-1.1px;margin-bottom:16px;
}
.hero-content h1 span{
  color:#fff;
  background:linear-gradient(180deg,transparent 62%,rgba(255,255,255,.28) 62%);
  padding:0 4px;
}
.hero-content p{
  font-size:16px;opacity:.9;max-width:480px;
  margin-bottom:26px;line-height:1.65;
}
.hero-features{
  display:flex;flex-direction:column;gap:10px;margin-bottom:30px;
}
.hero-features .f{
  display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;
}
.hero-features .f svg{
  width:18px;height:18px;stroke:#4ADE80;fill:none;
  stroke-width:2.5;flex-shrink:0;
}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;}
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 30px;border-radius:8px;
  font-size:14.5px;font-weight:700;font-family:inherit;
  cursor:pointer;border:none;transition:.25s;letter-spacing:.2px;
}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;}
.btn-white{background:#fff;color:var(--red);}
.btn-white:hover{background:var(--ink);color:#fff;transform:translateY(-2px);}
.btn-ghost{
  background:transparent;color:#fff;
  border:1.5px solid rgba(255,255,255,.45);
}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;}

/* ============================================================
   ÜRÜN GALERİSİ (SLIDER)
   ============================================================ */
.product-gallery{
  position:relative;
  width:100%;
  height:340px;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:22px;
  box-shadow:0 4px 20px rgba(0,0,0,.08);
  user-select:none;
  touch-action:pan-y;
}
.product-gallery .slides{
  display:flex;
  width:100%;
  height:100%;
  transition:transform .45s cubic-bezier(.4,0,.2,1);
  will-change:transform;
  max-width:none;
}
.product-gallery .slide{
  min-width:100%;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  padding:14px;
  box-sizing:border-box;
}
.product-gallery .slide img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}
.product-gallery .nav-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;height:40px;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(0,0,0,.08);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:.2s;
  z-index:5;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  backdrop-filter:blur(6px);
}
.product-gallery .nav-btn:hover{
  background:var(--red);
  border-color:var(--red);
  transform:translateY(-50%) scale(1.05);
}
.product-gallery .nav-btn:hover svg{stroke:#fff;}
.product-gallery .nav-btn svg{
  width:18px;height:18px;
  stroke:var(--ink);fill:none;stroke-width:2.5;
  transition:.2s;
}
.product-gallery .nav-btn.prev{left:12px;}
.product-gallery .nav-btn.next{right:12px;}

.product-gallery .dots{
  position:absolute;
  bottom:12px;left:50%;
  transform:translateX(-50%);
  display:flex;gap:6px;
  background:rgba(255,255,255,.85);
  padding:6px 10px;
  border-radius:100px;
  backdrop-filter:blur(6px);
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  z-index:5;
}
.product-gallery .dots .dot{
  width:8px;height:8px;border-radius:50%;
  background:#B0B0B0;cursor:pointer;
  transition:.25s;
}
.product-gallery .dots .dot.active{
  background:var(--red);
  width:22px;border-radius:4px;
}

.product-gallery .thumbs{
  position:absolute;
  bottom:12px;
  right:12px;
  display:flex;
  gap:6px;
  background:rgba(255,255,255,.9);
  padding:6px;
  border-radius:10px;
  backdrop-filter:blur(6px);
  box-shadow:0 2px 10px rgba(0,0,0,.12);
  z-index:5;
}
.product-gallery .thumbs .thumb{
  width:38px;height:38px;
  border-radius:6px;
  border:2px solid transparent;
  overflow:hidden;
  cursor:pointer;
  background:#fff;
  padding:2px;
  transition:.2s;
  display:flex;align-items:center;justify-content:center;
}
.product-gallery .thumbs .thumb img{
  max-width:100%;max-height:100%;
  object-fit:contain;
  pointer-events:none;
}
.product-gallery .thumbs .thumb.active{
  border-color:var(--red);
  box-shadow:0 0 0 2px rgba(200,16,46,.15);
}

/* ==================== ÜRÜN ÖZELLİKLERİ ==================== */
.product-specs{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.15);
}
.product-specs h4{
  font-size:11px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
  opacity:.85;
  margin-bottom:8px;
}
.product-specs ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.product-specs li{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  opacity:.92;
  line-height:1.5;
}
.product-specs li svg{
  width:14px;
  height:14px;
  stroke:#4ADE80;
  fill:none;
  stroke-width:2.5;
  flex-shrink:0;
}

/* ============================================================
   GÜVEN BANDI
   ============================================================ */
.trust{border-bottom:1px solid var(--border);background:#fff;width:100%;}
.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:26px 0;}
.trust-item{
  display:flex;align-items:center;gap:12px;
  padding:0 18px;border-right:1px solid var(--border);
}
.trust-item:last-child{border-right:none;}
.trust-item svg{
  width:24px;height:24px;stroke:var(--red);fill:none;
  stroke-width:1.8;flex-shrink:0;
}
.trust-item h4{font-size:12.5px;font-weight:700;margin-bottom:1px;}
.trust-item p{font-size:11px;color:var(--gray);line-height:1.4;}

/* ============================================================
   GENEL BÖLÜM
   ============================================================ */
.section{padding:72px 0;width:100%;}
.section.alt{background:var(--gray-light);}
.section-head{text-align:center;margin-bottom:44px;}
.section-head .eyebrow{
  display:inline-block;font-size:12px;font-weight:700;color:var(--red);
  letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px;
}
.section-head h2{
  font-size:30px;font-weight:800;letter-spacing:-.7px;margin-bottom:10px;
}
.section-head p{
  font-size:15px;color:var(--gray);max-width:560px;margin:0 auto;
}

/* ============================================================
   ÖN BAŞVURU (TC DOĞRULAMA)
   ============================================================ */
.preapply{
  background:linear-gradient(135deg,#fff 0%,var(--red-soft) 100%);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  padding:64px 0;
  position:relative;overflow:hidden;
  width:100%;
}
.preapply::before{
  content:"";position:absolute;top:-120px;right:-120px;
  width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(200,16,46,.08),transparent 70%);
  pointer-events:none;
}
.preapply-inner{
  max-width:760px;margin:0 auto;text-align:center;
  position:relative;z-index:2;
}
.preapply .eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--red);color:#fff;
  padding:6px 14px;border-radius:100px;
  font-size:11px;font-weight:800;letter-spacing:1.5px;
  text-transform:uppercase;margin-bottom:18px;
}
.preapply .eyebrow svg{
  width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.5;
}
.preapply h2{
  font-size:34px;font-weight:800;letter-spacing:-.9px;
  line-height:1.15;margin-bottom:14px;
}
.preapply h2 span{color:var(--red);}
.preapply > .preapply-inner > p{
  font-size:15.5px;color:var(--gray);
  max-width:560px;margin:0 auto 32px;line-height:1.65;
}
.preapply-card{
  background:#fff;border:1px solid var(--border);
  border-radius:16px;padding:32px;
  box-shadow:0 20px 50px rgba(200,16,46,.08);
  text-align:left;position:relative;overflow:hidden;
}
.preapply-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--red),var(--red-dark));
}

.tc-field{
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;
}
.tc-field .form-group{margin-bottom:0;}
.tc-field .btn-submit{
  width:auto;padding:12px 28px;height:46px;
  font-size:14px;border-radius:8px;
  background:var(--red);color:#fff;
  font-weight:800;font-family:inherit;
  border:none;cursor:pointer;transition:.2s;
  display:inline-flex;align-items:center;gap:10px;
  letter-spacing:.3px;white-space:nowrap;
}
.tc-field .btn-submit:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 10px 22px rgba(200,16,46,.25);}
.tc-field .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;}
.tc-field .btn-submit svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.5;}

.form-label{
  display:block;font-size:12px;font-weight:700;
  letter-spacing:.4px;margin-bottom:6px;color:var(--ink);
}
.form-label .req{color:var(--red);}
.form-input,.form-select{
  width:100%;padding:12px 14px;
  border:1.5px solid var(--border);border-radius:8px;
  font-size:14px;font-family:inherit;color:var(--ink);
  outline:none;transition:.2s;background:#fff;
}
.form-input:focus,.form-select:focus{
  border-color:var(--red);
  box-shadow:0 0 0 4px rgba(200,16,46,.09);
}
.form-input.error,.form-select.error{border-color:var(--red);background:#FEF2F2;}
.form-input::placeholder{color:#ABABAB;}

.tc-hint{
  display:flex;align-items:flex-start;gap:8px;
  font-size:11.5px;color:var(--gray);line-height:1.55;margin-top:14px;
}
.tc-hint svg{
  width:14px;height:14px;stroke:var(--green);fill:none;
  stroke-width:2.5;flex-shrink:0;margin-top:1px;
}
.tc-hint b{color:var(--ink);font-weight:700;}

/* ============ HACİZ/BORÇ UYARI ============ */
.legal-warning{
  margin-top:18px;
  background:var(--amber-soft);
  border:1px solid #FDE68A;
  border-left:4px solid var(--amber);
  border-radius:10px;
  padding:14px 16px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  text-align:left;
}
.legal-warning .ico{
  width:26px;height:26px;flex-shrink:0;
  background:var(--amber);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin-top:1px;
}
.legal-warning .ico svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.5;}
.legal-warning .content h5{
  font-size:13px;font-weight:800;color:#92400E;margin-bottom:4px;
  letter-spacing:.2px;
}
.legal-warning .content p{font-size:12px;color:#78350F;line-height:1.6;}
.legal-warning .content p b{color:#78350F;font-weight:700;}

/* ============ SONUÇ KUTUSU ============ */
.pre-result{
  display:none;margin-top:24px;padding:0;
  border-radius:16px;border:1px solid;
  overflow:hidden;
  animation:popIn .4s cubic-bezier(.2,.9,.3,1.1);
  box-shadow:0 20px 50px rgba(0,0,0,.08);
}
.pre-result.success{background:#fff;border-color:rgba(22,163,74,.35);display:block;}
.pre-result.error{background:#fff;border-color:rgba(200,16,46,.35);display:block;}

.pre-result .result-header{
  padding:0;position:relative;overflow:hidden;
  border-bottom:1px solid;
}
.pre-result.success .result-header{
  background:linear-gradient(135deg,var(--green-dark) 0%,var(--green) 100%);
  border-color:rgba(255,255,255,.15);
}
.pre-result.error .result-header{
  background:linear-gradient(135deg,var(--red-deep) 0%,var(--red) 100%);
  border-color:rgba(255,255,255,.15);
}
.pre-result .result-header::after{
  content:"";position:absolute;top:-60%;right:-40px;
  width:200px;height:200px;border-radius:50%;
  background:rgba(255,255,255,.07);
  pointer-events:none;
}
.pre-result .header-top{
  display:flex;align-items:center;gap:14px;
  padding:18px 22px;
  position:relative;z-index:2;
  color:#fff;
}
.pre-result .header-top .emblem{
  width:48px;height:48px;border-radius:12px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.pre-result .header-top .emblem svg{
  width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2.5;
}
.pre-result .header-top .title-block{flex:1;min-width:0;}
.pre-result .header-top .title-block h4{
  font-size:15.5px;font-weight:900;
  letter-spacing:.3px;margin-bottom:3px;color:#fff;
}
.pre-result .header-top .title-block .subtitle{
  font-size:10.5px;font-weight:600;
  letter-spacing:1.2px;text-transform:uppercase;
  opacity:.85;color:#fff;
}
.pre-result .error-body{padding:22px;}
.pre-result .error-body p{font-size:13.5px;color:var(--gray);line-height:1.65;}
.pre-result .error-body p b{color:var(--ink);font-weight:700;}

/* ============ KOMPAKT ONAY KARTI ============ */
.pre-result .compact-success{
  padding:18px 20px;
  display:flex;align-items:center;gap:14px;
  background:linear-gradient(135deg,#F0FDF4 0%,#fff 100%);
  border-bottom:1px solid var(--border);
}
.pre-result .compact-success .ok-icon{
  width:46px;height:46px;border-radius:50%;
  background:var(--green);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 5px rgba(22,163,74,.12);
}
.pre-result .compact-success .ok-icon svg{
  width:22px;height:22px;stroke:#fff;fill:none;stroke-width:3;
}
.pre-result .compact-success .txt{flex:1;min-width:0;}
.pre-result .compact-success .txt h4{
  font-size:15px;font-weight:900;color:#166534;
  margin-bottom:3px;letter-spacing:-.2px;
}
.pre-result .compact-success .txt p{
  font-size:12px;color:#166534;opacity:.85;line-height:1.4;
}
.pre-result .compact-success .ref-badge{
  font-size:10px;font-weight:800;color:var(--gray);
  letter-spacing:.8px;text-align:right;flex-shrink:0;
}
.pre-result .compact-success .ref-badge b{
  display:block;color:var(--ink);font-size:12px;margin-top:2px;
}
.pre-result .compact-body{padding:16px 20px 20px;}
.pre-result .compact-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:8px 18px;margin-bottom:16px;
}
.pre-result .compact-grid .cg-item{
  display:flex;justify-content:space-between;gap:8px;
  font-size:12.5px;padding:6px 0;
  border-bottom:1px dashed var(--border);
}
.pre-result .compact-grid .cg-item .k{color:var(--gray);font-weight:600;}
.pre-result .compact-grid .cg-item .v{color:var(--ink);font-weight:700;text-align:right;}

.pre-result .continue-btn{
  width:100%;
  padding:16px 22px;
  background:linear-gradient(135deg,var(--green-dark) 0%,var(--green) 100%);
  color:#fff;
  border:none;border-radius:12px;font-family:inherit;
  font-size:14.5px;font-weight:800;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:10px;
  transition:.22s;letter-spacing:.3px;
  box-shadow:0 8px 24px rgba(22,163,74,.28);
}
.pre-result .continue-btn:hover{
  background:linear-gradient(135deg,#0B3F26 0%,var(--green-dark) 100%);
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(22,163,74,.38);
}
.pre-result .continue-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;}

/* ============================================================
   SİPARİŞ MODAL
   ============================================================ */
.order-overlay{
  display:none;
  position:fixed;inset:0;z-index:2500;
  background:rgba(17,17,17,.75);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  padding:20px;
  align-items:center;
  justify-content:center;
  overflow-y:auto;
  overflow-x:hidden;
  width:100vw;
  height:100vh;
  height:100dvh;
  box-sizing:border-box;
}
.order-overlay.active{display:flex;animation:fadeIn .25s ease;}
.order-modal{
  background:#fff;
  border-radius:20px;
  width:100%;
  max-width:min(calc(100vw - 40px), 560px);
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.4);
  animation:popUp .35s cubic-bezier(.2,.9,.3,1.2);
  max-height:calc(100vh - 40px);
  max-height:calc(100dvh - 40px);
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}
.order-modal .modal-header{
  background:linear-gradient(135deg,var(--red-deep) 0%,var(--red) 100%);
  color:#fff;
  padding:20px 24px;
  display:flex;align-items:center;gap:14px;
  position:relative;overflow:hidden;
  flex-shrink:0;
}
.order-modal .modal-header::after{
  content:"";position:absolute;top:-50%;right:-30px;
  width:160px;height:160px;border-radius:50%;
  background:rgba(255,255,255,.08);
  pointer-events:none;
}
.order-modal .modal-header .modal-icon{
  width:44px;height:44px;border-radius:11px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  position:relative;z-index:2;
}
.order-modal .modal-header .modal-icon svg{
  width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2.5;
}
.order-modal .modal-header .modal-title{
  flex:1;position:relative;z-index:2;
  min-width:0;
}
.order-modal .modal-header .modal-title h3{
  font-size:16px;font-weight:900;
  letter-spacing:.3px;margin-bottom:3px;
}
.order-modal .modal-header .modal-title .subtitle{
  font-size:10.5px;font-weight:600;
  letter-spacing:1.2px;text-transform:uppercase;
  opacity:.85;
}
.order-modal .modal-header .close-btn{
  width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:.2s;
  flex-shrink:0;
  position:relative;z-index:2;
}
.order-modal .modal-header .close-btn:hover{background:rgba(255,255,255,.25);}
.order-modal .modal-header .close-btn svg{
  width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.5;
}

/* ============ ADIM GÖSTERGESİ ============ */
.order-modal .step-bar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:4px;
  padding:14px 16px;
  background:var(--gray-light);
  border-bottom:1px solid var(--border);
  flex-shrink:0;
  overflow:hidden;
}
.order-modal .step-dot{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  font-size:9px;
  font-weight:700;
  color:var(--gray);
  letter-spacing:.3px;
  text-transform:uppercase;
  transition:.25s;
  min-width:0;
  flex:0 0 auto;
}
.order-modal .step-dot span{
  width:26px;
  height:26px;
  border-radius:50%;
  background:#fff;
  border:2px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  color:var(--gray);
  transition:.25s;
  flex-shrink:0;
}
.order-modal .step-dot.active span{
  background:var(--red);
  border-color:var(--red);
  color:#fff;
  box-shadow:0 0 0 4px rgba(200,16,46,.12);
}
.order-modal .step-dot.active{color:var(--red);}
.order-modal .step-dot.done span{
  background:var(--green);
  border-color:var(--green);
  color:#fff;
}
.order-modal .step-dot.done{color:var(--green);}
.order-modal .step-line{
  flex:1 1 auto;
  height:2px;
  background:var(--border);
  margin-top:13px;
  min-width:6px;
  max-width:none;
  margin-bottom:0;
}

.order-modal .modal-body{
  padding:24px;
  overflow-y:auto;
  overflow-x:hidden;
  flex:1 1 auto;
  min-height:0;
  -webkit-overflow-scrolling:touch;
}

/* MODAL TAKSİT KARTLARI */
.order-modal .modal-inst-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:9px;margin-bottom:18px;
}
.order-modal .modal-inst{
  border:1.5px solid var(--border);border-radius:10px;
  padding:12px 8px;text-align:center;cursor:pointer;
  transition:.18s;position:relative;background:#fff;
}
.order-modal .modal-inst:hover{border-color:var(--red);}
.order-modal .modal-inst.selected{
  border-color:var(--red);background:var(--red-soft);
  box-shadow:0 4px 12px rgba(200,16,46,.12);
}
.order-modal .modal-inst .m{
  font-size:10.5px;font-weight:700;color:var(--gray);
  letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px;
}
.order-modal .modal-inst .p{
  font-size:16px;font-weight:900;color:var(--ink);
  letter-spacing:-.4px;margin-bottom:3px;
}
.order-modal .modal-inst .t{font-size:10.5px;color:var(--gray);}
.order-modal .modal-inst .badge{
  position:absolute;top:-7px;left:50%;transform:translateX(-50%);
  background:var(--red);color:#fff;
  font-size:8.5px;font-weight:800;letter-spacing:.6px;
  padding:2px 7px;border-radius:100px;text-transform:uppercase;
  white-space:nowrap;
}
.order-modal .modal-actions.single{grid-template-columns:1fr;}

/* ÖZET KUTUSU */
.order-summary{
  background:linear-gradient(135deg,var(--gray-light) 0%,#fff 100%);
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px 18px;
  margin-bottom:20px;
}
.order-summary .summary-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:7px 0;
  font-size:13px;
  gap:12px;
}
.order-summary .summary-row:not(:last-child){
  border-bottom:1px dashed var(--border);
}
.order-summary .summary-row .k{color:var(--gray);font-weight:600;}
.order-summary .summary-row .v{color:var(--ink);font-weight:700;text-align:right;}
.order-summary .summary-row.total{
  padding-top:12px;margin-top:4px;
  border-top:2px solid var(--border);
  border-bottom:none !important;
}
.order-summary .summary-row.total .k{
  color:var(--ink);font-size:13px;font-weight:800;
  text-transform:uppercase;letter-spacing:.8px;
}
.order-summary .summary-row.total .v{
  color:var(--red);font-size:18px;font-weight:900;letter-spacing:-.4px;
}

/* MODAL FORM */
.order-modal .form-group{margin-bottom:14px;}
.order-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.order-modal .form-label{
  display:block;font-size:11.5px;font-weight:700;
  letter-spacing:.4px;margin-bottom:6px;color:var(--ink);
}
.order-modal .form-label .req{color:var(--red);}
.order-modal .form-input,
.order-modal .form-select{
  width:100%;padding:11px 13px;
  border:1.5px solid var(--border);border-radius:8px;
  font-size:13.5px;font-family:inherit;color:var(--ink);
  outline:none;transition:.2s;background:#fff;
}
.order-modal .form-input:focus,
.order-modal .form-select:focus{
  border-color:var(--red);
  box-shadow:0 0 0 4px rgba(200,16,46,.09);
}
.order-modal .form-input.error,
.order-modal .form-select.error{
  border-color:var(--red);background:#FEF2F2;
}
.order-modal .form-input::placeholder{color:#ABABAB;}
.order-modal textarea.form-input{
  resize:vertical;
  min-height:70px;
  font-family:inherit;
}

/* KVKK */
.order-modal .kvkk{
  display:flex;gap:10px;align-items:flex-start;
  margin:16px 0;
  font-size:12px;color:var(--gray);line-height:1.55;
  padding:12px 14px;
  background:var(--gray-light);
  border-radius:10px;
}
.order-modal .kvkk input{
  width:18px;height:18px;accent-color:var(--red);
  margin-top:1px;flex-shrink:0;cursor:pointer;
}
.order-modal .kvkk label{cursor:pointer;}
.order-modal .kvkk a{color:var(--red);font-weight:600;text-decoration:underline;}

/* BUTONLAR */
.order-modal .modal-actions{
  display:grid;grid-template-columns:1fr 1.5fr;
  gap:10px;
  margin-top:20px;
}
.order-modal .btn-cancel{
  padding:14px 18px;
  background:#fff;
  color:var(--gray);
  border:1.5px solid var(--border);
  border-radius:10px;
  font-family:inherit;
  font-size:13.5px;font-weight:700;
  cursor:pointer;
  transition:.2s;
}
.order-modal .btn-cancel:hover{
  border-color:var(--red);
  color:var(--red);
  background:var(--red-soft);
}
.order-modal .btn-confirm{
  padding:14px 18px;
  background:linear-gradient(135deg,var(--red-dark) 0%,var(--red) 100%);
  color:#fff;
  border:none;
  border-radius:10px;
  font-family:inherit;
  font-size:13.5px;font-weight:800;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:.22s;
  box-shadow:0 6px 20px rgba(200,16,46,.28);
  letter-spacing:.3px;
}
.order-modal .btn-confirm:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(200,16,46,.38);
}
.order-modal .btn-confirm:disabled{
  opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;
}
.order-modal .btn-confirm svg{
  width:15px;height:15px;
  stroke:currentColor;fill:none;stroke-width:2.5;
}

/* ============ MESAFELİ SATIŞ SÖZLEŞMESİ ============ */
.order-modal .contract-box{
  background:#fff;
  border:1.5px solid var(--border);
  border-radius:12px;
  margin-bottom:16px;
  overflow:hidden;
}
.order-modal .contract-head{
  background:linear-gradient(135deg,var(--red-deep) 0%,var(--red) 100%);
  color:#fff;
  padding:12px 16px;
  display:flex;align-items:center;gap:10px;
  font-size:12.5px;font-weight:800;
  letter-spacing:.3px;
}
.order-modal .contract-head svg{
  width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.5;
  flex-shrink:0;
}
.order-modal .contract-scroll{
  max-height:280px;
  overflow-y:auto;
  padding:16px 18px;
  font-size:11.5px;
  line-height:1.75;
  color:#333;
  background:#FAFAFA;
  border-bottom:1px solid var(--border);
}
.order-modal .contract-scroll h5{
  font-size:12px;font-weight:800;color:var(--ink);
  margin:12px 0 6px;letter-spacing:.2px;
}
.order-modal .contract-scroll h5:first-child{margin-top:0;}
.order-modal .contract-scroll p{margin-bottom:8px;}
.order-modal .contract-scroll b{color:var(--ink);font-weight:700;}
.order-modal .contract-scroll .contract-meta{
  background:#fff;border:1px solid var(--border);
  border-radius:8px;padding:10px 12px;margin-bottom:12px;
  font-size:11px;color:var(--gray);
}
.order-modal .contract-scroll .contract-meta div{
  display:flex;justify-content:space-between;gap:8px;padding:2px 0;
}
.order-modal .contract-scroll .contract-meta div b{color:var(--ink);}

/* İMZA ALANI */
.order-modal .sign-area{padding:16px 18px;background:#fff;}
.order-modal .sign-area .sign-label{
  display:flex;align-items:center;gap:8px;
  font-size:11.5px;font-weight:700;color:var(--ink);
  margin-bottom:10px;letter-spacing:.2px;
}
.order-modal .sign-area .sign-label .req{color:var(--red);}
.order-modal .sign-canvas-wrap{
  position:relative;
  border:2px dashed var(--border);
  border-radius:10px;
  background:repeating-linear-gradient(0deg,#fff 0,#fff 30px,#F5F5F5 30px,#F5F5F5 31px);
  overflow:hidden;
  transition:.2s;
  touch-action:none;
}
.order-modal .sign-canvas-wrap:hover{border-color:var(--red);}
.order-modal .sign-canvas-wrap.signed{border-style:solid;border-color:var(--green);background:#fff;}
.order-modal .sign-canvas-wrap.error{border-color:var(--red);background:#FEF2F2;}
.order-modal .sign-canvas-wrap canvas{
  display:block;width:100%;height:130px;cursor:crosshair;
}
.order-modal .sign-canvas-wrap .sign-placeholder{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  font-size:11.5px;color:var(--gray);
  pointer-events:none;letter-spacing:.3px;
  text-align:center;padding:0 20px;
}
.order-modal .sign-canvas-wrap.signed .sign-placeholder{display:none;}
.order-modal .sign-tools{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:8px;gap:10px;
}
.order-modal .sign-tools .hint{
  font-size:10.5px;color:var(--gray);
  display:flex;align-items:center;gap:5px;
}
.order-modal .sign-tools .hint svg{
  width:11px;height:11px;stroke:var(--green);fill:none;stroke-width:2.5;
}
.order-modal .sign-tools .clear-btn{
  background:transparent;border:1px solid var(--border);
  color:var(--gray);font-family:inherit;
  font-size:10.5px;font-weight:700;
  padding:5px 10px;border-radius:6px;cursor:pointer;
  display:inline-flex;align-items:center;gap:5px;
  transition:.2s;letter-spacing:.2px;
}
.order-modal .sign-tools .clear-btn:hover{
  border-color:var(--red);color:var(--red);background:var(--red-soft);
}
.order-modal .sign-tools .clear-btn svg{
  width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.5;
}
.order-modal .sign-check{
  display:flex;gap:10px;align-items:flex-start;
  margin-top:14px;padding:11px 13px;
  background:var(--gray-light);border-radius:9px;
  font-size:11.5px;color:var(--gray);line-height:1.55;
}
.order-modal .sign-check input{
  width:17px;height:17px;accent-color:var(--red);
  margin-top:1px;flex-shrink:0;cursor:pointer;
}
.order-modal .sign-check label{cursor:pointer;}
.order-modal .sign-check a{color:var(--red);font-weight:600;text-decoration:underline;}

/* ============================================================
   BELGE MODALI
   ============================================================ */
.doc-overlay{
  display:none;position:fixed;inset:0;z-index:4000;
  background:rgba(17,17,17,.8);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:20px;
  align-items:flex-start;
  justify-content:center;
  overflow-y:auto;
  overflow-x:hidden;
  width:100vw;
  height:100vh;
  height:100dvh;
  box-sizing:border-box;
}
.doc-overlay.active{display:flex;animation:fadeIn .25s ease;}
.doc-modal{
  background:#fff;border-radius:14px;
  width:100%;
  max-width:min(calc(100vw - 40px), 760px);
  margin:20px auto;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
  animation:popUp .35s cubic-bezier(.2,.9,.3,1.2);
  overflow:hidden;
  display:flex;flex-direction:column;
  max-height:calc(100vh - 40px);
  max-height:calc(100dvh - 40px);
  box-sizing:border-box;
}
.doc-modal .doc-header{
  background:linear-gradient(135deg,var(--red-deep) 0%,var(--red) 100%);
  color:#fff;padding:16px 22px;
  display:flex;align-items:center;gap:12px;
  position:relative;overflow:hidden;
  flex-shrink:0;
}
.doc-modal .doc-header::after{
  content:"";position:absolute;top:-50%;right:-30px;
  width:150px;height:150px;border-radius:50%;
  background:rgba(255,255,255,.08);
  pointer-events:none;
}
.doc-modal .doc-header .doc-icon{
  width:40px;height:40px;border-radius:10px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;position:relative;z-index:2;
}
.doc-modal .doc-header .doc-icon svg{
  width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.2;
}
.doc-modal .doc-header .doc-title{
  flex:1;min-width:0;position:relative;z-index:2;
}
.doc-modal .doc-header .doc-title h3{
  font-size:14.5px;font-weight:900;
  letter-spacing:.3px;margin-bottom:2px;
}
.doc-modal .doc-header .doc-title .doc-sub{
  font-size:10px;font-weight:600;
  letter-spacing:1.2px;text-transform:uppercase;
  opacity:.85;
}
.doc-modal .doc-header .doc-close{
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:.2s;flex-shrink:0;
  position:relative;z-index:2;
}
.doc-modal .doc-header .doc-close:hover{background:rgba(255,255,255,.25);}
.doc-modal .doc-header .doc-close svg{
  width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.5;
}
.doc-modal .doc-body{
  padding:26px 30px;
  overflow-y:auto;
  flex:1;
  background:#fff;
  min-height:0;
  -webkit-overflow-scrolling:touch;
}
.doc-modal .doc-footer{
  padding:14px 22px;
  background:var(--gray-light);
  border-top:1px solid var(--border);
  display:flex;gap:10px;justify-content:flex-end;
  flex-wrap:wrap;flex-shrink:0;
}
.doc-modal .doc-footer button{
  padding:11px 20px;border-radius:9px;
  font-family:inherit;font-size:12.5px;font-weight:800;
  cursor:pointer;transition:.2s;letter-spacing:.3px;
  display:inline-flex;align-items:center;gap:7px;
  border:none;
}
.doc-modal .doc-footer .btn-pdf{
  background:linear-gradient(135deg,var(--red-dark) 0%,var(--red) 100%);
  color:#fff;
  box-shadow:0 6px 18px rgba(200,16,46,.28);
}
.doc-modal .doc-footer .btn-pdf:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(200,16,46,.38);
}
.doc-modal .doc-footer .btn-close-doc{
  background:#fff;color:var(--gray);
  border:1.5px solid var(--border);
}
.doc-modal .doc-footer .btn-close-doc:hover{
  border-color:var(--red);color:var(--red);background:var(--red-soft);
}
.doc-modal .doc-footer button svg{
  width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;
}

/* ============ BELGE İÇERİĞİ ============ */
.doc-content{
  font-family:'Inter',sans-serif;
  color:#111;
  font-size:12px;
  line-height:1.65;
}
.doc-content .dc-head{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:20px;padding-bottom:16px;
  border-bottom:2px solid var(--red);
  margin-bottom:18px;
}
.doc-content .dc-head .dc-brand{display:flex;align-items:center;gap:10px;}
.doc-content .dc-head .dc-brand .dc-logo{
  width:42px;height:42px;background:var(--red);border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.doc-content .dc-head .dc-brand .dc-logo svg{width:24px;height:24px;fill:#fff;}
.doc-content .dc-head .dc-brand .dc-logo img{width:100%;height:100%;object-fit:contain;}
.doc-content .dc-head .dc-brand .dc-bt{line-height:1.1;}
.doc-content .dc-head .dc-brand .dc-bt b{
  font-size:16px;font-weight:900;letter-spacing:1.5px;
  color:var(--ink);display:block;
}
.doc-content .dc-head .dc-brand .dc-bt span{
  font-size:9.5px;font-weight:600;color:var(--gray);
  letter-spacing:1px;text-transform:uppercase;
}
.doc-content .dc-head .dc-title{text-align:right;}
.doc-content .dc-head .dc-title h2{
  font-size:16px;font-weight:900;letter-spacing:-.3px;
  margin-bottom:4px;color:var(--ink);
}
.doc-content .dc-head .dc-title .dc-no{
  font-size:11px;font-weight:700;color:var(--red);
  letter-spacing:.5px;
}
.doc-content .dc-head .dc-title .dc-date{
  font-size:10.5px;color:var(--gray);margin-top:3px;
}
.doc-content .dc-section{margin-bottom:16px;}
.doc-content .dc-section h4{
  font-size:11px;font-weight:800;
  letter-spacing:1.2px;text-transform:uppercase;
  color:var(--red);
  margin-bottom:8px;
  padding-bottom:5px;
  border-bottom:1px solid var(--border);
}
.doc-content .dc-section h5{
  font-size:11.5px;font-weight:800;color:var(--ink);
  margin:10px 0 5px;
}
.doc-content .dc-section p{
  font-size:11.5px;line-height:1.7;margin-bottom:6px;color:#333;
}
.doc-content .dc-section p b{color:var(--ink);font-weight:700;}
.doc-content .dc-info-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;
}
.doc-content .dc-info-grid .dc-row{
  display:flex;justify-content:space-between;gap:10px;
  font-size:11.5px;padding:5px 0;
  border-bottom:1px dashed var(--border);
}
.doc-content .dc-info-grid .dc-row .k{color:var(--gray);font-weight:600;}
.doc-content .dc-info-grid .dc-row .v{color:var(--ink);font-weight:700;text-align:right;}
.doc-content .dc-table{
  width:100%;border-collapse:collapse;
  margin:10px 0;font-size:11.5px;
}
.doc-content .dc-table th{
  background:var(--gray-light);
  text-align:left;
  padding:9px 11px;
  font-size:10.5px;font-weight:800;
  letter-spacing:.6px;text-transform:uppercase;
  color:var(--ink);
  border-bottom:2px solid var(--border);
}
.doc-content .dc-table td{
  padding:9px 11px;
  border-bottom:1px solid var(--border);
  color:#333;
}
.doc-content .dc-table td:last-child,
.doc-content .dc-table th:last-child{text-align:right;}
.doc-content .dc-table tr.total td{
  background:var(--red-soft);
  font-weight:800;color:var(--ink);
  border-bottom:none;
}
.doc-content .dc-sign{
  margin-top:20px;
  display:grid;grid-template-columns:1fr 1fr;gap:30px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.doc-content .dc-sign .sg{text-align:center;}
.doc-content .dc-sign .sg .sg-label{
  font-size:10px;font-weight:800;color:var(--gray);
  letter-spacing:1px;text-transform:uppercase;
  margin-bottom:8px;
}
.doc-content .dc-sign .sg .sg-box{
  height:70px;
  border-bottom:1px solid var(--ink);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:6px;
}
.doc-content .dc-sign .sg .sg-box img{max-height:68px;max-width:100%;}
.doc-content .dc-sign .sg .sg-name{
  font-size:11px;font-weight:700;color:var(--ink);
}
.doc-content .dc-sign .sg .sg-meta{
  font-size:10px;color:var(--gray);margin-top:2px;
}
.doc-content .dc-stamp{
  margin-top:16px;
  padding:10px 14px;
  background:var(--green-soft);
  border:1.5px dashed rgba(22,163,74,.5);
  border-radius:8px;
  display:flex;align-items:center;gap:12px;
}
.doc-content .dc-stamp .stamp-ic{
  width:34px;height:34px;border-radius:50%;
  background:var(--green);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.doc-content .dc-stamp .stamp-ic svg{
  width:16px;height:16px;stroke:#fff;fill:none;stroke-width:3;
}
.doc-content .dc-stamp .stamp-tx{
  font-size:10.5px;color:#166534;line-height:1.5;
}
.doc-content .dc-stamp .stamp-tx b{
  display:block;font-size:11.5px;font-weight:900;
  margin-bottom:1px;letter-spacing:.2px;
}
.doc-content .dc-footer-note{
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid var(--border);
  font-size:9.5px;color:var(--gray);
  line-height:1.6;text-align:center;
}

/* ============================================================
   BAŞARI / PEŞİNAT MODALI
   ============================================================ */
.success-overlay{
  display:none;position:fixed;inset:0;z-index:3500;
  background:rgba(17,17,17,.7);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
  width:100vw;
  height:100vh;
  height:100dvh;
  overflow-y:auto;
  overflow-x:hidden;
  box-sizing:border-box;
}
.success-overlay.active{display:flex;animation:fadeIn .25s ease;}
.success-box{
  background:#fff;border-radius:20px;
  max-width:min(calc(100vw - 40px), 460px);
  width:100%;
  padding:44px 34px;
  text-align:center;position:relative;overflow:hidden;
  animation:popUp .4s cubic-bezier(.2,.9,.3,1.2);
  box-shadow:0 30px 80px rgba(0,0,0,.4);
  max-height:calc(100vh - 40px);
  max-height:calc(100dvh - 40px);
  overflow-y:auto;
  box-sizing:border-box;
}
.success-box::before{
  content:"";position:absolute;top:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg,var(--green-dark),var(--green),#22C55E);
}
.success-icon{
  width:80px;height:80px;border-radius:50%;
  background:var(--green-soft);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 22px;
  box-shadow:0 0 0 8px rgba(22,163,74,.08);
}
.success-icon svg{
  width:40px;height:40px;stroke:var(--green);fill:none;stroke-width:3;
}
.success-box h3{
  font-size:23px;font-weight:900;
  margin-bottom:10px;letter-spacing:-.4px;
}
.success-box > p{
  font-size:13.5px;color:var(--gray);
  line-height:1.65;margin-bottom:22px;
}
.success-box .ref{
  background:var(--gray-light);
  border:1px dashed var(--border);
  border-radius:10px;
  padding:14px;
  margin-bottom:22px;
  font-size:12.5px;
  color:var(--gray);
}
.success-box .ref b{
  color:var(--red);font-weight:900;
  letter-spacing:.8px;font-size:15px;
  display:block;margin-top:4px;
}
.success-box > button{
  width:100%;padding:15px;background:var(--red);color:#fff;
  border:none;border-radius:11px;font-family:inherit;
  font-size:14.5px;font-weight:800;cursor:pointer;transition:.2s;
  letter-spacing:.3px;
}
.success-box > button:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 10px 24px rgba(200,16,46,.3);}

/* BELGE LİSTESİ */
.success-box .docs-list{
  display:flex;flex-direction:column;gap:8px;
  margin:18px 0 20px;
  text-align:left;
}
.success-box .docs-list .doc-item{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;
  background:#fff;
  border:1.5px solid var(--border);
  border-radius:10px;
  transition:.2s;
}
.success-box .docs-list .doc-item:hover{
  border-color:var(--red);background:var(--red-soft);
}
.success-box .docs-list .doc-item .doc-ic{
  width:38px;height:38px;border-radius:9px;
  background:var(--red-soft);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.success-box .docs-list .doc-item .doc-ic svg{
  width:18px;height:18px;stroke:var(--red);fill:none;stroke-width:2;
}
.success-box .docs-list .doc-item .doc-info{flex:1;min-width:0;}
.success-box .docs-list .doc-item .doc-info b{
  font-size:12.5px;font-weight:800;color:var(--ink);
  display:block;margin-bottom:2px;letter-spacing:.1px;
}
.success-box .docs-list .doc-item .doc-info span{
  font-size:10.5px;color:var(--gray);
}
.success-box .docs-list .doc-item .doc-view{
  background:var(--red);color:#fff;
  border:none;font-family:inherit;
  font-size:11px;font-weight:800;
  padding:8px 14px;border-radius:7px;
  cursor:pointer;transition:.2s;
  display:inline-flex;align-items:center;gap:5px;
  letter-spacing:.3px;white-space:nowrap;
}
.success-box .docs-list .doc-item .doc-view:hover{
  background:var(--red-dark);transform:translateY(-1px);
}
.success-box .docs-list .doc-item .doc-view svg{
  width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5;
}

/* ============================================================
   PEŞİNAT ÖDEME BÖLÜMÜ
   ============================================================ */
.success-box .downpayment-section{
  margin-top:20px;
  text-align:left;
}

.downpayment-warning{
  background:linear-gradient(135deg,#FFFBEB 0%,#FEF3C7 100%);
  border:1.5px solid #FDE68A;
  border-left:5px solid var(--amber);
  border-radius:12px;
  padding:16px 18px;
  margin-bottom:14px;
  position:relative;
}
.downpayment-warning .dp-head{
  display:flex;align-items:center;gap:10px;
  margin-bottom:8px;
}
.downpayment-warning .dp-head .dp-ico{
  width:30px;height:30px;border-radius:50%;
  background:var(--amber);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.downpayment-warning .dp-head .dp-ico svg{
  width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.5;
}
.downpayment-warning .dp-head h5{
  font-size:13.5px;font-weight:900;color:#92400E;
  letter-spacing:.2px;
}
.downpayment-warning p{
  font-size:11.5px;color:#78350F;line-height:1.65;
  margin-bottom:6px;
}
.downpayment-warning p:last-child{margin-bottom:0;}
.downpayment-warning p b{color:#78350F;font-weight:800;}
.downpayment-warning .dp-amount{
  font-size:17px;font-weight:900;color:#B45309;
  letter-spacing:-.3px;
}
.downpayment-warning .dp-countdown{
  display:inline-block;
  font-family:'Inter',monospace;
  font-weight:900;color:var(--red);
  background:#fff;
  padding:2px 8px;border-radius:5px;
  letter-spacing:.5px;
  font-size:12px;
  border:1px solid rgba(200,16,46,.2);
}
.downpayment-warning .dp-countdown.expired{
  background:var(--red);color:#fff;border-color:var(--red);
}

.downpayment-expired{
  display:none;
  background:linear-gradient(135deg,#FEF2F2 0%,#FEE2E2 100%);
  border:1.5px solid #FECACA;
  border-left:5px solid var(--red);
  border-radius:12px;
  padding:14px 16px;
  margin-bottom:14px;
}
.downpayment-expired.active{display:block;animation:popIn .35s ease;}
.downpayment-expired .de-head{
  display:flex;align-items:center;gap:10px;
  margin-bottom:6px;
}
.downpayment-expired .de-head .de-ico{
  width:28px;height:28px;border-radius:50%;
  background:var(--red);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  animation:pulseBullet 1.5s infinite;
}
.downpayment-expired .de-head .de-ico svg{
  width:15px;height:15px;stroke:#fff;fill:none;stroke-width:3;
}
.downpayment-expired .de-head h5{
  font-size:13px;font-weight:900;color:var(--red-dark);
}
.downpayment-expired p{font-size:11.5px;color:#7A0919;line-height:1.6;}

.downpayment-success{
  background:linear-gradient(135deg,#F0FDF4 0%,#DCFCE7 100%);
  border:1.5px solid #BBF7D0;
  border-left:5px solid var(--green);
  border-radius:12px;
  padding:14px 16px;
  margin-bottom:14px;
}
.downpayment-success .ds-head{
  display:flex;align-items:center;gap:10px;
  margin-bottom:6px;
}
.downpayment-success .ds-head .ds-ico{
  width:28px;height:28px;border-radius:50%;
  background:var(--green);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.downpayment-success .ds-head .ds-ico svg{
  width:15px;height:15px;stroke:#fff;fill:none;stroke-width:3;
}
.downpayment-success .ds-head h5{
  font-size:13px;font-weight:900;color:#166534;
}
.downpayment-success p{font-size:11.5px;color:#166534;line-height:1.6;}

/* DEKONT YÜKLEME */
.receipt-upload{
  background:#fff;
  border:1.5px dashed var(--border);
  border-radius:12px;
  padding:16px 18px;
  margin-bottom:14px;
  transition:.2s;
}
.receipt-upload:hover{border-color:var(--red);}
.receipt-upload .ru-head{
  display:flex;align-items:center;gap:10px;
  margin-bottom:10px;
}
.receipt-upload .ru-head .ru-ico{
  width:32px;height:32px;border-radius:9px;
  background:var(--red-soft);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.receipt-upload .ru-head .ru-ico svg{
  width:16px;height:16px;stroke:var(--red);fill:none;stroke-width:2.2;
}
.receipt-upload .ru-head h5{
  font-size:13px;font-weight:800;color:var(--ink);
  margin-bottom:2px;
}
.receipt-upload .ru-head p{font-size:10.5px;color:var(--gray);}
.receipt-upload .ru-drop{
  display:flex;align-items:center;justify-content:center;
  gap:8px;
  padding:14px;
  background:var(--gray-light);
  border-radius:9px;
  font-size:12px;color:var(--gray);
  font-weight:600;
  cursor:pointer;
  transition:.2s;
  text-align:center;
}
.receipt-upload .ru-drop:hover{background:var(--red-soft);color:var(--red);}
.receipt-upload .ru-drop svg{
  width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.5;
  flex-shrink:0;
}
.receipt-upload input[type="file"]{display:none;}
.receipt-upload .ru-preview{
  display:none;
  margin-top:12px;
  padding:10px 12px;
  background:var(--green-soft);
  border:1px solid rgba(22,163,74,.25);
  border-radius:9px;
  align-items:center;
  gap:10px;
}
.receipt-upload .ru-preview.active{display:flex;}
.receipt-upload .ru-preview .ru-thumb{
  width:44px;height:44px;border-radius:7px;
  background:#fff;
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;flex-shrink:0;
}
.receipt-upload .ru-preview .ru-thumb img{
  width:100%;height:100%;object-fit:cover;
}
.receipt-upload .ru-preview .ru-thumb svg{
  width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:2.2;
}
.receipt-upload .ru-preview .ru-meta{flex:1;min-width:0;}
.receipt-upload .ru-preview .ru-meta b{
  font-size:12px;font-weight:800;color:#166534;
  display:block;margin-bottom:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.receipt-upload .ru-preview .ru-meta span{
  font-size:10.5px;color:#166534;opacity:.8;
}
.receipt-upload .ru-preview .ru-remove{
  width:26px;height:26px;border-radius:50%;
  background:#fff;border:1px solid rgba(22,163,74,.3);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:.2s;flex-shrink:0;
}
.receipt-upload .ru-preview .ru-remove:hover{
  background:#FEF2F2;border-color:var(--red);
}
.receipt-upload .ru-preview .ru-remove svg{
  width:13px;height:13px;stroke:#166534;fill:none;stroke-width:2.5;
}
.receipt-upload .ru-preview .ru-remove:hover svg{stroke:var(--red);}

/* CANLI DESTEK BUTONU */
.live-support-btn{
  width:100%;
  padding:14px 20px;
  background:linear-gradient(135deg,#0F5132 0%,var(--green) 100%);
  color:#fff;
  border:none;border-radius:11px;font-family:inherit;
  font-size:13.5px;font-weight:800;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:10px;
  transition:.22s;letter-spacing:.3px;
  box-shadow:0 8px 22px rgba(22,163,74,.28);
  margin-bottom:10px;
  position:relative;
}
.live-support-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(22,163,74,.38);
}
.live-support-btn svg{
  width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;
}
.live-support-btn .ls-dot{
  position:absolute;top:8px;right:10px;
  width:8px;height:8px;background:#4ADE80;border-radius:50%;
  box-shadow:0 0 0 3px rgba(74,222,128,.35);
  animation:pulse 2s infinite;
}

/* ÖDEME BİLGİLENDİRME KUTUSU */
.payment-info-box{
  background:linear-gradient(135deg,#EFF6FF 0%,#DBEAFE 100%);
  border:1.5px solid #BFDBFE;
  border-left:5px solid #1E40AF;
  border-radius:12px;
  padding:14px 16px;
  margin-bottom:12px;
}
.payment-info-box .pib-head{
  display:flex;align-items:center;gap:10px;
  margin-bottom:8px;
}
.payment-info-box .pib-head .pib-ico{
  width:28px;height:28px;border-radius:50%;
  background:#1E40AF;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.payment-info-box .pib-head .pib-ico svg{
  width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.5;
}
.payment-info-box .pib-head h5{
  font-size:13px;font-weight:900;color:#1E3A8A;
  letter-spacing:.2px;
}
.payment-info-box p{
  font-size:11.5px;color:#1E3A8A;line-height:1.65;
  margin-bottom:5px;
}
.payment-info-box p:last-child{margin-bottom:0;}
.payment-info-box p b{color:#1E3A8A;font-weight:800;}

/* ÖDEME SAYFASINA GEÇ BUTONU */
.confirm-payment-btn{
  width:100%;
  padding:15px 20px;
  background:linear-gradient(135deg,var(--green-dark) 0%,var(--green) 100%);
  color:#fff;
  border:none;border-radius:11px;font-family:inherit;
  font-size:14px;font-weight:800;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:9px;
  transition:.22s;letter-spacing:.3px;
  box-shadow:0 8px 22px rgba(22,163,74,.28);
  margin-top:6px;
}
.confirm-payment-btn:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(22,163,74,.4);
}
.confirm-payment-btn:disabled{
  opacity:.45;cursor:not-allowed;
  box-shadow:none;
  background:#9CA3AF;
}
.confirm-payment-btn svg{
  width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.8;
}
.confirm-payment-hint{
  font-size:11px;color:var(--gray);
  text-align:center;margin-top:8px;
  line-height:1.5;
}
.confirm-payment-hint.ready{
  color:var(--green);font-weight:700;
}

/* TAWK TO CHAT BALONU KONUMU */
.tawk-min-container .tawk-button{
  z-index: 99999 !important;
}

/* ============================================================
   LOADING MODAL
   ============================================================ */
.pre-loading{
  display:none;
  position:fixed;inset:0;z-index:3000;
  background:rgba(17,17,17,.75);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  padding:20px;
  align-items:center;justify-content:center;
  width:100vw;
  height:100vh;
  height:100dvh;
  overflow-y:auto;
  overflow-x:hidden;
  box-sizing:border-box;
}
.pre-loading.active{display:flex;animation:fadeIn .25s ease;}
.pre-loading .loading-card{
  background:#fff;
  border-radius:18px;
  width:100%;
  max-width:min(calc(100vw - 40px), 480px);
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
  animation:popUp .35s cubic-bezier(.2,.9,.3,1.2);
  max-height:calc(100vh - 40px);
  max-height:calc(100dvh - 40px);
  display:flex;flex-direction:column;
  box-sizing:border-box;
}
.pre-loading .loading-header{
  background:linear-gradient(135deg,var(--red-deep) 0%,var(--red) 100%);
  color:#fff;padding:18px 22px;
  display:flex;align-items:center;gap:12px;
  position:relative;overflow:hidden;
  flex-shrink:0;
}
.pre-loading .loading-header::after{
  content:"";position:absolute;
  top:-50%;right:-30px;
  width:140px;height:140px;border-radius:50%;
  background:rgba(255,255,255,.08);
  pointer-events:none;
}
.pre-loading .loading-header .brand-badge{
  width:40px;height:40px;border-radius:9px;
  background:rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;border:1px solid rgba(255,255,255,.2);
}
.pre-loading .loading-header .brand-badge svg{width:22px;height:22px;fill:#fff;}
.pre-loading .loading-header .brand-info{flex:1;min-width:0;position:relative;z-index:2;}
.pre-loading .loading-header .brand-info .brand-name{
  font-size:13.5px;font-weight:900;
  letter-spacing:1.3px;margin-bottom:2px;
}
.pre-loading .loading-header .brand-info .brand-sub{
  font-size:10.5px;font-weight:600;
  letter-spacing:.6px;opacity:.85;text-transform:uppercase;
}
.pre-loading .loading-header .verified-tag{
  display:inline-flex;align-items:center;gap:4px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  padding:4px 10px;border-radius:100px;
  font-size:10px;font-weight:800;
  letter-spacing:.7px;text-transform:uppercase;
  position:relative;z-index:2;
}
.pre-loading .loading-header .verified-tag svg{
  width:10px;height:10px;stroke:#4ADE80;fill:none;stroke-width:3;
}
.pre-loading .loading-body{
  padding:26px 22px 22px;
  text-align:center;
  overflow-y:auto;flex:1;
  min-height:0;
}
.pre-loading .spinner-wrap{
  position:relative;width:60px;height:60px;
  margin:0 auto 18px;
}
.pre-loading .spinner-wrap::before,
.pre-loading .spinner-wrap::after{
  content:"";position:absolute;inset:0;
  border-radius:50%;border:3px solid transparent;
}
.pre-loading .spinner-wrap::before{
  border-top-color:var(--red);border-right-color:var(--red);
  animation:spin 1s linear infinite;
}
.pre-loading .spinner-wrap::after{
  inset:8px;
  border-bottom-color:var(--red);border-left-color:var(--red);
  animation:spin 1.5s linear infinite reverse;
}
.pre-loading .loading-title{
  font-size:15px;font-weight:800;
  color:var(--ink);margin-bottom:5px;
  letter-spacing:-.2px;min-height:22px;
  transition:.3s;
}
.pre-loading .loading-subtitle{
  font-size:12px;color:var(--gray);
  margin-bottom:20px;min-height:18px;transition:.3s;
}
.pre-loading .steps{
  text-align:left;
  display:flex;flex-direction:column;gap:8px;
}
.pre-loading .step{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;
  background:var(--gray-light);
  border-radius:8px;
  font-size:12.5px;color:var(--gray);
  font-weight:600;transition:.3s;
  border:1px solid transparent;
}
.pre-loading .step.pending{opacity:.5;}
.pre-loading .step.active{
  opacity:1;color:var(--ink);
  background:var(--red-soft);
  border-color:rgba(200,16,46,.15);
}
.pre-loading .step.done{
  opacity:1;color:#166534;
  background:var(--green-soft);
  border-color:rgba(22,163,74,.18);
}
.pre-loading .step .bullet{
  width:19px;height:19px;border-radius:50%;
  background:var(--border);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  transition:.3s;position:relative;
}
.pre-loading .step.pending .bullet{background:#D4D4D4;}
.pre-loading .step.active .bullet{
  background:var(--red);
  animation:pulseBullet 1s infinite;
}
.pre-loading .step.done .bullet{background:var(--green);}
.pre-loading .step .bullet svg{
  width:10px;height:10px;stroke:#fff;fill:none;stroke-width:3.5;
  opacity:0;transition:.2s;
}
.pre-loading .step.done .bullet svg{opacity:1;}
.pre-loading .step .bullet .spinner-mini{
  width:10px;height:10px;border-radius:50%;
  border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff;
  animation:spin .7s linear infinite;
  opacity:0;transition:.2s;position:absolute;
}
.pre-loading .step.active .bullet .spinner-mini{opacity:1;}
.pre-loading .loading-footer{
  background:var(--gray-light);
  border-top:1px solid var(--border);
  padding:11px 18px;
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;flex-wrap:wrap;
  font-size:10.5px;color:var(--gray);
  font-weight:600;letter-spacing:.2px;flex-shrink:0;
}
.pre-loading .loading-footer .left{display:flex;align-items:center;gap:6px;}
.pre-loading .loading-footer .left svg{
  width:12px;height:12px;stroke:var(--green);fill:none;stroke-width:2.5;
}
.pre-loading .loading-footer .right{display:flex;align-items:center;gap:6px;font-weight:700;}
.pre-loading .loading-footer .right svg{
  width:11px;height:11px;stroke:var(--red);fill:none;stroke-width:2.5;
}

/* ============================================================
   SSS
   ============================================================ */
.faq-list{max-width:760px;margin:0 auto;}
.faq-item{
  background:#fff;border:1px solid var(--border);
  border-radius:10px;margin-bottom:10px;overflow:hidden;
}
.faq-q{
  width:100%;padding:18px 22px;background:none;border:none;
  font-family:inherit;font-size:14.5px;font-weight:700;
  text-align:left;cursor:pointer;color:var(--ink);
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  transition:.2s;
}
.faq-q:hover{color:var(--red);}
.faq-q .icon{
  width:22px;height:22px;border-radius:50%;
  background:var(--red-soft);color:var(--red);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:800;flex-shrink:0;
  transition:.25s;
}
.faq-item.open .faq-q{color:var(--red);}
.faq-item.open .faq-q .icon{background:var(--red);color:#fff;transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-item.open .faq-a{max-height:250px;}
.faq-a-inner{
  padding:0 22px 20px;font-size:13.5px;
  color:var(--gray);line-height:1.7;
}

/* ============================================================
   ETBİS BANDI
   ============================================================ */
.etbis-band{
  background:linear-gradient(180deg,#FAFAFA,#fff);
  border-top:1px solid var(--border);
  padding:36px 0;
  width:100%;
}
.etbis-band .inner{
  display:flex;align-items:center;gap:24px;
  background:#fff;border:1px solid var(--border);
  border-radius:14px;padding:24px 28px;
  box-shadow:0 4px 18px rgba(0,0,0,.04);
  flex-wrap:wrap;
}
.etbis-band .emblem{
  width:56px;height:56px;border-radius:12px;
  background:var(--red);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.etbis-band .emblem svg{
  width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.8;
}
.etbis-band .content{flex:1;min-width:260px;}
.etbis-band .content .title{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:14.5px;font-weight:800;color:var(--ink);
  margin-bottom:8px;letter-spacing:-.2px;
}
.etbis-band .content .title .check{
  display:inline-flex;align-items:center;gap:4px;
  background:var(--green-soft);color:var(--green);
  font-size:10.5px;font-weight:800;letter-spacing:.8px;
  padding:3px 9px;border-radius:100px;text-transform:uppercase;
}
.etbis-band .content .title .check svg{
  width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3;
}
.etbis-band .content p{
  font-size:12.5px;color:var(--gray);line-height:1.65;
  max-width:640px;
}
.etbis-band .content p b{color:var(--ink);font-weight:700;}
.etbis-band .right-tag{
  display:flex;flex-direction:column;align-items:flex-end;gap:6px;
  flex-shrink:0;
}
.etbis-band .right-tag .label{
  font-size:10px;font-weight:700;color:var(--gray);
  letter-spacing:1.2px;text-transform:uppercase;
}
.etbis-band .right-tag .value{
  font-size:13px;font-weight:800;color:var(--ink);
  letter-spacing:.5px;
}
.etbis-band .right-tag .value span{color:var(--red);}

/* ============================================================
   FOOTER
   ============================================================ */
footer{background:#0A0A0A;color:rgba(255,255,255,.6);padding:48px 0 0;font-size:13.5px;width:100%;}
.foot-grid{
  display:grid;grid-template-columns:1.5fr 1fr 1fr;
  gap:44px;padding-bottom:36px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.foot-logo .logo-mark{
  width:34px;height:34px;background:var(--red);border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.foot-logo .logo-mark svg{width:20px;height:20px;fill:#fff;}
.foot-logo .logo-mark img{width:100%;height:100%;object-fit:contain;}
.foot-logo .brand{font-size:16px;font-weight:900;color:#fff;letter-spacing:2px;}
.foot-about p{line-height:1.7;font-size:13px;margin-bottom:16px;}
footer h4{
  color:#fff;font-size:12px;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px;
}
footer ul{list-style:none;}
footer li{margin-bottom:9px;}
footer a:hover{color:var(--red);}
.foot-bottom{
  padding:22px 0;display:flex;justify-content:space-between;
  align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;
  color:rgba(255,255,255,.4);
}
.foot-bottom .red{color:var(--red);font-weight:700;}

/* ============================================================
   MOBİL SABİT CTA
   ============================================================ */
.mobile-cta{
  display:none;
  position:fixed;bottom:0;left:0;right:0;z-index:999;
  background:#fff;border-top:1px solid var(--border);
  padding:12px 16px;box-shadow:0 -8px 24px rgba(0,0,0,.08);
  gap:10px;align-items:center;
  padding-bottom:max(12px, env(safe-area-inset-bottom));
}
.mobile-cta .info{flex:1;font-size:11.5px;color:var(--gray);line-height:1.3;}
.mobile-cta .info b{color:var(--ink);font-size:14px;display:block;}
.mobile-cta button{
  background:var(--red);color:#fff;border:none;
  padding:12px 20px;border-radius:8px;
  font-family:inherit;font-size:13.5px;font-weight:700;
  cursor:pointer;white-space:nowrap;
}

/* ============================================================
   iOS SAFE AREA
   ============================================================ */
@supports(padding:max(0px)){
  body{
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
  }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(min-width:1600px){
  .container{max-width:1280px;}
}

@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:40px;padding:52px 0;}
  .hero-visual{max-width:520px;margin:0 auto;width:100%;}
  .trust-grid{grid-template-columns:repeat(3,1fr);gap:14px 0;}
  .trust-item:nth-child(3){border-right:none;}
}

@media(max-width:820px){
  .container{padding:0 20px;}
  .header-main{height:auto;padding:14px 0;flex-wrap:wrap;gap:12px;}
  .header-phone{display:none;}
  .topbar .right .divider{display:none;}
  .topbar .right{gap:14px;}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .trust-item{border-right:none;padding:8px 10px;}
  .hero-content h1{font-size:30px;letter-spacing:-.8px;}
  .hero-inner{padding:40px 0;gap:32px;}
  .product-price-row .new{font-size:26px;}
  .section{padding:52px 0;}
  .section-head h2{font-size:23px;}
  .preapply h2{font-size:24px;}
  .preapply{padding:48px 0;}
  .foot-grid{grid-template-columns:1fr;gap:28px;}
  .mobile-cta{display:flex;}
  body{padding-bottom:76px;}
  .etbis-strip .container{justify-content:center;text-align:center;}
  .etbis-strip .right{display:none;}
  .etbis-band .inner{flex-direction:column;text-align:center;align-items:center;}
  .etbis-band .content{text-align:center;}
  .etbis-band .right-tag{align-items:center;}
  .tc-field{grid-template-columns:1fr;}
  .tc-field .btn-submit{width:100%;justify-content:center;height:48px;}
  .pre-result .header-top{flex-wrap:wrap;}
  .pre-loading .loading-header{flex-wrap:wrap;}
  .order-modal .form-row{grid-template-columns:1fr;}
  .order-modal .modal-actions{grid-template-columns:1fr;}
}

@media(max-width:520px){
  .hero-visual{padding:24px;}
  .hero-inner{padding:32px 0;gap:24px;}
  .product-info h2{font-size:19px;}
  .form-row{grid-template-columns:1fr;}
  .btn{padding:14px 22px;font-size:13.5px;}
  .hero-buttons .btn{flex:1;justify-content:center;}
  .preapply-card{padding:22px 18px;}
  .pre-result .header-top{padding:14px 16px;}
  .pre-result .header-top .emblem{width:42px;height:42px;}
  .pre-loading .loading-body{padding:22px 18px 18px;}
  .pre-loading .loading-footer{font-size:10px;padding:10px 14px;}
  .pre-loading .loading-header{padding:16px 18px;}
  .order-modal .modal-body{padding:18px;}
  .order-modal .modal-header{padding:16px 18px;}
  .success-box{padding:34px 24px;}
  .order-modal .modal-inst-grid{grid-template-columns:repeat(2,1fr);}
  .pre-result .compact-grid{grid-template-columns:1fr;}
  .pre-result .compact-success{flex-wrap:wrap;}
  .pre-result .compact-success .ref-badge{text-align:left;width:100%;}
  .order-modal .contract-scroll{max-height:220px;}
  .order-modal .sign-canvas-wrap canvas{height:110px;}
  .doc-modal .doc-body{padding:18px 16px;}
  .doc-content .dc-head{flex-direction:column;gap:12px;}
  .doc-content .dc-head .dc-title{text-align:left;}
  .doc-content .dc-info-grid{grid-template-columns:1fr;}
  .doc-content .dc-sign{grid-template-columns:1fr;gap:20px;}
  .doc-content .dc-table{font-size:10.5px;}
  .doc-content .dc-table th,
  .doc-content .dc-table td{padding:7px 8px;}
  .success-box .docs-list .doc-item{flex-wrap:wrap;}
  .success-box .docs-list .doc-item .doc-view{width:100%;justify-content:center;}
  .downpayment-warning .dp-amount{font-size:15px;}
  .success-box .downpayment-section{padding:0;}

  /* SLIDER MOBİL */
  .product-gallery{height:240px;}
  .product-gallery .nav-btn{width:34px;height:34px;}
  .product-gallery .nav-btn svg{width:15px;height:15px;}
  .product-gallery .thumbs .thumb{width:32px;height:32px;}
  .product-gallery .thumbs{bottom:8px;right:8px;padding:4px;}
  .product-gallery .dots{bottom:8px;padding:5px 8px;}

  /* STEP BAR MOBİL */
  .order-modal .step-bar{padding:12px 10px;gap:2px;}
  .order-modal .step-dot em{display:none;}
  .order-modal .step-dot span{width:22px;height:22px;font-size:10px;}
  .order-modal .step-line{margin-top:11px;}
}

@media(max-width:380px){
  body{font-size:14px;}
  .hero-content h1{font-size:24px;}
  .product-price-row .new{font-size:22px;}
  .preapply h2{font-size:20px;}
}

@media(max-width:360px){
  .order-modal .step-bar{padding:10px 6px;}
  .order-modal .step-dot span{width:20px;height:20px;font-size:9px;}
  .order-modal .step-line{margin-top:10px;}
}

/* Yatay modda (landscape mobile) */
@media(max-height:500px) and (orientation:landscape){
  .hero-inner{padding:24px 0;gap:20px;}
  .product-gallery{height:200px;}
  .order-modal,
  .doc-modal,
  .success-box,
  .pre-loading .loading-card{
    max-height:calc(100vh - 20px);
    max-height:calc(100dvh - 20px);
  }
}