.cms-seal-colours{grid-column:1/-1;min-width:0;border:0;border-top:1px solid #34505f;padding:24px 0;margin:12px 0}.cms-seal-colours[hidden],.cms-seal-colour-caption[hidden]{display:none}.cms-seal-colours legend{font-size:1.35rem;font-weight:700;padding:0 10px 0 0}.cms-seal-colours>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cms-seal-colours>div label{display:flex!important;align-items:center;gap:10px;padding:12px;border:1px solid #496274;border-radius:12px;cursor:pointer;font-size:16px!important}.cms-seal-colours label:has(input:checked){border-color:#a9d6ff;background:#17364b}.cms-seal-colours label:focus-within{outline:2px solid #a9d6ff;outline-offset:3px}.cms-seal-colours input{width:18px!important;min-height:18px!important;margin:0!important;accent-color:#a9d6ff}.cms-seal-colour-dot{display:inline-block;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--paint);border:1px solid #b3c6cf;box-shadow:inset -4px -4px 8px #0003}.cms-seal-colours small{display:block;margin-top:14px;font-size:14px;line-height:1.6}.cms-seal-colour-caption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:12px 16px;color:#d6e9f7}.cms-seal-colour-caption strong{font-size:18px}.cms-seal-colour-caption small{flex-basis:100%;text-align:center;font-size:14px;color:#b6ccd9}@media(max-width:600px){.cms-seal-colours>div{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-seal-colours>div label{padding:10px;gap:7px}.cms-seal-colour-dot{width:22px;height:22px;flex-basis:22px}}
.cms-garage-profile form .cms-seal-colours>div label{position:relative;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;min-height:58px;font-weight:600!important}.cms-garage-profile form .cms-seal-colours input[type=radio]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden!important}.cms-seal-colour-caption{grid-column:1/-1}

/* Compensate for transparent canvas margins without changing the photographs. */
.cms-home-vehicle-stage img[data-seal-paint]:not(.hero-reflection),.cms-your-car-visual img[data-seal-paint]:not(.hero-reflection){transform:scale(var(--seal-photo-scale,1))!important;transform-origin:50% 50%;object-fit:contain!important;pointer-events:none}

/* Selected-colour stage: the accepted floating car, glass and floor reflection. */
.cms-home-hero .cms-home-vehicle-stage.seal-colour-glass,.cms-your-car-hero .cms-your-car-visual.seal-colour-glass{position:relative!important;isolation:isolate;aspect-ratio:6/5!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important;border:1px solid #bddcec66!important;border-radius:28px!important;background:radial-gradient(ellipse at 50% 73%,#76c8ed26,transparent 52%),linear-gradient(120deg,#d8f2ff10 15%,#b8e6ff06 15.2%,#b8e6ff06 38%,transparent 38.2%),linear-gradient(140deg,#18303d,#081a27)!important;box-shadow:inset 1px 1px 0 #e5f6ff75,0 20px 55px #0003!important}
.seal-colour-glass:before,.seal-colour-glass:after{display:none!important}
.seal-colour-glass>img[data-seal-paint],.seal-colour-glass>img.seal-colour-reflection{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;pointer-events:none}
.seal-colour-glass>img[data-seal-paint]{z-index:2;filter:drop-shadow(0 18px 12px #0006)!important}
.seal-colour-glass>img.seal-colour-reflection{z-index:0;transform:translateY(33%) scaleX(var(--seal-photo-scale,1)) scaleY(calc(-.33 * var(--seal-photo-scale,1)))!important;opacity:.32!important;filter:blur(.7px)!important;mask-image:linear-gradient(to top,#000b 25%,transparent 76%)}
.seal-colour-glass>img.seal-colour-reflection[hidden]{display:none!important}
.seal-colour-glass>small{position:absolute!important;bottom:12px!important;right:12px!important;z-index:4}
@media(max-width:760px){.cms-home-hero .cms-home-vehicle-stage.seal-colour-glass,.cms-your-car-hero .cms-your-car-visual.seal-colour-glass{aspect-ratio:6/5!important;min-height:0!important;border-radius:20px!important}}
/* Let the nose cross the glass edge, like the approved reference. */
.cms-home-vehicle-stage.seal-colour-glass img[data-seal-paint]:not(.hero-reflection),.cms-your-car-visual.seal-colour-glass img[data-seal-paint]:not(.hero-reflection){transform:translateX(-6%) scale(var(--seal-photo-scale,1))!important}
.seal-colour-glass>img.seal-colour-reflection{transform:translateX(-6%) translateY(33%) scaleX(var(--seal-photo-scale,1)) scaleY(calc(-.33 * var(--seal-photo-scale,1)))!important}
@media(max-width:760px){.cms-home-vehicle-stage.seal-colour-glass img[data-seal-paint]:not(.hero-reflection),.cms-your-car-visual.seal-colour-glass img[data-seal-paint]:not(.hero-reflection){transform:translateX(-4%) scale(var(--seal-photo-scale,1))!important}.seal-colour-glass>img.seal-colour-reflection{transform:translateX(-4%) translateY(33%) scaleX(var(--seal-photo-scale,1)) scaleY(calc(-.33 * var(--seal-photo-scale,1)))!important}}

/* Production's interactive map is the visible image plane; keep its links native. */
.cms-your-car-hero .seal-colour-glass .cms-hub-car-map,.cms-home-hero .seal-colour-glass .cms-hub-car-map{position:relative!important;aspect-ratio:6/5;height:auto!important;width:100%!important;margin:0!important}
.cms-your-car-hero .seal-colour-glass .cms-hub-car-map>img[data-seal-paint],.cms-home-hero .seal-colour-glass .cms-hub-car-map>img[data-seal-paint]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;transform:translateX(-6%) scale(var(--seal-photo-scale,1))!important}
.cms-your-car-hero .seal-colour-glass .cms-hub-car-map>img.seal-colour-reflection,.cms-home-hero .seal-colour-glass .cms-hub-car-map>img.seal-colour-reflection{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:translateX(-6%) translateY(33%) scaleX(var(--seal-photo-scale,1)) scaleY(calc(-.33 * var(--seal-photo-scale,1)))!important;opacity:.32!important;pointer-events:none;mask-image:linear-gradient(to top,#000b 25%,transparent 76%)}
@media(max-width:760px){.cms-your-car-hero .seal-colour-glass .cms-hub-car-map>img[data-seal-paint],.cms-home-hero .seal-colour-glass .cms-hub-car-map>img[data-seal-paint]{transform:translateX(-4%) scale(var(--seal-photo-scale,1))!important}.cms-your-car-hero .seal-colour-glass .cms-hub-car-map>img.seal-colour-reflection,.cms-home-hero .seal-colour-glass .cms-hub-car-map>img.seal-colour-reflection{transform:translateX(-4%) translateY(33%) scaleX(var(--seal-photo-scale,1)) scaleY(calc(-.33 * var(--seal-photo-scale,1)))!important}}

/* Keep Garage's colour caption with its image, not in a full-width extra grid row. */
.cms-your-car-hero>.seal-colour-visual-group{min-width:0;align-self:center}
.cms-your-car-hero:has(>.seal-colour-visual-group){padding-block:32px!important}
.seal-colour-visual-group>.cms-seal-colour-caption{padding:12px 8px 0;gap:8px}
@media(max-width:760px){.cms-your-car-hero:has(>.seal-colour-visual-group){padding-block:24px!important}}