:root{
  --ink:#101828;
  --navy:#111827;
  --navy-2:#172033;
  --muted:#667085;
  --line:#e4e7ec;
  --soft:#f7f8fa;
  --soft-2:#f2f4f7;
  --success:#067647;
  --success-bg:#ecfdf3;
  --warn:#b54708;
  --warn-bg:#fffaeb;
  --danger:#b42318;
  --radius:14px;
  --shadow:0 8px 28px rgba(16,24,40,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.45;
}
a{color:inherit}
button,select,input,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.55;cursor:not-allowed}
.hidden{display:none!important}

.hero{
  background:linear-gradient(135deg,var(--navy),var(--navy-2));
  color:#fff;
  padding:46px 28px 40px;
}
.hero-inner{
  max-width:1500px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:36px;
}
.brand-link{
  display:inline-block;
  font-size:12px;
  font-weight:850;
  letter-spacing:.14em;
  text-decoration:none;
  color:#cfd4dc;
}
h1{
  margin:8px 0 12px;
  max-width:850px;
  font-size:clamp(34px,4vw,54px);
  line-height:1.03;
  letter-spacing:-.035em;
}
.hero-copy{
  margin:0;
  max-width:850px;
  color:#d0d5dd;
  font-size:18px;
}
.trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:22px;
}
.trust-row span{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  border-radius:999px;
  padding:7px 11px;
  font-size:12px;
  color:#eaecf0;
}
.catalogue-status{
  flex:none;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(255,255,255,.05);
  font-size:12px;
  color:#d0d5dd;
}
.status-dot{
  width:8px;height:8px;border-radius:50%;
  background:#32d583;
  box-shadow:0 0 0 4px rgba(50,213,131,.12);
}

.process-section,.info-section{
  border-bottom:1px solid var(--line);
  background:#fafafa;
}
.section-inner{
  max-width:1500px;
  margin:0 auto;
  padding:28px;
}
.section-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:16px;
}
.eyebrow{
  font-size:11px;
  font-weight:850;
  letter-spacing:.13em;
  color:var(--muted);
}
.section-heading h2,.panel-heading h2{
  margin:4px 0 0;
  font-size:24px;
  letter-spacing:-.02em;
}
.steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.steps article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:16px;
}
.step-no{
  display:grid;
  place-items:center;
  width:29px;height:29px;
  border-radius:8px;
  background:var(--navy);
  color:#fff;
  font-weight:800;
  margin-bottom:12px;
}
.steps strong{display:block;font-size:15px}
.steps p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:13px;
}

