/* VMC conversion, proof and growth release — 2026-08-05 */

/* Keep the tightly cropped real logo legible without forcing it out of proportion. */
.brand{flex-basis:240px}
.brand-logo{width:240px!important;height:auto!important;max-width:240px!important;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.65))}
.navlinks a{font-size:12.5px!important}

/* Tighten the long homepage without compressing the hero or proof photography. */
.home-page #parts,.home-page #component-guides,.home-page #service-areas,.home-page #quote-support,.home-page #appointment-only,.home-page #process,.home-page #pricing,.home-page #trade,.home-page #faq,.home-page .final{padding-top:64px;padding-bottom:64px}

/* Use the full desktop proof band: concise copy left, genuine workshop proof right. */
.parallax-card{max-width:none!important;display:grid;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);gap:34px;align-items:center}
.parallax-copy{max-width:520px}
.parallax-copy .btn{margin-top:8px}
.parallax-card .mini-gallery{margin-top:0}

/* Purpose-built layouts avoid conspicuous incomplete four-column rows. */
.parts-grid.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Reusable proof and supporting content on commercial landing pages. */
.vmc-proof-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:28px;align-items:center}
.vmc-proof-panel img{width:100%;height:auto;display:block;border-radius:22px;border:1px solid rgba(67,189,215,.2);background:#0b1518}
.vmc-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.vmc-link-list a{display:block;padding:15px 17px;border:1px solid rgba(67,189,215,.2);border-radius:15px;background:#f6fbfc;color:#0b3038;font-weight:800;text-decoration:none}
.vmc-link-list a:hover{border-color:#43bdd7;transform:translateY(-1px)}
.vmc-quote-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
/* Keep direct quote choices visible on both light and dark landing-page sections. */
.vmc-quote-actions .btn.ghost{background:#fff!important;color:#006f8d!important;border-color:#006f8d!important;text-shadow:none!important}
.vmc-quote-actions .btn.ghost:hover,.vmc-quote-actions .btn.ghost:focus-visible{background:#e9f8fb!important;color:#005b73!important}
.dry-proof-card{margin-top:28px;padding:24px;border:1px solid rgba(126,223,242,.28);border-radius:22px;background:rgba(126,223,242,.07);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:24px;align-items:center}
.dry-proof-card h3{margin:0 0 8px;color:#fff;font-size:28px}
.dry-proof-card p{margin:0;color:#c7d9de}
.dry-proof-card .btn{justify-self:end}

@media (max-width:1180px){
  .brand{flex-basis:210px}
  .brand-logo{width:210px!important;max-width:210px!important}
}
@media (max-width:980px){
  .parallax-card,.vmc-proof-panel,.dry-proof-card{grid-template-columns:1fr}
  .parallax-copy{max-width:none}
  .dry-proof-card .btn{justify-self:start}
  .parts-grid.three-column{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .brand{flex-basis:175px}
  .brand-logo{width:175px!important;max-width:175px!important}
  .vmc-link-list,.parts-grid.three-column{grid-template-columns:1fr}
  .vmc-proof-panel{gap:20px}
  .vmc-quote-actions .btn{width:100%;justify-content:center}
}