.category-nav{position:relative;z-index:1}.category-nav__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(min-width:750px){.category-nav__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media(min-width:990px){.category-nav__grid{grid-template-columns:repeat(4,1fr)}}.category-nav__card--large{grid-column:span 2;grid-row:span 2}.category-nav__card--wide{grid-column:span 2}@media(max-width:749px){.category-nav__card--large,.category-nav__card--wide{grid-column:span 2;grid-row:span 1}}.category-nav__card{position:relative;border-radius:var(--radius-xl);overflow:hidden;display:block;text-decoration:none;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s cubic-bezier(.23,1,.32,1)}.category-nav__card:hover{transform:translateY(-8px);box-shadow:0 24px 48px #3a3a3a1f}.category-nav__image-wrapper{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-xl)}.category-nav__card--wide .category-nav__image-wrapper{aspect-ratio:16 / 9}.category-nav__card--large .category-nav__image-wrapper{aspect-ratio:1 / 1}.category-nav__image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1)}.category-nav__card:hover .category-nav__image{transform:scale(1.08)}.category-nav__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-fog) 100%)}.category-nav__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#3a3a3a00,#3a3a3a40 60%,#3a3a3a8c);border-radius:var(--radius-xl);transition:background .4s ease}.category-nav__card:hover .category-nav__overlay{background:linear-gradient(180deg,#3a3a3a0d,#3a3a3a59 60%,#3a3a3aa6)}.category-nav__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6);z-index:2;display:flex;flex-direction:column;gap:var(--space-1)}.category-nav__count{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:#ffffffbf;text-transform:uppercase;letter-spacing:.08em}.category-nav__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.1}.category-nav__arrow{position:absolute;top:var(--space-4);right:var(--space-4);width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.23,1,.32,1)}.category-nav__card:hover .category-nav__arrow{opacity:1;transform:translateY(0)}[data-theme=dark] .category-nav__overlay{background:linear-gradient(180deg,#0000,#00000059 60%,#000000a6)}[data-theme=dark] .category-nav__card:hover .category-nav__overlay{background:linear-gradient(180deg,#0000001a,#00000073 60%,#000000bf)}
/*# sourceMappingURL=/cdn/shop/t/41/assets/category-nav.css.map */