.section-ai-routine-banner{padding:0 1.5rem;margin-top:2rem}.ai-routine-banner--full-width{padding:0}.ai-routine-banner--full-width .ai-routine-banner__inner{border-radius:0!important}.ai-routine-banner__inner{position:relative;overflow:hidden;display:flex;align-items:center}.ai-routine-banner__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.ai-routine-banner__image{width:100%;height:100%;object-fit:cover}.ai-routine-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.ai-routine-banner__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;padding:3rem 4rem;gap:2rem}.ai-routine-banner__text{flex:1}.ai-routine-banner__heading{font-family:var(--font-heading-family),sans-serif;font-size:2.8rem;font-weight:700;margin:0 0 .4rem;line-height:1.2}.ai-routine-banner__subheading{font-family:var(--font-body-family),sans-serif;font-size:1.6rem;margin:0;opacity:1;line-height:1.5}.ai-routine-banner--light .ai-routine-banner__heading,.ai-routine-banner--light .ai-routine-banner__subheading{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.ai-routine-banner--dark .ai-routine-banner__heading,.ai-routine-banner--dark .ai-routine-banner__subheading{color:rgb(var(--color-foreground))}.ai-routine-banner__cta{flex-shrink:0;white-space:nowrap}.ai-routine-banner__cta:after,.ai-routine-banner__cta:before{display:none!important}.button.ai-routine-banner__cta.ai-routine-banner__cta--solid{background-color:var(--cta-bg)!important;color:var(--cta-color)!important;border:2px solid var(--cta-border)!important}.button.ai-routine-banner__cta.ai-routine-banner__cta--solid:hover{opacity:.85}.button.ai-routine-banner__cta.ai-routine-banner__cta--outline{background-color:transparent!important;color:var(--cta-color)!important;border:2px solid var(--cta-border)!important;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.button.ai-routine-banner__cta.ai-routine-banner__cta--outline:hover{background-color:var(--cta-color)!important;color:var(--cta-bg)!important;border-color:var(--cta-color)!important}@media screen and (max-width:749px){.section-ai-routine-banner{padding:0 1rem}.ai-routine-banner__content{flex-direction:column;align-items:flex-start;padding:2.5rem 2rem;gap:1.5rem}.ai-routine-banner__heading{font-size:2.2rem}.ai-routine-banner__subheading{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-ai-routine-banner.css.map */