.hair-concern-grid{background-color:var(--concern-grid-bg-override, var(--color-background));padding-block:var(--section-padding-block-mobile)}@media screen and (min-width:1024px){.hair-concern-grid{padding-block:var(--section-padding-block-desktop)}}.hair-concern-grid__header{max-width:640px;margin-inline:auto;margin-bottom:var(--space-11);text-align:center}.hair-concern-grid__heading{margin-bottom:var(--space-4)}.hair-concern-grid__intro{color:var(--color-text-secondary)}.hair-concern-grid__list{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media screen and (min-width:1024px){.hair-concern-grid__list{grid-template-columns:repeat(2,1fr);gap:var(--space-9) var(--space-8)}}.hair-concern-grid__item{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:var(--space-7);border-radius:var(--radius-lg);text-align:left;transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}@media(hover:hover){.hair-concern-grid__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}}@media(prefers-reduced-motion:reduce){.hair-concern-grid__item{transition:none}.hair-concern-grid__item:hover{transform:none}}.hair-concern-grid__item[data-background=surface]{background-color:var(--color-surface);background-color:color-mix(in srgb,var(--color-surface) 55%,var(--color-background) 45%)}.hair-concern-grid__item[data-background=surface-alt]{background-color:var(--color-surface-alt);background-color:color-mix(in srgb,var(--color-surface-alt) 70%,var(--color-background) 30%)}.hair-concern-grid__item[data-background=default]{background-color:transparent}.hair-concern-grid__icon{display:inline-flex;color:var(--color-accent-primary);margin-bottom:var(--space-4)}.hair-concern-grid__icon svg{width:22px;height:22px}.hair-concern-grid__illustration{width:56px;height:56px;margin-bottom:var(--space-4);opacity:var(--opacity-hover)}.hair-concern-grid__title{color:var(--color-text-primary);margin-bottom:var(--space-3)}.hair-concern-grid__description{color:var(--color-text-secondary);max-width:36ch;margin-bottom:var(--space-4);flex:1 0 auto}.hair-concern-grid__link{display:inline-flex;align-items:center;gap:var(--space-2);padding-block:var(--space-2);letter-spacing:var(--tracking-wide);color:var(--color-accent-primary);margin-top:auto}.hair-concern-grid__link span{transition:transform var(--duration-fast) var(--ease-standard)}.hair-concern-grid__link:hover span{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.hair-concern-grid__link:hover span{transform:none}}@media screen and (max-width:1023px){.hair-concern-grid__item{padding:var(--space-5)}.hair-concern-grid__link{min-height:44px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hair-concern-grid.css.map */