/* World Class neutral glass pass — cyan is an accent, not a panel fill. */
:root{--wc-glass:rgba(2,8,12,.34);--wc-glass-strong:rgba(2,8,12,.48);--wc-glass-mobile:rgba(2,8,12,.42);--wc-glass-line:rgba(163,229,238,.16)}

/* Primary content cards */
.service-card,
.pricing-card,
.seo-service-card,
.service-page-aside,
.why-page-cta,
.faq-grid details,
.legal-shell,
.signature-price-card,
.signature-copy,
.signature-flow-selection,
.quote-preference-panel,
.service-location-dropdown,
.booking-static-estimate,
.review-grid>div,
.review-promo,
.google-review-card,
.google-review-fallback,
.pickup-authorization,
.mobile-address,
.guarantee,
.contact-card,
.choice-card,
.service-choice,
.signature-vehicle-option,
.signature-custom-route{
  background:var(--wc-glass)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Remove old cyan/green panel gradients while preserving the cinematic page background. */
.pricing-section,
.seo-services-section,
.faq-section,
.service-page-main,
.legal-main,
.why-page-values{
  background:transparent!important;
}

/* Keep hover/selected states readable without turning the whole tile cyan. */
.service-card:hover,
.pricing-card:hover,
.seo-service-card:hover,
.service-page-aside:hover,
.why-page-cta:hover,
.faq-grid details:hover,
.faq-grid details[open],
.signature-price-card:hover,
.signature-price-card:focus-visible,
.signature-vehicle-option:hover,
.signature-vehicle-option:focus-visible,
.signature-custom-route:hover,
.signature-custom-route:focus-visible,
.choice-card:hover,
.service-select-card:hover{
  background:var(--wc-glass-strong)!important;
  border-color:rgba(33,199,238,.46)!important;
}

/* Decorative card glows become subtle accents rather than cyan blobs. */
.service-card::after,
.service-page-hero::after{
  opacity:.28!important;
}

/* Price/service sub-panels */
.vehicle-pricing,
.signature-upgrade,
.seo-services-cta{
  background:rgba(2,8,12,.28)!important;
  border-color:var(--line)!important;
}

/* Booking/service controls: neutral card, cyan only when selected. */
.service-select-card{background:var(--wc-glass)!important}
.service-select-card:has(.service-select-input:checked),
.choice-card:has(input:checked){background:var(--wc-glass-strong)!important}

/* Review cards match the same glass language. */
.google-review-card,.google-review-fallback{border:1px solid rgba(163,229,238,.12)!important}

/* Legal pages stay readable but no longer look like teal slabs. */
.legal-shell{background:rgba(2,8,12,.44)!important}

@media(max-width:600px){
  .service-card,.pricing-card,.seo-service-card,.service-page-aside,.why-page-cta,.faq-grid details,.legal-shell,.signature-price-card,.signature-copy,.signature-flow-selection,.quote-preference-panel,.service-location-dropdown,.booking-static-estimate,.review-grid>div,.review-promo,.google-review-card,.google-review-fallback,.pickup-authorization,.mobile-address,.guarantee,.contact-card,.choice-card,.service-choice,.signature-vehicle-option,.signature-custom-route{background:var(--wc-glass-mobile)!important}
}

/* Satisfaction Guarantee — float the blue check + copy without a card shell. */
.guarantee{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
}
@media(max-width:600px){
  .guarantee{padding:0!important;}
}


/* Package booking hero is selected before first paint so there is no title flash. */
.booking-hero-signature,.booking-hero-premium{display:none}
html[data-booking-package="signature"] .booking-page-hero .booking-hero-default,
html[data-booking-package="signature-complete"] .booking-page-hero .booking-hero-default{display:none}
html[data-booking-package="signature"] .booking-page-hero .booking-hero-signature{display:inline}
html[data-booking-package="signature-complete"] .booking-page-hero .booking-hero-premium{display:inline}

/* Service-page hero images use real World Class media with a dark cinematic readability layer. */
.service-page-hero.has-service-hero-image{
  min-height:clamp(500px,68vh,720px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  isolation:isolate;
  background-image:linear-gradient(90deg,rgba(1,8,12,.94) 0%,rgba(1,8,12,.76) 44%,rgba(1,8,12,.30) 78%,rgba(1,8,12,.16) 100%),linear-gradient(0deg,rgba(1,8,12,.84) 0%,rgba(1,8,12,.08) 58%),var(--service-hero-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.service-page-hero.has-service-hero-image::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 70% 42%,rgba(33,199,238,.10),transparent 32%);pointer-events:none}
.service-page-hero.has-service-hero-image::after{opacity:.18!important}
.service-page-hero.has-service-hero-image>*{max-width:800px}
.service-page-hero.has-service-hero-image h1{text-shadow:0 4px 30px rgba(0,0,0,.48)}
.service-page-hero.has-service-hero-image .service-page-lead{color:#d4e1e4}
@media(max-width:760px){
  .service-page-hero.has-service-hero-image{min-height:520px;background-image:linear-gradient(0deg,rgba(1,8,12,.92) 0%,rgba(1,8,12,.52) 65%,rgba(1,8,12,.30) 100%),var(--service-hero-image)!important;background-position:center!important}
}

/* Signature pricing choices stay side by side on desktop and mobile. */
.signature-vehicle-options{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media(max-width:680px){
  .signature-vehicle-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:24px!important;
    max-width:100%!important;
  }
  .signature-vehicle-option{
    min-width:0!important;
    min-height:220px!important;
    padding:20px 10px!important;
    border-radius:10px!important;
  }
  .signature-option-label{
    font-size:1.4rem!important;
    line-height:1!important;
    white-space:nowrap;
  }
  .signature-summer-sale-badge{
    margin-top:10px!important;
    padding:5px 6px!important;
    font-size:.55rem!important;
    letter-spacing:.05em!important;
    white-space:nowrap;
  }
  .signature-regular-price{
    margin:7px 0 -4px!important;
    font-size:1rem!important;
  }
  .signature-vehicle-option strong{
    margin:12px 0 6px!important;
    font-size:3.25rem!important;
    line-height:.82!important;
  }
  .signature-vehicle-option small{
    min-height:2.5em;
    font-size:.68rem!important;
    line-height:1.25!important;
  }
  .signature-vehicle-option em{
    margin-top:14px!important;
    padding:10px 5px!important;
    font-size:.64rem!important;
    letter-spacing:.035em!important;
    white-space:nowrap;
  }
}

/* 4.5.47 — Make the homepage Build Your Detail CTA clearly actionable. */
.signature-custom-route{
  background:linear-gradient(135deg,rgba(8,38,47,.94),rgba(2,17,22,.97))!important;
  border:1px solid rgba(33,199,238,.62)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20),inset 0 0 0 1px rgba(199,245,255,.04),0 0 30px rgba(33,199,238,.09)!important;
}
.signature-custom-route .signature-custom-kicker{color:#9cecff!important}
.signature-custom-route .signature-custom-copy strong{color:#f5fbfc!important}
.signature-custom-route .signature-custom-description{color:#cfe1e5!important}
.signature-custom-route .signature-custom-cta{
  background:linear-gradient(135deg,#dffaff 0%,#26c8ed 52%,#16b9e0 100%)!important;
  color:#031317!important;
  border:1px solid rgba(199,245,255,.76)!important;
  box-shadow:0 10px 26px rgba(33,199,238,.30)!important;
}
.signature-custom-route:hover,.signature-custom-route:focus-visible{
  background:linear-gradient(135deg,rgba(10,48,58,.98),rgba(2,21,27,.98))!important;
  border-color:rgba(80,220,250,.82)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 0 0 1px rgba(199,245,255,.06),0 0 34px rgba(33,199,238,.13)!important;
}