.shop-by-category{--category-font-display: "Poppins", -apple-system, sans-serif;background-color:#fff;padding:var(--space-xl) var(--space-md)}.shop-by-category__header{max-width:720px;margin:0 auto var(--space-xl);text-align:center}.shop-by-category__eyebrow{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 0 var(--space-sm);font-family:var(--font-body);font-size:.95rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--color-oak)}.shop-by-category__eyebrow-line{width:32px;height:1px;background-color:var(--color-oak);opacity:.6}.shop-by-category__heading{margin:0;font-family:var(--category-font-display);font-size:clamp(2.8rem,4.5vw + 1rem,4.2rem);font-weight:600;line-height:1.1;color:var(--color-walnut);text-wrap:balance}.shop-by-category__subtext{margin:var(--space-sm) auto 0;max-width:46ch;font-family:var(--font-body);font-size:1.2rem;line-height:var(--line-height-body);color:var(--color-charcoal);opacity:.75}.shop-by-category__grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);max-width:var(--content-max-width);margin:0 auto}.category-card{position:relative;display:block;border-radius:28px;overflow:hidden;text-decoration:none;box-shadow:0 14px 30px #2622201f;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.category-card:hover{transform:translateY(-6px);box-shadow:0 28px 50px #26222038}}.category-card__media{position:relative;display:block;aspect-ratio:3 / 4.3;background-color:var(--color-bone)}.category-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.category-card:hover .category-card__img{transform:scale(1.05)}}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#14100ebf,#14100e4d 40%,#14100e00 64%)}.category-card__overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#14100ee0,#14100e6b 45%,#14100e00 68%);opacity:0;transition:opacity .45s ease}@media(hover:hover){.category-card:hover .category-card__overlay:after{opacity:1}}.category-card__text{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:.5rem;padding:clamp(1.25rem,3vw,2rem)}.category-card__name{font-family:var(--category-font-display);font-size:clamp(1.6rem,1.6vw + 1rem,2.1rem);font-weight:600;line-height:1.15;color:#fff}.category-card__link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:1rem;font-weight:500;color:#ffffffeb}.category-card__arrow{display:inline-flex;width:.85rem;color:inherit;transition:transform .35s cubic-bezier(.22,1,.36,1)}.category-card__arrow svg{width:100%;height:auto}@media(hover:hover){.category-card:hover .category-card__arrow{transform:translate(4px)}}.shop-by-category__footer{display:flex;justify-content:center;margin-top:var(--space-xl)}.shop-by-category__btn{display:inline-flex;align-items:center;gap:.65rem;padding:1.1rem 2rem;border-radius:999px;background-color:var(--color-walnut);color:var(--color-cream);font-family:var(--font-body);font-size:1.2rem;font-weight:600;text-decoration:none;transition:background-color .35s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.shop-by-category__btn-arrow{display:inline-flex;width:.9rem;transition:transform .35s cubic-bezier(.22,1,.36,1)}.shop-by-category__btn-arrow svg{width:100%;height:auto}@media(hover:hover){.shop-by-category__btn:hover{background-color:var(--color-charcoal);transform:translateY(-2px);box-shadow:0 12px 24px #2622202e}.shop-by-category__btn:hover .shop-by-category__btn-arrow{transform:translate(4px)}}@media screen and (max-width:749px){.shop-by-category__grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.category-card__media{aspect-ratio:3 / 4}.category-card__text{padding:1rem;gap:.3rem}.category-card__name{font-size:1.2rem}.category-card__link{font-size:.9rem}.category-card__arrow{width:.75rem}}@media screen and (min-width:750px)and (max-width:989px){.shop-by-category__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.shop-by-category__grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){.category-card,.category-card__img,.category-card__overlay:after,.category-card__arrow,.shop-by-category__btn,.shop-by-category__btn-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-shop-by-category.css.map */