/* Page-local Marine V2 selection controls. */
.marine button[data-select],.marine button[data-area-choice],.marine button[data-surface-choice]{position:relative}
.marine button[data-select] .sr-only,.marine button[data-area-choice] .sr-only,.marine button[data-surface-choice] .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.marine .card button[data-label="Add to My Request"]{width:100%;height:52px;min-height:52px;padding:12px 14px;font-size:1rem;line-height:1.25;justify-content:center}
.marine .card button [data-button-label]{white-space:nowrap}
.marine #choices .card .buttons{margin-top:auto;padding-top:24px}
.marine #choices .cards{align-items:stretch}
/* Marine tint visual refinements. Swatches reuse the automotive Shade Guide artwork. */
.marine .mi-film-swatch{display:block;height:110px;flex:none;margin:0 0 24px;background:linear-gradient(115deg,#ffffff66 0 5%,transparent 5% 43%,#ffffff44 43% 48%,transparent 48%),linear-gradient(#131c25 calc(var(--sample)*100%),#354047);background-color:#e1e7eb;border:1px solid #c2c9cf;position:relative;overflow:hidden}
.marine .mi-film-swatch:after{content:'';position:absolute;inset:0;background:#dce5eb;opacity:calc(1 - var(--sample))}
.marine .mi-ocean-preview{position:relative;margin:24px 0;isolation:isolate;background:#17212a;overflow:hidden}
.marine .mi-ocean-preview>img{display:block;width:100%;height:auto;aspect-ratio:1439/810;margin:0}
.marine .mi-tint-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.marine .mi-tint-overlay .shade-window{opacity:0}
.marine .mi-ocean-preview[data-shade='75'] .shade-window{opacity:.20}
.marine .mi-ocean-preview[data-shade='55'] .shade-window{opacity:.38}
.marine .mi-ocean-preview[data-shade='35'] .shade-window{opacity:.55}
.marine .mi-ocean-preview[data-shade='15'] .shade-window{opacity:.77}
.marine .mi-ocean-preview[data-shade='5'] .shade-window{opacity:.93}
.marine .mi-preview-label{position:absolute;bottom:16px;left:16px;padding:6px 12px;background:#111e;color:#fff;font-size:14px;font-weight:600;line-height:1.4}
.marine .mi-photo-comparison{margin:24px 0}
.marine .mi-visibility-view{margin:0;min-width:0;background:#f3f3f3;border:1px solid #d9d9dd}
.marine .mi-visibility-view figcaption{padding:14px 18px;font-weight:700;font-size:17px;border-bottom:2px solid var(--marine-red)}
.marine .mi-visibility-images{position:relative;aspect-ratio:1439/810;overflow:hidden;background:#161a20}
.marine .mi-visibility-images img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.marine .mi-photo-comparison[data-visibility=day] .mi-light-night,.marine .mi-photo-comparison[data-visibility=night] .mi-light-day{display:none}
.marine .mi-layer-diagrams{gap:24px;margin:28px 0 22px}
.marine .mi-layer-diagrams figure{margin:0;padding:20px 12px 12px;background:#f4f6f7;border:1px solid #d7dce0;min-width:0}
.marine .mi-layer-diagrams figcaption{padding:0 12px;margin-bottom:12px}
.marine .mi-layer-diagrams figcaption strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:24px;text-transform:uppercase;line-height:1.2}
.marine .mi-layer-diagrams figcaption span{display:block;color:#a50d27;font-size:15px;font-weight:600;margin-top:6px}
.marine .mi-layer-diagrams img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}


.marine .mi-material-field{margin:0;padding:18px 20px;grid-column:1/-1}
.marine .mi-material-field>p{font-size:15px;margin-bottom:12px}
.marine .mi-material-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.marine .mi-material-checks label{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border:1px solid #d9d9dd;background:#f6f6f7;cursor:pointer;font-weight:500;line-height:1.4}
.marine .mi-material-checks label:has(:checked){border-color:var(--marine-red);background:#fff0f3}
.marine .mi-material-checks input[type=checkbox]{margin:0}
.marine #planner .mi-boat-preview img{aspect-ratio:1439/810;object-fit:contain}
@media(max-width:900px){.marine .mi-layer-diagrams{grid-template-columns:1fr}.marine .mi-layer-diagrams figure{max-width:680px;width:100%;margin-inline:auto}}
@media(max-width:600px){.marine .mi-material-checks{grid-template-columns:1fr}.marine .mi-preview-label{font-size:12px;bottom:8px;left:8px;padding:4px 8px}.marine .mi-film-swatch{height:94px}.marine .mi-layer-diagrams figure{padding:16px 4px 10px}.marine .mi-material-field{padding:16px 12px}}
@media(prefers-reduced-motion:reduce){.marine .mi-tint-overlay .shade-window{transition:none}}