.shcc{position:relative;width:100%;max-width:100%;min-width:0;margin:3rem 0}
.shcc,.shcc *{box-sizing:border-box}
.shcc[hidden],.shcc [hidden]{display:none!important}
.shcc-controls{display:flex;justify-content:flex-end;gap:.8rem;margin-bottom:1rem}
.shcc-controls button{display:grid;place-items:center;width:4.4rem;height:4.4rem;border:1px solid #dce0e3;border-radius:50%;background:#fff;color:#151719;cursor:pointer}
.shcc-controls button:disabled{opacity:.35;cursor:default}
.shcc-controls svg{width:1.8rem;height:1.8rem;flex:none}
.shcc-track{display:flex;gap:1.6rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 .2rem 1.4rem;max-width:100%}
.shcc-card{display:flex;flex-direction:column;flex:0 0 calc((100% - 9.6rem)/7);min-width:0;color:#151719;text-decoration:none;scroll-snap-align:start}
.shcc-image{position:relative;display:block;aspect-ratio:4/3;background:#fff;border:1px solid #e3e5e7;border-radius:1.6rem;overflow:hidden}
.shcc-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .2s}
.shcc-label{display:block;margin-top:1rem;font-size:1.4rem;line-height:1.4;font-weight:500;text-wrap:pretty}
.shcc-card:hover img{transform:scale(1.03)}
.shcc a:focus-visible,.shcc button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:989px){.shcc-card{flex-basis:calc((100% - 4.8rem)/4)}}
@media(max-width:749px){.shcc{margin:2.4rem 0}.shcc-track{gap:.8rem;padding-bottom:.8rem}.shcc-card{flex-basis:28%}.shcc-label{font-size:1.15rem;line-height:1.4;margin-top:.7rem}.shcc-controls{display:none}.shcc-image{border-radius:1rem}.shcc-image img{padding:.5rem}}
@media(prefers-reduced-motion:reduce){.shcc-image img{transition:none}}