/* O-03 isolated preview only. Unifies Emergency Plumber Cost card to AC Repair
   (svc-inner3 / merged-cost) presentation. No site/source changes. Prices/copy untouched. */

html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-split{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr) !important;
  gap:28px 40px !important;
  align-items:stretch !important;
  padding:0 0 4px !important;
  border-top:0 !important;
  margin:0 !important;
}

html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-hero{
  margin:0 !important;
  padding:26px 24px 22px !important;
  border-radius:18px !important;
  background:linear-gradient(160deg,#00053e,#001a4a) !important;
  color:#fff !important;
  border:1px solid rgba(0,5,62,.2) !important;
  box-shadow:rgba(0,5,62,.45) 0 18px 40px -24px !important;
  position:relative !important;
  overflow:hidden !important;
}

html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 92% 8%, rgba(254,209,77,.28), transparent 42%) !important;
  pointer-events:none !important;
  z-index:0 !important;
}
html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-hero::after{
  content:none !important;
  display:none !important;
}

html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-hero-main{
  display:block !important;
  position:relative !important;
  z-index:1 !important;
  margin:0 !important;
  gap:0 !important;
}

html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-hero-main .cost-fig-k{
  display:block !important;
  margin:0 0 8px !important;
  font:800 11.5px/1.2 Saira,sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#FED14D !important;
  opacity:1 !important;
}

html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-hero-main .cost-fig-v{
  display:block !important;
  font:800 clamp(40px,4.6vw,56px)/1 Saira,sans-serif !important;
  color:#fff !important;
  letter-spacing:-.03em !important;
  text-wrap:balance !important;
}

html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-hero-main .cost-fig-s{
  display:block !important;
  margin-top:10px !important;
  font-size:14.5px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
  color:rgba(255,255,255,.78) !important;
  opacity:1 !important;
  text-wrap:pretty !important;
  max-width:28ch !important;
}

/* Two-chip comparison strip (not filter chips) */
html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-meta{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:20px !important;
}

/* Match AC chip anatomy: label | value on row 1, subtitle under label */
html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-meta-i{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-rows:auto auto !important;
  gap:4px 12px !important;
  align-items:baseline !important;
  margin:0 !important;
  padding:12px 12px 11px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-meta-i .cost-fig-k{
  display:block !important;
  grid-column:1 !important;
  grid-row:1 !important;
  margin:0 !important;
  font:700 10.5px/1.2 Saira,sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.62) !important;
  opacity:1 !important;
}

html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-meta-i .cost-fig-v{
  display:block !important;
  grid-column:2 !important;
  grid-row:1 !important;
  justify-self:end !important;
  margin:0 !important;
  font:800 20px/1.1 Saira,sans-serif !important;
  color:#fff !important;
  letter-spacing:-.02em !important;
}

html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-meta-i .cost-fig-s{
  display:block !important;
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  margin:0 !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  color:rgba(255,255,255,.7) !important;
  opacity:1 !important;
}

@media (max-width:899px){
  html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-split{
    grid-template-columns:minmax(0,1fr) !important;
    gap:22px !important;
  }
  html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-hero{
    padding:22px 20px 18px !important;
  }
  html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-hero-main .cost-fig-v{
    font-size:clamp(36px,10vw,48px) !important;
  }
}

@media (max-width:599px){
  html body.inner.t-svc #cost.sec.L.ab-sec.svc-cost .cost-meta{
    grid-template-columns:minmax(0,1fr) !important;
  }
}