/* ============================================================
   BebekSünneti DS v2 — Rental / Sales (B2B) Page
   ============================================================ */

/* ── RENT PROLOGUE (Hero) ───────────────────────────── */
.rent-prologue{
  padding:var(--section-y) 0 var(--section-y-lg);
  position:relative;
  overflow:hidden;
}
.rent-prologue::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 30% 60%,rgba(43,138,134,0.08) 0%,transparent 55%);
  pointer-events:none;
}
.rent-prologue__inner{
  display:grid;
  grid-template-columns:7fr 5fr;
  gap:var(--s-8);
  align-items:center;
  position:relative;z-index:1;
}
.rent-prologue__copy .aks-eyebrow{margin-bottom:var(--s-3)}
.rent-prologue__copy .aks-display{margin-bottom:var(--s-5)}
.rent-prologue__copy .aks-lead{margin-bottom:var(--s-6);color:var(--text-on-night-sec)}

.rent-prologue__bullets{
  display:flex;flex-direction:column;gap:var(--s-3);
  margin-bottom:var(--s-6);
}
.rent-prologue__bullets li{
  display:flex;align-items:center;gap:var(--s-2);
  font-size:var(--t-small);color:var(--text-on-night-sec);
}
.rent-prologue__bullets li::before{
  content:'';width:16px;height:16px;flex-shrink:0;
  background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234AABA6' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;
}
.rent-prologue__cta{display:flex;gap:var(--s-3);flex-wrap:wrap}

/* Checklist alias */
.rent-prologue__checks{
  display:flex;flex-direction:column;gap:var(--s-3);
  margin-bottom:var(--s-6);
}
.rent-prologue__checks li{
  display:flex;align-items:center;gap:var(--s-2);
  font-size:var(--t-small);color:var(--text-secondary);
}
.rent-prologue__checks li::before{
  content:'';width:16px;height:16px;flex-shrink:0;
  background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230E5C5A' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Hero panel (city checker) */
.rent-prologue__panel{
  background:var(--surface-paper);
  border:1px solid var(--border-on-paper);
  border-radius:var(--r-4);
  padding:var(--s-6);
  box-shadow:var(--shadow-2);
}
.rent-prologue__panel h3{font-size:var(--t-h3);margin-bottom:var(--s-2)}
.rent-prologue__panel p{font-size:var(--t-small);color:var(--text-muted);margin-bottom:var(--s-4)}
.rent-prologue__panel .aks-select{margin-bottom:var(--s-3)}

/* Legacy checker */
.rent-prologue__checker{
  background:var(--surface-night-2);
  border:1px solid var(--border-on-night);
  border-radius:var(--r-4);
  padding:var(--s-6);
}
.rent-prologue__checker h3{font-size:var(--t-h3);margin-bottom:var(--s-2);color:var(--text-on-night)}
.rent-prologue__checker p{font-size:var(--t-small);color:var(--text-on-night-sec);margin-bottom:var(--s-4)}
.rent-prologue__checker .aks-select{
  background:var(--ink-700);
  border-color:var(--border-on-night);
  color:var(--text-on-night);
  margin-bottom:var(--s-3);
}
.rent-prologue__checker .aks-select:focus{border-color:var(--link-light);box-shadow:0 0 0 3px rgba(43,138,134,0.2)}
.rent-prologue__checker-result{
  min-height:36px;
  display:flex;align-items:center;gap:var(--s-2);
  padding:var(--s-3);
  border-radius:var(--r-2);
  font-size:var(--t-small);font-weight:600;
}
.rent-prologue__checker-result--available{background:rgba(47,107,83,0.15);color:var(--teal-400)}
.rent-prologue__checker-result--taken{background:rgba(140,58,48,0.15);color:var(--rose-500)}
.rent-prologue__checker-result--empty{color:var(--text-on-night-mut)}

@media(max-width:900px){
  .rent-prologue__inner{grid-template-columns:1fr}
  .rent-prologue__panel{margin-top:var(--s-5)}
}

/* ── RENT THESIS ────────────────────────────────────── */
.rent-thesis{
  padding:var(--section-y) 0;
  text-align:center;
}
.rent-thesis p{
  max-width:64ch;margin-inline:auto;
  font-size:var(--t-lead);line-height:var(--lh-body);
  color:var(--text-secondary);
}

/* ── RENT MECHANICS ─────────────────────────────────── */
.rent-mechanics{
  padding-block:var(--section-y);
}
.rent-mechanics__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:var(--s-4);
}
@media(max-width:600px){.rent-mechanics__grid{grid-template-columns:1fr}}

