.hp-cats{background:var(--hp-cats-bg, var(--hp-color-bg));padding-top:var(--hp-pt-mobile, 32px);padding-bottom:var(--hp-pb-mobile, 32px);overflow:hidden}.hp-cats__body{display:flow-root;position:relative;margin-top:24px}.hp .hp-cats__track{--hp-cats-shadow-space: 50px;display:flex;gap:12px;margin:calc(-1 * var(--hp-cats-shadow-space)) 0;padding:var(--hp-cats-shadow-space) var(--hp-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--hp-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.hp-cats__track::-webkit-scrollbar{display:none}.hp .hp-cats__track{list-style:none}.hp-cats__item{flex:none;scroll-snap-align:start}.hp .hp-cats__card{display:flex;flex-direction:column;align-items:center;width:200px;height:220px;padding:32px 16px 0;border-radius:18px;background:var(--hp-color-surface);box-shadow:var(--hp-shadow);color:var(--hp-color-text);text-decoration:none;transition:transform .25s ease}.hp a.hp-cats__card:focus-visible{outline:2px solid var(--hp-color-accent);outline-offset:3px}@media(hover:hover){.hp a.hp-cats__card:hover{transform:translateY(-4px)}}.hp .hp-cats__title{width:100%;font-size:20px;line-height:30px;font-weight:500;letter-spacing:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-cats__media{width:168px;height:118px;margin-top:8px;flex:none}.hp .hp-cats__img,.hp-cats__media .placeholder-svg{width:100%;height:100%;object-fit:contain}.hp .hp-cats__img{transform:scale(var(--hp-cat-scale, 1))}.hp .hp-cats__arrow{display:none}@media(min-width:990px){.hp-cats{padding-top:var(--hp-pt, 80px);padding-bottom:var(--hp-pb, 64px)}.hp-cats__body{--hp-cats-per-view: 3;--hp-cats-gap: 16px;--hp-card-w: calc((100cqw - 2 * var(--hp-gutter) - (var(--hp-cats-per-view) - 1) * var(--hp-cats-gap)) / var(--hp-cats-per-view));container-type:inline-size;max-width:calc(var(--hp-container) + 2 * var(--hp-gutter));margin:32px auto 0}.hp .hp-cats__track{gap:var(--hp-cats-gap);padding-left:var(--hp-gutter);padding-right:var(--hp-gutter);scroll-padding-left:var(--hp-gutter)}.hp .hp-cats__card{width:var(--hp-card-w);height:calc(var(--hp-card-w) * 380 / 308);padding:32px 20px 0}.hp .hp-cats__title{font-size:24px;line-height:32px;letter-spacing:-.04em}.hp-cats__media{width:calc(var(--hp-card-w) * 260 / 308);height:calc(var(--hp-card-w) * 250 / 308)}.hp-cats__arrows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hp .hp-cats__arrow{position:absolute;top:calc(var(--hp-card-w) * 150 / 308);display:flex;align-items:center;justify-content:center;width:61px;height:60px;padding:0;border:0;border-radius:30px;background:var(--hp-color-bg);color:var(--hp-color-accent);box-shadow:var(--hp-shadow);cursor:pointer;pointer-events:auto;transition:opacity .2s ease,background-color .2s ease}.hp .hp-cats__arrow:hover{background:var(--hp-color-light-blue)}.hp .hp-cats__arrow:focus-visible{outline:2px solid var(--hp-color-accent);outline-offset:2px}.hp .hp-cats__arrow[hidden]{display:none}.hp-cats__arrow--next{right:calc(var(--hp-gutter) + 2px)}.hp-cats__arrow--prev{left:calc(var(--hp-gutter) + 2px)}.hp-cats__arrow svg{display:block;width:12px;height:12px}.hp-cats__arrow--prev svg{transform:scaleX(-1)}}@media(min-width:1200px){.hp-cats__body{--hp-cats-per-view: 4}}@media(prefers-reduced-motion:reduce){.hp .hp-cats__track{scroll-behavior:auto}.hp a.hp-cats__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hp-categories.css.map */