.hero-categories__nav{box-sizing:border-box;max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.hero-categories__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}.hero-categories__item{min-width:0}.hero-categories__card{--hc-radius: var(--product-card-corner-radius, 1.4rem);--hc-pad: .6rem;display:flex;align-items:center;gap:1rem;box-sizing:border-box;height:100%;padding:var(--hc-pad) .8rem var(--hc-pad) var(--hc-pad);color:rgb(var(--color-foreground));text-decoration:none;background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--hc-radius);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.hero-categories__card:hover{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.3)}.hero-categories__card:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.hero-categories__thumb{flex:0 0 auto;width:4.6rem;height:4.6rem;overflow:hidden;border-radius:max(.4rem,calc(var(--hc-radius) - var(--hc-pad)));background:rgba(var(--color-foreground),.06)}.hero-categories__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hero-categories__card:hover .hero-categories__img{transform:scale(1.06)}.hero-categories__label{flex:1 1 auto;min-width:0;font-size:1.1rem;line-height:1.25;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:normal}@media screen and (max-width:389px){.hero-categories__card{gap:.8rem;padding-right:.4rem}.hero-categories__thumb{width:4rem;height:4rem}.hero-categories__label{font-size:1.05rem;letter-spacing:.04em}}@media screen and (min-width:750px){.hero-categories__nav{padding:0 2rem}.hero-categories__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.hero-categories__card{gap:.7rem;padding-right:.6rem}.hero-categories__thumb{width:3.9rem;height:3.9rem}.hero-categories__label{font-size:1.05rem;letter-spacing:.04em}}@media screen and (min-width:990px){.hero-categories__nav{padding:0 5rem}.hero-categories__thumb{width:4.8rem;height:4.8rem}.hero-categories__card{--hc-pad: .65rem;gap:1rem;padding-right:1.3rem}.hero-categories__label{font-size:clamp(1.15rem,.92vw,1.28rem);letter-spacing:.05em}}@media screen and (min-width:750px){.hero-categories--overlay{position:relative;z-index:2;height:0;padding:0;background:none}.hero-categories--overlay:before{content:"";position:absolute;left:0;right:0;bottom:0;height:16rem;background:linear-gradient(to top,#0000004d,#0000);pointer-events:none}.hero-categories--overlay .hero-categories__nav{position:absolute;left:0;right:0;bottom:3.2rem;max-width:94rem}.hero-categories--overlay .hero-categories__list{gap:.8rem}.hero-categories--overlay .hero-categories__card{color:#fff;background-color:#12121266;background-image:none;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:0;text-shadow:0 1px 8px rgba(0,0,0,.25);box-shadow:0 10px 30px #0000002e}.hero-categories--overlay .hero-categories__card:hover{background-color:#1212128c;box-shadow:0 12px 32px #0000003d}.hero-categories--overlay .hero-categories__card:focus-visible{outline-color:#fff}.hero-categories--overlay .hero-categories__thumb{background:#ffffff24}slideshow-component .slideshow__controls{bottom:.4rem}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hero-categories--overlay .hero-categories__card{background-color:#121212d6}}@media screen and (min-width:750px)and (hover:hover)and (prefers-reduced-motion:no-preference){.hero-categories--overlay .hero-categories__card:hover{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.hero-categories__card,.hero-categories__img{transition:none}}@media screen and (max-width:749px){.hero-categories--hide-mobile{display:none}}.hero-categories__thumb--cutout,.hero-categories--overlay .hero-categories__thumb--cutout{background:transparent}.hero-categories__thumb--cutout .hero-categories__img{object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.28))}@media screen and (min-width:990px){.hero-categories__thumb--cutout{width:6rem;height:6rem;margin:-.6rem 0 -.6rem -.3rem}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/hero-categories.css.map */