.shop-by-category-section{padding-top:var(--padding-top, 53px);padding-bottom:var(--padding-bottom, 53px);font-family:inherit}.shop-by-category__header{text-align:center;max-width:62rem;margin:0 auto 3.2rem;padding:0 1.5rem}.shop-by-category__heading{font-family:inherit;font-size:4rem;font-weight:600;line-height:44px;letter-spacing:-.08rem;margin:0 0 1.2rem}.shop-by-category__description{font-family:inherit;font-size:1.6rem;font-weight:400;line-height:24px;letter-spacing:0;margin:0;opacity:.75}.shop-by-category__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(18rem,1fr));gap:2rem}.shop-by-category__card--1{grid-column:1 / 2;grid-row:1 / 3}.shop-by-category__card--2{grid-column:2 / 3;grid-row:1 / 2}.shop-by-category__card--3{grid-column:3 / 4;grid-row:1 / 2}.shop-by-category__card--4{grid-column:2 / 3;grid-row:2 / 3}.shop-by-category__card--5{grid-column:3 / 4;grid-row:2 / 3}.shop-by-category__card{position:relative;display:block;overflow:hidden;border-radius:6px;min-height:22rem;color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 1px 2px #0000000f;transition:box-shadow .35s ease,transform .35s ease}.shop-by-category__card:hover,.shop-by-category__card:focus-visible{box-shadow:0 14px 28px #0000002e;transform:translateY(-4px)}.shop-by-category__card-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.shop-by-category__card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1);transform:scale(1)}.shop-by-category__card-image--placeholder{width:100%;height:100%;background:#e5e5e5}.shop-by-category__card-image--placeholder .placeholder-svg{width:100%;height:100%}.shop-by-category__card:hover .shop-by-category__card-image,.shop-by-category__card:focus-visible .shop-by-category__card-image{transform:scale(1.08)}.shop-by-category__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 45%,#0000008c);transition:opacity .35s ease;z-index:1}.shop-by-category__card:hover .shop-by-category__card-overlay,.shop-by-category__card:focus-visible .shop-by-category__card-overlay{opacity:.85}.shop-by-category__card-content{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;height:100%;padding:2rem}.shop-by-category__card-title{font-family:inherit;font-size:2.2rem;font-weight:600;line-height:1.15;letter-spacing:-.02rem;max-width:75%;transition:transform .35s ease}.shop-by-category__card:hover .shop-by-category__card-title,.shop-by-category__card:focus-visible .shop-by-category__card-title{transform:translateY(-2px)}.shop-by-category__card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background-color:#fff;transition:background-color .3s ease,transform .35s ease;transform:rotate(-45deg)}.shop-by-category__card-icon svg,.shop-by-category__card-icon img{width:1.6rem;height:1.6rem;color:#121212;fill:currentColor;transition:color .3s ease,fill .3s ease,transform .35s ease}.shop-by-category__card:hover .shop-by-category__card-icon,.shop-by-category__card:focus-visible .shop-by-category__card-icon{background-color:#116b7f;transform:rotate(-45deg)}.shop-by-category__card:hover .shop-by-category__card-icon svg,.shop-by-category__card:focus-visible .shop-by-category__card-icon svg{color:#fff;fill:#fff}.shop-by-category__footer{display:flex;justify-content:center;margin-top:3.2rem}@media screen and (max-width:989px){.shop-by-category__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.shop-by-category__card--1{grid-column:1 / 3;grid-row:auto;min-height:26rem}.shop-by-category__card--2,.shop-by-category__card--3,.shop-by-category__card--4,.shop-by-category__card--5{grid-column:auto;grid-row:auto}.shop-by-category__heading{font-size:3.2rem;line-height:1.15}}@media screen and (max-width:749px){.shop-by-category__grid{grid-template-columns:1fr}.shop-by-category__card--1{grid-column:auto}.shop-by-category__heading{font-size:2.8rem;letter-spacing:-.05rem}.shop-by-category__description{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-shop-by-category.css.map */