.rent-mechanics__top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--s-5);
  margin-bottom:var(--s-5);
}
.rent-mech-card{
  padding:var(--s-6);
  border:1px solid var(--border-on-night);
  border-radius:var(--r-3);
}
.rent-mech-card h4{font-size:var(--t-h3);margin-bottom:var(--s-2);color:var(--text-on-night)}
.rent-mech-card p{font-size:var(--t-small);color:var(--text-on-night-sec);margin:0}
.rent-mech-card--big{padding:var(--s-7)}
.rent-mech-card svg{width:24px;height:24px;color:var(--teal-400);stroke-width:1.5;margin-bottom:var(--s-3)}

@media(max-width:900px){
  .rent-mechanics__top{grid-template-columns:1fr}
  .rent-mechanics__bottom{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .rent-mechanics__bottom{grid-template-columns:1fr}
}

/* ── RENT METRICS ───────────────────────────────────── */
.rent-metrics{padding:var(--section-y-sm) 0}
.rent-metrics__row{
  display:flex;gap:var(--s-8);flex-wrap:wrap;
  justify-content:center;
}
.rent-metrics__item{
  text-align:center;
  padding-top:var(--s-4);
  border-top:1px solid var(--border-on-paper);
  min-width:140px;
}
.rent-metrics__val{
  font-family:var(--font-mono);
  font-size:clamp(1.8rem,2.5vw + 0.8rem,2.8rem);
  font-weight:700;line-height:1;
  color:var(--text-primary);
}
.rent-metrics__label{
  font-size:var(--t-xs);text-transform:uppercase;
  letter-spacing:0.06em;font-weight:600;
  color:var(--text-muted);margin-top:var(--s-2);
}

/* ── RENT PLANS ─────────────────────────────────── */
.rent-plans{padding-block:var(--section-y)}
.rent-plans__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5);
  align-items:start;
}
@media(max-width:900px){.rent-plans__grid{grid-template-columns:1fr}}

/* ── RENT FIT ───────────────────────────────────── */
.rent-fit{padding-block:var(--section-y)}
.rent-fit__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);
}
@media(max-width:900px){.rent-fit__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rent-fit__grid{grid-template-columns:1fr}}

.rent-fit__rail{
  display:flex;gap:var(--s-4);
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding-bottom:var(--s-2);
}
.rent-fit__rail::-webkit-scrollbar{display:none}
.rent-fit__segment{
  flex-shrink:0;
  min-width:200px;
  padding:var(--s-5);
  border:1px solid var(--border-on-mist);
  border-radius:var(--r-3);
  text-align:center;
}
.rent-fit__segment svg{
  width:28px;height:28px;
  color:var(--anchor);stroke-width:1.5;
  margin:0 auto var(--s-3);
}
.rent-fit__segment h4{font-size:var(--t-body);font-weight:600;margin-bottom:var(--s-1)}
.rent-fit__segment p{font-size:var(--t-small);color:var(--text-muted);margin:0}

/* ── RENT CTA (form) ───────────────────────────── */
.rent-cta{
  padding:var(--section-y) 0;
}
.rent-cta__grid{
  display:grid;
  grid-template-columns:5fr 7fr;
  gap:var(--s-8);
  align-items:start;
}
@media(max-width:900px){.rent-cta__grid{grid-template-columns:1fr}}

.rent-cta__inner{
  display:grid;
  grid-template-columns:5fr 7fr;
  gap:var(--s-8);
  align-items:start;
}
.rent-cta__info .aks-h2{margin-bottom:var(--s-4);color:var(--text-on-night)}
.rent-cta__info p{color:var(--text-on-night-sec);margin-bottom:var(--s-5)}
.rent-cta__info-list{
  display:flex;flex-direction:column;gap:var(--s-3);
}
.rent-cta__info-list li{
  display:flex;align-items:center;gap:var(--s-2);
  font-size:var(--t-small);color:var(--text-on-night-sec);
}
.rent-cta__info-list li::before{
  content:'';width:16px;height:16px;flex-shrink:0;
  background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234AABA6' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Form panel on night */
.rent-cta .aks-panel-spotlight{
  background:var(--surface-paper);
  color:var(--text-primary);
}
.rent-cta .aks-label{color:var(--text-secondary)}

@media(max-width:900px){
  .rent-cta__inner{grid-template-columns:1fr}
}

/* ── RENT FINALE ────────────────────────────────────── */
.rent-finale{
  padding:var(--section-y-lg) 0;
  text-align:center;
}
.rent-finale .aks-display{
  max-width:18ch;margin-inline:auto;margin-bottom:var(--s-6);
}