.shop-by-category{position:relative;width:100%}@media screen and (max-width: 749px){.shop-by-category .section-shop-by-category-padding,.shop-by-category[class*=section-]{padding-top:1rem!important;padding-bottom:1rem!important}}.shop-by-category__heading{text-align:center;margin-bottom:1rem;font-family:var(--font-fn-heading, "Montserrat", sans-serif)!important;font-weight:900;font-size:clamp(1.5rem,5vw,2.5rem);letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-fn-black));line-height:1.2}@media screen and (min-width: 750px){.shop-by-category__heading{margin-bottom:2rem;font-size:clamp(2rem,4vw,3rem)}}@media screen and (min-width: 990px){.shop-by-category__heading{margin-bottom:3rem}}.shop-by-category__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}@media screen and (max-width: 749px){.shop-by-category__grid{gap:.5rem}}@media screen and (min-width: 750px){.shop-by-category__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media screen and (min-width: 990px){.shop-by-category__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.shop-by-category__card{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:0;box-shadow:var(--fn-shadow-sm);transition:all .4s cubic-bezier(.4,0,.2,1);background:rgb(var(--color-fn-white));border:1px solid rgba(var(--color-fn-black),.1)}.shop-by-category__card:hover{box-shadow:var(--fn-shadow-hover);transform:translateY(-4px)}.shop-by-category__link{display:block;width:100%;height:100%;text-decoration:none;position:relative}.shop-by-category__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:rgb(var(--color-fn-gray-light));aspect-ratio:4 / 5}.shop-by-category__image,.shop-by-category__placeholder{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.shop-by-category__placeholder{background-color:rgb(var(--color-fn-gray-light))}.shop-by-category__overlay{position:absolute;bottom:0;left:0;right:0;height:30%;min-height:90px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,#000000d9,#000000a6,#0000004d);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}@media screen and (min-width: 750px){.shop-by-category__overlay{height:28%;min-height:100px}}.shop-by-category__title{margin:0;font-family:var(--font-fn-heading, "Montserrat", sans-serif)!important;font-weight:800;font-size:clamp(.875rem,3vw,1.25rem);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.8);text-align:center;padding:1rem 1rem 1.25rem;width:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);line-height:1.3}@media screen and (min-width: 750px){.shop-by-category__title{font-size:clamp(1rem,2.5vw,1.5rem);padding:1.25rem 1.25rem 1.5rem}}.shop-by-category__card:hover .shop-by-category__image{transform:scale(1.08)}.shop-by-category__card:hover .shop-by-category__overlay{background:linear-gradient(to top,#000000f2,#000000bf,#0006);height:35%}.shop-by-category__card:hover .shop-by-category__title{transform:translateY(-2px);font-size:clamp(.95rem,3.2vw,1.3rem)}.shop-by-category__link:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.shop-by-category__link:focus:not(:focus-visible){outline:0}@media screen and (max-width: 749px){.shop-by-category__card{min-height:160px}.shop-by-category__overlay{min-height:80px}.shop-by-category__title{padding:.875rem .875rem 1rem}.shop-by-category__link{min-height:44px;min-width:44px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-shop-by-category.css.map */