.category-carousel{--category-control-size: 59px;box-sizing:border-box;width:100%;padding:2.5rem clamp(16px,4vw,80px);background:#f2eae4}.category-carousel__inner{display:grid;grid-template-columns:var(--category-control-size) minmax(0, 1fr) var(--category-control-size);align-items:center;gap:clamp(.5rem,1.5vw,1.5rem);max-width:100rem;margin:0 auto}.category-carousel__viewport{position:relative;display:flex;align-items:center;justify-content:safe center;gap:1rem;min-width:0;margin:0;padding:0;overflow-x:auto;list-style:none;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.category-carousel__viewport::-webkit-scrollbar{display:none}.category-carousel__item{flex:0 0 auto;min-width:0;max-width:100%;scroll-snap-align:start}.category-carousel__link{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:.5rem .875rem;color:#9e3a48;background:#fff;font-family:"Ranade",sans-serif;font-size:max(14px,.875rem);font-weight:400;line-height:1.4;letter-spacing:.05em;text-align:center;text-transform:uppercase;text-decoration:none;white-space:normal;overflow-wrap:anywhere}.category-carousel__link.active,.category-carousel__link:hover{background:#e58847;color:#fff}.category-carousel__button{display:flex;align-items:center;justify-content:center;width:var(--category-control-size);height:var(--category-control-size);padding:0;border:0;border-radius:0;appearance:none;color:#9e3a48;background:url("../ui/logo-mask-cream.svg") center/100% 100% no-repeat;cursor:pointer}.category-carousel__button:disabled{cursor:default}.category-carousel__button:disabled svg{opacity:.45}.category-carousel__button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.category-carousel__next svg{transform:rotate(180deg)}.category-carousel__button:focus-visible,.category-carousel__link:focus-visible,.category-carousel__viewport:focus-visible{outline:2px solid #9e3a48;outline-offset:-2px}@media(max-width: 599px){.category-carousel{--category-control-size: 44px;padding-top:1.5rem;padding-bottom:1.5rem}.category-carousel__item{display:flex;flex-basis:100%;justify-content:center}}
