/* Homepage finish only: original palette, typography, media and layout retained. */
:root {
  --gloss-edge: inset 0 1px 0 rgba(255,255,255,.28),
    inset 1px 0 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.52);
  --gloss-depth: 0 16px 34px rgba(0,0,0,.22), 0 3px 7px rgba(0,0,0,.16);
}

/* A polished, dark top rail. No changes to sticky positioning or blur. */
.site-header {
  background-image: linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.015) 46%,transparent 49%),var(--grain);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(255,255,255,.055),0 8px 28px rgba(0,0,0,.20);
}
.geo-city-banner,.mobile-hours-bar {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.3);
}
/* Keep every existing navigation link within the original desktop header. */
@media (min-width:1451px) {
  .site-header .container {gap:16px}
  .site-header .logo-word {font-size:clamp(13px,.88vw,14.5px)}
  .site-header .logo-tagline {font-size:7.5px}
  .site-header nav.primary-nav {min-width:0;flex-wrap:nowrap;justify-content:center;gap:clamp(11px,.9vw,15px)}
  .site-header nav.primary-nav a {font-size:13px;flex-shrink:0}
  .site-header .header-right {flex-shrink:0;grid-template-columns:auto auto;gap:4px 16px}
  .site-header .header-phone {grid-area:1 / 1;text-align:center}
  .site-header .phone-line {justify-content:center}
  .site-header .header-phone a {font-size:12.5px}
  .site-header #headerHours {grid-area:2 / 1;min-width:0;font-size:9.5px;overflow:visible}
  .site-header .btn-cta-order {grid-area:1 / 2 / 3 / 3;white-space:nowrap;font-size:12.5px;padding:12px 15px}
}

/* The existing vehicle photograph remains untouched and below the copy. */
.hero::after {
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(117deg,rgba(255,255,255,.075),transparent 27%,transparent 60%,rgba(255,255,255,.032) 61%,transparent 79%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.07);
}
.catalog-section,.catalog-dialog,.business-entry,.city-picker,.advantages,
.process,.faq,.track,.social,.contact,footer {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 35px 60px -48px rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.35);
}

/* Individually scoped surfaces; never change sizes, clipping or colour fills. */
.hero-catalog-card,.geo-advantage,.catalog-dialog-card,.business-entry-card,
.client-service-card,.cards-grid .card,.owner-contact,.delivery-calc,
.steps .step,.faq-item,form.lead-form,.map-embed,.track-modal-card {
  position:relative;
  box-shadow:var(--gloss-edge),var(--gloss-depth);
}
.hero-catalog-card::after,.geo-advantage::after,.catalog-dialog-card::after,
.business-entry-card::after,.client-service-card::after,.cards-grid .card::after,
.owner-contact::after,.delivery-calc::after,.steps .step::after,.faq-item::after,
form.lead-form::after,.map-embed::after,.track-modal-card::after {
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(116deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.022) 25%,transparent 25.4%,transparent 65%,rgba(255,255,255,.018) 66%,transparent 88%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.025);
}
.hero-catalog-card-content {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.19),inset 0 18px 24px -23px rgba(255,255,255,.45);
}
.hero-catalog-card::after {
  background:linear-gradient(116deg,rgba(255,255,255,.085),rgba(255,255,255,.02) 22%,transparent 22.3%,transparent 75%,rgba(255,255,255,.025));
}

/* Reuse the three existing 3D layers, without replacing their pseudo-elements. */
.trust-row .item {box-shadow:var(--gloss-edge),0 20px 36px rgba(0,0,0,.30),0 5px 10px rgba(0,0,0,.30)}
.trust-row .shine {
  background:linear-gradient(116deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 34%,transparent 34.5%,transparent 75%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17);
}
.owner-contact-photo {box-shadow:var(--gloss-edge),inset 0 24px 40px -32px rgba(255,255,255,.35)}
.geo-advantage-mark,.steps .marker,.flag-icon,.social-badge,
.msngr-badge,.lead-modal-icon,.soon-badge {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 3px rgba(0,0,0,.22),0 4px 9px rgba(0,0,0,.18);
}
.eyebrow {box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.25)}

/* Original orange/green fills, hover offsets and selected states stay in place. */
.btn,.hero-messenger,.catalog-dialog-btn,.city-pill,.quiz-option,
.privacy-actions button,.lead-modal-copy,.lead-modal-back {
  position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(0,0,0,.25),0 5px 12px rgba(0,0,0,.19);
}
.btn::after,.hero-messenger::after,.catalog-dialog-btn::after,.city-pill::after,
.quiz-option::after,.privacy-actions button::after,.lead-modal-copy::after,.lead-modal-back::after {
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.04) 45%,transparent 47%,transparent 80%,rgba(255,255,255,.025));
}
.btn:disabled {box-shadow:inset 0 1px 0 rgba(255,255,255,.11)}
.btn:disabled::after {opacity:.35}
.catalog-dialog-field input,.catalog-dialog-field textarea,
.field input,.field textarea,.field select {
  box-shadow:inset 0 1px 4px rgba(0,0,0,.24),inset 0 -1px 0 rgba(255,255,255,.09),0 1px 0 rgba(255,255,255,.04);
}
.catalog-dialog-field input:focus,.catalog-dialog-field textarea:focus,
.field input:focus,.field textarea:focus,.field select:focus {
  box-shadow:inset 0 1px 4px rgba(0,0,0,.22),0 0 0 2px rgba(240,138,14,.16);
}
.lead-modal,.privacy-banner {box-shadow:var(--gloss-edge),0 24px 65px rgba(0,0,0,.44)}
.laptop-screen-bezel,.phone-face {box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset -1px 0 0 rgba(255,255,255,.13),0 16px 32px rgba(0,0,0,.32)}

@media (hover:hover) and (pointer:fine) {
  .hero-catalog-card:hover,.business-entry-card:hover,.client-service-card:hover,
  .cards-grid .card:hover,.steps .step:hover,.faq-item:hover {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.39),inset 1px 0 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.45),0 20px 40px rgba(0,0,0,.28);
  }
  .btn:hover,.hero-messenger:hover,.catalog-dialog-btn:hover,.city-pill:hover {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.2),0 8px 18px rgba(0,0,0,.25);
  }
}
@media (max-width:760px) {
  :root {--gloss-depth:0 8px 18px rgba(0,0,0,.18),0 2px 5px rgba(0,0,0,.13)}
  .hero::after {opacity:.65}
}
@media (forced-colors:active) {
  .hero::after,.hero-catalog-card::after,.geo-advantage::after,.catalog-dialog-card::after,
  .business-entry-card::after,.client-service-card::after,.cards-grid .card::after,
  .owner-contact::after,.delivery-calc::after,.steps .step::after,.faq-item::after,
  form.lead-form::after,.map-embed::after,.track-modal-card::after,
  .btn::after,.hero-messenger::after,.catalog-dialog-btn::after,.city-pill::after,
  .quiz-option::after,.privacy-actions button::after,.lead-modal-copy::after,.lead-modal-back::after {display:none}
}