.menopause-stage-finder{position:relative;display:block;overflow:hidden;scroll-margin-top:230px;background:var(--menopause-finder-background);color:var(--menopause-finder-text)}.menopause-stage-finder__background,.menopause-stage-finder__background-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.menopause-stage-finder__background img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--menopause-finder-background-position)}.menopause-stage-finder__background-overlay{background:var(--menopause-finder-background);opacity:var(--menopause-finder-overlay-opacity)}.menopause-stage-finder__inner{position:relative;z-index:1;width:min(100% - 40px,1240px);margin:0 auto}.menopause-stage-finder__header{max-width:660px;margin-bottom:clamp(28px,5vw,50px)}.menopause-stage-finder__eyebrow,.menopause-stage-finder__result-label{margin:0 0 12px;color:var(--menopause-finder-accent);font-size:12px;font-weight:var(--font-body-bold-weight, 700);line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.menopause-stage-finder__heading{margin:0;color:var(--menopause-finder-text);font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-.025em;text-wrap:balance}.menopause-stage-finder__instruction{margin:14px 0 0;color:var(--menopause-finder-muted);font-size:16px;line-height:1.55}.menopause-stage-finder__layout{display:grid;gap:26px}.menopause-stage-finder__choices{display:grid;align-content:start;gap:10px}.menopause-stage-finder__mobile-select-wrap{position:relative;display:none}.menopause-stage-finder__mobile-select{width:100%;min-height:54px;padding:13px 48px 13px 16px;border:1px solid var(--menopause-finder-border);border-radius:8px;background:var(--menopause-finder-background);color:var(--menopause-finder-text);font:inherit;font-size:15px;line-height:1.35;-webkit-appearance:none;appearance:none}.menopause-stage-finder__mobile-select:focus-visible{border-color:var(--menopause-finder-text);outline:2px solid var(--menopause-finder-accent);outline-offset:2px}.menopause-stage-finder__mobile-select-arrow{position:absolute;top:50%;right:19px;width:9px;height:9px;border-right:1.5px solid var(--menopause-finder-text);border-bottom:1.5px solid var(--menopause-finder-text);pointer-events:none;transform:translateY(-70%) rotate(45deg)}.menopause-stage-finder__choice{display:grid;width:100%;min-height:52px;padding:13px 16px;border:1px solid var(--menopause-finder-border);border-radius:999px;background:transparent;color:var(--menopause-finder-text);cursor:pointer;font:inherit;font-size:14px;line-height:1.35;text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;transition:border-color .16s ease,background .16s ease,color .16s ease}.menopause-stage-finder__choice:hover,.menopause-stage-finder__choice:focus-visible{border-color:var(--menopause-finder-text)}.menopause-stage-finder__choice:focus-visible{outline:2px solid var(--menopause-finder-accent);outline-offset:2px}.menopause-stage-finder__choice[aria-pressed=true]{border-color:var(--menopause-finder-text);background:var(--menopause-finder-text);color:var(--menopause-finder-background)}.menopause-stage-finder__choice-arrow{font-size:18px;line-height:1}.menopause-stage-finder__results:empty{display:none}.menopause-stage-finder__result[hidden]{display:none}.menopause-stage-finder__result{overflow:hidden;border:1px solid var(--menopause-finder-border);border-radius:12px;background:var(--menopause-finder-panel);animation:menopause-finder-reveal .18s ease both}.menopause-stage-finder__result-media{overflow:hidden;background:var(--menopause-finder-media-background)}.menopause-stage-finder__result-media--square{aspect-ratio:1}.menopause-stage-finder__result-media--portrait{aspect-ratio:4 / 5}.menopause-stage-finder__result-media img,.menopause-stage-finder__placeholder{display:block;width:100%;height:100%;object-fit:contain}.menopause-stage-finder__result-media--natural img{height:auto}.menopause-stage-finder__placeholder{padding:15%;color:var(--menopause-finder-muted)}.menopause-stage-finder__result-content{padding:24px 24px 16px}.menopause-stage-finder__result-title{margin:0;color:var(--menopause-finder-text);font-size:clamp(30px,3.5vw,38px);line-height:1.05;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal}.menopause-stage-finder__result-text{color:var(--menopause-finder-muted);font-size:15px;line-height:1.6}.menopause-stage-finder__details{display:grid;margin:0 24px;padding-bottom:24px;gap:8px}.menopause-stage-finder__details details{border:1px solid var(--menopause-finder-border);border-radius:8px;background:var(--menopause-finder-background)}.menopause-stage-finder__details summary{position:relative;padding:12px 40px 12px 14px;color:var(--menopause-finder-text);cursor:pointer;font-size:12px;font-weight:var(--font-body-bold-weight, 700);line-height:1.35;list-style:none}.menopause-stage-finder__details summary::-webkit-details-marker{display:none}.menopause-stage-finder__details summary:after{position:absolute;top:50%;right:14px;color:var(--menopause-finder-accent);content:"+";font-size:18px;font-weight:400;transform:translateY(-50%)}.menopause-stage-finder__details details[open] summary:after{content:"\2212"}.menopause-stage-finder__details-body{padding:0 14px 14px;color:var(--menopause-finder-muted);font-size:12px;line-height:1.55}.menopause-stage-finder__details-body:empty{display:none}.menopause-stage-finder__result-text{margin-top:14px}.menopause-stage-finder__result-text p{margin:0}.menopause-stage-finder__routine{display:grid;grid-template-columns:86px minmax(0,1fr);max-width:440px;margin-top:16px;padding:10px 12px 10px 8px;border:1px solid var(--menopause-finder-border);border-radius:10px;background:var(--menopause-finder-background);gap:10px;align-items:center}.menopause-stage-finder__routine-media{width:86px;aspect-ratio:1}.menopause-stage-finder__routine-media img{display:block;width:100%;height:100%;object-fit:contain}.menopause-stage-finder__routine-copy{min-width:0}.menopause-stage-finder__routine-heading{margin:0;color:var(--menopause-finder-text);font-size:14px;font-weight:var(--font-body-bold-weight, 700);line-height:1.3}.menopause-stage-finder__routine-text{margin-top:3px;color:var(--menopause-finder-muted);font-size:13px;line-height:1.45}.menopause-stage-finder__routine-text p{margin:0}.menopause-stage-finder__purchase{margin-top:22px}.menopause-stage-finder__result-button{position:relative}.menopause-stage-finder__result-button .loading-overlay{display:none}.menopause-stage-finder__result-button.loading [data-finder-add-label]{opacity:0}.menopause-stage-finder__result-button.loading .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.menopause-stage-finder__purchase-error{margin:10px 0 0;color:var(--menopause-finder-accent);font-size:13px;line-height:1.45}.menopause-stage-finder__offer{max-width:440px;margin-top:14px;padding:14px 16px;border-radius:10px;background:var(--menopause-finder-background)}.menopause-stage-finder__offer-heading,.menopause-stage-finder__offer-text{margin:0}.menopause-stage-finder__offer-heading{color:var(--menopause-finder-accent);font-size:15px;font-weight:var(--font-body-bold-weight, 700);line-height:1.3}.menopause-stage-finder__offer-text{margin-top:6px;color:var(--menopause-finder-text);font-size:12px;line-height:1.45}.menopause-stage-finder__offer-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.menopause-stage-finder__offer-code{display:inline-block;padding:7px 10px;border:1px solid var(--menopause-finder-border);border-radius:7px;background:var(--menopause-finder-panel);color:var(--menopause-finder-text);font-family:inherit;font-size:12px;font-weight:var(--font-body-bold-weight, 700);letter-spacing:.04em}.menopause-stage-finder__offer-copy{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--menopause-finder-accent);cursor:pointer;font:inherit;font-size:11px;font-weight:var(--font-body-bold-weight, 700);line-height:1.3;padding:7px 2px}.menopause-stage-finder__offer-copy:focus-visible{outline:2px solid var(--menopause-finder-accent);outline-offset:3px}.menopause-stage-finder__offer-disclaimer{display:block;margin-top:9px;color:var(--menopause-finder-muted);font-size:10.5px;line-height:1.45}@keyframes menopause-finder-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:750px){.menopause-stage-finder__inner{width:min(100% - 64px,1240px)}.menopause-stage-finder__layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(34px,6vw,80px);align-items:start}.menopause-stage-finder__results{position:sticky;top:110px}.menopause-stage-finder__result-primary{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr);align-items:stretch}.menopause-stage-finder__result-media{min-height:100%;aspect-ratio:auto}.menopause-stage-finder__result-media img{object-fit:cover}.menopause-stage-finder__result-content{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:clamp(28px,4vw,48px)}.menopause-stage-finder__purchase{align-self:flex-start}.menopause-stage-finder__routine{grid-template-columns:96px minmax(0,1fr);padding:11px 14px 11px 9px;gap:12px}.menopause-stage-finder__routine-media{width:96px}.menopause-stage-finder__details{margin:0;padding:24px clamp(28px,3vw,40px);border-top:1px solid var(--menopause-finder-border)}.menopause-stage-finder__details-body{font-size:13px}}@media(max-width:749px){.menopause-stage-finder{scroll-margin-top:110px}.menopause-stage-finder__header{margin-bottom:22px}.menopause-stage-finder__mobile-select-wrap{display:block}.menopause-stage-finder__choices{display:none}.menopause-stage-finder__layout{gap:18px}}@media(prefers-reduced-motion:reduce){.menopause-stage-finder__choice,.menopause-stage-finder__result{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/menopause-stage-finder.css.map */