.routine-finder{background:var(--rf-bg, #f8f7f4);color:#1d1d1b;margin:36px 0;padding:0;scroll-margin-top:calc(var(--announcement-bar-height, 32px) + var(--header-height, 64px) + 16px);--rf-pill-height: 42px}@media(min-width:768px){.routine-finder{margin:56px 0}}.routine-finder,.routine-finder *{box-sizing:border-box}.routine-finder__inner{max-width:1200px;margin:0 auto;padding:0 var(--spacing-m);overflow-x:hidden}@media(min-width:768px){.routine-finder__inner{padding:0 var(--spacing-xl)}}.routine-finder__intro{text-align:center;max-width:760px;margin:0 auto clamp(24px,4vw,40px);display:grid;gap:var(--spacing-s)}.routine-finder__title{margin:0;font-size:var(--font-size-section-title);line-height:var(--line-height-section-title);text-transform:none;font-weight:600}.routine-finder__subtitle{margin:0;font-size:var(--font-size-section-subtitle);line-height:var(--line-height-section-subtitle);color:#1d1d1bbf;text-transform:none}.routine-finder__grid{display:grid;gap:clamp(20px,4vw,32px);min-width:0}@media(min-width:980px){.routine-finder__grid{grid-template-columns:minmax(0,1fr);align-items:start}}.routine-finder__top{display:grid;gap:clamp(24px,3.2vw,32px);min-width:0}@media(min-width:980px){.routine-finder__top{grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:start}}.routine-finder__controls{background:var(--rf-panel-bg, #ffffff);border:1px solid rgba(0,0,0,.14);border-radius:24px;padding:clamp(28px,2.8vw,34px);display:grid;gap:26px;box-shadow:0 18px 36px #00000012;max-width:100%;min-width:0;width:100%}.routine-finder__controls-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:2px}.routine-finder__controls-title{margin:0;font-size:var(--font-size-section-kicker);line-height:1.1;font-weight:700;color:#1d1d1b;flex:1 1 auto;min-width:0;max-width:18ch}.routine-finder__reset{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#1d1d1ba8;font-size:14px;line-height:1.35;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px;padding:0;cursor:pointer;opacity:1;display:inline-flex;align-items:center;gap:6px;font-weight:500}.routine-finder__reset:hover{color:#1d1d1b}.routine-finder__reset-icon{font-size:14px;line-height:1}.routine-finder__step-title{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#1d1d1bb8;text-transform:none}.routine-finder__chip-row{display:flex;flex-wrap:wrap;gap:12px;margin-left:0;padding-left:0;max-width:100%}.routine-finder__chip{-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;min-height:var(--rf-pill-height);padding:0 18px;line-height:1.2;font-size:14px;font-weight:500;color:#646464;text-transform:none;letter-spacing:.01em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;display:inline-flex;align-items:center;justify-content:center}.routine-finder__chip:hover{background:#f7f7f7;border-color:#00000029;color:#1d1d1b}.routine-finder__chip.is-active{background:#ededed;border-color:#0000001a;color:#111;box-shadow:inset 0 0 0 1px #ffffff73;font-weight:700}.routine-finder__chip.is-disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.routine-finder__extras{display:grid;gap:12px}.routine-finder__extras-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.routine-finder__skin-test{display:inline-flex;align-items:center;gap:.45rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#4f7cff;background:#f5f8ff;border:1px solid #c9d8f8;border-radius:999px;min-height:var(--rf-pill-height);padding:0 1.4rem;line-height:1;font-size:12px;transition:color .16s ease,border-color .16s ease,background .16s ease}.routine-finder__skin-test:hover{color:#3b67f2;border-color:#b8caf6;background:#eef4ff;text-decoration:none}.routine-finder__skin-test:after{content:"";width:14px;height:14px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='M19 5l-9 9'/%3E%3Cpath d='M5 19l6-6'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='M19 5l-9 9'/%3E%3Cpath d='M5 19l6-6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.9;transition:transform .16s ease,opacity .16s ease}.routine-finder__skin-test:hover:after{transform:translate(2px,-2px)}.routine-finder__toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;min-height:44px;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.12);max-width:100%}.routine-finder__toggle.is-disabled{opacity:.5}.routine-finder__toggle-label{font-size:14px;font-weight:600;white-space:normal;text-transform:none}.routine-finder__toggle-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.routine-finder__toggle-slider{position:relative;width:38px;height:20px;border-radius:999px;background:#00000024;transition:background .2s ease-in-out}.routine-finder__toggle-slider:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 6px #0000003d;transition:transform .2s ease-in-out}.routine-finder__toggle-input:checked+.routine-finder__toggle-slider{background:#1e6ad6}.routine-finder__toggle-input:checked+.routine-finder__toggle-slider:after{transform:translate(18px)}.routine-finder__toggle-help{font-size:13px;color:#8a8a8a;opacity:0;transition:opacity .2s ease-in-out}.routine-finder__toggle-help.is-visible{opacity:1}.routine-finder__anti-row{display:grid;gap:6px}.routine-finder__results{background:var(--rf-panel-bg, #ffffff);border:1px solid var(--rf-panel-border, rgba(0, 0, 0, .08));border-radius:24px;padding:clamp(24px,2.4vw,30px);box-shadow:0 10px 22px #0000000f;transition:opacity .2s ease;max-width:100%;overflow-x:hidden;min-width:0;width:100%}.routine-finder__results--intro{height:auto;align-self:start;min-height:0}.routine-finder__results--products{margin-top:clamp(14px,2.2vw,22px);margin-bottom:clamp(32px,4vw,44px)}.routine-finder__results.is-switching{opacity:.35}.routine-finder__intro-panel{display:grid;gap:14px;margin-bottom:0}.routine-finder__intro-outcome{margin:0;font-size:16px;line-height:1.5;color:#1d1d1bc7}.routine-finder__why-toggle{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#1d1d1b;padding:0;margin:2px 0 0;width:fit-content;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer;display:none;text-transform:uppercase;letter-spacing:.02em}.routine-finder__intro-details{display:grid;gap:10px;overflow:hidden;opacity:1;max-height:500px;transition:max-height .18s ease,opacity .18s ease}@media(min-width:980px){.routine-finder__step-title{font-size:14px;line-height:1.45}.routine-finder__results--intro{padding:clamp(26px,2.6vw,30px)}.routine-finder__intro-panel{gap:16px}.routine-finder__intro-outcome{font-size:17px;line-height:1.5}.routine-finder__intro-details{gap:12px}.routine-finder__intro-text{font-size:15px;line-height:1.65}.routine-finder__intro-bullets{font-size:14px;line-height:1.6;gap:10px}.routine-finder__intro-bullets li{column-gap:12px}.routine-finder__intro-bullets li:before{width:7px;height:7px;margin-top:8px}}.routine-finder__products{margin-top:clamp(10px,2vw,16px);max-width:100%;overflow-x:hidden}.routine-finder__intro-title{margin:0;font-size:clamp(26px,1.9vw,30px);font-weight:700;line-height:1.15;color:#1e1e1e;text-transform:none;letter-spacing:0}.routine-finder__intro-text{margin:0;font-size:15px;font-weight:400;color:#5f5f5f;line-height:1.62}.routine-finder__intro-bullets{margin:0;padding:0;display:grid;gap:10px;font-size:14px;color:#1d1d1bcc;line-height:1.55}.routine-finder__intro-bullets li{display:grid;grid-template-columns:6px 1fr;column-gap:10px}.routine-finder__intro-bullets li:before{content:"";width:6px;height:6px;border-radius:50%;background:#c6c0b5;margin-top:8px}.routine-finder__intro-bullets li::marker{content:""}.routine-finder__product-grid{display:flex;align-items:stretch;gap:clamp(10px,1.6vw,16px);flex-wrap:nowrap;width:100%;max-width:100%}.routine-finder__step-card{display:grid;gap:10px;flex:1 1 0;min-width:0;width:100%}.routine-finder__step-arrow{display:inline-flex;align-self:center;justify-content:center;color:#1d1d1b59;font-size:18px;line-height:1;margin-top:30px;width:auto;height:auto;background:none}.routine-finder__step-label--desktop{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#1d1d1bad;font-weight:600}.routine-finder__step-label--mobile{display:none}.routine-finder__product-placeholder{border:1px dashed rgba(0,0,0,.2);border-radius:16px;padding:32px 16px;text-align:center;font-size:14px;color:#1d1d1b99}.routine-finder__bundle{margin-top:18px;padding-top:18px;border-top:1px solid rgba(0,0,0,.08)}.routine-finder__bundle-card{display:grid;gap:18px;align-items:center;background:#fafafa;border:1px solid rgba(0,0,0,.08);border-radius:22px;padding:clamp(20px,2.2vw,28px);position:relative}.routine-finder__bundle-badge{position:absolute;top:12px;right:12px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#00000014;color:#000000c7;font-weight:600}.routine-finder__bundle-card[hidden]{display:none!important}.routine-finder__bundle-media{max-width:160px}@media(min-width:640px){.routine-finder__bundle-card{grid-template-columns:minmax(0,160px) minmax(0,1fr) auto}}.routine-finder__bundle-image{width:100%;height:auto;display:block;border-radius:12px}.routine-finder__bundle-info{display:grid;gap:8px}.routine-finder__bundle-title{margin:0;font-weight:700;font-size:18px;letter-spacing:0;text-transform:none;color:#1d1d1bd9}.routine-finder__bundle-price{display:flex;gap:8px;align-items:center;font-size:16px}.routine-finder__bundle-price del{color:#1d1d1b80}.routine-finder__bundle-note{margin:0;font-size:13px;color:#1d1d1ba3}.routine-finder__bundle-savings{margin:0;font-size:13px;line-height:1.4;color:#1d1d1bcc;font-weight:600}.routine-finder__bundle-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--border-radius, 4px);background:#111;color:#fff;text-decoration:none;font-weight:600;padding:12px 18px}.routine-finder__howto{margin-top:12px;border-top:1px solid rgba(0,0,0,.08);padding-top:10px}.routine-finder__application{margin-top:clamp(16px,2.4vw,24px);padding-top:clamp(12px,2vw,16px);border-top:1px solid rgba(0,0,0,.08);display:grid;gap:10px}.routine-finder__application-heading{margin:0 0 clamp(8px,1.4vw,14px);font-size:clamp(18px,.8vw + .95rem,24px);line-height:1.2;text-transform:uppercase;text-align:center;color:#111}.routine-finder__application-subheading{margin:0;color:#000;font-size:clamp(14px,1.1vw,16px);line-height:1.55;text-align:center}.routine-finder__application-video{width:100%}.routine-finder__application-video iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:42px;display:block}@media(min-width:768px){.routine-finder__application-video{margin-top:12px}}.routine-finder__panel[hidden]{display:none!important}.routine-finder__panel{display:none;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.routine-finder__panel.is-active{display:block;opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.routine-finder__panel{transition:none;transform:none}}.routine-finder .product-card__wrapper img{max-height:240px;max-width:100%}.routine-finder .product-card__wrapper,.routine-finder .product-card-image-wrapper,.routine-finder .product-card__image{max-width:100%}.routine-finder .product-card__inner,.routine-finder .product-card__description{width:100%}.routine-finder .product-card__atc{width:100%;max-width:190px;display:flex;align-items:center;justify-content:center}.routine-finder .product-card__description{display:flex;flex-direction:column;align-items:center}.routine-finder .product-card__title{margin-top:10px;min-height:2.5em;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 6px}.routine-finder .product-card__tags{min-height:28px;margin-top:10px;align-items:center}.routine-finder .product-card-image-wrapper{padding-top:8px}.routine-finder .product-card__price{margin-top:12px}.routine-finder__chip:focus-visible,.routine-finder__toggle-input:focus-visible+.routine-finder__toggle-slider,.routine-finder__bundle-cta:focus-visible,.routine-finder__skin-test:focus-visible,.routine-finder__sticky-cta:focus-visible,.routine-finder__reset:focus-visible,.routine-finder__why-toggle:focus-visible{outline:2px solid #1e1e1e;outline-offset:3px}.routine-finder__step{margin-bottom:0}.routine-finder__step:last-child{margin-bottom:0}.routine-finder__step[hidden],.routine-finder__chip[hidden],.routine-finder__skin-test[hidden],.routine-finder__extras-row[hidden]{display:none!important}@media(max-width:900px){.routine-finder__controls,.routine-finder__results{padding:24px}}.routine-finder__howto summary{cursor:pointer;font-weight:600}.routine-finder__howto-body{margin-top:8px;font-size:14px;color:#1d1d1bbf;line-height:1.5}.routine-finder__empty{text-align:center;font-size:14px;color:#1d1d1ba6}.routine-finder__sticky{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -10px 24px #00000014;padding:12px 16px;z-index:1000;display:none}.routine-finder__sticky.is-visible{display:block}.routine-finder__sticky-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.routine-finder__sticky-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#1d1d1b99}.routine-finder__sticky-price{display:flex;gap:6px;align-items:center;font-weight:600}.routine-finder__sticky-cta{background:#111;color:#fff;text-decoration:none;padding:10px 16px;border-radius:12px;font-weight:600}body.routine-finder-sticky-open{padding-bottom:84px}@media(max-width:767px){.routine-finder__chip-row{flex-wrap:wrap;overflow-x:visible;padding-bottom:0;-webkit-overflow-scrolling:auto;-webkit-mask-image:none;mask-image:none;margin-left:0}.routine-finder__intro{margin-bottom:14px;gap:4px}.routine-finder__title{font-size:var(--font-size-section-title)}.routine-finder__subtitle{font-size:var(--font-size-section-subtitle);line-height:var(--line-height-section-subtitle);opacity:.75;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.routine-finder__controls,.routine-finder__results{padding:16px;border-radius:14px}.routine-finder__controls{gap:14px}.routine-finder__controls-top{flex-direction:column;align-items:flex-start}.routine-finder__controls-title{font-size:var(--font-size-section-kicker);line-height:1.1;max-width:none}.routine-finder__step{display:grid;gap:8px}.routine-finder__step-title{margin:0;font-size:12px;letter-spacing:.01em;color:#1d1d1bad}.routine-finder__chip{min-height:40px;padding:0 14px;font-size:13px}.routine-finder__chip-row{gap:8px}.routine-finder__results--products{margin-top:10px}.routine-finder__intro-title{font-size:20px;line-height:1.15;font-weight:700}.routine-finder__intro-outcome{font-size:14px;line-height:1.4}.routine-finder__why-toggle{font-size:13px;display:inline-flex;text-transform:uppercase}.routine-finder.is-js-ready .routine-finder__intro-panel:not(.is-expanded) .routine-finder__intro-details{max-height:0;opacity:0;pointer-events:none;margin-top:0;gap:0}.routine-finder__extras-row{display:flex;flex-direction:column;align-items:stretch;gap:10px}.routine-finder__skin-test{width:100%;justify-content:center}.routine-finder__toggle{width:100%;justify-content:space-between}.routine-finder__bundle-card{grid-template-columns:1fr}.routine-finder__bundle-media{margin:0 auto}.routine-finder__bundle-info{justify-items:center;text-align:center}.routine-finder__bundle-price{justify-content:center}.routine-finder__product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.routine-finder__step-card{flex:none;position:relative}.routine-finder__step-arrow,.routine-finder__step-label--desktop{display:none}.routine-finder__step-label--mobile{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:fit-content;max-width:calc(100% - 16px);padding:4px 8px;border-radius:999px;background:#0000000f;color:#000000bf;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;white-space:nowrap;position:absolute;top:8px;left:8px;z-index:2;box-shadow:0 2px 6px #00000014}.routine-finder__product-grid[data-product-count="1"] .routine-finder__step-card,.routine-finder__product-grid[data-product-count="3"] .routine-finder__step-card[data-step-order="3"]{grid-column:1 / -1}.routine-finder__sticky-inner{flex-direction:column;align-items:flex-start}}@media(min-width:768px){.routine-finder__sticky{display:none!important}}@media(prefers-reduced-motion:reduce){.routine-finder__chip,.routine-finder__results{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-routine-finder.css.map */