/* ==========================================================
   Sell Section — Instant Quote (Product Type + Model)
   ========================================================== */

.sell-section{
  --navy:#132355;
  --navy-deep:#0d1a3f;
  --orange:#f5821f;
  --orange-deep:#e06d0c;
  --sky-chip:#e7ecfb;
  --sky-chip-text:#3757d6;
  --bg-panel:#eef1fb;
  --line:#e3e6f0;
  --muted:#6b7280;

  font-family:'Poppins',sans-serif;
  background:var(--bg-panel);
  padding:64px 24px 72px;
}

.sell-section *{box-sizing:border-box;}

.sell-wrap{
  max-width:1080px;
  margin:0 auto;
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:40px;
  align-items:center;
}

/* ---------- left copy ---------- */
.sell-section .chip{
  display:inline-block;
  background:var(--sky-chip);
  color:var(--sky-chip-text);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.04em;
  padding:7px 16px;
  border-radius:20px;
  margin-bottom:18px;
}
.sell-copy h2{
  font-size:clamp(28px,3.2vw,38px);
  font-weight:800;
  color:var(--navy);
  line-height:1.18;
  margin:0 0 14px;
}
.sell-copy p{
  font-size:15px;
  color:var(--muted);
  line-height:1.65;
  max-width:38ch;
  margin:0 0 22px;
}
.sell-points{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.sell-points li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  font-weight:600;
  color:var(--navy-deep);
}
.sell-points svg{
  width:20px;height:20px;flex-shrink:0;
  background:var(--orange);
  border-radius:50%;
  padding:4px;
  stroke:#fff;
}

/* ---------- right form card ---------- */
.quote-card{
  background:#fff;
  border-radius:16px;
  padding:34px 32px;
  box-shadow:0 20px 45px -18px rgba(19,35,85,0.25);
  border:1px solid var(--line);
}
.quote-card-title{
  font-size:18px;
  font-weight:700;
  color:var(--navy);
  margin:0 0 4px;
}
.quote-card-sub{
  font-size:13px;
  color:var(--muted);
  margin:0 0 24px;
}

.quote-card .field{margin-bottom:18px;}
.quote-card .field label{
  display:block;
  font-size:12.5px;
  font-weight:700;
  color:var(--navy-deep);
  text-transform:uppercase;
  letter-spacing:.03em;
  margin-bottom:8px;
}

.select-shell{position:relative;}
.select-shell::after{
  content:"";
  position:absolute;
  right:16px;top:50%;
  width:9px;height:9px;
  border-right:2px solid var(--navy);
  border-bottom:2px solid var(--navy);
  transform:translateY(-65%) rotate(45deg);
  pointer-events:none;
  transition:border-color .15s ease;
}
.quote-card select{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  background:#f7f8fc;
  border:1.5px solid var(--line);
  border-radius:10px;
  padding:13px 40px 13px 16px;
  font-family:'Poppins',sans-serif;
  font-size:14.5px;
  font-weight:500;
  color:var(--navy-deep);
  cursor:pointer;
  outline:none;
  transition:border-color .15s ease, background .15s ease;
}
.quote-card select:hover{border-color:#c9cfe6;}
.quote-card select:focus{border-color:var(--orange); background:#fff;}
.quote-card select:disabled{
  color:#a7acc0;
  cursor:not-allowed;
  background:#f1f2f7;
}

.quote-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:var(--bg-panel);
  border:1px dashed #c7cef0;
  border-radius:12px;
  padding:16px 18px;
  margin:22px 0;
  opacity:0;
  max-height:0;
  overflow:hidden;
  transition:opacity .3s ease, max-height .3s ease, margin .3s ease, padding .3s ease;
}
.quote-result.show{
  opacity:1;
  max-height:100px;
  margin:22px 0;
}
.quote-result .label{
  font-size:12.5px;
  color:var(--muted);
  font-weight:600;
  margin-bottom:3px;
}
.quote-result .amount{
  font-size:23px;
  font-weight:800;
  color:var(--orange-deep);
}

.quote-card .cta-btn{
  width:100%;
  background:var(--orange);
  color:#fff;
  border:none;
  border-radius:10px;
  padding:15px 18px;
  font-family:'Poppins',sans-serif;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  transition:background .15s ease, transform .1s ease;
}
.quote-card .cta-btn svg{width:17px;height:17px;stroke:#fff;}
.quote-card .cta-btn:hover:not(:disabled){background:var(--orange-deep);}
.quote-card .cta-btn:active:not(:disabled){transform:scale(0.99);}
.quote-card .cta-btn:disabled{background:#f3b989;cursor:not-allowed;}

@media (max-width:820px){
  .sell-wrap{grid-template-columns:1fr; gap:32px;}
  .sell-copy{text-align:left;}
}