.routine-configurator{background-color:var(--color-bg-page);padding:var(--space-5xl) var(--space-lg);width:100%}@media(min-width:1024px){.routine-configurator{padding:var(--space-6xl) var(--space-3xl)}}@media(min-width:1400px){.routine-configurator{padding:var(--space-7xl) var(--space-5xl)}}.routine-configurator__container{margin:0 auto;max-width:var(--container-max-width)}.routine-configurator__title{font-size:var(--font-size-3xl);font-style:italic;font-weight:var(--font-weight-regular);margin-bottom:var(--space-4xl)}@media(min-width:724px){.routine-configurator__title{font-size:var(--font-size-4xl2)}}@media(min-width:1024px){.routine-configurator__title{margin-bottom:70px}}.routine-configurator__content{display:grid;gap:var(--space-3xl);grid-template-columns:1fr}@media(min-width:1024px){.routine-configurator__content{align-items:start;gap:var(--space-5xl);grid-template-columns:1fr 1fr 1fr}}.routine-configurator__left{display:flex;flex-direction:column;gap:var(--space-2xl)}.routine-configurator__routine-section{display:flex;flex-direction:column;gap:var(--space-sm)}.routine-configurator__switch-label{font-family:var(--font-family-head);font-style:italic;font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-heading);color:var(--color-text);font-size:var(--font-size-lg2);margin:0}@media(min-width:1024px){.routine-configurator__switch-label{font-size:var(--font-size-2xl)}}.routine-configurator__switch{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.routine-configurator__switch-btn{background-color:transparent;border:var(--border-width-thin) solid var(--color-border);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm2);padding:var(--space-2xs) 18px;text-transform:uppercase;transition:all var(--duration-fast) var(--ease-base)}.routine-configurator__switch-btn--active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text)}.routine-configurator__skin-section{display:flex;flex-direction:column;gap:var(--space-sm)}.routine-configurator__skin-label{font-family:var(--font-family-head);font-style:italic;font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-heading);color:var(--color-text);font-size:var(--font-size-lg2);margin:0}@media(min-width:1024px){.routine-configurator__skin-label{font-size:var(--font-size-2xl)}}.routine-configurator__skin-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.routine-configurator__skin-tab{background-color:transparent;border:var(--border-width-thin) solid var(--color-border);cursor:pointer;font-size:var(--font-size-sm2);padding:var(--space-2xs) 18px;text-transform:uppercase;transition:all var(--duration-fast) var(--ease-base)}.routine-configurator__skin-tab--active{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text)}.routine-configurator__steps-section{display:flex;flex-direction:column;gap:5px}.routine-configurator__steps-label{font-family:var(--font-family-head);font-style:italic;font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-heading);color:var(--color-text);font-size:var(--font-size-lg2);margin:0}@media(min-width:1024px){.routine-configurator__steps-label{font-size:var(--font-size-2xl)}}.routine-configurator__steps{display:flex;flex-direction:column}.routine-configurator__step{align-items:center;cursor:pointer;display:flex;filter:blur(4px);gap:var(--space-lg);opacity:0;padding:7px 0;transform:translateY(10px);transition:opacity var(--duration-slow) var(--ease-base),filter var(--duration-slow) var(--ease-base),transform var(--duration-slow) var(--ease-base),color var(--duration-fast) var(--ease-base)}.routine-configurator__step.is-visible{filter:blur(0);opacity:1;transform:translateY(0)}.routine-configurator__step:hover .routine-configurator__step-num,.routine-configurator__step:hover .routine-configurator__step-label,.routine-configurator__step--active .routine-configurator__step-num,.routine-configurator__step--active .routine-configurator__step-label{color:var(--color-secondary)}.routine-configurator__step-num{color:var(--color-text);font-size:var(--font-size-base);min-width:24px;transition:color var(--duration-fast) var(--ease-base)}.routine-configurator__step-label{color:var(--color-text);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-sm);text-transform:uppercase;transition:color var(--duration-fast) var(--ease-base)}.routine-configurator__middle{background-color:var(--color-white);display:flex;flex-direction:column;gap:var(--space-md);height:100%;padding:1.5em}.routine-configurator__step-info{display:flex;flex-direction:column;gap:var(--space-md)}.routine-configurator__step-title{font-family:var(--font-family-head);font-style:italic;font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-heading);color:var(--color-accent);filter:blur(4px);font-size:1.7em;margin:0;opacity:0;transform:translateY(10px);transition:opacity var(--duration-slow) var(--ease-base),filter var(--duration-slow) var(--ease-base),transform var(--duration-slow) var(--ease-base)}.routine-configurator__step-title.is-visible{filter:blur(0);opacity:1;transform:translateY(0)}.routine-configurator__description{min-height:60px}.routine-configurator__description p{color:var(--color-text);filter:blur(4px);line-height:var(--line-height-loose);opacity:0;transform:translateY(10px);transition:opacity var(--duration-slow) var(--ease-base),filter var(--duration-slow) var(--ease-base),transform var(--duration-slow) var(--ease-base)}.routine-configurator__description p.is-visible{filter:blur(0);opacity:1;transform:translateY(0)}.routine-configurator__description p a{color:var(--color-accent);text-decoration:underline}.routine-configurator__description p a:hover{text-decoration:none}.routine-configurator__right{display:flex;flex-direction:column;gap:var(--space-3xl)}.routine-configurator__product-slider{transition:opacity var(--duration-base) var(--ease-base)}.routine-configurator__slide{min-height:200px}.routine-configurator__slide>*{filter:blur(4px);opacity:0;transform:translateY(10px);transition:opacity var(--duration-slow) var(--ease-base),filter var(--duration-slow) var(--ease-base),transform var(--duration-slow) var(--ease-base)}.routine-configurator__slide.is-visible>*{filter:blur(0);opacity:1;transform:translateY(0)}.routine-configurator__no-product{color:var(--color-text);font-size:var(--font-size-md);padding:var(--space-3xl) 0}.routine-configurator__pagination{align-items:center;display:flex;gap:var(--space-2xs);justify-content:center;margin-top:var(--space-lg)}.routine-configurator__nav{align-items:center;background:transparent;border:none;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:opacity var(--duration-fast) var(--ease-base);width:32px}.routine-configurator__nav img{display:block;height:12px;width:8px}.routine-configurator__nav--next img{transform:rotate(180deg)}.routine-configurator__nav:hover{opacity:.6}.routine-configurator__dot{align-items:center;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);height:28px;justify-content:center;min-width:28px;opacity:.5;transition:all var(--duration-fast) var(--ease-base)}.routine-configurator__dot--active{color:var(--color-accent);font-weight:var(--font-weight-semibold);opacity:1}.routine-configurator__dot:hover:not(.routine-configurator__dot--active){opacity:.8}