/* Scoped to the existing related-card area; no carousel or JS dependency. */
.ma-similar-grid.row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 18px; margin:0 0 30px; }
.ma-similar-grid.row::before,.ma-similar-grid.row::after,.ma-similar-grid.row > .clearfix { display:none !important; }
.ma-similar-grid.row > [class*="col-"] { float:none; width:auto; min-width:0; padding:0; }
.ma-similar-grid .product-thumb,.ma-similar-grid .related-card { height:100%; }
.ma-similar-grid .product-thumb img,.ma-similar-grid .related-card img { display:block; width:100%; height:auto; }
.ma-similar-grid .product-thumb h4,.ma-similar-grid .related-card h4 { font-size:16px; line-height:1.45; overflow-wrap:break-word; }
.ma-similar-grid a:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.ma-similar-grid:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
@media (min-width:768px) and (max-width:991px) {
    .ma-similar-grid.row { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
    .ma-similar-grid.row { display:flex; gap:14px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; padding:4px 2px 16px; -webkit-overflow-scrolling:touch; }
    .ma-similar-grid.row > [class*="col-"] { flex:0 0 76%; scroll-snap-align:start; }
}