.vh-catnav__inner{padding-top:5rem;padding-bottom:5rem}.vh-catnav__head{max-width:60rem;margin:0 auto 3.6rem;text-align:center}.vh-catnav__heading{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(2.8rem,3.6vw,4.4rem);line-height:1.08;letter-spacing:-.01em}.vh-catnav__subheading{margin:0;font-size:clamp(1.5rem,1.6vw,1.8rem);line-height:1.6;opacity:.8}.vh-catnav__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem;margin:0;padding:0;list-style:none}.vh-catnav__cell{display:flex}.vh-catnav__tile{position:relative;display:flex;flex-direction:column;width:100%;text-decoration:none;color:rgb(var(--color-foreground));border-radius:2rem;overflow:hidden;background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.1);box-shadow:0 1.4rem 3rem -2rem rgba(var(--color-shadow),.4);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}@media(hover:hover)and (pointer:fine){.vh-catnav__tile:hover{transform:translateY(-.4rem);border-color:rgba(var(--color-foreground),.2);box-shadow:0 2.4rem 4.4rem -2rem rgba(var(--color-shadow),.5)}}.vh-catnav__tile:focus-visible{transform:translateY(-.4rem);border-color:rgba(var(--color-foreground),.2);box-shadow:0 2.4rem 4.4rem -2rem rgba(var(--color-shadow),.5)}@media(hover:none){.vh-catnav__tile:active{transform:scale(.985);transition-duration:.12s}}.vh-catnav__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden}.vh-catnav__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}@media(hover:hover)and (pointer:fine){.vh-catnav__tile:hover .vh-catnav__image{transform:scale(1.07)}}.vh-catnav__tile:focus-visible .vh-catnav__image{transform:scale(1.07)}.vh-catnav__badge{position:absolute;top:1.2rem;left:1.2rem;font-size:1.1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.5rem 1.1rem;border-radius:100px;color:rgb(var(--color-button-text));background:rgb(var(--color-button));box-shadow:0 .8rem 1.6rem -.6rem rgba(var(--color-shadow),.5)}.vh-catnav__footer{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.6rem 1.8rem}.vh-catnav__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(1.6rem,1.7vw,1.9rem);line-height:1.2}.vh-catnav__arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:3.4rem;height:3.4rem;border-radius:50%;color:rgb(var(--color-button-text));background:rgb(var(--color-button));transition:transform .3s ease}@media(hover:hover)and (pointer:fine){.vh-catnav__tile:hover .vh-catnav__arrow{transform:translate(.4rem)}}.vh-catnav__tile:focus-visible .vh-catnav__arrow{transform:translate(.4rem)}@media screen and (max-width:989px){.vh-catnav__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}}.vh-catnav__nav-row{display:none}@media screen and (max-width:749px){.vh-catnav__grid{display:flex;justify-content:flex-start!important;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vh-catnav__grid::-webkit-scrollbar{display:none}.vh-catnav__cell{flex:0 0 calc((100% - 1.2rem)/2);scroll-snap-align:start}.vh-catnav__nav-row{display:flex;justify-content:center;margin-top:1.6rem}.vh-catnav__dots{display:flex;align-items:center;justify-content:center}.vh-catnav__dot{display:inline-flex;padding:.7rem;border:0;background:none;cursor:pointer}.vh-catnav__dot>span{display:block;width:1rem;height:1rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.5);transition:background-color .2s ease}.vh-catnav__dot.is-active>span{background-color:rgb(var(--color-foreground))}.vh-catnav__tile{border-radius:1.4rem}.vh-catnav__media{aspect-ratio:3 / 4}.vh-catnav__badge{display:none}.vh-catnav__footer{flex-direction:column;align-items:center;justify-content:flex-start;gap:.9rem;padding:1.2rem 1rem 1.4rem;text-align:center}.vh-catnav__title{font-size:1.5rem;line-height:1.25}.vh-catnav__arrow{width:3rem;height:3rem}.vh-catnav__arrow svg{width:1.6rem;height:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-vh-category-nav.css.map */