.ss-gentle-hair-tips{position:relative;width:100%;overflow:hidden;background:var(--ss-section-bg)}.ss-gentle-hair-tips .page-width{width:100%}.ss-gentle-hair-tips__grid{display:grid;grid-template-columns:minmax(0,1fr) 530px;min-height:740px;padding-top:var(--ss-padding-top-desktop);padding-bottom:var(--ss-padding-bottom-desktop)}.ss-gentle-hair-tips__content{min-width:0;display:flex;background:var(--ss-content-bg)}.ss-gentle-hair-tips__content-inner{width:100%;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:32px 88px 40px 0}.ss-gentle-hair-tips__header{width:100%}.ss-gentle-hair-tips__eyebrow{margin:0 0 16px;color:var(--ss-accent-color);font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:var(--ss-eyebrow-size);font-weight:700;line-height:1.25;text-transform:uppercase}.ss-gentle-hair-tips__heading{width:100%;max-width:var(--ss-heading-max-width);margin:0;color:var(--ss-heading-color);font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:var(--ss-heading-size);font-weight:700;line-height:1.1;text-transform:capitalize!important}.ss-gentle-hair-tips__description{width:100%;margin-top:24px;color:var(--ss-text-color);font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:var(--ss-description-size);font-weight:400;line-height:1.6}.ss-gentle-hair-tips__description p,.ss-gentle-hair-tips__guide-text p,.ss-gentle-hair-tips__feature-text p{margin:0}.ss-gentle-hair-tips__guides{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:32px}.ss-gentle-hair-tips__guide{position:relative;min-width:0;padding:0 16px;text-align:center}.ss-gentle-hair-tips__guide:first-child{padding-left:0}.ss-gentle-hair-tips__guide:last-child{padding-right:0}.ss-gentle-hair-tips__guide:not(:last-child):after{content:"";position:absolute;top:0;right:0;width:1px;height:126px;background:var(--ss-divider-color)}.ss-gentle-hair-tips__guide-icon{width:44px;height:44px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.ss-gentle-hair-tips__guide-icon img{display:block;width:100%;height:100%;object-fit:contain}.ss-gentle-hair-tips__guide-title{margin:0;color:var(--ss-accent-color);font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:var(--ss-guide-title-size);font-weight:500;line-height:1.3;text-transform:uppercase}.ss-gentle-hair-tips__guide-text{max-width:130px;margin:8px auto 0;color:var(--ss-text-color);font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:var(--ss-guide-text-size);font-weight:400;line-height:1.45}.ss-gentle-hair-tips__buttons{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}.ss-gentle-hair-tips__button{min-height:60px;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:var(--ss-button-size);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.ss-gentle-hair-tips__button--primary{color:var(--ss-primary-text);background:var(--ss-primary-bg);border:1px solid var(--ss-primary-border)}.ss-gentle-hair-tips__button--primary:hover{color:var(--ss-primary-text-hover);background:var(--ss-primary-bg-hover);border-color:var(--ss-primary-border-hover)}.ss-gentle-hair-tips__button--secondary{color:var(--ss-secondary-text);background:var(--ss-secondary-bg);border:1px solid var(--ss-secondary-border)}.ss-gentle-hair-tips__button--secondary:hover{color:var(--ss-secondary-text-hover);background:var(--ss-secondary-bg-hover);border-color:var(--ss-secondary-border-hover)}.ss-gentle-hair-tips__features{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:22px;padding-top:24px;border-top:1px solid var(--ss-divider-color)}.ss-gentle-hair-tips__feature{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.ss-gentle-hair-tips__feature-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center}.ss-gentle-hair-tips__feature-icon svg{display:block;width:100%;height:100%}.ss-gentle-hair-tips__feature-icon svg path{transition:fill .2s ease,stroke .2s ease}.ss-gentle-hair-tips__feature-content{min-width:0}.ss-gentle-hair-tips__feature-title{margin:0;color:var(--ss-text-color);font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:var(--ss-feature-title-size);font-weight:700;line-height:1.25;text-transform:capitalize!important}.ss-gentle-hair-tips__feature-text{margin-top:2px;color:var(--ss-text-color);font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:var(--ss-feature-text-size);font-weight:400;line-height:1.3}.ss-gentle-hair-tips__media{position:absolute;z-index:1;top:var(--ss-padding-top-desktop);right:0;bottom:var(--ss-padding-bottom-desktop);width:530px;min-width:530px;overflow:hidden}.ss-gentle-hair-tips__media img,.ss-gentle-hair-tips__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ss-image-position)}[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__eyebrow,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__heading,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__description,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__guide,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__button,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__feature,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__media{opacity:0}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__eyebrow,[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__heading,[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__description{animation:ss-gentle-hair-fade-up .6s ease forwards}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__eyebrow{animation-delay:0s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__heading{animation-delay:.12s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__description{animation-delay:.24s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__guide{animation:ss-gentle-hair-fade-up .55s ease forwards}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__guide:nth-child(1){animation-delay:.2s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__guide:nth-child(2){animation-delay:.3s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__guide:nth-child(3){animation-delay:.4s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__guide:nth-child(4){animation-delay:.5s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__guide:nth-child(5){animation-delay:.6s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__button{animation:ss-gentle-hair-fade-up .6s ease forwards}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__button:nth-child(1){animation-delay:.48s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__button:nth-child(2){animation-delay:.6s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__feature{animation:ss-gentle-hair-fade-up .55s ease forwards}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__feature:nth-child(1){animation-delay:.55s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__feature:nth-child(2){animation-delay:.67s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__feature:nth-child(3){animation-delay:.79s}[data-aos=gentle-hair-tips__animation].aos-animate .ss-gentle-hair-tips__media{animation:ss-gentle-hair-fade-left .8s ease .25s forwards}@keyframes ss-gentle-hair-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ss-gentle-hair-fade-left{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}@media screen and (min-width:750px)and (max-width:1199px){.ss-gentle-hair-tips__grid{grid-template-columns:1fr;min-height:0;padding-top:var(--ss-padding-top-desktop);padding-bottom:var(--ss-padding-bottom-desktop)}.ss-gentle-hair-tips__content{width:100%}.ss-gentle-hair-tips__content-inner{padding:48px 40px}.ss-gentle-hair-tips__heading{max-width:520px;font-size:calc(var(--ss-heading-size) * .82)}.ss-gentle-hair-tips__description{max-width:760px;margin-top:20px}.ss-gentle-hair-tips__guides{margin-top:30px}.ss-gentle-hair-tips__guide{padding:0 14px}.ss-gentle-hair-tips__guide-title{font-size:calc(var(--ss-guide-title-size) * .95)}.ss-gentle-hair-tips__guide-text{max-width:145px;font-size:calc(var(--ss-guide-text-size) * .95)}.ss-gentle-hair-tips__buttons{max-width:760px}.ss-gentle-hair-tips__features{max-width:820px}.ss-gentle-hair-tips__media{position:relative;top:auto;right:auto;bottom:auto;grid-column:1 / -1;width:100%;min-width:0;min-height:0;aspect-ratio:auto;overflow:hidden}.ss-gentle-hair-tips__media img,.ss-gentle-hair-tips__media>svg{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:initial;object-position:initial;border-radius:0}}@media screen and (max-width:749px){.ss-gentle-hair-tips .page-width{padding-left:0;padding-right:0}.ss-gentle-hair-tips__grid{display:flex;flex-direction:column;min-height:0;padding-top:var(--ss-padding-top-mobile);padding-bottom:var(--ss-padding-bottom-mobile)}.ss-gentle-hair-tips__content{width:100%}.ss-gentle-hair-tips__content-inner{padding:40px 20px}.ss-gentle-hair-tips__eyebrow{margin-bottom:12px;font-size:var(--ss-eyebrow-size-mobile)}.ss-gentle-hair-tips__heading{max-width:100%;font-size:var(--ss-heading-size-mobile);line-height:1.1}.ss-gentle-hair-tips__description{margin-top:18px;font-size:var(--ss-description-size-mobile);line-height:1.55}.ss-gentle-hair-tips__guides{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;margin-top:30px}.ss-gentle-hair-tips__guide{padding:0 14px}.ss-gentle-hair-tips__guide:nth-child(odd){padding-left:0}.ss-gentle-hair-tips__guide:nth-child(2n){padding-right:0}.ss-gentle-hair-tips__guide:nth-child(2n):after,.ss-gentle-hair-tips__guide:last-child:after{display:none}.ss-gentle-hair-tips__guide-icon{width:40px;height:40px;margin-bottom:10px}.ss-gentle-hair-tips__guide-title{font-size:var(--ss-guide-title-size-mobile)}.ss-gentle-hair-tips__guide-text{max-width:140px;font-size:var(--ss-guide-text-size-mobile)}.ss-gentle-hair-tips__buttons{grid-template-columns:1fr;gap:12px;margin-top:30px}.ss-gentle-hair-tips__button{min-height:54px;padding:12px 20px;font-size:var(--ss-button-size-mobile)}.ss-gentle-hair-tips__features{grid-template-columns:1fr;gap:18px;margin-top:24px;padding-top:24px}.ss-gentle-hair-tips__feature{width:100%;max-width:100%}.ss-gentle-hair-tips__feature-icon{width:40px;height:40px;flex-basis:40px}.ss-gentle-hair-tips__feature-title{text-transform:capitalize!important}.ss-gentle-hair-tips__media{position:relative;top:auto;right:auto;bottom:auto;width:100%;min-width:0;height:var(--ss-mobile-image-height);min-height:var(--ss-mobile-image-height);aspect-ratio:auto;border-radius:0!important}.ss-gentle-hair-tips__media img,.ss-gentle-hair-tips__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--ss-image-position);border-radius:0!important}}@media screen and (min-width:480px)and (max-width:749px){.ss-gentle-hair-tips__media{height:auto;min-height:0}.ss-gentle-hair-tips__media img,.ss-gentle-hair-tips__media>svg{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain;object-position:center}}@media(prefers-reduced-motion:reduce){[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__eyebrow,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__heading,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__description,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__guide,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__button,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__feature,[data-aos=gentle-hair-tips__animation] .ss-gentle-hair-tips__media{opacity:1;animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/ss-gentle-hair-tips.css.map */