.product-basket-visual{background:linear-gradient(145deg,#dce8f5,#b9cde3);position:relative;padding:0!important}
.basket-viewer{position:absolute;inset:0;overflow:hidden}
.basket-viewer canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.basket-viewer canvas:active{cursor:grabbing}
.basket-viewer-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;padding:10%!important;z-index:0}
.basket-viewer.is-ready .basket-viewer-fallback{display:none}
.basket-viewer-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:#435a78;font-size:12px;pointer-events:none}
.basket-viewer-loading[hidden]{display:none}
.basket-viewer-tools{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.94);border:1px solid rgba(10,31,68,.12);padding:13px 14px;box-shadow:0 8px 26px rgba(10,31,68,.09)}
.basket-viewer-color-name{display:block;font-size:12px;font-weight:700;color:var(--navy);margin-bottom:8px}
.basket-viewer-colors{display:flex;gap:5px;overflow-x:auto;padding:2px 2px 5px;scrollbar-width:thin;scrollbar-color:#9bb2d0 transparent}
.basket-viewer-swatch{flex:0 0 27px;width:27px;height:27px;background:var(--color);border:2px solid #fff;outline:1px solid #aec0d8;cursor:pointer;padding:0}
.basket-viewer-swatch[aria-pressed="true"]{outline:2px solid var(--mid)}
.basket-viewer-swatch:focus-visible{outline:3px solid var(--mid);outline-offset:2px}
.basket-viewer-hint{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:7px}
.product-related .related-basket-visual{position:relative;display:block;aspect-ratio:1/1;background:linear-gradient(145deg,#e8f0f8,#d4e1ee)}
.product-related .related-basket-visual .related-basket-model{position:absolute;inset:0;width:100%;height:100%}
.product-related .related-basket-tools{margin-top:20px}
.product-related .related-basket-tools .basket-viewer-color-name{font-size:13px}
.product-related .related-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-related .related-grid--4 .related-copy{padding:17px}
.product-related .related-grid--4 .related-copy h3{font-size:16px}
.mounts-overview{padding-block:80px}
.mounts-overview h2{font-size:clamp(25px,2.7vw,34px);line-height:1.2;margin:0 0 25px;color:var(--navy)}
.mounts-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mounts-overview article{background:var(--lighter);border:1px solid var(--border);padding:24px}
.mounts-overview h3{font-size:16px;color:var(--navy);margin:0 0 10px}
.mounts-overview article p,.mounts-overview-note{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.mounts-overview-note{max-width:80ch;margin-top:22px}
@media(max-width:899px){.product-related .related-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.mounts-overview-grid{grid-template-columns:1fr}}
@media(max-width:650px){.basket-viewer-tools{left:12px;right:12px;bottom:12px;padding:10px}.basket-viewer-swatch{flex-basis:24px;width:24px;height:24px}.product-related .related-grid--4{grid-template-columns:1fr 1fr;gap:9px}.product-related .related-grid--4 .related-copy{padding:12px}.product-related .related-grid--4 .related-copy h3{font-size:14px}.product-related .related-grid--4 .related-copy p{font-size:11px}.mounts-overview{padding-block:60px}}

/* Keep the RAL controls below the model, outside its canvas. */
.product-basket-visual{display:block;aspect-ratio:auto;align-self:start;overflow:hidden}
.basket-viewer{position:relative;inset:auto;width:100%;aspect-ratio:1/1;min-width:0}
.basket-viewer-tools{position:relative;inset:auto;width:100%;box-sizing:border-box;box-shadow:none;background:#fff;border-width:1px 0 0;padding:16px 18px}
@media(max-width:650px){.basket-viewer-tools{inset:auto;padding:12px}.basket-viewer-hint{font-size:12px}}
