.home-showcase{padding-bottom:20px}
.home-showcase .section-heading>.btn{align-self:center;background:var(--shop-accent,#465344);border:2px solid var(--shop-accent,#465344);border-radius:4px;color:#fff;font:600 16px Inter,Arial,sans-serif;padding:15px 30px;white-space:nowrap}
.home-showcase .section-heading>.btn:hover,.home-showcase .section-heading>.btn:focus-visible{background:var(--shop-hover,#344132);border-color:var(--shop-hover,#344132);color:#fff}
.showcase-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}
.showcase-controls[hidden]{display:none}
.showcase-controls .btn{padding:8px 14px}
.showcase-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:4px 2px 16px;overscroll-behavior-x:contain}
.showcase-card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start}
.showcase-card>a{display:block;color:inherit;text-decoration:none}
.showcase-card:hover{transform:none}
.showcase-track:focus-visible,.showcase-card a:focus-visible{outline:2px solid #465344;outline-offset:2px}
@media(max-width:1000px){.showcase-card{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:700px){.showcase-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:420px){.showcase-card{flex-basis:82%}}
@media(max-width:700px){.home-showcase .section-heading>.btn{font-size:15px;padding:13px 21px}}
@media(prefers-reduced-motion:reduce){.showcase-card{transition:none}}