/* Pristine Auto Detailing brand layer on top of the base stylesheet */
:root{--bg-primary:#05080d;--bg-secondary:#0a0f18;--bg-card:#0e1622;--gold:#e0b354;--rule:rgba(255,255,255,.08)}
body{background:var(--bg-primary)}
main{display:block}
.nav-logo img{height:60px;width:auto;display:block}
.nav.scrolled .nav-logo img{height:52px}
.hero img.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}
.hero .btn-primary,.hero .btn-outline,.btn-primary{text-decoration:none}
.btn-primary{display:inline-flex;align-items:center;gap:10px}
.btn-outline{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.svc3-hero img.svc3-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fade-up{opacity:1}
.js .fade-up{opacity:0}

/* gold promise strip */
.ic-strip{background:linear-gradient(180deg,#05080d,#0a0f18);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:44px 24px}
.ic-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}
.ic-item img{width:84px;height:84px;margin:0 auto 12px}
.ic-item h3{font-family:var(--font-display);text-transform:uppercase;color:var(--gold);font-size:18px;letter-spacing:1px;margin-bottom:6px}
.ic-item p{color:rgba(255,255,255,.7);font-size:15px;line-height:1.5}

/* package cards */
.pk-section{max-width:1280px}
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.pk-card{background:#fff;color:#0c1420;border-radius:14px;overflow:hidden;border:2px solid var(--accent);display:flex;flex-direction:column}
.pk-head{background:linear-gradient(135deg,#0f6fd6,#07274d);color:#fff;text-align:center;padding:16px 12px;position:relative}
.pk-head h3{font-family:var(--font-display);text-transform:uppercase;font-size:24px;letter-spacing:.5px}
.pk-head p{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;opacity:.85;font-family:var(--font-condensed);font-weight:600}
.pk-gold{border-color:var(--gold)}
.pk-gold .pk-head{background:linear-gradient(135deg,#a97b1f,#3a2a0a)}
.pk-badge{display:inline-block;font-family:var(--font-condensed);font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;background:var(--gold);color:#1b1305;padding:3px 10px;border-radius:99px;margin-bottom:6px}
.pk-card>img{width:100%;aspect-ratio:3/2;object-fit:cover}
.pk-prices{display:grid;grid-template-columns:1fr 1fr;padding:16px 12px 8px;text-align:center}
.pk-prices>div+div{border-left:1px solid #d5dbe3}
.pk-prices strong{display:block;font-family:var(--font-display);font-size:34px;line-height:1.1;color:#0c1420}
.pk-prices span{font-family:var(--font-condensed);font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#4c5869}
.pk-card ul{list-style:none;padding:8px 20px 12px;flex:1}
.pk-card li{position:relative;padding:4px 0 4px 24px;font-size:15px;line-height:1.35;color:#1d2734}
.pk-card li:before{content:"\2713";position:absolute;left:0;color:#0f6fd6;font-weight:700}
.pk-gold li:before{color:#a97b1f}
.pk-time{margin:0 16px 12px;padding:10px;text-align:center;background:#eaf1f9;border-radius:8px;font-family:var(--font-condensed);font-weight:600;letter-spacing:.5px;color:#1d2734}
.pk-link{display:block;text-align:center;padding:12px;margin:0 16px 16px;background:#0f6fd6;color:#fff;border-radius:8px;font-family:var(--font-condensed);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:14px}
.pk-gold .pk-link{background:#a97b1f}

/* add-ons */
.ad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
.ad-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-align:center;padding-bottom:14px;transition:transform .2s}
.ad-card:hover{transform:translateY(-3px)}
.ad-card img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:12px}
.ad-card h3{font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:.3px;padding:0 10px;color:#fff;line-height:1.2}
.ad-price{color:var(--gold);font-family:var(--font-display);font-size:19px;margin-top:6px}

/* static paint section */
.ba-static{border-top:1px solid var(--rule);background:var(--bg-secondary);padding:80px 24px}
.ba-static-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}
.ba-static img{width:100%;height:auto;border-radius:12px;border:1px solid var(--rule)}
.ba-text .section-heading{text-align:left}
.ba-text .section-label{text-align:left}
.ba-text p{color:rgba(255,255,255,.75);line-height:1.65;font-size:17px;margin:14px 0 24px}

/* condition cards */
.th-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.th-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px}
.th-card h3{font-family:var(--font-display);text-transform:uppercase;font-size:20px;color:#fff;margin-bottom:8px}
.th-card p{color:rgba(255,255,255,.72);line-height:1.55;font-size:15px}

/* FAQ */
.pm-faq-section{background:var(--bg-primary);border-top:1px solid var(--rule);padding:88px 24px}
.pm-narrow{max-width:880px;margin:0 auto}
.pm-chip{display:inline-block;padding:6px 14px;background:rgba(30,155,240,.15);color:var(--accent);font-family:var(--font-condensed);font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;border-radius:99px;margin-bottom:14px}
.pm-h2{font-family:var(--font-display);font-size:clamp(32px,4.5vw,52px);font-weight:700;letter-spacing:-.5px;line-height:1.05;text-transform:uppercase;margin:0 0 14px;color:#fff}
.pm-sub{color:rgba(255,255,255,.7);font-size:16px;line-height:1.55;margin:0 0 32px;max-width:640px}
.pm-faq-list{display:flex;flex-direction:column;gap:12px}
.pm-faq{background:rgba(255,255,255,.03);border:1px solid var(--rule);border-radius:10px;padding:20px 24px}
.pm-faq summary{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);cursor:pointer}
.pm-faq p{margin:14px 0 0;color:rgba(255,255,255,.78);line-height:1.65;font-size:15px}

/* service areas */
.sa-section{border-top:1px solid var(--rule);padding:88px 24px}
.sa-wrap{max-width:1000px;margin:0 auto;text-align:center}
.sa-head .pm-sub{margin:0 auto 32px}
.sa-cities{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:4px 24px;text-align:left}
.sa-cities a{display:block;padding:10px 0;color:rgba(255,255,255,.85);border-bottom:1px solid var(--rule);font-size:16px}
.sa-cities a:hover{color:var(--accent)}
.ar-grid,.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.ar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px}
.ar-card h3{font-family:var(--font-display);text-transform:uppercase;font-size:22px;color:#fff;margin-bottom:6px}
.ar-card p{color:rgba(255,255,255,.7);margin-bottom:12px;line-height:1.5}
.ar-card span{color:var(--accent);font-family:var(--font-condensed);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:14px}

/* blog */
.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.bl-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.bl-card div{padding:20px}
.bl-card span{color:var(--accent);font-family:var(--font-condensed);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:12px}
.bl-card h2{font-family:var(--font-display);text-transform:uppercase;color:#fff;font-size:22px;line-height:1.2;margin:8px 0}
.bl-card p{color:rgba(255,255,255,.7);line-height:1.5;font-size:15px}
.post-hero{padding:130px 24px 32px;max-width:820px;margin:0 auto}
.post-crumbs{color:rgba(255,255,255,.55);font-size:13px;margin-bottom:14px}
.post-crumbs a{color:var(--accent)}
.post-hero h1{font-family:var(--font-display);text-transform:uppercase;color:#fff;font-size:clamp(32px,5vw,50px);line-height:1.08}
.post-meta{display:flex;gap:16px;color:rgba(255,255,255,.55);font-size:13px;margin-top:14px;font-family:var(--font-condensed);letter-spacing:1px;text-transform:uppercase}
.post-body{max-width:820px;margin:0 auto;padding:0 24px 72px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.7}
.post-body h2{font-family:var(--font-display);color:#fff;text-transform:uppercase;font-size:27px;margin:36px 0 12px;line-height:1.2}
.post-body p{margin-bottom:16px}
.post-body a{color:var(--accent)}
.post-body ul{padding-left:20px}
.post-img{width:100%;height:auto;border-radius:12px;margin-bottom:28px}

/* pricing + contact */
.tbl-wrap{overflow-x:auto;margin-top:28px}
.pr-table{width:100%;border-collapse:collapse;min-width:440px}
.pr-table th{font-family:var(--font-condensed);letter-spacing:1.5px;text-transform:uppercase;font-size:13px;color:var(--accent);text-align:left;padding:12px;border-bottom:1px solid var(--border)}
.pr-table td{padding:14px 12px;border-bottom:1px solid var(--rule);color:#fff;font-size:16px}
.pr-table a{color:#fff;text-decoration:underline;text-decoration-color:var(--accent)}
.pr-gap{margin-top:64px}
.pr-note{color:rgba(255,255,255,.65);margin-top:18px;font-size:15px;line-height:1.5}
.ct-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ct-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:22px;overflow-wrap:anywhere}
.ct-card h2{font-family:var(--font-condensed);letter-spacing:2px;text-transform:uppercase;font-size:13px;color:var(--accent);margin-bottom:8px}
.ct-card a{color:#fff;line-height:1.5}

/* location */
.fl-section{background:#05080d;border-top:1px solid var(--rule);padding:56px 24px 24px}
.fl-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
.fl-map{border-radius:12px;overflow:hidden;border:1px solid var(--rule);aspect-ratio:16/9}
.fl-map iframe{border:0;width:100%;height:100%;filter:invert(.9) hue-rotate(180deg) saturate(.85)}
.fl-label{font-family:var(--font-condensed);font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.fl-section h3{font-family:var(--font-display);font-size:24px;font-weight:700;margin:0 0 12px;color:#fff;text-transform:uppercase}
.fl-section address{font-style:normal;color:rgba(255,255,255,.85);font-size:16px;line-height:1.6;margin-bottom:10px}
.fl-phone{display:block;color:var(--accent);font-size:20px;font-weight:600;font-family:var(--font-display);margin-bottom:12px}
.fl-hours div{display:flex;justify-content:space-between;gap:16px;max-width:300px;color:rgba(255,255,255,.75);font-size:15px;padding:3px 0}
.fl-dir{display:inline-block;margin-top:10px;color:rgba(255,255,255,.7);font-family:var(--font-condensed);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-size:13px}
.footer-logo-img{height:64px;width:auto;margin-bottom:14px}
.footer-contact{margin-top:14px;color:var(--text-muted);font-size:13px}
.cta-band .btn-white{display:inline-block;text-decoration:none}
.nf{padding-top:160px;min-height:50vh}
.nf a{color:var(--accent)}

@media (max-width:980px){
  .pk-grid,.th-grid,.ar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ba-static-inner{grid-template-columns:1fr}
  .fl-grid{grid-template-columns:1fr;gap:24px}
}
@media (max-width:640px){
  .nav-logo img{height:50px}
  .ic-grid{grid-template-columns:repeat(2,1fr);gap:22px}
  .pk-grid,.th-grid,.ar-grid,.bl-grid,.ct-grid{grid-template-columns:1fr}
  .ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-cities{grid-template-columns:1fr 1fr}
  .footer{padding-bottom:90px}
}

/* quote heading: solid white */
#quote .quote-section-heading{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none;opacity:1;font-family:var(--font-display);text-transform:uppercase}
#quote .quote-section-sub{color:rgba(255,255,255,.75)!important}

@media (max-width:640px){.hero img.hero-video{object-position:82% center}}
.hero .hero-sub{color:#eef2f7;text-shadow:0 1px 10px rgba(0,0,0,.75)}
