.ff-routine__header{max-width:62rem;margin:0 auto 3.2rem}.ff-routine__eyebrow{color:#0e5f6b;margin:0 0 1rem}.ff-routine__heading{margin:0 0 1.2rem;text-wrap:balance}.ff-routine__sub{color:#2e2a39c7;font-size:1.5rem;margin:0}.ff-routine__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.4rem;max-width:56rem;margin-inline:auto}@media screen and (min-width:750px){.ff-routine__grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:none}}@media screen and (min-width:990px){.ff-routine__grid{grid-template-columns:repeat(4,1fr)}}.ff-routine__card{display:grid;grid-template-columns:36% 1fr;align-items:stretch;background:#fff;border:1px solid rgba(46,42,57,.1);border-left:3px solid var(--ff-step-accent, var(--ff-aqua));border-radius:var(--ff-radius);overflow:hidden;transition:transform .45s var(--ff-ease),box-shadow .45s var(--ff-ease),border-color .45s var(--ff-ease)}@media screen and (min-width:750px){.ff-routine__card{display:flex;flex-direction:column;border-left:1px solid rgba(46,42,57,.1)}}.ff-routine__card:hover{transform:translateY(-6px);box-shadow:var(--ff-shadow-lift);border-color:var(--ff-step-accent, var(--ff-aqua))}.ff-routine__media{position:relative;height:100%;min-height:13rem;min-width:0;background:radial-gradient(80% 80% at 50% 62%,var(--ff-step-accent-soft, rgba(60, 198, 212, .08)) 0%,rgba(255,255,255,0) 100%),linear-gradient(180deg,#fff,#fafafa);overflow:hidden}@media screen and (min-width:750px){.ff-routine__media{height:auto;aspect-ratio:1 / 1}}.ff-routine__img{position:absolute;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;width:calc(100% - 1.2rem);height:calc(100% - 1.2rem);object-fit:contain;transition:transform .6s var(--ff-ease)}@media screen and (min-width:750px){.ff-routine__img{top:1rem;right:1rem;bottom:1rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem)}}.ff-routine__card:hover .ff-routine__img{transform:scale(1.055) translateY(-.4rem)}.ff-routine__body{display:flex;flex-direction:column;flex:1 1 auto;gap:.4rem;padding:1.2rem 1.4rem 1.3rem 1.2rem;min-width:0}@media screen and (min-width:750px){.ff-routine__body{gap:.5rem;padding:1.2rem 1.2rem 1.4rem;border-top:3px solid var(--ff-step-accent, var(--ff-aqua))}}.ff-routine__step{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ff-step-accent, var(--ff-aqua-deep))}.ff-routine__title{font-family:var(--font-heading-family, Georgia, serif);font-size:1.7rem;line-height:1.2;font-weight:700;margin:0;color:var(--ff-ink);text-wrap:balance}.ff-routine__benefit{margin:0;font-size:1.3rem;line-height:1.45;color:#2e2a39d1}.ff-routine__actives{margin:0 0 .5rem;font-size:1.15rem;font-style:italic;line-height:1.4;color:#2e2a399e}.ff-routine__form{margin-top:auto}.ff-routine__form .form{margin:0}.ff-routine__atc{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;margin-top:auto;min-height:4.4rem;padding:1rem 1.2rem;border:.15rem solid var(--ff-step-accent, var(--ff-aqua));border-radius:100px;background:#fff;color:var(--ff-ink);font-family:var(--font-body-family, "DM Sans", sans-serif);font-size:1.35rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:background .3s var(--ff-ease),color .3s var(--ff-ease),transform .3s var(--ff-ease),box-shadow .3s var(--ff-ease)}.ff-routine__atc:hover,.ff-routine__atc:active{background:var(--ff-step-accent, var(--ff-aqua));color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #2e2a3924}.ff-routine__atc--soon{border-color:#2e2a392e;background:#2e2a390f;color:#2e2a398c;cursor:not-allowed}.ff-routine__atc--soon:hover,.ff-routine__atc--soon:active{background:#2e2a390f;color:#2e2a398c;transform:none;box-shadow:none}.ff-routine__atc .loading__spinner{width:1.6rem;height:1.6rem}.ff-routine__atc:hover .loading__spinner .spinner .path{stroke:#fff}@media screen and (max-width:400px){.ff-routine__card{grid-template-columns:40% 1fr}.ff-routine__title{font-size:1.5rem}.ff-routine__actives{display:none}.ff-routine__atc{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.ff-routine__card,.ff-routine__img,.ff-routine__atc{transition:none!important}.ff-routine__card:hover,.ff-routine__card:hover .ff-routine__img,.ff-routine__atc:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ff-routine.css.map */