/* Supplied Sea Ray artwork stays intact; the layout turns each kit across the card. */
.card__scan-media,.card__plan-media,.card__build-media{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;position:relative;container-type:size}
.card__scan-media{background:#12202d;padding:22px}
.card__scan-media>img{width:100%;height:100%;object-fit:contain}
.card__plan-media{background:#fff}
.card__build-media{background:#12202d;grid-column:2;grid-row:1}
.card__plan-media>img,.card__build-media>img{position:absolute;left:50%;top:50%;width:100cqh;height:100cqw;max-width:none;min-height:0;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg)}
.card__build-media>img{position:static;transform:none;width:100%;height:100%;object-fit:contain}
@media(max-width:860px){.card__scan-media{padding:12px}}
.stack.is-flow .card__scan-media,.stack.is-flow .card__plan-media,.stack.is-flow .card__build-media{height:clamp(220px,50svh,540px)}
@media(max-height:550px) and (max-width:860px){.card__scan-media,.card__plan-media,.card__build-media{height:300px}}

@media(max-width:860px){.card__build-media{grid-column:1;grid-row:1}}

@media(max-width:860px){
 .card.card--scan,.card.card--searay-design{height:auto;min-height:0;grid-template-rows:auto auto}
 .card--scan .card__scan-media{height:auto;aspect-ratio:4906/2862}
 .card--searay-design .card__plan-media{height:auto;aspect-ratio:4096/2160}
}

.palette-card .palette-card__name{display:none!important}
.palette-card .palette-card__hint{visibility:visible!important}
.palette-card__grid button[aria-pressed="true"]{outline:2px solid var(--navy);outline-offset:2px}