.hair-needs-grid{padding:30px 20px 40px}.hair-needs-grid__container{max-width:1440px;margin:0 auto}.hair-needs-grid__header{display:flex;flex-direction:column}.hair-needs-grid__heading{margin:0;color:#2a2627;font-family:var(--font-primary);font-weight:500;font-style:inherit;font-size:36px;line-height:67px;letter-spacing:-1%;text-align:center}.hair-needs-grid__subheading{color:#2a2627;font-family:var(--font-primary);font-weight:400;font-style:inherit;font-size:20px;line-height:145%;letter-spacing:0%;text-align:center}.hair-needs-grid__wrapper{display:flex;justify-content:center;align-items:baseline;gap:15px;margin-top:30px}.hair-needs-grid__card{position:relative;overflow:hidden;border-radius:10px;text-decoration:none;display:block;width:355px}.hair-needs-grid__image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.hair-needs-grid__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;padding:35px 43px}.hair-needs-grid__card-title{margin:0;color:#fff;font-family:var(--font-primary);font-weight:600;font-style:inherit;font-size:22px;line-height:100%;letter-spacing:2%;text-transform:uppercase;width:150px}.hair-needs-grid__icon{width:45px;height:45px;border-radius:100px;background:#fff;display:flex;align-items:center;justify-content:center}.hair-needs-grid__icon svg{width:20px;height:20px}.hair-needs-grid__card:hover .hair-needs-grid__image{transform:scale(1.05)}@media screen and (max-width:1024px){.hair-needs-grid__content{padding:40px clamp(16px,3vw,43px)}}@media screen and (max-width:768px){.hair-needs-grid__card{min-height:0;height:175px}.hair-needs-grid__content{padding:20px 30px}.hair-needs-grid__heading{font-size:30px;line-height:34px;letter-spacing:-.5px;font-weight:500}.hair-needs-grid__subheading{margin-top:6px;font-size:18px;line-height:20px;color:#2a2627}.hair-needs-grid__wrapper{flex-direction:column}.hair-needs-grid__card{width:100%;border-radius:10px}.hair-needs-grid__image{width:100%;height:175px;object-fit:cover;display:block}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/hair-need.css.map */