[data-sd-related-carousel] .sd-related-carousel__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
[data-sd-related-carousel] .sd-related-carousel__header .related-products__heading{margin:0}
.sd-related-carousel__controls{display:flex;flex:none;gap:8px}
.sd-related-carousel__controls button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #c9cdd3;border-radius:0;background:transparent;color:var(--sd-related-color,#071c35);cursor:pointer;transition:border-color .2s,opacity .2s,background-color .2s}
.sd-related-carousel__controls button:hover:not(:disabled){border-color:currentColor;background:#071c3507}
.sd-related-carousel__controls button:disabled{opacity:.3;cursor:default}
.sd-related-carousel__controls button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.sd-related-carousel__controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
[data-sd-related-carousel][data-carousel-ready] .product-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - var(--sd-related-gaps,55.2px))/var(--sd-related-visible,3.3));gap:24px;margin:0;padding:0 0 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;list-style:none}
[data-sd-related-carousel][data-carousel-ready] .product-grid::-webkit-scrollbar{display:none}
[data-sd-related-carousel][data-carousel-ready] .product-grid>.grid__item{width:100%;max-width:none;min-width:0;margin:0;padding:0;scroll-snap-align:start}
[data-sd-related-carousel][data-carousel-ready] .product-grid:focus-visible{outline:2px solid var(--sd-related-color,#071c35);outline-offset:4px}
@media(min-width:750px) and (max-width:989px){[data-sd-related-carousel][data-carousel-ready] .product-grid{grid-auto-columns:calc((100% - 24px)/2.2)}}
@media(max-width:749px){[data-sd-related-carousel] .sd-related-carousel__header{align-items:flex-end;gap:12px;margin-bottom:22px}[data-sd-related-carousel] .sd-related-carousel__header .related-products__heading{font-size:clamp(16px,4.8vw,20px)}.sd-related-carousel__controls{gap:6px}[data-sd-related-carousel][data-carousel-ready] .product-grid{grid-auto-columns:82%;gap:16px}}
@media(prefers-reduced-motion:reduce){[data-sd-related-carousel][data-carousel-ready] .product-grid{scroll-behavior:auto}.sd-related-carousel__controls button{transition:none}}