/* Coast 2 City brand palette, sampled from the logo: warm black, logo gold/copper, chrome silver, coast sky blue.
   base.css and variant-f.css are local copies; nothing here is shared with other client folders. */
body.c2c-page {
  --bg: #fff;
  --surface: #f2efeb;
  --text: #1a1714;
  --muted: #5f5953;
  --line: #dcd8d2;
  --accent: #e3a33b;
  --accent-ink: #c98a22;
  --on-accent: #fff;
}
body.c2c-page .section { padding-block: 74px; }
body.c2c-page .site-header { height: 92px; }
body.c2c-page .brand img { width: 54px; height: 54px; border-radius: 9px; object-fit: contain; }
body.c2c-page .brand small { letter-spacing: .17em; }
body.c2c-page .button { min-height: 48px; }
body.c2c-page .button:hover { background: #c98a22; }
body.c2c-page .daylight-hero { background: #0d0c0b; }
body.c2c-page .daylight-backdrop { object-position: center 56%; }
body.c2c-page .daylight-hero::before { background: linear-gradient(90deg, #0d0c0bf5 0%, #0d0c0be0 37%, #0d0c0b80 70%, #0d0c0b40 100%); }
body.c2c-page .daylight-grid { gap: 60px; padding-block: 42px; }
body.c2c-page .daylight-card { border-color: #2e2a26; border-top: 3px solid var(--accent); padding: 28px; box-shadow: 0 15px 45px #0000004d; }
body.c2c-page .daylight-card > p { font-size: 12px; }
body.c2c-page .daylight-card .button { width: 100%; gap: 12px; }
body.c2c-page .daylight-dark,
body.c2c-page .site-footer {
  --bg: #080807;
  --surface: #141210;
  --text: #f3f1ee;
  --muted: #b9b6b1;
  --line: #2b2723;
  --accent: #e3a33b;
  --accent-ink: #e3a33b;
  --on-accent: #140f08;
}
body.c2c-page .daylight-dark .button { background: #e3a33b; color: #140f08; }
body.c2c-page .daylight-dark .button:hover { background: #f3bf5c; }
body.c2c-page .studio-trust { grid-template-columns: 1.1fr 1fr 1.15fr 1.1fr; }
body.c2c-page .studio-trust strong { font-size: 14px; }
body.c2c-page .studio-trust small a { text-decoration: underline; text-underline-offset: 3px; }
body.c2c-page .daylight-story { padding-top: 40px; }
body.c2c-page .studio-statement { grid-template-columns: .85fr 1.15fr; }
/* The complete vehicle stays visible, including at intermediate desktop widths. */
body.c2c-page .studio-statement > img { height: auto; max-height: none; object-fit: contain; align-self: center; }
body.c2c-page .studio-statement > div { padding: 40px; }
body.c2c-page .studio-statement h2 { font-size: clamp(34px, 3.7vw, 48px); }
body.c2c-page .portfolio-grid img { height: auto; border-radius: 0; }
body.c2c-page .benefit { border-radius: 0; }
.reviews-section { background: #eceae7; border-block: 1px solid var(--line); }
.review-summary { align-self: end; justify-self: end; }
.review-summary > strong { display: block; font-size: 36px; font-weight: 700; letter-spacing: -.04em; }
.review-summary .stars { font-size: 18px; letter-spacing: 1px; vertical-align: middle; }
.review-summary > a { font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.reviews-toolbar { display: flex; justify-content: space-between; gap: 18px; margin-block: -12px 20px; }
.reviews-toolbar p { font-size: 10px; }
.reviews-toolbar > span { color: #8a5418; font-size: 9px; font-weight: 800; letter-spacing: .12em; white-space: nowrap; }
.review-track { display: flex; gap: 18px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding: 3px 2px 20px; scrollbar-color: #e3a33b #dcd8d2; scrollbar-width: auto; }
.review-track:focus-visible { outline: 3px solid #e3a33b; outline-offset: 5px; }
.review-track::-webkit-scrollbar { height: 8px; }
.review-track::-webkit-scrollbar-track { background: #dcd8d2; border-radius: 5px; }
.review-track::-webkit-scrollbar-thumb { background: #e3a33b; border-radius: 5px; }
.review-card { display: flex; flex-direction: column; flex: 0 0 calc((100% - 36px) / 3); min-width: 0; scroll-snap-align: start; padding: 25px; border: 1px solid #dcd8d2; background: #fff; }
.review-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 6px; }
.vehicle-tag { padding: 5px 8px; background: #f5ecdf; color: #8a5418; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
body.c2c-page .review-card .google-letter { color: #e3a33b; font-size: 24px; line-height: 1; }
.review-card > .stars { font-size: 13px; letter-spacing: 2px; margin-bottom: 16px; }
.review-card blockquote { margin: 0 0 24px; font-size: 13px; line-height: 1.9; color: #2c2722; }
.review-author { display: flex; align-items: center; gap: 11px; margin-top: auto; }
.avatar { display: grid; place-items: center; flex: 0 0 35px; height: 35px; background: #f5ecdf; color: #8a5418; border-radius: 50%; font-weight: 700; font-size: 11px; }
.review-author strong { font-size: 11px; }
.review-author small { display: block; color: #6b655e; font-size: 9px; }
.review-source { font-size: 9px; color: #8a5418; text-decoration: underline; text-underline-offset: 3px; margin-top: 18px; }
body.c2c-page .quote-layout { gap: 60px; padding: 44px; border-radius: 0; }
body.c2c-page .ghl-quote { padding: 24px; border: 1px solid #2e2a26; border-top: 3px solid #e3a33b; }
body.c2c-page .ghl-form-frame { min-height: 0; border-radius: 4px; }
body.c2c-page .faq-list p a { text-decoration: underline; text-underline-offset: 3px; }
body.c2c-page .site-footer { padding-bottom: 35px; }
@media (max-width: 1100px) {
  body.c2c-page .daylight-grid { gap: 30px; }
  body.c2c-page .desktop-nav { gap: 20px; }
  body.c2c-page .studio-trust > div { padding-left: 16px; }
  body.c2c-page .studio-trust > div:first-child { padding-left: 0; }
  body.c2c-page .studio-trust strong { font-size: 12px; }
  body.c2c-page .quote-layout { gap: 35px; padding: 30px; }
  body.c2c-page .studio-statement > div { padding: 28px; }
}
@media (max-width: 850px) and (min-width: 761px) {
  body.c2c-page .desktop-nav { gap: 12px; font-size: 10px; }
  body.c2c-page .site-header { gap: 16px; }
  body.c2c-page .brand > span { font-size: 14px; }
}
@media (max-width: 760px) {
  body.c2c-page .container { padding-inline: 20px; }
  body.c2c-page .section { padding-block: 54px; }
  body.c2c-page .site-header { height: 80px; gap: 12px; }
  body.c2c-page .brand img { width: 42px; height: 42px; }
  body.c2c-page .brand > span { font-size: 12px; }
  body.c2c-page .brand small { font-size: 6px; letter-spacing: .11em; }
  body.c2c-page .phone-symbol { display: none; }
  body.c2c-page .header-call { font-size: 11px; }
  body.c2c-page .daylight-grid { gap: 26px; padding-block: 30px; }
  body.c2c-page .daylight-backdrop { height: 365px; object-position: center 60%; }
  body.c2c-page .daylight-hero::before { background: linear-gradient(90deg, #0d0c0bf2 0%, #0d0c0bd9 55%, #0d0c0b99 100%); }
  body.c2c-page .daylight-card { padding: 24px 20px; }
  body.c2c-page .daylight-card h2 { font-size: 26px; }
  body.c2c-page .studio-trust { grid-template-columns: 1fr 1fr; }
  body.c2c-page .studio-trust > div:nth-child(3) { padding-left: 0; }
  body.c2c-page .studio-statement { grid-template-columns: 1fr; }
  body.c2c-page .studio-statement > img { width: 100%; max-height: 500px; }
  body.c2c-page .studio-statement > div { padding: 30px 24px; }
  body.c2c-page .studio-statement h2 { font-size: 39px; }
  .review-summary { margin-top: 24px; }
  .review-summary > strong { font-size: 30px; }
  .reviews-toolbar { margin-top: 0; }
  .reviews-toolbar > span { display: none; }
  .review-card { flex-basis: 86%; padding: 22px; }
  body.c2c-page .quote-layout { padding: 26px 20px; gap: 30px; }
  body.c2c-page .ghl-quote { padding: 20px; }
}
@media (max-width: 380px) {
  body.c2c-page .container { padding-inline: 16px; }
  body.c2c-page .site-header { gap: 8px; }
  body.c2c-page .brand { gap: 7px; }
  body.c2c-page .brand img { width: 37px; height: 37px; }
  body.c2c-page .brand > span { font-size: 11px; }
  body.c2c-page .header-call { font-size: 10px; }
  body.c2c-page .quote-layout { padding: 24px 14px; }
  .review-card { flex-basis: 94%; padding: 20px; }
}

/* One-shot entrances and restrained hover feedback; no carousel auto-play. */
@keyframes c2c-reveal {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: no-preference) {
  .daylight-copy > *, .motion-reveal { animation: c2c-reveal 550ms cubic-bezier(.2, .7, .2, 1) both; }
  .daylight-copy > :nth-child(2), .motion-reveal:nth-child(2) { animation-delay: 60ms; }
  .daylight-copy > :nth-child(3), .motion-reveal:nth-child(3) { animation-delay: 120ms; }
  .daylight-copy > :nth-child(n+4), .motion-reveal:nth-child(n+4) { animation-delay: 180ms; }
  body.c2c-page .button { transition: background-color 180ms, box-shadow 180ms, translate 180ms; }
  .button > span, .text-link > span { display: inline-block; transition: translate 180ms; }
  .portfolio-grid img { transition: filter 250ms; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.c2c-page .button:hover { translate: 0 -2px; box-shadow: 0 7px 18px #e3a33b40; }
  .button:hover > span, .text-link:hover > span { translate: 2px -2px; }
  .portfolio-grid figure:hover img { filter: brightness(1.06); }
}

/* Coast 2 City: wide wordmark logo, no lead form yet, so CTA cards hold call/text/book actions. */
body.c2c-page .brand img { width: auto; height: 58px; border-radius: 0; object-fit: contain; }
body.c2c-page .site-footer .brand img { height: 74px; }
body.c2c-page .daylight-offer.discount-offer > span,
body.c2c-page .quote-copy .discount-offer > span { color: var(--muted); }
body.c2c-page .discount-offer s { font-size: 15px; color: var(--muted); font-weight: 600; letter-spacing: 0; }
body.c2c-page .offer-actions { display: grid; gap: 12px; margin-top: 22px; }
body.c2c-page .offer-actions .button { width: 100%; }
body.c2c-page .offer-actions .button.secondary { color: var(--text); border-color: var(--line); background: transparent; }
body.c2c-page .offer-actions .button.secondary:hover { background: var(--surface); }
body.c2c-page .offer-list { list-style: none; margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid var(--line); display: grid; gap: 9px; font-size: 12px; color: var(--muted); }
body.c2c-page .offer-list li::before { content: '✓'; color: var(--accent); font-weight: 800; margin-right: 9px; }
body.c2c-page .quote-actions { min-width: 0; align-self: start; padding: 28px; background: #fff; color: #1a1714; border: 1px solid #2e2a26; border-top: 3px solid #e3a33b; --text: #1a1714; --muted: #5f5953; --line: #dcd8d2; --surface: #f2efeb; --accent: #e3a33b; }
body.c2c-page .quote-actions h3 { font-size: 24px; letter-spacing: -.04em; }
body.c2c-page .quote-actions > p { font-size: 12px; margin-top: 8px; }
body.c2c-page .quote-actions .button:not(.secondary) { background: #e3a33b; color: #fff; }
body.c2c-page .quote-actions .button:not(.secondary):hover { background: #c98a22; }
@media (max-width: 760px) {
  body.c2c-page .brand img { height: 46px; }
  body.c2c-page .quote-actions { padding: 22px 18px; }
}
@media (max-width: 380px) {
  body.c2c-page .brand img { height: 40px; }
}
/* The portrait shop photo is cropped to the detailer and car, not shown full height. */
body.c2c-page .studio-statement > img { height: 100%; max-height: 560px; object-fit: cover; object-position: center 40%; align-self: stretch; }
@media (max-width: 760px) { body.c2c-page .studio-statement > img { height: 380px; } }

/* ---- Brand palette (from coast2city-logo.png) ----
   gold #e3a33b → #cd952a · copper #a36624 · chrome #d4d4d4 / #a4a4a3 · sky #96c8ed / #6a9ce0 · warm black #0d0c0b */
body.c2c-page {
  --bg: #0d0c0b;
  --surface: #171513;
  --text: #f3f1ee;
  --muted: #b9b6b1;
  --line: #2e2a26;
  --accent: #e3a33b;
  --accent-ink: #e3a33b;
  --on-accent: #140f08;
  --gold-grad: linear-gradient(180deg, #f2bb55 0%, #e3a33b 45%, #c8851f 100%);
  --sky: #96c8ed;
  --chrome-grad: linear-gradient(180deg, #ffffff 0%, #d4d4d4 55%, #a4a4a3 100%);
  background: var(--bg);
}
body.c2c-page .site-header { border-bottom: 1px solid var(--line); }
body.c2c-page .desktop-nav a:hover, body.c2c-page .header-call:hover { color: var(--accent); }
body.c2c-page .phone-symbol { border-color: #e3a33b66; color: var(--accent); }

/* Gold buttons, like the car swoosh in the logo. */
body.c2c-page .button,
body.c2c-page .daylight-dark .button,
body.c2c-page .quote-actions .button:not(.secondary) { background: var(--gold-grad); color: #140f08; border: 0; }
body.c2c-page .button:hover,
body.c2c-page .daylight-dark .button:hover,
body.c2c-page .quote-actions .button:not(.secondary):hover { background: linear-gradient(180deg, #f7cb72, #eab04a 50%, #d49128); }
body.c2c-page .button.secondary,
body.c2c-page .offer-actions .button.secondary { background: transparent; color: var(--text); border: 1px solid #4a443d; }
body.c2c-page .offer-actions .button.secondary:hover { background: #ffffff0d; border-color: var(--accent); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.c2c-page .button:hover { box-shadow: 0 8px 22px #e3a33b33; }
}

/* Hero: dark studio, chrome headline, sky-blue second line, gold price. */
body.c2c-page .daylight-hero { background: var(--bg); border-bottom-color: var(--line); }
body.c2c-page .daylight-backdrop { object-position: center 70%; }
body.c2c-page .daylight-hero::before { background: linear-gradient(90deg, #0d0c0bf7 0%, #0d0c0be6 38%, #0d0c0b8c 70%, #0d0c0b59 100%); }
body.c2c-page .daylight-copy h1 { color: #ffffff; text-shadow: 0 2px 24px #00000080; }
body.c2c-page .daylight-copy h1 span { color: var(--sky); }
body.c2c-page .daylight-copy > p, body.c2c-page .hero-assurance { color: var(--muted); }
body.c2c-page .eyebrow { color: var(--accent); }
body.c2c-page .discount-offer > strong,
body.c2c-page .daylight-offer.discount-offer > strong,
body.c2c-page .daylight-dark .discount-offer > strong { color: #eeb04a; }
body.c2c-page .daylight-card { background: #141210ee; border: 1px solid var(--line); border-top: 3px solid var(--accent); box-shadow: 0 20px 60px #00000080; backdrop-filter: blur(6px); }
body.c2c-page .daylight-card h2 { color: var(--text); }
body.c2c-page .offer-list li::before, body.c2c-page .hero-assurance span::before { color: var(--sky); }

/* Dark sections alternate a shade deeper, with chrome headings. */
body.c2c-page .daylight-dark, body.c2c-page .site-footer { --bg: #080807; --surface: #141210; --line: #2b2723; background: var(--bg); }
body.c2c-page .studio-trust strong { color: var(--accent); }
body.c2c-page .google-rating .stars, body.c2c-page .stars { color: var(--accent); }
body.c2c-page .google-letter { color: var(--sky); }
body.c2c-page .section-heading h2, body.c2c-page .studio-statement h2, body.c2c-page .quote-copy h2, body.c2c-page h3 { color: var(--heading, #f5f3ef); }
body.c2c-page .benefit { background: var(--surface); border-color: var(--line); }
body.c2c-page .benefit-icon { color: var(--sky); }
body.c2c-page .reason-number { color: var(--accent); }
body.c2c-page .reason { border-top-color: #e3a33b55; }
body.c2c-page .portfolio-grid img { filter: none; }
body.c2c-page .text-link { border-bottom-color: #e3a33b88; }
body.c2c-page .text-link:hover { color: var(--accent); }
body.c2c-page summary::after { color: var(--accent); }
body.c2c-page .studio-statement { background: var(--surface); border: 1px solid var(--line); }

/* Quote card matches the hero card. */
body.c2c-page .quote-layout { background: var(--surface); border-color: var(--line); }
body.c2c-page .quote-actions { background: #0d0c0b; color: var(--text); border: 1px solid #2b2723; border-top: 3px solid var(--accent); --text: #f3f1ee; --muted: #b9b6b1; --line: #2e2a26; --surface: #171513; --accent: #e3a33b; }

/* Reviews: a light chrome-silver band so real customer photos read clearly. */
body.c2c-page .reviews-section { --text: #1a1714; --muted: #5f5953; --line: #d6d2cc; --accent: #a36624; background: linear-gradient(180deg, #f1f0ee, #e4e2df); color: var(--text); border-block: 0; }
body.c2c-page .reviews-section .section-heading h2, body.c2c-page .reviews-section h3 { color: #1a1714; }
body.c2c-page .reviews-section .eyebrow { color: #a36624; }
body.c2c-page .reviews-section .stars { color: #d8962c; }
body.c2c-page .reviews-section .review-summary > strong { color: #1a1714; }
body.c2c-page .reviews-section .review-card .google-letter { color: #6a9ce0; }
body.c2c-page .review-carousel::before { background: linear-gradient(90deg, #ebe9e699, #ebe9e610); }
body.c2c-page .review-carousel::after { background: linear-gradient(270deg, #ebe9e699, #ebe9e610); }

/* Lead form on dark cards. */
body.c2c-page .lead-form { margin-top: 18px; gap: 13px; }
body.c2c-page .lead-form label { color: var(--text); font-weight: 600; }
body.c2c-page .lead-form label > span { color: var(--accent); }
body.c2c-page .lead-form input { background: #0d0c0b; border-color: #3a352f; color: #f5f3ef; font-size: 14px; }
body.c2c-page .lead-form input:focus { outline: 2px solid var(--accent); outline-offset: 1px; border-color: transparent; }
body.c2c-page .lead-form input[aria-invalid="true"] { border-color: #e2554f; }
body.c2c-page .lead-form .button { width: 100%; margin-top: 4px; }
body.c2c-page .lead-form .form-note { color: var(--muted); }
body.c2c-page .lead-form .form-note a { color: var(--accent); }
body.c2c-page .lead-form .form-status { border-color: var(--accent); color: var(--text); background: #e3a33b14; }
@media (max-width: 760px) { body.c2c-page .lead-form input { font-size: 16px; } }

/* ---- Alternating bands: black header/hero, then white and black sections in turn. ---- */
body.c2c-page .c2c-light {
  --bg: #ffffff; --surface: #f4f2ef; --text: #1a1714; --muted: #5f5953; --line: #e2ded8;
  --accent: #a36624; --accent-ink: #a36624; --heading: #14110e; --sky: #4f86cf;
  background: var(--bg); color: var(--text);
}
body.c2c-page .c2c-light .benefit { background: var(--surface); }
body.c2c-page .c2c-light .text-link { border-bottom-color: #a3662488; }
body.c2c-page .c2c-light .quote-layout { background: var(--surface); border-color: var(--line); }
body.c2c-page .c2c-light .discount-offer > strong { color: #a36624; }
body.c2c-page .c2c-light .discount-offer > span { color: var(--muted); }
body.c2c-page .c2c-light .quote-actions { --heading: #f5f3ef; box-shadow: 0 20px 50px #0000002e; }

/* Reviews sit on black; the cards stay white so the customers' photos read clearly. */
body.c2c-page .reviews-section { --bg: #0d0c0b; --text: #f3f1ee; --muted: #b9b6b1; --line: #2e2a26; --accent: #e3a33b; --heading: #f5f3ef; background: var(--bg); color: var(--text); }
body.c2c-page .reviews-section .section-heading h2, body.c2c-page .reviews-section .review-summary > strong { color: #f5f3ef; }
body.c2c-page .reviews-section .eyebrow { color: #e3a33b; }
body.c2c-page .review-summary { border-left-color: var(--line); }
body.c2c-page .reviews-section .review-summary > a, body.c2c-page .reviews-toolbar p, body.c2c-page .review-position, body.c2c-page .reviews-section .fine-print { color: var(--muted); }
body.c2c-page .reviews-section .review-card { --text: #1a1714; --muted: #5f5953; --heading: #1a1714; color: var(--text); border-color: #2e2a26; }
body.c2c-page .review-carousel::before { background: linear-gradient(90deg, #0d0c0bcc, #0d0c0b10); }
body.c2c-page .review-carousel::after { background: linear-gradient(270deg, #0d0c0bcc, #0d0c0b10); }
body.c2c-page .review-controls button:disabled { border-color: #3a352f; color: #6b655e; }

/* FAQ and footer close out on black. */
body.c2c-page #faq { color: var(--text); }
body.c2c-page .site-footer { border-top: 1px solid #2b2723; }

/* Strict alternation: hero B · benefits W · story B · why W · work B · reviews W · quote B · FAQ W · footer B. */
body.c2c-page .c2c-dark { background: var(--bg); }
body.c2c-page .daylight-story { padding-block: 74px; }
body.c2c-page .c2c-light .reason { border-top-color: #a3662455; }
body.c2c-page .c2c-light summary::after { color: var(--accent); }

/* Reviews: light band; cards white with a soft edge. */
body.c2c-page .reviews-section { --bg: #f4f2ef; --text: #1a1714; --muted: #5f5953; --line: #dcd8d2; --accent: #a36624; --heading: #14110e; background: var(--bg); color: var(--text); }
body.c2c-page .reviews-section .section-heading h2, body.c2c-page .reviews-section .review-summary > strong { color: #14110e; }
body.c2c-page .reviews-section .eyebrow { color: #a36624; }
body.c2c-page .reviews-section .review-card { border-color: #e2ded8; box-shadow: 0 6px 24px #1a171410; }
body.c2c-page .review-carousel::before { background: linear-gradient(90deg, #f4f2efcc, #f4f2ef10); }
body.c2c-page .review-carousel::after { background: linear-gradient(270deg, #f4f2efcc, #f4f2ef10); }
body.c2c-page .review-controls button:disabled { border-color: #dcd8d2; color: #aaa49c; }

/* Quote on black: the form card sits a shade darker than its panel. */
body.c2c-page .daylight-dark .quote-actions { box-shadow: none; }

/* Hero photo (BMW M2 + Porsche inside the shop): darker veil on the left for the headline, cars show through the middle. */
body.c2c-page .daylight-backdrop { object-position: center 62%; }
body.c2c-page .daylight-hero::before { background: linear-gradient(90deg, #0d0c0bf0 0%, #0d0c0bc7 32%, #0d0c0b59 55%, #0d0c0b73 100%), linear-gradient(0deg, #0d0c0bb3 0%, transparent 30%); }
@media (max-width: 760px) {
  body.c2c-page .daylight-backdrop { object-position: center 62%; }
  body.c2c-page .daylight-hero::before { background: linear-gradient(180deg, #0d0c0b66 0%, #0d0c0bcc 45%, #0d0c0bf2 100%); }
}
body.c2c-page .daylight-backdrop { object-position: center 66%; }
body.c2c-page .daylight-hero::before { background: linear-gradient(90deg, #0d0c0bf5 0%, #0d0c0bd9 30%, #0d0c0b66 55%, #0d0c0b8c 100%), linear-gradient(0deg, #0d0c0bcc 0%, transparent 35%); }
/* Portfolio photos come in different sizes; keep every tile the same 3:4 frame. */
body.c2c-page .portfolio-grid img { aspect-ratio: 3 / 4; height: auto; object-fit: cover; }

/* Sticky header: stays pinned on every screen size, blurred so it reads over photos. */
html { scroll-padding-top: 104px; }
body.c2c-page .sticky-header { position: sticky; top: 0; z-index: 40; background: #0d0c0bdb; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid #2e2a26; }
body.c2c-page .sticky-header .site-header { border-bottom: 0; }

/* Mobile bottom bar: always visible; address line over a full-width quote button. */
body.c2c-page .mobile-cta { display: none; }
@media (max-width: 760px) {
  html { scroll-padding-top: 90px; }
  body.c2c-page { padding-bottom: 112px; }
  body.c2c-page .mobile-cta { display: grid; gap: 8px; position: fixed; z-index: 45; left: 0; right: 0; bottom: 0; padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); background: #0d0c0bf0; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid #2e2a26; box-shadow: 0 -10px 30px #00000059; }
  body.c2c-page .mobile-cta-address { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 24px; color: #d4d4d4; font-size: 12px; font-weight: 600; text-align: center; }
  body.c2c-page .mobile-cta-address svg { width: 15px; height: 15px; flex: 0 0 15px; color: var(--accent); }
  body.c2c-page .mobile-cta-address span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: underline; text-decoration-color: #e3a33b66; text-underline-offset: 3px; }
  body.c2c-page .mobile-cta-button { width: 100%; min-height: 52px; justify-content: center; gap: 12px; font-size: 14px; }
}

/* Wide shop hero (BMW M2 + Porsche 911 under hex lights): keep both cars in frame. */
body.c2c-page .daylight-backdrop { object-position: center 55%; }
@media (max-width: 760px) { body.c2c-page .daylight-backdrop { object-position: 42% center; } }

/* GHL form embed: dark card behind it, no white flash while it loads. */
body.c2c-page .ghl-form-frame { display: block; width: 100%; min-height: 464px; border: 0; background: transparent; color-scheme: normal; margin-top: 14px; }
/* GHL form: clip away GHL's own padding, inner border and the empty strip it reserves under the button.
   Offsets measured from the live form (fields 41px in, first label 80px down, button ends 458px down).
   The iframe still auto-grows (e.g. validation messages), so only fixed GHL chrome is hidden. */
body.c2c-page .ghl-clip { overflow: hidden; margin-top: 18px; }
body.c2c-page .ghl-form-frame { width: calc(100% + 82px); max-width: none; margin: -66px -41px -148px; min-height: 0; }
body.c2c-page .daylight-card, body.c2c-page .quote-actions { padding-bottom: 24px; }
/* Cards match the GHL form background (#141210) exactly: solid, no see-through. */
body.c2c-page .daylight-card, body.c2c-page .quote-actions, body.c2c-page .daylight-dark .quote-actions { background: #141210; -webkit-backdrop-filter: none; backdrop-filter: none; }