.pp-hair-types{display:grid;background-color:var(--pp-hair-types-background)}.pp-hair-types__content{padding:1rem 2rem 3rem}.pp-hair-types__heading{max-width:60rem;margin:0 auto;font-size:1.6rem;font-weight:500;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--pp-hair-types-heading)}.pp-hair-types__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 1rem 0;padding:0;list-style:none}.pp-hair-types__card{display:flex;flex-direction:column;align-items:center;gap:1rem;height:100%;padding:2.4rem .2rem 2.5rem;background-color:rgb(var(--color-background));color:var(--pp-hair-types-card-text);text-decoration:none;transition:transform .2s ease,opacity .2s ease}a.pp-hair-types__card:hover{transform:translateY(-.2rem);opacity:.92}a.pp-hair-types__card:focus-visible{outline:.2rem solid var(--pp-hair-types-heading);outline-offset:.2rem}.pp-hair-types__image{display:block;width:auto;max-width:100%;height:1.8rem;object-fit:contain}.pp-hair-types__label{font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:normal;text-align:center}.pp-hair-types__media{position:relative;height:35.7rem}.pp-hair-types__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:reduce){.pp-hair-types__card{transition:none}}@media screen and (min-width:750px){.pp-hair-types{grid-template-columns:2fr 1fr}.pp-hair-types__content{padding:5.8rem 6rem 7.8rem}.pp-hair-types__heading{font-size:2.5rem;letter-spacing:.052em}.pp-hair-types__list{margin:2rem 0 0}.pp-hair-types__card{padding:2rem}.pp-hair-types__image{height:5rem}.pp-hair-types__label{font-size:2.2rem}.pp-hair-types__media{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-pp-hair-types.css.map */