.bg-categories{padding-top:28px;padding-bottom:36px}.bg-categories__header{display:flex;align-items:baseline;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-bottom:24px}.bg-categories__header h2{margin:0;font-size:24px}.bg-categories__all{display:inline-flex;align-items:center;min-height:44px;font-size:15px}.bg-categories .bg-categories__grid{display:flex;flex-wrap:nowrap;gap:20px;margin:0;padding:0;list-style:none;scroll-padding:0}.bg-categories .bg-categories__grid>.slider__slide{flex:0 0 calc((100% - 60px)/4);min-width:0}.bg-categories .bg-categories__grid.slider>.slider__slide{scroll-snap-align:start}.bg-categories__card{display:block;height:100%;text-decoration:none;color:rgb(var(--color-foreground))}.bg-categories__image{aspect-ratio:4 / 5;overflow:hidden;background:#f5f4f2}.bg-categories__image img,.bg-categories__image svg{display:block;width:100%;height:100%;object-fit:cover}.bg-categories__label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding-top:8px;font-size:15px;font-weight:600;line-height:1.4;text-transform:uppercase}.bg-categories__label>span{flex-shrink:0;font-size:20px}.bg-categories__card:hover .bg-categories__label{text-decoration:underline;text-underline-offset:4px}.bg-categories__card:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.bg-categories__grid:focus-visible{outline:2px solid currentColor;outline-offset:4px}.bg-categories .bg-categories__controls{justify-content:flex-end;gap:10px;margin-top:16px}.bg-categories__controls .slider-button{width:48px;height:48px;border:1px solid rgba(var(--color-foreground),.35);border-radius:50%}.bg-categories__controls .slider-button[disabled]{opacity:.35;cursor:default}.bg-categories__controls .slider-button .icon{height:8px}@media screen and (min-width:750px)and (max-width:989px){.bg-categories .bg-categories__grid>.slider__slide{flex-basis:calc((100% - 40px) / 3)}}@media screen and (max-width:749px){.bg-categories{padding-top:20px;padding-bottom:28px}.bg-categories__header{gap:4px;margin-bottom:16px}.bg-categories__header h2{font-size:22px}.bg-categories .bg-categories__grid{gap:12px}.bg-categories .bg-categories__grid>.slider__slide{flex-basis:78%}.bg-categories__label{font-size:14px;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map?subset=AAAAAAAABA */