:root{
  --blue:#008CFF;
  --blue-dark:#0057d8;
  --bg:#02050b;
  --panel:#070b12;
  --panel-2:#0a101a;
  --text:#f4f8ff;
  --muted:#a9b2c2;
  --line:rgba(0,140,255,.65);
  --line-soft:rgba(0,140,255,.22);
  --shadow:0 0 30px rgba(0,140,255,.20);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.section-border{border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(0,140,255,.08)}
.site-header{position:sticky;top:0;z-index:1000;height:76px;background:rgba(2,5,11,.92);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line)}
.brand{display:flex;flex-direction:column;line-height:.85;letter-spacing:4px;font-weight:900;min-width:130px}.brand-main{font-size:28px;font-style:italic}.brand-sub{font-size:10px;color:var(--blue);letter-spacing:7px;margin-left:4px}.nav{display:flex;align-items:center;gap:24px;font-size:12px;text-transform:uppercase;font-weight:800}.nav a,.dropdown button{color:#e7eefc;background:none;border:0;text-transform:uppercase;font:inherit;cursor:pointer;letter-spacing:.5px}.nav a:hover,.nav .active,.dropdown button:hover{color:var(--blue)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:150%;left:0;background:#070b12;border:1px solid var(--line);min-width:210px;padding:10px;display:none;box-shadow:var(--shadow)}.dropdown:hover .dropdown-menu{display:grid}.dropdown-menu a{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-menu a:last-child{border-bottom:0}.header-actions{display:flex;align-items:center;gap:18px}.phone{font-weight:800;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:0;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.7px;border:1px solid transparent;transition:.25s}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:white;box-shadow:0 8px 26px rgba(0,140,255,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,140,255,.42)}.btn-outline{border-color:rgba(255,255,255,.35);background:rgba(0,0,0,.25)}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.mobile-menu{display:none;background:var(--blue);color:#fff;border:0;padding:9px 12px;font-size:20px}
.hero{min-height:620px;position:relative;display:flex;align-items:center;padding:90px 7%;background:radial-gradient(circle at 72% 48%,rgba(50,50,50,.55),transparent 30%),linear-gradient(90deg,#02050b 0%,rgba(2,5,11,.95) 26%,rgba(2,5,11,.45) 55%,rgba(2,5,11,.88) 100%),url('assets/hero-car.jpg');background-size:cover;background-position:center}.hero:after{content:"";position:absolute;right:8%;bottom:10%;width:48%;height:45%;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(0,0,0,.1));clip-path:polygon(7% 62%,28% 35%,55% 23%,84% 31%,96% 58%,78% 76%,32% 82%);opacity:.45;filter:blur(1px)}.hero-content{position:relative;z-index:2;max-width:610px}.logo-text{font-size:48px!important;font-weight:900;letter-spacing:5px;font-style:italic;color:white}.logo-text span{color:var(--blue)}.hero h1{font-size:38px;line-height:1.05;text-transform:uppercase;margin:18px 0;max-width:720px}.hero h1 span{color:var(--blue)}.service-line{font-size:18px;text-transform:uppercase;color:#f2f6ff;margin-bottom:24px}.service-line b{color:var(--blue);padding:0 6px}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin:24px 0 30px}.trust-row div{display:flex;gap:8px;align-items:center;color:#dce6f7;font-size:13px}.trust-row span,.icon{color:var(--blue);font-size:24px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.eyebrow{display:block;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:1.6px;font-size:12px;margin-bottom:7px}.section-heading{text-align:center;max-width:760px;margin:0 auto 28px}.section-heading span{color:var(--blue);font-weight:900;text-transform:uppercase}.section-heading h2,.split-content h2,.wide-content h2,.dual h2,.cta h2{font-size:34px;line-height:1.08;text-transform:uppercase;letter-spacing:1px}.section-heading p{color:var(--muted);margin-top:8px}.services,.detailing,.gallery{padding:50px 4%}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.service-card{min-height:290px;background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-image{height:150px;background-size:cover;background-position:center;filter:saturate(.85) contrast(1.15)}.card-content{padding:22px}.card-content h3,.package-card h3{font-size:16px;text-transform:uppercase;margin:8px 0}.card-content p,.package-card p,.split-content p,.wide-content p,.dual p,.about p,.why li,.check-list li{color:var(--muted);font-size:14px}.card-content a,.reviews a{color:var(--blue);font-weight:900;text-transform:uppercase;font-size:12px;margin-top:12px;display:inline-block}.img-tint{background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.55)),url('assets/window-tint.jpg')}.img-ppf{background-image:linear-gradient(rgba(0,140,255,.18),rgba(0,0,0,.68)),url('assets/ppf.jpg')}.img-wrap{background-image:linear-gradient(rgba(44,0,90,.15),rgba(0,0,0,.65)),url('assets/vinyl-wrap.jpg')}.img-detail{background-image:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.65)),url('assets/detailing.jpg')}.img-correction{background-image:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.65)),url('assets/paint-correction.jpg')}.img-coating{background-image:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.5)),url('assets/ceramic-coating.jpg')}.split-section{display:grid;grid-template-columns:1.05fr 1.25fr;min-height:430px}.split-media{background-size:cover;background-position:center}.img-tint-large{background-image:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.65)),url('assets/window-tint-large.jpg')}.split-content{padding:70px 8%;background:linear-gradient(90deg,#080d15,rgba(3,7,12,.65)),url('assets/tinted-car.jpg');background-size:cover;background-position:center right}.split-content p{max-width:520px;margin:12px 0}.check-list{list-style:none;margin:18px 0}.check-list li{margin:8px 0;position:relative;padding-left:24px}.check-list li:before{content:"◎";position:absolute;left:0;color:var(--blue);font-size:14px}
.ppf-section{position:relative;min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:70px 7%;overflow:hidden;background:linear-gradient(90deg,rgba(2,5,11,.96),rgba(2,5,11,.82) 42%,rgba(2,5,11,.2)),url('assets/ppf.jpg');background-size:cover;background-position:center right}.ppf-section:after{content:"";position:absolute;right:7%;top:18%;width:42%;height:52%;background:linear-gradient(135deg,rgba(0,140,255,.55),rgba(0,140,255,.05));clip-path:polygon(12% 28%,58% 9%,92% 30%,83% 68%,46% 83%,7% 65%);filter:blur(.5px);opacity:.45}.ppf-content{position:relative;z-index:2;max-width:720px}.ppf-content h2{font-size:34px;line-height:1.08;text-transform:uppercase;letter-spacing:1px}.ppf-content>p{color:var(--muted);max-width:580px;margin:12px 0 22px}.ppf-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 28px}.ppf-packages article{background:rgba(5,9,18,.78);border:1px solid var(--line-soft);padding:18px;min-height:160px}.ppf-packages span{color:var(--blue);font-weight:900;font-size:12px}.ppf-packages h3{font-size:15px;text-transform:uppercase;margin:10px 0}.ppf-packages p{font-size:13px;color:var(--muted)}.ppf-highlight{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:360px;justify-self:end}.ppf-highlight div{border:1px solid rgba(0,140,255,.55);background:rgba(0,140,255,.12);backdrop-filter:blur(8px);padding:18px;text-align:center;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:1px}.ppf-highlight div:nth-child(1){grid-column:1/-1}
.wide-section{position:relative;min-height:520px;display:flex;align-items:center;padding:80px 7%;overflow:hidden;background:linear-gradient(90deg,#02050b 0%,rgba(2,5,11,.9) 38%,rgba(2,5,11,.2) 100%),url('assets/wrap-car.jpg');background-size:cover;background-position:center}.wide-content{max-width:520px;position:relative;z-index:2}.two-col-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;margin:22px 0 28px;color:#d9e3f3;font-size:14px}.two-col-list span{color:#d9e3f3}.car-silhouette{position:absolute;right:7%;bottom:7%;width:48%;height:44%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(125,40,200,.25),transparent 60%);filter:blur(12px)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package-card{display:grid;grid-template-columns:1fr 1fr;min-height:220px;border:1px solid var(--line-soft);background:var(--panel);overflow:hidden}.package-card>div:last-child{padding:28px}.package-image{background-size:cover;background-position:center}.package-card b{display:block;margin-top:16px;color:#fff;text-transform:uppercase;font-size:13px}.img-interior{background-image:url('assets/interior-detail.jpg')}.img-exterior{background-image:url('assets/exterior-detail.jpg')}.img-full{background-image:url('assets/full-detail.jpg')}.centered{margin:25px auto 0;display:flex;width:max-content}.dual{display:grid;grid-template-columns:1fr 1fr}.dual-block{min-height:420px;padding:65px 7%;background:linear-gradient(90deg,rgba(2,5,11,.97),rgba(2,5,11,.65)),url('assets/paint-before-after.jpg');background-size:cover;background-position:center;border-right:1px solid var(--line)}.dual-block.coating{background-image:linear-gradient(90deg,rgba(2,5,11,.92),rgba(2,5,11,.35)),url('assets/coating-water.jpg');border-right:0}.filter-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filter{background:#070b12;color:white;border:1px solid rgba(255,255,255,.15);padding:10px 22px;text-transform:uppercase;font-weight:800;font-size:11px;cursor:pointer}.filter.active,.filter:hover{background:var(--blue);border-color:var(--blue)}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.gallery-item{height:150px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08);transition:.25s}.gallery-item:hover{transform:scale(1.03);border-color:var(--blue)}.img-g1{background-image:url('assets/gallery-1.jpg')}.img-g2{background-image:url('assets/gallery-2.jpg')}.img-g3{background-image:url('assets/gallery-3.jpg')}.img-g4{background-image:url('assets/gallery-4.jpg')}.img-g5{background-image:url('assets/gallery-5.jpg')}.img-g6{background-image:url('assets/gallery-6.jpg')}.bottom-row{display:grid;grid-template-columns:1.05fr 1fr 1.05fr}.why,.reviews,.about{padding:45px 6%;background:#050912;border-right:1px solid var(--line)}.about{border-right:0;background:linear-gradient(90deg,#050912,rgba(5,9,18,.8)),url('assets/about.jpg');background-size:cover;background-position:center}.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.review-cards div{background:#070b12;border:1px solid rgba(255,255,255,.1);padding:16px}.review-cards b{color:#ffd34e}.review-cards p{font-size:12px;color:#d3dbe8;margin:8px 0}.review-cards span{font-size:11px;color:var(--muted)}.cta{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding:60px 7%;align-items:center;background:linear-gradient(90deg,rgba(2,5,11,.94),rgba(2,5,11,.75)),url('assets/footer-car.jpg');background-size:cover;background-position:center}.cta h2 span{color:var(--blue)}.quote-form{display:grid;gap:12px;background:rgba(5,9,18,.78);border:1px solid var(--line);padding:22px}input,select,textarea{width:100%;background:#02050b;border:1px solid rgba(255,255,255,.15);color:white;padding:14px;font:inherit}textarea{min-height:115px;resize:vertical}.form-note{font-size:12px;color:var(--muted)}.footer{padding:32px 7%;display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:30px;align-items:center;background:#010309;border-top:1px solid var(--line)}.footer nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;text-transform:uppercase;font-size:12px;font-weight:900}.footer-contact{display:grid;gap:6px;color:var(--muted);font-size:14px}.footer p{grid-column:1/-1;text-align:center;color:var(--muted);font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media (max-width:1100px){.service-grid{grid-template-columns:repeat(3,1fr)}.ppf-section{grid-template-columns:1fr}.ppf-highlight{justify-self:start}.ppf-packages{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(3,1fr)}.bottom-row,.dual,.split-section,.cta{grid-template-columns:1fr}.split-media{min-height:320px}.package-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr;text-align:center}.footer nav{justify-content:center}.footer-contact{justify-items:center}.header-actions .phone{display:none}}
@media (max-width:820px){.site-header{height:auto;min-height:70px;padding:14px 18px;flex-wrap:wrap}.mobile-menu{display:block}.nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:18px 0}.nav.open{display:flex}.dropdown-menu{position:static;display:none;margin-top:10px}.dropdown:hover .dropdown-menu{display:grid}.header-actions{display:none}.hero{min-height:620px;padding:80px 24px}.hero h1{font-size:32px}.logo-text{font-size:38px!important}.service-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.package-card{grid-template-columns:1fr}.package-image{min-height:180px}.review-cards{grid-template-columns:1fr}.two-col-list{grid-template-columns:1fr}}
@media (max-width:520px){.gallery-grid{grid-template-columns:1fr}.section-heading h2,.split-content h2,.wide-content h2,.dual h2,.cta h2{font-size:27px}.btn{width:100%}.centered{width:100%}.hero-buttons{width:100%}}

.price-title{margin:22px 0 12px;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:900}.price-list{display:grid;gap:10px;margin:12px 0 14px;max-width:520px}.price-list.compact{max-width:560px}.price-row{display:flex;align-items:flex-end;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px;color:#d9e3f3}.price-row span{display:flex;align-items:flex-end;gap:12px;flex:1;color:#d9e3f3}.price-row span:after{content:"";height:1px;flex:1;border-bottom:1px dotted rgba(255,255,255,.28);transform:translateY(-4px)}.price-row b{color:#fff;white-space:nowrap;text-transform:uppercase;font-size:13px}.price-note{font-size:13px!important;color:var(--muted)!important;max-width:560px;margin:12px 0 24px!important}.package-price{display:block;margin-top:14px;color:#fff;text-transform:uppercase;font-size:13px}.ppf-packages article{display:flex;flex-direction:column}.ppf-packages article .package-price{margin-top:auto;padding-top:12px;color:#fff}
@media (max-width:520px){.price-row{display:block}.price-row span{display:block}.price-row span:after{display:none}.price-row b{display:block;margin-top:5px}}

/* Combined Paint Correction & Ceramic Coating service */
.img-correction-coating {
  background-image: linear-gradient(90deg, rgba(2, 5, 12, .36), rgba(2, 5, 12, .72)), url('assets/paint-correction.jpg');
}

.combined-service .split-content {
  max-width: 650px;
}

.price-block {
  margin: 20px 0;
  padding: 18px;
  border: 1px solid rgba(0, 140, 255, .35);
  background: rgba(0, 140, 255, .055);
}

.price-block h3 {
  margin: 0 0 12px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 15px;
}

.price-row {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.price-row:last-child {
  border-bottom: 0;
}

.price-row span {
  color: rgba(255,255,255,.82);
}

.price-row strong {
  color: #fff;
  white-space: nowrap;
}

.fine-print {
  font-size: 14px;
  color: rgba(255,255,255,.68);
}


/* No-photo version: clean dark placeholders instead of service photos */
.hero,
.card-image,
.split-media,
.wide-section,
.package-image,
.dual-block,
.gallery-item,
.about,
.why-us,
.footer-cta {
  background-image: none !important;
}

.hero {
  background:
    radial-gradient(circle at 78% 45%, rgba(0, 140, 255, .22), transparent 24%),
    linear-gradient(90deg, #02050b 0%, #030813 45%, #06101f 100%) !important;
}

.card-image,
.split-media,
.package-image,
.service-placeholder,
.wide-placeholder {
  min-height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 140, 255, .35);
  background:
    radial-gradient(circle at 60% 35%, rgba(0, 140, 255, .16), transparent 28%),
    linear-gradient(135deg, rgba(4, 10, 20, .98), rgba(0, 0, 0, .96)) !important;
  color: rgba(255,255,255,.72);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 13px;
  font-weight: 700;
}

.service-placeholder.small,
.package-image {
  min-height: 150px;
}

.no-photo-wide {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: stretch;
  background:
    radial-gradient(circle at 78% 45%, rgba(0, 140, 255, .14), transparent 26%),
    linear-gradient(90deg, #02050b 0%, #050914 100%) !important;
}

.wide-placeholder {
  min-height: 360px;
}

.img-correction-coating {
  background-image: none !important;
}

.price-block {
  margin: 20px 0;
  padding: 18px;
  border: 1px solid rgba(0, 140, 255, .35);
  background: rgba(0, 140, 255, .055);
}

.price-block h3 {
  margin: 0 0 12px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 15px;
}

.price-row {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.price-row:last-child {
  border-bottom: 0;
}

.price-row span {
  color: rgba(255,255,255,.82);
}

.price-row strong {
  color: #fff;
  white-space: nowrap;
}

.fine-print {
  font-size: 14px;
  color: rgba(255,255,255,.68);
}

@media (max-width: 820px) {
  .no-photo-wide {
    grid-template-columns: 1fr;
  }
  .wide-placeholder {
    min-height: 220px;
  }
}


/* Services section: 5 icons stretched across site width */
.services .service-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.services .service-card {
  width: 100% !important;
  min-width: 0 !important;
}

.services .service-card .card-content h3 {
  font-size: 14px;
  line-height: 1.25;
}

.services .service-card .card-content p {
  font-size: 13px;
  line-height: 1.35;
}

@media (max-width: 1100px) {
  .services .service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .services .service-grid {
    grid-template-columns: 1fr !important;
  }
}


/* Recent Projects gallery without service filters */
.recent-projects .section-heading {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 28px;
}

.recent-projects .section-heading h2 {
  text-transform: uppercase;
  letter-spacing: .08em;
}

.project-stats {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.project-stats span {
  padding: 9px 14px;
  border: 1px solid rgba(0, 140, 255, .35);
  background: rgba(0, 140, 255, .07);
  color: rgba(255,255,255,.88);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.recent-projects .gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px;
}

.recent-projects .gallery-item {
  min-height: 160px;
  aspect-ratio: 4 / 3;
  cursor: default;
}

.instagram-btn {
  margin-top: 24px !important;
  display: inline-flex !important;
}

@media (max-width: 1100px) {
  .recent-projects .gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .recent-projects .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* Uploaded DTP Motors logo */
.brand-logo {
  display: inline-flex;
  align-items: center;
  gap: 0;
}

.brand-logo img {
  display: block;
  height: 46px;
  width: auto;
  max-width: 170px;
}

.hero-logo {
  margin-bottom: 16px;
}

.hero-logo img {
  display: block;
  height: 72px;
  width: auto;
  max-width: 260px;
}

@media (max-width: 760px) {
  .brand-logo img {
    height: 38px;
    max-width: 140px;
  }

  .hero-logo img {
    height: 58px;
    max-width: 220px;
  }
}


/* Real photo version */
.hero {
  background:
    linear-gradient(90deg, rgba(2,5,11,.86) 0%, rgba(2,5,11,.72) 34%, rgba(2,5,11,.28) 58%, rgba(2,5,11,.06) 100%),
    url('assets/hero-car.jpg') center right / cover no-repeat !important;
}

.img-tint { background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.58)), url('assets/window-tint.jpg') center center / cover no-repeat !important; }
.img-ppf { background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.58)), url('assets/ppf.jpg') center center / cover no-repeat !important; }
.img-wrap { background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.58)), url('assets/vinyl-wrap.jpg') center center / cover no-repeat !important; }
.img-detail { background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.58)), url('assets/detailing.jpg') center center / cover no-repeat !important; }
.img-correction-coating { background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.58)), url('assets/paint-correction.jpg') center center / cover no-repeat !important; }

