.category-arches{padding:2.5rem 0 4rem;background:var(--vc-color-surface);overflow:visible}.category-arches__heading{padding:0 2rem}.category-arches__grid{max-width:86.5625rem;margin:0 auto;padding:.85rem 1.5rem 1.25rem;display:flex;gap:1rem;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-padding-inline:1.5rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--vc-color-accent-primary) 55%,transparent) color-mix(in srgb,var(--vc-color-ink) 8%,transparent)}.category-arches__grid::-webkit-scrollbar{height:4px}.category-arches__grid::-webkit-scrollbar-track{background:color-mix(in srgb,var(--vc-color-ink) 8%,transparent);border-radius:2px}.category-arches__grid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--vc-color-accent-primary) 55%,transparent);border-radius:2px}.category-arch{position:relative;display:grid;grid-template-rows:auto 1fr;align-items:center;flex:0 0 min(58vw,10.75rem);min-width:min(58vw,10.75rem);color:inherit;scroll-snap-align:center;text-decoration:none;transition:transform .25s ease}.category-arch__media{position:relative;width:100%;aspect-ratio:234 / 315;margin-bottom:1rem;overflow:hidden;background:transparent;transition:box-shadow .25s ease;isolation:isolate}.category-arch--no-media .category-arch__media{background:linear-gradient(180deg,color-mix(in srgb,var(--vc-color-surface-muted) 95%,transparent),color-mix(in srgb,var(--vc-color-surface-warm) 95%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vita-deep-green) 18%,transparent)}.category-arch__media:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--vc-color-inverse) 0%,transparent) 55%,color-mix(in srgb,var(--vita-deep-green) 18%,transparent));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--vita-deep-green) 42%,transparent);opacity:0;transition:opacity .25s ease}.category-arch__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.category-arch:hover,.category-arch:focus-visible{transform:translateY(-.25rem)}.category-arch:hover .category-arch__media,.category-arch:focus-visible .category-arch__media{box-shadow:0 .85rem 1.75rem color-mix(in srgb,var(--vc-color-ink) 14%,transparent)}.category-arch:hover .category-arch__media:after,.category-arch:focus-visible .category-arch__media:after{opacity:1}.category-arch:hover img,.category-arch:focus-visible img{transform:scale(1.025)}.category-arch:focus-visible{outline:2px solid color-mix(in srgb,var(--vita-deep-green) 85%,transparent);outline-offset:.35rem}.category-arch__title{display:flex;align-items:center;justify-content:center;min-height:2rem;color:var(--vc-color-accent-secondary);font-family:var(--vc-figma-font-family, var(--font-sans));font-size:var(--vc-figma-nav-size);font-weight:var(--vc-figma-nav-weight);letter-spacing:var(--vc-figma-nav-letter-spacing);line-height:var(--vc-figma-nav-line-height);text-align:center;text-transform:uppercase;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.35em;transition:color .25s ease,text-decoration-color .25s ease}.category-arch:hover .category-arch__title,.category-arch:focus-visible .category-arch__title{color:var(--vita-deep-green);text-decoration-color:currentcolor}@media(min-width:750px){.category-arches{padding:4.6rem 0 5.25rem}.category-arch{flex-basis:10.75rem;min-width:10.75rem}}@media(min-width:990px){.category-arches__grid{display:grid;grid-template-columns:repeat(5,minmax(0,14.625rem));justify-content:space-between;gap:3.35rem;overflow-x:visible;overflow-y:visible;padding:.85rem 1.7rem 1.25rem;scroll-snap-type:none;scrollbar-width:auto}.category-arch{flex:initial;min-width:0;scroll-snap-align:none}}@media(prefers-reduced-motion:reduce){.category-arch,.category-arch__media,.category-arch__media:after,.category-arch__media img,.category-arch__title{transition:none}.category-arch:hover,.category-arch:focus-visible{transform:none}.category-arch:hover img,.category-arch:focus-visible img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-shop-category-arches.css.map */