.shop-categories{padding-top:3.2rem;padding-bottom:5.6rem}.shop-categories__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:3rem}.shop-categories__heading{margin:0;font-size:clamp(2.8rem,3vw,4rem);line-height:1.15}.shop-categories__intro{max-width:60rem;margin:1.2rem 0 0;font-size:1.6rem;line-height:1.5}.shop-categories__shortcut{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:4.4rem;padding:1.2rem 2.4rem;border:.1rem solid rgb(var(--color-base-accent-1));border-radius:.6rem;background:rgb(var(--color-base-accent-1));color:#fff;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:600;line-height:1.3;text-align:center;text-decoration:none}.shop-categories__shortcut:hover{border-color:rgb(var(--color-base-accent-1));background:linear-gradient(#00000014,#00000014),rgb(var(--color-base-accent-1));color:#fff}.shop-categories__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}.shop-categories__item{min-width:0}.shop-categories__card{display:grid;grid-template-columns:minmax(0,1fr) 2rem;grid-template-rows:auto 1fr;gap:1.4rem .8rem;align-items:center;height:100%;padding:1.2rem;border:.1rem solid #e5e5e5;border-radius:1rem;background:#fff;color:#404040;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease}.shop-categories__card:hover{border-color:#bcbcbc;box-shadow:0 .4rem 1.2rem #00000012}.shop-categories__card:focus-visible{outline:.2rem solid currentColor;outline-offset:.4rem}.shop-categories__shortcut:focus-visible{outline:.2rem solid rgb(var(--color-base-accent-1));outline-offset:.4rem}.shop-categories__image{grid-column:1 / -1;aspect-ratio:1;overflow:hidden;border-radius:.6rem;background:#f7f7f3}.shop-categories__image img,.shop-categories__placeholder{display:block;width:100%;height:100%;object-fit:contain}.shop-categories__placeholder{fill:#76796d}.shop-categories__title{font-family:var(--font-heading-family);font-size:1.6rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.shop-categories__arrow{width:2rem;height:2rem}@media screen and (min-width:750px){.shop-categories{padding-top:4.8rem;padding-bottom:7.2rem}.shop-categories__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.shop-categories__card{padding:1.6rem}}@media screen and (min-width:1200px){.shop-categories__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.shop-categories__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/342/assets/component-shop-categories.css.map */