.photo-window,
.photo-ppf,
.photo-correction,
.wide-photo,
.pkg-interior,
.pkg-exterior,
.pkg-full,
.gallery-photo {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

.photo-window { background-image: url('assets/window-tint.jpg') !important; min-height: 420px; }
.photo-ppf { background-image: url('assets/ppf.jpg') !important; min-height: 420px; }
.photo-correction { background-image: url('assets/paint-correction.jpg') !important; min-height: 420px; }

.wide-photo {
  min-height: 420px;
  border-left: 1px solid rgba(0,140,255,.2);
  background-image: url('assets/vinyl-wrap.jpg') !important;
}

.pkg-interior { background-image: url('assets/interior-detail.jpg') !important; min-height: 170px; }
.pkg-exterior { background-image: url('assets/exterior-detail.jpg') !important; min-height: 170px; }
.pkg-full { background-image: url('assets/full-detail.jpg') !important; min-height: 170px; }

.gallery-photo { min-height: 170px; }
.gallery-1 { background-image: url('assets/gallery-1.jpg') !important; }
.gallery-2 { background-image: url('assets/gallery-2.jpg') !important; }
.gallery-3 { background-image: url('assets/gallery-3.jpg') !important; }
.gallery-4 { background-image: url('assets/gallery-4.jpg') !important; }
.gallery-5 { background-image: url('assets/gallery-5.jpg') !important; }
.gallery-6 { background-image: url('assets/gallery-6.jpg') !important; }

.package-image,
.gallery-item,
.split-media,
.wide-photo {
  border: 1px solid rgba(0,140,255,.18);
}

.no-photo-wide {
  background: linear-gradient(90deg, #02050b 0%, #050914 100%) !important;
}

@media (max-width: 820px) {
  .photo-window, .photo-ppf, .photo-correction, .wide-photo { min-height: 260px; }
}


/* Footer uploaded logo */
.footer-logo {
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
}

.footer-logo img {
  display: block;
  height: 52px;
  width: auto;
  max-width: 190px;
}

/* Updated detailing photos */
.pkg-interior {
  background-image: url('assets/interior-detail.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
}

.pkg-exterior {
  background-image: url('assets/exterior-detail.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
}

.pkg-full {
  background-image: url('assets/full-detail.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
}


/* Center Instagram button in Recent Projects */
.recent-projects .instagram-btn,
.instagram-btn {
  margin: 26px auto 0 !important;
  display: flex !important;
  width: fit-content !important;
  justify-content: center !important;
  align-items: center !important;
}

.recent-projects {
  text-align: center;
}


/* Center Instagram button in Recent Projects */
.recent-projects .instagram-btn,
.instagram-btn {
  margin: 26px auto 0 !important;
  display: flex !important;
  width: fit-content !important;
  justify-content: center !important;
  align-items: center !important;
}

.recent-projects {
  text-align: center;
}


/* Netlify form / CTA background */
.cta {
  background: linear-gradient(90deg, rgba(2,5,11,.92), rgba(2,5,11,.72)), url('assets/footer-car.jpg') center center / cover no-repeat !important;
}

.thank-you-page {
  min-height: 100vh;
  background: linear-gradient(90deg, rgba(2,5,11,.90), rgba(2,5,11,.68)), url('assets/footer-car.jpg') center center / cover no-repeat !important;
}

.hidden-field {
  display: none;
}

.form-note {
  line-height: 1.45;
}


/* Footer social buttons */
.footer-socials {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.footer-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 11px 15px;
  border: 1px solid rgba(0, 140, 255, .38);
  background: rgba(0, 140, 255, .08);
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  transition: .25s;
}

.footer-social-link:hover {
  background: rgba(0, 140, 255, .18);
  border-color: rgba(0, 140, 255, .75);
  transform: translateY(-2px);
}

@media (max-width: 1100px) {
  .footer-socials {
    justify-content: center;
  }
}


/* Footer icon links */
.footer-icon-socials {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.footer-icon-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 10px 13px;
  border: 1px solid rgba(0, 140, 255, .38);
  background: rgba(0, 140, 255, .07);
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  transition: .25s;
}

.footer-icon-link svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #008CFF;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}

.footer-icon-link:hover {
  background: rgba(0, 140, 255, .18);
  border-color: rgba(0, 140, 255, .75);
  transform: translateY(-2px);
}

.footer-icon-link:hover svg {
  stroke: #fff;
}

@media (max-width: 1100px) {
  .footer-icon-socials {
    justify-content: center;
  }
}


/* Footer original social logos below contact */
.footer-original-socials {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.footer-social-icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  transition: .22s ease;
}

.footer-social-icon:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 140, 255, .55);
  background: rgba(255,255,255,.06);
}

.footer-social-icon svg {
  width: 24px;
  height: 24px;
  display: block;
}

@media (max-width: 1100px) {
  .footer-original-socials {
    justify-content: center;
  }
}


/* Highlight all starting prices in blue */
.price-row strong,
.package-card b {
  color: #008CFF !important;
  font-weight: 900;
  text-shadow: 0 0 18px rgba(0, 140, 255, .32);
}

.price-row strong {
  letter-spacing: .02em;
}


/* Correct menu centering and anchor positioning */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

.scroll-target {
  scroll-margin-top: 96px;
}

.site-header {
  justify-content: space-between;
}

.nav {
  flex: 1 1 auto;
  justify-content: center !important;
  align-items: center;
  text-align: center;
}

.nav > a,
.nav .dropdown > button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dropdown {
  position: relative;
}

.dropdown-menu {
  left: 50% !important;
  transform: translateX(-50%);
  text-align: left;
  min-width: 260px;
  z-index: 9999;
}

.dropdown-menu a {
  display: block;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .nav {
    justify-content: flex-start !important;
    text-align: left;
  }

  .dropdown-menu {
    left: 0 !important;
    transform: none;
  }
}


/* Quote form appointment fields */
.form-row.two-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.quote-form label {
  display: grid;
  gap: 7px;
}

.quote-form label span {
  color: rgba(255,255,255,.72);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 800;
}

@media (max-width: 640px) {
  .form-row.two-fields {
    grid-template-columns: 1fr;
  }
}


/* Appointment dropdowns */
#preferredDate,
#preferredTime {
  cursor: pointer;
}


/* Big centered form success message */
.form-note.success-message {
  display: block;
  margin: 16px auto 0;
  padding: 18px 16px;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: .08em;
  color: #008CFF !important;
  border: 1px solid rgba(0, 140, 255, .45);
  background: rgba(0, 140, 255, .08);
  box-shadow: 0 0 24px rgba(0, 140, 255, .18);
}