/* San Pedro Fast Auto Glass: price list + insurance band (homepage, areas served) and
   the cost-section extras for the RV / Tesla pages. 2026-10-26. Palette = the service pages' spcost plate. */

a[href^="tel:"]{white-space:nowrap;}

/* ---------- price band ---------- */
.sppr-sec{
  position:relative;
  padding:110px 20px 90px;
  background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 100%);
  overflow:clip;
}
.sppr-sec::before{
  content:'';
  position:absolute;
  width:min(460px,90vw);
  height:460px;
  left:-120px;
  top:-160px;
  border-radius:50%;
  background:rgba(76,120,255,0.12);
  filter:blur(90px);
}
.sppr-wrap{
  position:relative;
  z-index:2;
  max-width:1200px;
  margin:auto;
}
.sppr-head{
  max-width:820px;
  margin:0 auto 46px;
  text-align:center;
}
.sppr-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(59,99,230,0.08);
  border:1px solid rgba(59,99,230,0.16);
  color:#2f56d6;
  font-weight:800;
  font-size:13px;
  letter-spacing:.4px;
  padding:9px 18px;
  border-radius:50px;
  margin-bottom:22px;
}
.sppr-head h2,
.spins-text h2{
  font-size:44px;
  line-height:1.18;
  color:#07152d;
  font-weight:900;
  margin-bottom:20px;
}
.sppr-head h2 span,
.spins-text h2 span{color:#2f56d6;}
.sppr-head p,
.sppr-foot p,
.spins-text p,
.spins-faq p{
  color:#4a5872;
  font-size:17px;
  line-height:1.8;
  margin-bottom:14px;
}
.sppr-grid{
  display:grid;
  gap:24px;
  align-items:start;
}
.sppr-grid--1{grid-template-columns:minmax(0,760px);justify-content:center;}
.sppr-grid--3{grid-template-columns:1fr 1fr;}
.sppr-stack{display:grid;gap:24px;}
.sppr-card{
  background:#ffffff;
  border:1px solid rgba(76,120,255,0.14);
  border-radius:28px;
  padding:26px 28px;
  box-shadow:0 14px 40px rgba(6,18,39,0.06);
}
.sppr-group{
  color:#07152d;
  font-weight:800;
  font-size:15px;
  letter-spacing:.3px;
  margin:0 0 10px;
  padding-bottom:12px;
  border-bottom:2px solid #3b63e6;
}
.sppr-rates{
  list-style:none;
  margin:0;
  padding:0;
}
.sppr-rates li{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:18px;
  padding:13px 0;
  border-bottom:1px dashed rgba(7,21,45,0.14);
  font-size:16px;
  line-height:1.5;
}
.sppr-rates li:last-child{border-bottom:0;}
.sppr-item{color:#33415c;font-weight:600;}
.sppr-price{
  color:#07152d;
  font-weight:800;
  text-align:right;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.sppr-grid--1 .sppr-rates{columns:2;column-gap:44px;}
.sppr-grid--1 .sppr-rates li{break-inside:avoid;}
.sppr-rates .sppr-price--long{white-space:normal;max-width:62%;}
.sppr-grid--1 .sppr-card:has(.sppr-price--long) .sppr-rates{columns:1;}
.sppr-foot{
  max-width:820px;
  margin:40px auto 0;
  text-align:center;
}
.sppr-foot p a,
.spins-text p a{
  color:#2f56d6;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
  font-size:inherit !important;
}
.sppr-foot p strong,
.spins-text p strong{color:#07152d;}
.sppr-call{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
  background:linear-gradient(135deg,#2f56d6,#3b63e6);
  color:#ffffff !important;
  font-weight:800;
  font-size:17px !important;
  padding:15px 28px;
  border-radius:50px;
  text-decoration:none;
  transition:transform .3s ease, box-shadow .3s ease;
}
.sppr-call:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(76,120,255,0.35);}

/* ---------- insurance band ---------- */
.spins-sec{
  padding:90px 20px 110px;
  background:#f3f7ff;
}
.spins-wrap{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:56px;
  align-items:center;
}
.spins-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  color:#2f56d6;
  font-weight:800;
  font-size:16px !important;
  text-decoration:none;
  border-bottom:2px solid rgba(47,86,214,0.35);
  padding-bottom:4px;
}
.spins-link:hover{border-bottom-color:#2f56d6;}
.spins-faq{
  position:relative;
  background:linear-gradient(180deg,#061227 0%,#0d2145 100%);
  border-radius:32px;
  padding:40px 38px;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(6,18,39,0.24);
}
.spins-faq::after{
  content:'';
  position:absolute;
  width:200px;
  height:200px;
  right:-70px;
  bottom:-70px;
  border-radius:50%;
  border:26px solid rgba(76,120,255,0.16);
}
.spins-faq-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.12);
  color:#c9d7ff;
  font-weight:800;
  font-size:13px;
  padding:9px 16px;
  border-radius:50px;
  margin-bottom:22px;
}
.spins-faq h3{
  color:#ffffff;
  font-size:24px;
  line-height:1.35;
  font-weight:800;
  margin-bottom:16px;
}
.spins-faq p{
  position:relative;
  z-index:2;
  color:#d9e4ff;
  margin-bottom:0;
}

/* ---------- RV / Tesla cost-section extras ---------- */
.spcost-item{
  background:#ffffff;
  border:1px solid rgba(76,120,255,0.12);
  border-radius:24px;
  padding:24px 26px;
  margin-bottom:18px;
  box-shadow:0 8px 24px rgba(0,0,0,0.04);
}
.spcost-h3{
  color:#07152d;
  font-size:22px;
  line-height:1.35;
  font-weight:800;
  margin-bottom:12px;
}
.spcost-item p:last-child{margin-bottom:0;}
.spcost-body .sprv-lead{margin-top:6px;}
.spcost-body .spcost-chips{margin-bottom:22px;}

@media(max-width:991px){
  .spins-wrap{grid-template-columns:1fr;gap:36px;}
}
@media(max-width:768px){
  .sppr-sec{padding:80px 18px 70px;}
  .spins-sec{padding:70px 18px 80px;}
  .sppr-head h2,
  .spins-text h2{font-size:32px;}
  .sppr-grid--3{grid-template-columns:1fr;}
  .sppr-grid--1 .sppr-rates{columns:1;}
  .sppr-card{padding:22px 20px;}
  .sppr-rates li{font-size:15px;}
  .spins-faq{padding:32px 26px;}
  .spins-faq h3{font-size:21px;}
}

/* lists inside an H3 card (Tesla "OEM and OEE glass choices"): plain full-width rows, not centred pills */
.sprv-sub .sprv-lead{text-align:left;margin-top:4px;}
.sprv-sub .sprv-chips{display:grid;grid-template-columns:1fr;gap:8px;margin:6px 0 18px;}
.sprv-sub .sprv-chips li{padding:10px 14px;border-radius:14px;font-size:15px;box-shadow:none;}