.zahra-routine{background:radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--zahra-routine-accent) 22%,transparent),transparent 34%),var(--zahra-routine-bg);color:var(--zahra-routine-text);padding:clamp(4.5rem,8vw,8.5rem) clamp(1.25rem,4vw,4rem)}.zahra-routine__inner{margin:0 auto;max-width:1440px}.zahra-routine__header{margin:0 auto clamp(2rem,5vw,4rem);max-width:780px;text-align:center}.zahra-routine__eyebrow,.zahra-routine__path-kicker,.zahra-routine__step-label{font-size:.72rem;font-weight:700;letter-spacing:.16em;margin:0;text-transform:uppercase}.zahra-routine__eyebrow{color:var(--zahra-routine-accent);margin-bottom:.75rem}.zahra-routine__heading{color:var(--zahra-routine-heading);font-family:var(--ul-heading-font-family);font-weight:var(--ul-heading-font-weight);font-size:clamp(2.25rem,5vw,4.75rem);letter-spacing:-.04em;line-height:.98;margin:0}.zahra-routine__intro{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.7;margin:1.25rem auto 0;max-width:650px}.zahra-routine__intro p{margin:0}.zahra-routine__tabs{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto 1rem;max-width:900px}.zahra-routine__tab{-webkit-appearance:none;appearance:none;background:color-mix(in srgb,var(--zahra-routine-card) 82%,transparent);border:1px solid color-mix(in srgb,var(--zahra-routine-text) 14%,transparent);border-radius:999px;color:var(--zahra-routine-text);cursor:pointer;display:grid;font:inherit;gap:.1rem;min-height:4.25rem;padding:.75rem 1.15rem;place-content:center;text-align:center;transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease}.zahra-routine__tab span{font-family:var(--ul-heading-font-family);font-weight:var(--ul-heading-font-weight);font-size:clamp(1rem,2vw,1.3rem);line-height:1}.zahra-routine__tab small{font-size:.68rem;letter-spacing:.05em}.zahra-routine__tab:is(:hover,:focus-visible){border-color:var(--zahra-routine-accent);outline:none;transform:translateY(-2px)}.zahra-routine__tab.is-active{background:var(--zahra-routine-heading);border-color:var(--zahra-routine-heading);color:var(--zahra-routine-card)}.zahra-routine__panel{background:color-mix(in srgb,var(--zahra-routine-card) 94%,var(--zahra-path-accent));border:1px solid color-mix(in srgb,var(--zahra-path-accent) 38%,transparent);border-radius:clamp(1.5rem,3vw,2.5rem);box-shadow:0 28px 80px color-mix(in srgb,var(--zahra-routine-heading) 10%,transparent);padding:clamp(1.25rem,3vw,3rem)}.zahra-routine__experience.is-ready .zahra-routine__panel[hidden]{display:none}.zahra-routine__panel-heading{align-items:end;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.zahra-routine__path-kicker{color:var(--zahra-path-accent);margin-bottom:.45rem}.zahra-routine__panel h3{color:var(--zahra-routine-heading);font-family:var(--ul-heading-font-family);font-weight:var(--ul-heading-font-weight);font-size:clamp(1.9rem,4vw,3.2rem);letter-spacing:-.035em;line-height:1;margin:0}.zahra-routine__outcome{align-items:center;background:var(--zahra-path-accent);border-radius:999px;color:var(--zahra-routine-heading);display:flex;font-size:.86rem;gap:.45rem;margin:0;max-width:360px;padding:.65rem 1rem}.zahra-routine__outcome span{font-weight:700}.zahra-routine__steps{display:grid;gap:clamp(1rem,2vw,1.75rem);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.zahra-routine__step{min-width:0;position:relative}.zahra-routine__step:not(:last-child):after{background:var(--zahra-path-accent);content:"";height:1px;left:calc(100% + .2rem);position:absolute;top:min(15vw,13rem);width:clamp(.6rem,1.6vw,1.5rem)}.zahra-routine__media{aspect-ratio:4 / 5;background:var(--zahra-routine-bg);border-radius:1.35rem;overflow:hidden;position:relative}.zahra-routine__media>a{display:block;height:100%}.zahra-routine__media img,.zahra-routine__placeholder{display:block;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1);width:100%}.zahra-routine__media:hover img{transform:scale(1.035)}.zahra-routine__number{align-items:center;background:var(--zahra-routine-heading);border:2px solid var(--zahra-routine-card);border-radius:50%;color:var(--zahra-routine-card);display:flex;font-size:.75rem;font-weight:700;height:2.8rem;justify-content:center;left:.85rem;letter-spacing:.08em;position:absolute;top:.85rem;width:2.8rem}.zahra-routine__step-copy{padding:1.2rem .3rem .2rem}.zahra-routine__step-label{color:var(--zahra-path-accent);margin-bottom:.45rem}.zahra-routine__step h4{font-family:var(--ul-heading-font-family);font-weight:var(--ul-heading-font-weight);font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.14;margin:0}.zahra-routine__step h4 a{color:var(--zahra-routine-heading);text-decoration:none}.zahra-routine__step-copy>p:not(.zahra-routine__step-label){font-size:.9rem;line-height:1.55;margin:.65rem 0 0}.zahra-routine__product-link{color:var(--zahra-routine-heading);display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;letter-spacing:.08em;margin-top:.9rem;text-decoration:none;text-transform:uppercase}.zahra-routine__product-link span{transition:transform .18s ease}.zahra-routine__product-link:hover span{transform:translate(.2rem)}@media screen and (max-width:749px){.zahra-routine{padding-inline:1rem}.zahra-routine__tabs{display:flex;margin-inline:-1rem;max-width:none;overflow-x:auto;padding:0 1rem .4rem;scroll-snap-type:x mandatory;scrollbar-width:none}.zahra-routine__tabs::-webkit-scrollbar{display:none}.zahra-routine__tab{flex:0 0 70%;scroll-snap-align:center}.zahra-routine__panel{padding:1rem}.zahra-routine__panel-heading{align-items:start;flex-direction:column;gap:1rem}.zahra-routine__outcome{align-items:start;border-radius:1rem;flex-direction:column;gap:.1rem;max-width:none;width:100%}.zahra-routine__steps{grid-template-columns:1fr}.zahra-routine__step{display:grid;gap:1rem;grid-template-columns:minmax(0,46%) minmax(0,1fr)}.zahra-routine__step:not(:last-child):after{bottom:-.55rem;height:1.1rem;left:calc(23% - 1px);top:auto;width:2px}.zahra-routine__media{align-self:start}.zahra-routine__number{height:2.35rem;left:.55rem;top:.55rem;width:2.35rem}.zahra-routine__step-copy{align-self:center;padding:.5rem 0}}@media(prefers-reduced-motion:reduce){.zahra-routine__tab,.zahra-routine__media img,.zahra-routine__product-link span{transition:none}}html.zahra-motion-ready .zahra-motion{opacity:0;will-change:opacity,transform,filter;transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--zahra-motion-delay, 0ms)}html.zahra-motion-ready .zahra-motion--image{filter:saturate(.88) contrast(.97);transform:translate3d(0,28px,0) scale(.975)}html.zahra-motion-ready .zahra-motion--text{transform:translate3d(0,20px,0)}html.zahra-motion-ready .zahra-motion.is-visible{opacity:1;filter:none;transform:translateZ(0) scale(1)}@media(prefers-reduced-motion:reduce){html.zahra-motion-ready .zahra-motion{opacity:1;filter:none;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map */