.shop-by-category{background-color:#f5f5f5;margin:0;padding:0}.shop-by-category__header{text-align:center;margin-bottom:4rem}.shop-by-category__title{font-size:3.2rem;font-weight:700;color:#d32f2f;letter-spacing:.2rem;margin:0;text-transform:uppercase;font-family:var(--font-heading-family)}.shop-by-category__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto}@media screen and (min-width: 750px){.shop-by-category__grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}}@media screen and (min-width: 990px){.shop-by-category__grid{grid-template-columns:repeat(8,1fr);gap:1.5rem}}.shop-by-category__item{background:#fff;border:2px solid #d32f2f;border-radius:8px;padding:2rem 1rem;text-align:center;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.shop-by-category__item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026;border-color:#b71c1c}.shop-by-category__link{text-decoration:none;color:inherit;display:block;width:100%;height:100%}.shop-by-category__icon-container{margin-bottom:1.5rem;height:80px;display:flex;align-items:center;justify-content:center}.shop-by-category__icon{width:80px;height:80px;object-fit:contain;filter:invert(43%) sepia(96%) saturate(1352%) hue-rotate(346deg) brightness(97%) contrast(86%)}.shop-by-category__icon-placeholder{width:80px;height:80px;background-color:#e0b429;border-radius:4px;display:flex;align-items:center;justify-content:center}.shop-by-category__icon-svg{width:50px;height:50px;color:#fff}.shop-by-category__name{font-size:1.2rem;font-weight:700;color:#333;margin:0;text-transform:uppercase;letter-spacing:.05rem;line-height:1.3;font-family:var(--font-heading-family)}@media screen and (max-width: 749px){.shop-by-category__title{font-size:2.4rem}.shop-by-category__item{padding:1.5rem 1rem}.shop-by-category__icon-container{height:60px;margin-bottom:1rem}.shop-by-category__icon,.shop-by-category__icon-placeholder{width:60px;height:60px}.shop-by-category__name{font-size:1rem}}.shop-by-category .page-width{padding-left:var(--page-width-margin);padding-right:var(--page-width-margin)}.shop-by-category.section{margin:0!important;padding:var(--spacing-sections-mobile) 0!important}@media screen and (min-width: 750px){.shop-by-category.section{padding:var(--spacing-sections-desktop) 0!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/shop-by-category.css.map */