.sm-materials-page .smt-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;padding-bottom:12px}
.sm-materials-page .smt-grid:focus-visible{outline:2px solid #997842;outline-offset:4px}
.sm-materials-page .smt-grid .smt-sample{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start}
.sm-materials-page .smt-grid[data-sample-count="2"] .smt-sample{flex-basis:calc((100% - 24px)/2)}
.sm-materials-page .smt-carousel-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.sm-materials-page .smt-carousel-controls[hidden]{display:none}
.sm-materials-page .smt-carousel-controls button{width:40px;height:40px;padding:0;border:1px solid #ded8cf;background:#fff;color:#252525;font-size:22px;line-height:1;box-shadow:none}
.sm-materials-page .smt-carousel-controls button:disabled{opacity:.35;cursor:default}
.sm-materials-page .smt-carousel-controls button:focus-visible{outline:2px solid #997842;outline-offset:3px}
@media(max-width:1100px){.sm-materials-page .smt-grid .smt-sample{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:540px){.sm-materials-page .smt-grid{gap:16px}.sm-materials-page .smt-grid .smt-sample,.sm-materials-page .smt-grid[data-sample-count="2"] .smt-sample{flex-basis:calc((100% - 16px)/2)}}