/* Shared image-led related products, scoped independently of page templates. */
.product-page .product-range{padding:65px var(--pad);background:linear-gradient(115deg,#0b263e,#1b486b);color:#eef8ff}
.product-page .product-range h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;color:#eef8ff}
.product-range .range-grid{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 0 24px;scrollbar-width:thin;scrollbar-color:#83afc9 #143954}
.product-range .range-card{display:flex;flex-direction:column;align-items:stretch;flex:0 0 calc((100% - 44px)/3);min-width:0;min-height:0;scroll-snap-align:start;background:#214e6b;border:1px solid #83adc566;color:#f0f8ff;box-shadow:none;padding:0}
.product-range .card-art{display:flex;align-items:center;justify-content:center;height:240px;min-height:240px;padding:36px 20px 12px;box-sizing:border-box;background:radial-gradient(ellipse,#8fc4e32b,transparent 70%)}
.product-range .range-card .catalog-pack{transform:scale(.86);margin:0!important}
.product-range .card-copy{display:flex;flex-direction:column;flex:1;width:100%;box-sizing:border-box;align-self:stretch;text-align:left;padding:12px 24px 22px;min-height:0}
.product-range .card-copy>*{text-align:left}
.product-range .card-copy h3{font-size:26px;line-height:1.3;margin:10px 0;color:#f0f8ff;overflow-wrap:anywhere}
.product-range .card-copy>span,.product-range .card-copy p{color:#c6dfef}
.product-range .card-copy p{min-height:0;margin:0 0 18px;line-height:1.65;font-size:13px}
.product-range .card-copy b{display:flex;justify-content:space-between;align-items:center;color:#f0f8ff;margin-top:auto;padding-top:14px;border-top:1px solid #a6cce455;font-weight:400;font-size:13px}
.product-range .range-card:focus-visible{outline:2px solid #c2eaff;outline-offset:-3px}
@media(max-width:900px){.product-range .range-card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:650px){.product-page .product-range{padding-block:42px}.product-range .range-card{flex-basis:86%}.product-range .card-copy h3{font-size:24px}.product-range .range-carousel-controls>span{max-width:50%;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.product-range .range-grid{scroll-behavior:auto}}
