/* Layout and specialized behavior. Shared visual rules: /design-system.css. */
/* GSP product typography: 32px title, 20px section/price, 16px text, 14px supporting UI. */
.gsp-intake-page {
  --intake-ink:var(--gsp-ink); --intake-muted:var(--gsp-muted); --intake-line:var(--gsp-line);
  --intake-paper:var(--gsp-surface-soft); --intake-red:var(--gsp-accent);
  --type-title:var(--gsp-text-title); --type-heading:var(--gsp-text-heading); --type-body:var(--gsp-text-body); --type-support:var(--gsp-text-meta);
}
.gsp-intake-page main,.gsp-intake-page .intake-preorder,.gsp-intake-page .intake-lightbox {color:var(--intake-ink)}
.gsp-intake-page main strong,.gsp-intake-page dialog strong {}
.gsp-intake-page main h1,.gsp-intake-page main h2,.gsp-intake-page .intake-preorder h2,.gsp-intake-page .intake-lightbox h2 {}
.intake-container {max-width:1440px;padding:0 4.5%;margin:auto}
.intake-breadcrumb {display:flex;gap:var(--gsp-space-8);align-items:center;padding-top:var(--gsp-space-16);color:var(--intake-muted)}
.intake-breadcrumb a:hover,.intake-inline-link:hover {color:var(--intake-red)}
.intake-compact-hero {display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);gap:var(--gsp-space-32);align-items:start;padding:var(--gsp-space-24) 0 var(--gsp-space-24)}
.intake-hero-copy {grid-column:2;grid-row:1;min-width:0}
.gsp-intake-page .intake-hero h1 {margin:0 0 var(--gsp-space-16)}
.gsp-intake-page .intake-lead,.gsp-intake-page .intake-scope {color:var(--intake-muted);margin:0 0 var(--gsp-space-16)}
.intake-scope strong {display:block;color:var(--intake-ink);margin-bottom:var(--gsp-space-4)}
.gsp-intake-page .intake-compatibility {padding:var(--gsp-space-12) var(--gsp-space-16);margin:0 0 var(--gsp-space-16);background:var(--gsp-notice-bg);border-left:2px solid var(--intake-red)}
.intake-compatibility strong {display:block;margin-bottom:var(--gsp-space-4)}
.intake-price-panel {border-top:1px solid var(--intake-line);border-bottom:1px solid var(--intake-line);padding:var(--gsp-space-16) 0;margin-bottom:var(--gsp-space-16)}
.gsp-intake-page .intake-total {display:flex;align-items:center;justify-content:space-between;gap:var(--gsp-space-16);color:var(--intake-muted);margin:0 0 var(--gsp-space-8)}
.intake-total strong {color:var(--intake-ink);white-space:nowrap;}
.intake-total small {color:var(--intake-muted);margin-left:var(--gsp-space-4)}
.gsp-intake-page .intake-dispatch {color:var(--intake-muted)}
.intake-actions {display:flex;align-items:center;gap:var(--gsp-space-12) var(--gsp-space-20);flex-wrap:wrap}
.gsp-intake-page main .gsp-button,.gsp-intake-page .intake-preorder .gsp-button {padding:var(--gsp-space-12) var(--gsp-space-16);min-height:48px;cursor:pointer}
.intake-text-link {display:inline-flex;align-items:center;gap:var(--gsp-space-12);padding:var(--gsp-space-8) 0;min-height:44px;border:0;border-bottom:1px solid #a9b0b6;border-radius:0;background:transparent;color:var(--intake-ink);cursor:pointer}
.intake-text-link:hover {color:var(--intake-red);border-bottom-color:var(--intake-red)}
.gsp-intake-page .intake-small {color:var(--intake-muted)}
.gsp-intake-page .intake-hero-copy>.intake-small {margin-top:var(--gsp-space-12)}
.intake-inline-link,.gsp-intake-page .intake-use-notice a {text-decoration:underline;text-underline-offset:3px}
.gsp-intake-page .intake-use-notice {margin:var(--gsp-space-16) 0 0;padding-top:var(--gsp-space-12);border-top:1px solid var(--intake-line);color:var(--intake-muted)}
.intake-use-notice strong {display:block;color:var(--intake-ink);margin-bottom:2px}

/* Product views and consistent, full-sized controls. */
.intake-hero-gallery {grid-column:1;grid-row:1;min-width:0;scroll-margin-top:96px}
.charge-viewer {border:1px solid var(--intake-line);background:var(--gsp-surface-soft)}
.charge-viewer-top {padding:var(--gsp-space-12) var(--gsp-space-16);color:var(--intake-muted)}
.charge-view-surface {position:relative;overflow:hidden;aspect-ratio:1.5;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.charge-view-surface[data-dragging=true] {cursor:grabbing}
.charge-view-surface[data-mode=move] {cursor:move}
.charge-view-surface img {display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;transform-origin:center}
.charge-viewer[data-finish=silver] .charge-view-surface img {filter:grayscale(1)}
.charge-viewer[data-finish=silver] {background:#f4f4f4}
.charge-view-controls {display:flex;justify-content:center;gap:var(--gsp-space-8);flex-wrap:wrap;padding:var(--gsp-space-12);background:white;border-top:1px solid var(--intake-line)}
.charge-view-controls>div {display:flex;gap:var(--gsp-space-4)}
.charge-view-controls button {min-width:40px;min-height:44px;padding:var(--gsp-space-8) var(--gsp-space-8);border:1px solid var(--intake-line);background:white;color:var(--intake-ink);cursor:pointer}
.charge-view-controls button:hover {border-color:var(--intake-ink)}
.charge-view-modes button[aria-pressed=true] {background:var(--intake-ink);color:white;border-color:var(--intake-ink)}
.gsp-intake-page .intake-photo-caption {color:var(--intake-muted);margin:var(--gsp-space-8) 0 var(--gsp-space-12)}
.intake-finish {padding:0;border:0;min-width:0;margin:0}
.intake-finish legend {float:left;width:110px;margin:0;padding:var(--gsp-space-12) 0}
.intake-finish-options {display:flex;gap:var(--gsp-space-8);flex-wrap:wrap}
.intake-finish-options label {position:relative;cursor:pointer;min-width:120px}
.intake-finish-options input {position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.intake-finish-chip {display:flex;gap:var(--gsp-space-8);align-items:center;padding:var(--gsp-space-8) var(--gsp-space-12);min-height:46px;border:1px solid var(--gsp-line-strong);background:white}
.intake-finish-check {visibility:hidden;margin-left:var(--gsp-space-4)}
.intake-finish-options input:checked+.intake-finish-chip {border-color:var(--intake-ink);box-shadow:inset 0 0 0 1px var(--intake-ink);background:#f7f7f7}
.intake-finish-options input:checked+.intake-finish-chip .intake-finish-check {visibility:visible}
.intake-finish-options input:focus-visible+.intake-finish-chip {}
.intake-color-dot {width:22px;height:22px;flex-shrink:0;border-radius:50%;border:1px solid #999}
.intake-color-dot.gold {background:linear-gradient(130deg,#a57821,#f3da95 48%,#b58332)}
.intake-color-dot.silver {background:linear-gradient(130deg,#909398,#fafafa 48%,#a4a7aa)}

/* Benefits and expandable detail use the same text scale. */
.intake-compact-benefits {margin:0 0 var(--gsp-space-24)}
.intake-feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gsp-space-16)}
.intake-feature-grid article {display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--gsp-space-12);align-items:center;padding:var(--gsp-space-16) var(--gsp-space-16) var(--gsp-space-16) var(--gsp-space-8);border:1px solid var(--intake-line);background:var(--gsp-surface-soft)}
.intake-tech-graphic {width:72px;height:72px;display:block}
.gsp-intake-page .intake-feature-grid h2 {margin:0 0 var(--gsp-space-4)}
.gsp-intake-page .intake-feature-grid p {color:var(--intake-muted)}
.intake-compact-details {padding:var(--gsp-space-24) 0 var(--gsp-space-32);border-top:1px solid var(--intake-line);scroll-margin-top:94px}
.intake-compact-heading {display:flex;align-items:center;justify-content:space-between;gap:var(--gsp-space-16);margin-bottom:var(--gsp-space-16)}
.gsp-intake-page .intake-compact-heading h2 {}
.intake-accordion-grid {display:grid;grid-template-columns:1fr 1fr;gap:var(--gsp-space-24)}
.intake-accordion {border-top:1px solid var(--intake-line);scroll-margin-top:94px}
.intake-accordion:last-child {border-bottom:1px solid var(--intake-line)}
.intake-accordion>summary {position:relative;display:block;list-style:none;padding:var(--gsp-space-16) var(--gsp-space-32) var(--gsp-space-16) 0;cursor:pointer;}
.intake-accordion>summary::-webkit-details-marker {display:none}
.intake-accordion>summary::after {content:'+';position:absolute;right:7px;top:18px;color:var(--intake-muted)}
.intake-accordion[open]>summary::after {content:'−';color:var(--intake-ink)}
.intake-accordion>summary>span {display:block;margin-top:var(--gsp-space-4);color:var(--intake-muted)}
.intake-accordion-body {padding:0 0 var(--gsp-space-20)}
.gsp-intake-page .intake-accordion-body>p {color:var(--intake-muted);margin:0 0 var(--gsp-space-16)}
.gsp-intake-page .intake-accordion-body>p:last-child {margin-bottom:0}
.gsp-intake-page .intake-accordion-body>.intake-exclusions {border-left:2px solid var(--intake-red);padding:var(--gsp-space-12) var(--gsp-space-12);background:var(--intake-paper);color:var(--intake-ink)}
.intake-kit-table-wrap {min-width:0;overflow:auto}
.intake-kit-table {width:100%;border-collapse:collapse;margin-bottom:var(--gsp-space-16)}
.intake-kit-table th,.intake-kit-table td {padding:var(--gsp-space-8) var(--gsp-space-8);border-bottom:1px solid var(--intake-line);text-align:left;vertical-align:top}
.intake-kit-table thead th {background:var(--intake-paper)}
.intake-kit-table tbody th {width:46%}
.intake-kit-table tr>:last-child {text-align:center;width:44px;white-space:nowrap}
.intake-kit-table small {display:block;color:var(--intake-muted);margin-top:var(--gsp-space-4)}
.intake-detail-grid {display:grid;grid-template-columns:1fr 1fr;gap:var(--gsp-space-12);margin-bottom:var(--gsp-space-16)}
.intake-detail-grid figure {margin:0;min-width:0}
.intake-detail-grid button {display:block;width:100%;padding:0;border:0;background:var(--intake-paper);cursor:zoom-in}
.intake-detail-grid img {display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
.intake-detail-grid figcaption {padding-top:var(--gsp-space-8);color:var(--intake-muted)}
.intake-detail-grid figcaption>span {display:none}
.gsp-intake-page .intake-detail-grid figcaption>strong {}
.intake-compact-specs {margin:0 0 var(--gsp-space-16);}
.intake-compact-specs>div {display:grid;grid-template-columns:130px 1fr;gap:var(--gsp-space-16);padding:var(--gsp-space-8) 0;border-bottom:1px solid var(--intake-line)}
.intake-compact-specs dt {color:var(--intake-muted)}
.intake-compact-specs dd {margin:0}

/* Interest form and gallery dialogs. */
.intake-preorder {width:min(570px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);border:0;padding:var(--gsp-space-32);overflow:auto;background:white}
.intake-preorder::backdrop,.intake-lightbox::backdrop {background:#111820b3}
.intake-preorder-close,.intake-lightbox-close {width:44px;height:44px;border:1px solid var(--intake-line);background:white;cursor:pointer;flex-shrink:0}
.intake-preorder-close {position:absolute;right:12px;top:12px}
.gsp-intake-page .intake-preorder h2 {margin:0 var(--gsp-space-40) var(--gsp-space-12) 0}
.gsp-intake-page .intake-preorder-vehicle {color:var(--intake-muted);}
.gsp-intake-page #intake-preorder-description {color:var(--intake-muted);margin:var(--gsp-space-20) 0}
#preorder-list-form>label {display:block;margin:var(--gsp-space-16) 0 var(--gsp-space-8)}
#preorder-list-form>label>span {color:var(--intake-muted)}
#preorder-list-form>input,#preorder-list-form>select {display:block;width:100%;border:1px solid var(--gsp-line-strong);background:white;color:var(--intake-ink);border-radius:0;padding:var(--gsp-space-12);min-height:48px}
#preorder-list-form .preorder-consent {display:flex;gap:var(--gsp-space-12);align-items:flex-start;margin:var(--gsp-space-20) 0 var(--gsp-space-16)}
.preorder-consent input {width:20px;height:20px;flex-shrink:0;margin:2px 0 0;accent-color:var(--intake-red)}
.preorder-trap,.intake-sr-only,.intake-kit-table caption {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
#preorder-list-form .gsp-button {margin-top:var(--gsp-space-20);width:100%;justify-content:space-between}
#preorder-list-form .gsp-button:disabled {opacity:.5;cursor:wait}
.gsp-intake-page .preorder-form-status {margin-top:var(--gsp-space-16)}
.preorder-form-status:empty {display:none}
.preorder-form-status[data-state=success] {padding:var(--gsp-space-16);background:var(--gsp-success-bg);color:var(--gsp-success)}
.preorder-form-status[data-state=error] {color:var(--gsp-error)}
.intake-preorder [hidden] {display:none!important}
.intake-lightbox {width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);border:0;padding:0;background:white;overflow:auto}
.intake-lightbox-top {display:flex;align-items:center;justify-content:space-between;gap:var(--gsp-space-20);padding:var(--gsp-space-16) var(--gsp-space-20);border-bottom:1px solid var(--intake-line)}
.gsp-intake-page .intake-lightbox-top h2 {}
.intake-lightbox-image {height:min(58vh,640px);min-height:200px;background:var(--intake-paper)}
.intake-lightbox-image img {display:block;width:100%;height:100%;object-fit:contain}
.intake-lightbox-controls {display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:var(--gsp-space-16);padding:var(--gsp-space-12) var(--gsp-space-20)}
.intake-lightbox-controls button {width:44px;height:44px;border:1px solid var(--intake-line);background:white;cursor:pointer}
.gsp-intake-page .intake-lightbox-controls p {text-align:center}
.intake-lightbox-thumbs {display:flex;flex-wrap:wrap;gap:var(--gsp-space-8);padding:0 var(--gsp-space-20) var(--gsp-space-20)}
.intake-lightbox-thumbs button {width:68px;height:50px;border:1px solid transparent;padding:2px;background:white;cursor:pointer}
.intake-lightbox-thumbs button[aria-pressed=true] {border-color:var(--intake-red)}
.intake-lightbox-thumbs img {width:100%;height:100%;object-fit:cover;display:block}
.gsp-intake-page button:focus-visible,.gsp-intake-page input:focus-visible,.gsp-intake-page select:focus-visible,.gsp-intake-page summary:focus-visible,.gsp-intake-page main a:focus-visible,.charge-view-surface:focus-visible {}
.charge-view-surface:focus-visible {}
.gsp-intake-page .gsp-header nav {gap:var(--gsp-space-24)}
.gsp-intake-page .gsp-footer {border-top:1px solid var(--intake-line)}
.gsp-intake-page .gsp-footer strong,.gsp-intake-page .gsp-footer p,.gsp-intake-page .gsp-footer nav {}

@media(max-width:1100px) {
  .intake-compact-hero {gap:var(--gsp-space-24);grid-template-columns:1.08fr 1fr}
  .intake-feature-grid article {grid-template-columns:56px minmax(0,1fr);gap:var(--gsp-space-8);padding:var(--gsp-space-12) var(--gsp-space-12) var(--gsp-space-12) var(--gsp-space-8)}
  .intake-tech-graphic {width:56px;height:60px}
  .charge-view-controls {gap:var(--gsp-space-4);padding:var(--gsp-space-8)}
  .charge-view-controls button {min-width:38px;padding:var(--gsp-space-8)}
  .gsp-intake-page .gsp-header nav {gap:var(--gsp-space-16)}
}
@media(max-width:850px) {
  .intake-container {padding:0 var(--gsp-space-20)}
  .intake-compact-hero {grid-template-columns:1fr;gap:0;padding:var(--gsp-space-20) 0 var(--gsp-space-24)}
  .intake-hero-copy {display:contents}
  .intake-hero-copy>* {order:3}
  .gsp-intake-page .intake-hero h1 {order:1;margin-bottom:var(--gsp-space-20)}
  .intake-hero-gallery {grid-column:1;grid-row:auto;order:2;margin-bottom:var(--gsp-space-24)}
  .intake-feature-grid {grid-template-columns:1fr;gap:var(--gsp-space-8)}
  .intake-feature-grid article {grid-template-columns:72px minmax(0,1fr);gap:var(--gsp-space-12);padding:var(--gsp-space-12)}
  .intake-tech-graphic {width:72px;height:72px}
  .intake-accordion-grid {grid-template-columns:1fr;gap:0}
  .intake-accordion-grid>div:first-child>.intake-accordion:last-child {border-bottom:0}
  .gsp-intake-page .gsp-header nav a[href="/contact.html"] {display:none}
  .gsp-intake-page .gsp-header nav {gap:var(--gsp-space-12)}
}
@media(max-width:480px) {
  .intake-container {padding:0 var(--gsp-space-16)}
  .intake-breadcrumb {padding-top:var(--gsp-space-12)}
  .charge-view-surface {aspect-ratio:1.25}
  .charge-viewer-top {padding:var(--gsp-space-8) var(--gsp-space-12)}
  .charge-view-controls {gap:var(--gsp-space-4);padding:var(--gsp-space-8)}
  .charge-view-controls button {min-width:38px;padding:var(--gsp-space-8)}
  .intake-finish legend {float:none;width:auto;padding:0;margin-bottom:var(--gsp-space-8)}
  .intake-actions .gsp-button {flex:1;justify-content:space-between}
  .intake-actions {gap:var(--gsp-space-8) var(--gsp-space-16)}
  .intake-feature-grid article {grid-template-columns:56px minmax(0,1fr);gap:var(--gsp-space-8);padding:var(--gsp-space-12)}
  .intake-tech-graphic {width:56px;height:60px}
  .intake-compact-heading {flex-wrap:wrap;gap:var(--gsp-space-8)}
  .intake-compact-specs>div {grid-template-columns:105px 1fr;gap:var(--gsp-space-12)}
  .intake-detail-grid {grid-template-columns:1fr}
  .intake-preorder {padding:var(--gsp-space-24) var(--gsp-space-20)}
  .intake-lightbox-top {padding:var(--gsp-space-12)}
  .intake-lightbox-controls {padding:var(--gsp-space-12);gap:var(--gsp-space-8)}
  .intake-lightbox-image {height:48vh}
  .intake-lightbox-thumbs {padding:0 var(--gsp-space-12) var(--gsp-space-16)}
  .gsp-intake-page .gsp-header {padding:0 var(--gsp-space-16);gap:var(--gsp-space-12)}
  .gsp-intake-page .gsp-brand img {width:78px}
  .gsp-intake-page .gsp-header nav {gap:var(--gsp-space-12);}
  .gsp-intake-page .gsp-cart-toggle {gap:0}
}
@media(prefers-reduced-motion:reduce) {.gsp-intake-page * {scroll-behavior:auto!important}}
