.shop-by-category{background:var(--color-navy);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md)}.shop-by-category__heading{font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;color:var(--color-white);text-transform:uppercase;letter-spacing:.03em;text-align:center;max-width:var(--max-content-width);margin:0 auto var(--spacing-md)}.shop-by-category__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:8px;max-width:var(--max-content-width);margin:0 auto}.shop-by-category__tile:nth-child(1){grid-column:span 2}.shop-by-category__tile:nth-child(6){grid-row:1 / 3;grid-column:4}.shop-by-category__tile{position:relative;display:flex;align-items:flex-end;min-height:160px;border-radius:8px;overflow:hidden;text-decoration:none;background:#ffffff0a;transition:transform .25s ease}.shop-by-category__tile:hover{transform:scale(1.02);text-decoration:none}.shop-by-category__tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shop-by-category__tile-image img{width:100%;height:100%;object-fit:cover}.shop-by-category__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#012047cc,#0120471a 60%);pointer-events:none}.shop-by-category__tile-label{position:relative;z-index:1;font-family:var(--font-heading);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-white);line-height:1;padding:var(--spacing-md)}@media(min-width:750px)and (max-width:989px){.shop-by-category__grid{grid-template-columns:repeat(3,1fr)}.shop-by-category__tile:nth-child(6){grid-row:auto;grid-column:auto}}@media(max-width:749px){.shop-by-category{padding:var(--spacing-sm)}.shop-by-category__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.shop-by-category__tile:nth-child(1){grid-column:span 2}.shop-by-category__tile:nth-child(6){grid-row:auto;grid-column:span 2}.shop-by-category__tile{min-height:100px}.shop-by-category__tile-label{font-size:.75rem;padding:var(--spacing-sm)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-shop-by-category.css.map */