.primo-cats__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px}.primo-cats__header.primo-section__header--center{flex-direction:column;align-items:center;justify-content:center;text-align:center}.primo-cats__header.primo-section__header--center>div{width:100%;max-width:680px}.primo-cats__header .primo-section__subheading{margin-bottom:0}.primo-cats__view-all{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;font-family:var(--primo-font-body);font-size:11.5px;font-weight:var(--primo-weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--primo-cta);text-decoration:none}.primo-cats__view-all svg{width:17px;height:17px;transition:transform var(--primo-transition)}.primo-cats__view-all:hover svg{transform:translate(4px)}.primo-section--bg-dark .primo-cats__view-all{color:#fff}.primo-cats__shell{margin-top:28px}.primo-cats__shell--carousel{position:relative}.primo-cats__controls{display:none;justify-content:flex-end;align-items:center;gap:10px;min-height:44px;margin-bottom:18px}.primo-cats__shell--carousel.has-carousel-controls .primo-cats__controls{display:flex}.primo-cats__viewport{position:relative}.primo-cats__track{display:grid;grid-template-columns:repeat(var(--cat-cols-mobile, 2),minmax(0,1fr));gap:var(--cat-gap, 20px);margin:0;padding:0;list-style:none}@media screen and (min-width:990px){.primo-cats__track{grid-template-columns:repeat(var(--cat-cols, 4),minmax(0,1fr))}}.primo-cats__track-wrap{position:relative;min-width:0;overflow:hidden}.primo-cats__track-wrap:before,.primo-cats__track-wrap:after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:28px;pointer-events:none;opacity:0;transition:opacity .3s ease}.primo-cats__track-wrap:before{left:0;background:linear-gradient(to right,var(--primo-surface) 0%,rgba(255,255,255,0) 100%)}.primo-cats__track-wrap:after{right:0;background:linear-gradient(to left,var(--primo-surface) 0%,rgba(255,255,255,0) 100%)}.primo-section--bg-alt .primo-cats__track-wrap:before{background:linear-gradient(to right,var(--primo-bg-alt) 0%,rgba(247,246,244,0) 100%)}.primo-section--bg-alt .primo-cats__track-wrap:after{background:linear-gradient(to left,var(--primo-bg-alt) 0%,rgba(247,246,244,0) 100%)}.primo-cats__viewport[data-mode=carousel].has-scroll-left .primo-cats__track-wrap:before,.primo-cats__viewport[data-mode=carousel].has-scroll-right .primo-cats__track-wrap:after{opacity:1}.primo-cats__viewport[data-mode=carousel] .primo-cats__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cat-cols-mobile, 1.2) - 1) * var(--cat-gap, 20px)) / var(--cat-cols-mobile, 1.2));grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:0;padding:4px 2px 8px;list-style:none}.primo-cats__viewport[data-mode=carousel] .primo-cats__track::-webkit-scrollbar{display:none}.primo-cats__viewport[data-mode=carousel] .primo-cats__item{scroll-snap-align:start}@media screen and (max-width:989px){.primo-cats__controls{margin-bottom:14px}.primo-cats__viewport[data-mode=carousel] .primo-cats__track{margin-inline:-20px;padding-inline:20px}.primo-cats__viewport[data-mode=expand] .primo-cats__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cat-cols-mobile, 2) - 1) * var(--cat-gap, 20px)) / var(--cat-cols-mobile, 2));grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-inline:-20px;padding-inline:20px;padding-bottom:4px}.primo-cats__viewport[data-mode=expand] .primo-cats__track::-webkit-scrollbar{display:none}.primo-cats__viewport[data-mode=expand] .primo-cats__item{scroll-snap-align:start}}@media screen and (min-width:990px){.primo-cats__viewport[data-mode=carousel] .primo-cats__track{grid-auto-columns:calc((100% - (var(--cat-cols, 4) - 1) * var(--cat-gap, 20px)) / var(--cat-cols, 4))}}.primo-cats__arrow{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid var(--primo-border);border-radius:50%;background:var(--primo-surface);color:var(--primo-text);cursor:pointer;transition:background var(--primo-transition),color var(--primo-transition),opacity var(--primo-transition),border-color var(--primo-transition),transform var(--primo-transition)}.primo-cats__arrow[hidden]{display:none!important}.primo-cats__arrow svg{width:20px;height:20px}.primo-cats__arrow:hover{background:var(--primo-cta);border-color:var(--primo-cta);color:var(--primo-cta-text, #fff)}.primo-cats__arrow[disabled]{opacity:.35;pointer-events:none}.primo-cats__progress{display:none}.primo-cats__progress span{position:absolute;inset:0 auto 0 0;width:30%;background:var(--primo-cta);border-radius:999px;transition:transform .3s ease,width .3s ease}.primo-cats__viewport[data-mode=carousel] .primo-cats__card{box-shadow:0 12px 36px #0f14190f}.primo-cats__viewport[data-mode=carousel] .primo-cats__card:hover{box-shadow:0 18px 44px #0f14191a}@media screen and (min-width:990px){.primo-cats__viewport[data-mode=expand] .primo-cats__track{display:flex;gap:var(--cat-gap, 20px);grid-template-columns:none}.primo-cats__viewport[data-mode=expand] .primo-cats__item{flex:1 1 0;min-width:0;transition:flex-grow .62s cubic-bezier(.22,1,.36,1)}.primo-cats__viewport[data-mode=expand] .primo-cats__track:hover .primo-cats__item{flex-grow:.82}.primo-cats__viewport[data-mode=expand] .primo-cats__item:hover,.primo-cats__viewport[data-mode=expand] .primo-cats__item:focus-within{flex-grow:2.1}.primo-cats__viewport[data-mode=expand] .primo-cats__media{aspect-ratio:auto;height:var(--cat-height, 460px)}.primo-cats__viewport[data-mode=expand][data-style=overlay] .primo-cats__text{max-height:0;opacity:0;transform:translateY(6px);overflow:hidden;transition:max-height .48s cubic-bezier(.22,1,.36,1),opacity .38s ease .12s,transform .48s cubic-bezier(.22,1,.36,1)}.primo-cats__viewport[data-mode=expand][data-style=overlay] .primo-cats__item:hover .primo-cats__text,.primo-cats__viewport[data-mode=expand][data-style=overlay] .primo-cats__item:focus-within .primo-cats__text{max-height:80px;opacity:1;transform:none}}.primo-cats__item{position:relative;min-width:0}.primo-cats__card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--primo-card-radius);background:var(--primo-surface);color:inherit;text-decoration:none}.primo-cats__viewport[data-style=below] .primo-cats__card{border:1px solid var(--primo-border);transition:box-shadow .4s ease,transform .4s ease,border-color .4s ease}.primo-cats__viewport[data-style=below] .primo-cats__card:hover{transform:translateY(-4px);border-color:var(--primo-accent);box-shadow:var(--primo-shadow-lg, 0 18px 50px rgba(18, 16, 14, .11))}.primo-cats__media{position:relative;display:block;overflow:hidden;background:var(--primo-bg-alt);aspect-ratio:var(--cat-ratio-mobile, 1 / 1)}.primo-cats__viewport[data-style=overlay] .primo-cats__card{height:100%}.primo-cats__viewport[data-style=overlay] .primo-cats__media{width:100%;min-height:clamp(340px,88vw,400px);aspect-ratio:var(--cat-ratio-mobile, 4 / 5)}@media screen and (min-width:990px){.primo-cats__media{aspect-ratio:var(--cat-ratio, 4 / 3)}.primo-cats__viewport[data-style=overlay] .primo-cats__media{aspect-ratio:unset;height:clamp(420px,31vw,440px);min-height:420px}.primo-cats__viewport[data-style=overlay] .primo-cats__item,.primo-cats__viewport[data-style=overlay] .primo-cats__card{height:clamp(420px,31vw,440px)}}.primo-cats__media img,.primo-cats__media svg{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--cat-focal, center);transition:transform .9s cubic-bezier(.22,1,.36,1)}.primo-cats__card:hover .primo-cats__media img{transform:scale(1.07)}.primo-cats__scrim{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:linear-gradient(180deg,#0e101e00 0% 48%,rgba(14,16,30,calc(var(--cat-overlay, .4) * .42)) 78%,rgba(14,16,30,calc(var(--cat-overlay, .4) * .88)));transition:opacity .4s ease}.primo-cats__viewport[data-style=overlay] .primo-cats__scrim,.primo-cats__viewport[data-style=overlay] .primo-cats__card:hover .primo-cats__scrim{opacity:1}.primo-cats__body{display:flex;flex-direction:column;gap:6px;font-family:var(--primo-font-body)}.primo-cats__viewport[data-style=overlay] .primo-cats__body{position:absolute;inset:auto 0 0 0;padding:32px 28px 34px;color:#fff;background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.primo-cats__viewport[data-style=below] .primo-cats__body{padding:18px 18px 20px}.primo-cats__title{font-family:var(--primo-font-display);font-size:calc(clamp(22px,2.2vw,28px) * var(--primo-heading-scale));font-weight:var(--primo-weight-display);line-height:1.2}.primo-cats__viewport[data-style=below] .primo-cats__title{color:var(--primo-text)}.primo-cats__text{font-size:13.5px;line-height:1.5;opacity:.85}.primo-cats__viewport[data-style=below] .primo-cats__text{color:var(--primo-text-muted);opacity:1}.primo-cats__cta{display:inline-flex;align-items:center;gap:7px;margin-top:6px;font-size:11px;font-weight:var(--primo-weight-medium);letter-spacing:.12em;text-transform:uppercase}.primo-cats__viewport[data-style=below] .primo-cats__cta{color:var(--primo-cta)}.primo-cats__cta svg{width:15px;height:15px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.primo-cats__card:hover .primo-cats__cta svg{transform:translate(5px)}.primo-cats__cta:after{content:"";position:absolute;left:22px;bottom:16px;width:0;height:1px;background:currentColor;transition:width .48s cubic-bezier(.22,1,.36,1)}.primo-cats__viewport[data-style=below] .primo-cats__cta:after{display:none}.primo-cats__card:hover .primo-cats__cta:after{width:34px}
/*# sourceMappingURL=/cdn/shop/t/47/assets/primo-categories.css.map */