.shop-by-concerns{width:100%}.shop-by-concerns__container{max-width:var(--page-width, 1400px);margin:0 auto;padding:0 var(--space-8)}@media(max-width:768px){.shop-by-concerns__container{padding:0 var(--space-5)}}@media(max-width:480px){.shop-by-concerns__container{padding:0 var(--space-4)}}.shop-by-concerns__header{text-align:center;margin-bottom:var(--space-8, 32px)}.shop-by-concerns__heading{font-family:var(--font-heading-family);font-size:var(--font-size-2xl, 28px);font-weight:var(--font-heading-weight, 600);color:var(--color-heading, #1a1a1a);margin:0 0 var(--space-3, 12px);line-height:var(--line-height-tight, 1.25)}.shop-by-concerns__subheading{font-family:var(--font-body-family);font-size:var(--font-size-base, 16px);color:var(--color-text-muted, #666);margin:0;line-height:var(--line-height-normal, 1.5)}@media(max-width:767px){.shop-by-concerns__header{margin-bottom:var(--space-6, 24px)}.shop-by-concerns__heading{font-size:var(--font-size-xl, 24px)}.shop-by-concerns__subheading{font-size:var(--font-size-sm, 14px)}}.shop-by-concerns__grid{display:grid;gap:var(--shop-by-concerns-gap, 16px)}.shop-by-concerns__grid--desktop-2{grid-template-columns:repeat(2,1fr)}.shop-by-concerns__grid--desktop-3{grid-template-columns:repeat(3,1fr)}.shop-by-concerns__grid--desktop-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1023px){.shop-by-concerns__grid--desktop-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.shop-by-concerns__grid{gap:var(--shop-by-concerns-gap-mobile, 12px)}.shop-by-concerns__grid--desktop-2,.shop-by-concerns__grid--desktop-3,.shop-by-concerns__grid--desktop-4{grid-template-columns:repeat(2,1fr)}.shop-by-concerns__grid--mobile-1{grid-template-columns:repeat(1,1fr)}.shop-by-concerns__grid--mobile-2{grid-template-columns:repeat(2,1fr)}}.shop-by-concerns__card{border-radius:var(--shop-by-concerns-card-radius, 16px);padding:var(--space-6, 24px);transition:transform var(--transition-base, .25s ease),box-shadow var(--transition-base, .25s ease);aspect-ratio:1 / 1.15;display:flex;flex-direction:column;min-height:0}.shop-by-concerns__card:hover{transform:translateY(-4px)}@media(max-width:767px){.shop-by-concerns__card{padding:var(--space-4, 16px);aspect-ratio:auto;min-height:fit-content}}.shop-by-concerns__card-link{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;text-decoration:none;color:inherit;gap:var(--space-4, 16px);min-height:0}@media(max-width:767px){.shop-by-concerns__card-link{gap:var(--space-2, 8px);justify-content:flex-start}}.shop-by-concerns__card-link:focus-visible{outline:2px solid var(--color-text-muted, #666);outline-offset:2px;border-radius:var(--shop-by-concerns-card-radius, 16px)}.shop-by-concerns__icon-wrapper{width:var(--shop-by-concerns-icon-size, 80px);height:var(--shop-by-concerns-icon-size, 80px);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:auto;border-radius:var(--radius-full, 9999px);overflow:hidden;background-color:#ffffff80;border:1px solid var(--color-border, rgba(0, 0, 0, .1))}@media(max-width:1023px){.shop-by-concerns__icon-wrapper{width:var(--shop-by-concerns-icon-size-tablet, 70px);height:var(--shop-by-concerns-icon-size-tablet, 70px)}}@media(max-width:767px){.shop-by-concerns__icon-wrapper{width:var(--shop-by-concerns-icon-size-mobile, 60px);height:var(--shop-by-concerns-icon-size-mobile, 60px);margin-top:var(--space-2, 8px);margin-bottom:var(--space-1, 4px)}}.shop-by-concerns__icon{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.shop-by-concerns__svg-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text, #333)}.shop-by-concerns__svg-icon svg{width:100%;height:100%}.shop-by-concerns__icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #999)}.shop-by-concerns__icon-placeholder svg{width:70%;height:70%}.shop-by-concerns__title{font-family:var(--font-heading-family);font-size:var(--font-size-lg, 18px);font-weight:var(--font-heading-weight, 600);color:var(--color-heading, #1a1a1a);margin:0;text-align:center;line-height:var(--line-height-tight, 1.25)}@media(max-width:767px){.shop-by-concerns__title{font-size:var(--font-size-base, 16px)}}@media(max-width:479px){.shop-by-concerns__title{font-size:var(--font-size-sm, 14px)}}.shop-by-concerns__cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2, 8px) var(--space-4, 16px);font-family:var(--font-body-family);font-size:var(--font-size-sm, 14px);font-weight:var(--font-body-weight, 400);color:var(--color-text, #333);border:1px solid var(--color-border, #ddd);border-radius:var(--radius-full, 9999px);background-color:transparent;transition:background-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease),border-color var(--transition-fast, .15s ease);cursor:pointer;margin-top:auto;margin-bottom:var(--space-2, 8px)}.shop-by-concerns__card:hover .shop-by-concerns__cta{background-color:var(--color-text, #333);color:var(--color-bg-primary, #fff);border-color:var(--color-text, #333)}@media(max-width:767px){.shop-by-concerns__cta{font-size:var(--font-size-xs, 12px);padding:var(--space-1, 4px) var(--space-3, 12px);margin-top:var(--space-2, 8px);margin-bottom:0}}@media(prefers-reduced-motion:reduce){.shop-by-concerns__card,.shop-by-concerns__cta{transition:none}.shop-by-concerns__card:hover{transform:none}}.shop-by-concerns--hidden-mobile{display:none}@media(min-width:768px){.shop-by-concerns--hidden-mobile{display:block}}.shop-by-concerns--hidden-desktop{display:block}@media(min-width:768px){.shop-by-concerns--hidden-desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-shop-by-concerns.css.map */