.layout{
  max-width:1500px;
  margin:0 auto;
  padding:30px 28px 44px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 410px;
  gap:28px;
  align-items:start;
}
.search-panel{
  position:sticky;
  top:0;
  z-index:3;
  background:#fff;
  border-bottom:1px solid var(--line);
  padding-bottom:16px;
}
.panel-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:15px;
  margin-bottom:14px;
}
.link-button{
  border:0;
  background:none;
  color:var(--muted);
  padding:5px;
  text-decoration:underline;
  font-size:13px;
}
.search-box{position:relative}
#search{
  width:100%;
  padding:16px 48px 16px 17px;
  border:1px solid #d0d5dd;
  border-radius:12px;
  font-size:16px;
  outline:none;
}
#search:focus,
select:focus,
.basket input:focus,
.basket textarea:focus{
  border-color:#98a2b3;
  box-shadow:0 0 0 3px rgba(152,162,179,.15);
  outline:none;
}
.clear-search{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  font-size:24px;
  color:var(--muted);
  padding:6px 10px;
}
.filters{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  gap:10px;
  margin-top:10px;
}
.filters label{
  display:grid;
  gap:5px;
}
.filters label>span{
  font-size:11px;
  color:var(--muted);
  font-weight:750;
}
select,.basket input,.basket textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid #d0d5dd;
  border-radius:9px;
  background:#fff;
}
textarea{resize:vertical}
#search-btn,.primary{
  border:1px solid var(--navy);
  background:var(--navy);
  color:#fff;
  border-radius:9px;
  padding:11px 16px;
  font-weight:800;
}
#search-btn{align-self:end}
.secondary{
  background:#fff;
  border:1px solid #d0d5dd;
  color:var(--ink);
  border-radius:9px;
  padding:11px 16px;
  font-weight:750;
}
.condition-guide{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--soft);
}
.condition-guide summary{
  cursor:pointer;
  padding:11px 13px;
  font-size:13px;
  font-weight:750;
}
.guide-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  border-top:1px solid var(--line);
  padding:14px;
}
.guide-grid p{
  margin:7px 0;
  color:var(--muted);
  font-size:12.5px;
}
.catalogue-notice{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:16px 0;
  border:1px solid #fedf89;
  background:var(--warn-bg);
  border-radius:10px;
  padding:14px;
  color:#7a2e0e;
}
.result-summary{
  padding:14px 0 10px;
  color:var(--muted);
  font-size:13px;
}
.results{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.product{
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:17px;
  background:#fff;
  box-shadow:0 1px 1px rgba(16,24,40,.02);
}
.product h3{
  margin:4px 0 0;
  font-size:18px;
  line-height:1.2;
}
.meta{
  color:var(--muted);
  font-size:12px;
}
.badge{
  display:inline-block;
  margin-left:5px;
  padding:3px 6px;
  border-radius:999px;
  background:#eef2f6;
  color:#344054;
  font-size:9px;
  font-weight:850;
  vertical-align:1px;
}
.badge.rarity{background:#fff4e5;color:#93370d}
.options{
  display:grid;
  gap:7px;
  margin-top:14px;
}
.option{
  display:grid;
  grid-template-columns:minmax(0,1fr) 68px 78px 58px;
  gap:8px;
  align-items:center;
  padding:10px;
  background:var(--soft);
  border:1px solid transparent;
  border-radius:10px;
}
.option-name strong{font-size:13px}
.price{
  text-align:right;
  font-size:10px;
  color:var(--muted);
}
.price strong{
  display:block;
  color:var(--ink);
  font-size:14px;
}
.credit-price small{
  display:block;
  color:var(--success);
  font-size:9px;
  font-weight:750;
}
.poa{
  color:var(--warn);
  font-weight:850;
  font-size:10px;
  text-align:right;
}
.add-button{
  border:1px solid #d0d5dd;
  background:#fff;
  color:var(--ink);
  border-radius:8px;
  padding:8px 8px;
  font-weight:800;
  font-size:12px;
}
.add-button:hover,.add-button.added{
  border-color:var(--navy);
  background:var(--navy);
  color:#fff;
}
.no-results{
  grid-column:1/-1;
  border:1px dashed #d0d5dd;
  border-radius:var(--radius);
  padding:40px;
  text-align:center;
  color:var(--muted);
}
.no-results strong{display:block;color:var(--ink);margin-bottom:4px}
.load-more{display:block;margin:18px auto 0}

.basket-card{
  position:sticky;
  top:18px;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
  background:#fff;
  box-shadow:var(--shadow);
}
.basket-title{
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:12px;
}
.basket-title h2{margin:3px 0 0;font-size:23px}
.basket-count{
  flex:none;
  background:var(--soft-2);
  padding:5px 8px;
  border-radius:999px;
  color:var(--muted);
  font-size:11px;
  font-weight:750;
}
.empty-basket{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:16px 0;
  border:1px dashed #d0d5dd;
  border-radius:10px;
  padding:16px;
  color:var(--muted);
  font-size:13px;
}
.empty-basket strong{color:var(--ink)}
.basket-line{
  padding:12px 0;
  border-bottom:1px solid var(--line);
}
.line-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.line-head>div{min-width:0}
.line-head strong{display:block;font-size:13px}
.line-head small{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-top:2px;
}
.remove{
  border:0;
  background:none;
  color:var(--danger);
  padding:0;
  font-size:11px;
}
.basket-line-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:8px;
}
.basket-line-bottom>small{
  text-align:right;
  color:var(--muted);
  font-size:10px;
}
.qty-control{
  display:flex;
  align-items:center;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}
.qty-control button{
  width:29px;height:27px;
  border:0;
  background:#fff;
  font-weight:850;
}
.qty-control span{
  min-width:27px;
  text-align:center;
  font-size:12px;
  font-weight:750;
}
.totals{
  border-top:1px solid var(--line);
  margin-top:14px;
  padding-top:11px;
}
.totals>div{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:5px 0;
}
.totals span{font-size:13px}
.totals strong{font-size:17px}
.manual{color:var(--warn)}
.payout-choice{
  display:grid;
  gap:8px;
  margin:12px 0;
  padding:0;
  border:0;
}
.payout-choice legend{
  margin-bottom:7px;
  font-size:12px;
  font-weight:800;
}
.payout-card{
  display:flex;
  align-items:flex-start;
  gap:9px;
  border:1px solid var(--line);
  border-radius:10px;
  padding:11px;
  cursor:pointer;
}
.payout-card.active{
  border-color:var(--navy);
  background:#f8fafc;
}
.payout-card input{
  width:auto;
  margin-top:3px;
}
.payout-card strong{display:block;font-size:13px}
.payout-card small{display:block;margin-top:2px;color:var(--muted);font-size:10px}
.selected-value{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:13px 0 17px;
  padding:12px;
  border-radius:10px;
  background:var(--navy);
  color:#fff;
}
.selected-value span{font-size:12px;color:#d0d5dd}
.selected-value strong{font-size:21px}
#quote-form{
  display:grid;
  gap:10px;
  border-top:1px solid var(--line);
  padding-top:17px;
}
.form-heading h3{margin:0;font-size:16px}
.form-heading p{margin:3px 0 5px;color:var(--muted);font-size:11px}
.field{display:grid;gap:5px}
.field>span{
  font-size:11px;
  font-weight:750;
  color:#475467;
}
.field em{
  font-style:normal;
  font-weight:500;
  color:#98a2b3;
}
.basket textarea{min-height:70px}
.terms{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:var(--muted);
  font-size:11px;
}
.terms input{width:auto;margin-top:2px}
.terms a,.privacy-note a{text-decoration:underline}
.submit-quote{width:100%;padding:13px}
.form-footnote,.privacy-note{
  margin:0;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}
.bot-field{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

.info-section{
  border-top:1px solid var(--line);
  border-bottom:0;
}
.info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  padding-top:34px;
  padding-bottom:44px;
}
.info-grid article{
  padding-right:24px;
}
.info-grid h2{
  margin:5px 0 8px;
  font-size:18px;
}
.info-grid p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

.modal{
  position:fixed;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(16,24,40,.62);
}
.modal-card{
  position:relative;
  width:100%;
  max-width:690px;
  max-height:92vh;
  overflow:auto;
  background:#fff;
  border-radius:16px;
  padding:27px;
  box-shadow:0 24px 80px rgba(16,24,40,.3);
}
.close{
  position:absolute;
  right:12px;
  top:10px;
  border:0;
  background:none;
  color:var(--muted);
  font-size:28px;
}
.modal-card h2{margin:4px 0 5px;font-size:28px}
.quote-total{font-size:17px;font-weight:750}
.email-status{
  margin:12px 0;
  border-radius:9px;
  font-size:12px;
}
.email-status.success{
  padding:10px 12px;
  background:var(--success-bg);
  color:var(--success);
}
.email-status.warning{
  padding:10px 12px;
  background:var(--warn-bg);
  color:var(--warn);
}
.email-delivery-prominent{
  padding:15px 16px!important;
  border:2px solid var(--success);
  border-left-width:6px;
  border-radius:11px!important;
  box-shadow:0 4px 14px rgba(6,118,71,.10);
  display:grid;
  gap:6px;
}
.email-delivery-prominent strong{
  display:block;
  font-size:13px;
  line-height:1.35;
  letter-spacing:.015em;
}
.email-delivery-prominent span{
  display:block;
  font-size:12px;
  line-height:1.5;
  color:var(--ink);
}
.packing-list,.address-box{
  margin:15px 0;
  border:1px solid var(--line);
  border-radius:10px;
  padding:14px;
  background:var(--soft);
}
.packing-line{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:7px 0;
  border-bottom:1px solid var(--line);
  font-size:12px;
}
.packing-line:last-child{border-bottom:0}
.packing-line small{color:var(--muted);text-align:right}
.address-box pre{
  margin:8px 0 0;
  white-space:pre-wrap;
  font:inherit;
  font-size:13px;
}
.parcel-steps{
  display:grid;
  gap:8px;
  margin:15px 0;
}
.parcel-steps div{
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-size:13px;
}
.parcel-steps span{
  flex:none;
  display:grid;
  place-items:center;
  width:23px;height:23px;
  border-radius:7px;
  background:var(--navy);
  color:#fff;
  font-size:11px;
  font-weight:850;
}
.important{font-weight:800}
.muted{color:var(--muted);font-size:12px}
.modal-actions{display:flex;gap:9px;margin-top:18px}

.mobile-basket-bar{display:none}

@media(max-width:1100px){
  .layout{grid-template-columns:1fr}
  .basket-card{position:static}
  .steps{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .hero{padding:32px 16px 28px}
  .hero-inner{display:block}
  .catalogue-status{display:inline-flex;margin-top:20px}
  .hero-copy{font-size:16px}
  .section-inner,.layout{padding-left:16px;padding-right:16px}
  .steps,.info-grid{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr 1fr}
  .filters button{grid-column:1/-1}
  .guide-grid{grid-template-columns:1fr}
  .results{grid-template-columns:1fr}
  .option{grid-template-columns:minmax(0,1fr) 62px 70px 55px}
  .option{padding:9px 8px}
  .info-grid article{padding-right:0}
  .mobile-basket-bar{
    position:fixed;
    z-index:12;
    left:0;right:0;bottom:0;
    display:block;
    padding:8px 12px max(8px,env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96);
    border-top:1px solid var(--line);
    backdrop-filter:blur(10px);
  }
  .mobile-basket-bar button{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    border:0;
    border-radius:10px;
    padding:11px 13px;
    background:var(--navy);
    color:#fff;
    text-align:left;
  }
  .mobile-basket-bar strong,.mobile-basket-bar small{display:block}
  .mobile-basket-bar small{color:#d0d5dd;font-size:10px;margin-top:1px}
  body{padding-bottom:70px}
}
@media(max-width:520px){
  .filters{grid-template-columns:1fr}
  .filters button{grid-column:auto}
  .option{
    grid-template-columns:minmax(0,1fr) 1fr 1fr;
    gap:6px;
  }
  .option-name{grid-column:1/-1}
  .add-button{width:100%}
  .modal{padding:8px}
  .modal-card{padding:22px 16px}
  .packing-line{display:block}
  .packing-line small{display:block;text-align:left;margin-top:2px}
  .modal-actions{display:grid}
}
@media print{
  body>*:not(#confirmation){display:none!important}
  #confirmation{
    position:static;
    display:block!important;
    background:#fff;
    padding:0;
  }
  .modal-card{
    max-width:none;
    max-height:none;
    overflow:visible;
    box-shadow:none;
    padding:0;
  }
  .close,.modal-actions{display:none!important}
  .email-status{display:none}
}


/* v9.1 conversion-focused refinements */
.trust-row .trust-strong{
  background:#fff;
  border-color:#fff;
  color:var(--navy);
  font-weight:900;
  letter-spacing:.02em;
}
.section-heading{
  justify-content:flex-start;
}
.section-heading>div{
  display:block;
}
.postage-incentive{
  margin:-5px 0 16px;
  padding:11px 12px;
  border:1px solid #a6f4c5;
  border-radius:10px;
  background:#ecfdf3;
}
.postage-incentive strong{
  display:block;
  color:#05603a;
  font-size:12px;
  margin-bottom:3px;
}
.postage-incentive span{
  display:block;
  color:#344054;
  font-size:10.5px;
  line-height:1.45;
}
.info-grid{
  grid-template-columns:repeat(4,1fr);
}
.modal-incentive{
  display:grid;
  gap:3px;
  margin:14px 0;
  padding:12px 13px;
  border:1px solid #a6f4c5;
  border-radius:10px;
  background:#ecfdf3;
}
.modal-incentive strong{
  color:#05603a;
  font-size:12px;
  letter-spacing:.04em;
}
.modal-incentive span{
  color:#344054;
  font-size:12px;
}
.catalogue-notice{
  padding:17px 18px;
  box-shadow:0 4px 14px rgba(181,71,8,.06);
}
.catalogue-notice strong{
  font-size:15px;
}
.catalogue-notice span{
  font-size:12.5px;
  line-height:1.5;
}
.catalogue-disabled{
  opacity:.72;
}
.catalogue-disabled input:disabled,
.catalogue-disabled textarea:disabled,
.catalogue-disabled button:disabled,
.catalogue-disabled select:disabled,
.search-panel input:disabled,
.search-panel button:disabled,
.search-panel select:disabled{
  cursor:not-allowed;
  background:#f2f4f7;
  color:#98a2b3;
}
.payout-card small,
.form-footnote,
.privacy-note,
.terms{
  font-size:11.5px;
}
.payout-card small{
  line-height:1.45;
}

@media(max-width:1100px){
  .info-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .info-grid{grid-template-columns:1fr}
}


/* v9.2 Second Save brand treatment */
:root{
  --ss-cyan:#12d9f3;
  --ss-green:#25e28c;
  --ss-blue:#0877ff;
}
.brand-lockup{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:#fff;
}
.brand-monogram{
  display:grid;
  place-items:center;
  width:44px;height:44px;
  border-radius:12px;
  background:
    linear-gradient(145deg,rgba(18,217,243,.18),rgba(37,226,140,.18)),
    #07111f;
  border:1px solid rgba(18,217,243,.48);
  color:#fff;
  font-weight:950;
  font-style:italic;
  letter-spacing:-.08em;
  box-shadow:
    0 0 0 1px rgba(37,226,140,.08) inset,
    0 0 25px rgba(18,217,243,.12);
}
.brand-words{
  display:grid;
  line-height:.95;
}
.brand-words strong{
  font-size:18px;
  font-weight:900;
  letter-spacing:.065em;
}
.brand-words b{
  margin-top:5px;
  font-size:12px;
  letter-spacing:.38em;
  background:linear-gradient(90deg,var(--ss-cyan),var(--ss-green));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.brand-service{
  margin-left:6px;
  padding:5px 8px;
  border-left:1px solid rgba(255,255,255,.22);
  color:#98a2b3;
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
}
.brand-rule{
  width:min(460px,75vw);
  height:2px;
  margin:13px 0 4px 54px;
  background:linear-gradient(90deg,var(--ss-cyan),var(--ss-green),transparent);
  opacity:.9;
}
.tradein-promise{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:20px;
  color:#d0d5dd;
}
.tradein-promise strong{
  color:#fff;
  font-size:10px;
  letter-spacing:.1em;
}
.tradein-promise span{
  padding-left:10px;
  border-left:1px solid rgba(255,255,255,.18);
  font-size:11px;
}
.same-day-note{
  margin:9px 0 0;
  max-width:760px;
  color:#98a2b3;
  font-size:10px;
}
.hero{
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-120px;top:-240px;
  border-radius:50%;
  border:1px solid rgba(18,217,243,.13);
  box-shadow:
    0 0 0 55px rgba(18,217,243,.025),
    0 0 0 110px rgba(37,226,140,.018);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  right:5%;
  bottom:0;
  width:260px;height:2px;
  background:linear-gradient(90deg,transparent,var(--ss-cyan),var(--ss-green),transparent);
  opacity:.6;
}
.hero-inner{position:relative;z-index:1}

.brand-footer{
  background:#09121f;
  color:#fff;
  border-top:1px solid rgba(18,217,243,.16);
}
.brand-footer-inner{
  max-width:1500px;
  margin:0 auto;
  padding:24px 28px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:28px;
  align-items:center;
}
.footer-lockup{
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-monogram{
  display:grid;
  place-items:center;
  width:38px;height:38px;
  border-radius:10px;
  border:1px solid rgba(18,217,243,.38);
  background:#0d1929;
  font-weight:950;
  font-style:italic;
}
.footer-lockup>div{
  display:grid;
  line-height:1;
}
.footer-lockup strong{
  font-size:13px;
  letter-spacing:.08em;
}
.footer-lockup b{
  margin-top:4px;
  font-size:9px;
  letter-spacing:.32em;
  color:var(--ss-cyan);
}
.footer-copy{
  display:grid;
  gap:2px;
}
.footer-copy strong{font-size:12px}
.footer-copy span{font-size:10.5px;color:#98a2b3}
.footer-home{
  color:#fff;
  text-decoration:none;
  border:1px solid #344054;
  border-radius:9px;
  padding:9px 11px;
  font-size:11px;
  font-weight:800;
}
.footer-home:hover{border-color:var(--ss-cyan)}

@media(max-width:760px){
  .brand-rule{margin-left:0}
  .brand-service{display:none}
  .tradein-promise{display:grid;gap:4px}
  .tradein-promise span{border:0;padding:0}
  .brand-footer-inner{grid-template-columns:1fr;gap:14px;padding:22px 16px}
  .footer-home{justify-self:start}
}


/* v9.3 streamlined customer FAQ */
.faq-section{
  border-top:1px solid var(--line);
  background:#fff;
}
.faq-inner{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:42px;
  padding-top:42px;
  padding-bottom:48px;
}
.faq-intro{
  position:sticky;
  top:24px;
  align-self:start;
}
.faq-intro h2{
  margin:5px 0 10px;
  font-size:30px;
  letter-spacing:-.03em;
}
.faq-intro p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
.faq-list{
  border-top:1px solid var(--line);
}
.faq-list details{
  border-bottom:1px solid var(--line);
}
.faq-list summary{
  position:relative;
  list-style:none;
  cursor:pointer;
  padding:18px 44px 18px 2px;
  font-size:15px;
  font-weight:800;
  color:var(--ink);
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{
  content:"+";
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  width:26px;height:26px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:8px;
  color:#475467;
  font-size:18px;
  line-height:1;
}
.faq-list details[open] summary::after{
  content:"−";
  background:var(--navy);
  border-color:var(--navy);
  color:#fff;
}
.faq-answer{
  padding:0 48px 18px 2px;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.65;
}
.faq-answer p{
  margin:0 0 9px;
}
.faq-answer p:last-child{margin-bottom:0}
.faq-answer strong{color:var(--ink)}
.faq-answer a{
  color:var(--ink);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:2px;
}
.faq-cta{
  grid-column:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-top:6px;
  padding:17px 18px;
  border-radius:12px;
  background:linear-gradient(100deg,#0b1625,#111f31);
  color:#fff;
}
.faq-cta>div{
  display:grid;
  gap:2px;
}
.faq-cta strong{font-size:14px}
.faq-cta span{font-size:11px;color:#b9c0cb}
.faq-cta-button{
  flex:none;
  padding:9px 12px;
  border:1px solid rgba(18,217,243,.4);
  border-radius:9px;
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:850;
}
.faq-cta-button:hover{
  border-color:var(--ss-cyan);
  background:rgba(18,217,243,.06);
}

@media(max-width:900px){
  .faq-inner{
    grid-template-columns:1fr;
    gap:18px;
  }
  .faq-intro{
    position:static;
  }
  .faq-cta{grid-column:1}
}
@media(max-width:600px){
  .faq-list summary{
    padding-right:40px;
    font-size:14px;
  }
  .faq-answer{padding-right:10px}
  .faq-cta{
    display:grid;
  }
  .faq-cta-button{
    justify-self:start;
  }
}

.courier-guide{margin-top:10px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;padding:12px;display:grid;gap:7px;color:#1e3a5f}.courier-guide>strong{font-size:13px}.courier-guide>span,.courier-guide small{font-size:11px;line-height:1.45}.courier-links{display:flex;flex-wrap:wrap;gap:7px}.courier-links a,.modal-couriers a{display:inline-flex;padding:7px 9px;border:1px solid #bfdbfe;background:#fff;border-radius:8px;text-decoration:none;color:#0f3f70;font-size:11px;font-weight:800}.modal-couriers{margin-top:12px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;padding:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.modal-couriers>strong{width:100%}.modal-couriers small{width:100%;color:#475569}