/* Product discovery tools, using the shared identity. */
.explore-content{padding-block:20px 75px}
.explore-search-host{position:relative}
.explore-search-host input{min-width:0}
.explore-search-host .explore-search-clear{border:0;background:transparent;padding:6px;font-size:23px;color:var(--muted);cursor:pointer;flex:0 0 auto}
.explore-search-clear[hidden],.search-suggestions[hidden]{display:none!important}
.search-suggestions{position:absolute;top:calc(100% + 10px);left:0;right:0;min-width:280px;z-index:80;max-height:min(520px,65vh);overflow-y:auto;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 30px #123f3514;text-align:left;padding:8px}
.search-suggestions-heading{font-size:10px;letter-spacing:.06em;color:var(--muted);padding:10px 12px;text-transform:uppercase}
.search-suggestions [role=option]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px;font-size:12px;border-radius:2px}
.search-suggestions [role=option]:hover,.search-suggestions [role=option][aria-selected=true]{background:var(--sage)}
.search-suggestions [role=option] strong{font-weight:550}
.search-suggestions small{display:block;font-size:10px;line-height:1.5;color:var(--muted)}
.search-suggestions .search-all-results{display:block;margin-top:5px;padding:14px 12px;border-top:1px solid var(--line);font-size:12px;font-weight:550}
.search-starting-points{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}
.search-starting-points a{padding:8px 10px;border:1px solid var(--line);font-size:11px}
.search-no-results{font-size:12px;padding:12px}
.explore-page-search{display:flex;align-items:center;gap:14px;padding:12px 12px 12px 24px;background:var(--white);border:1px solid var(--line);max-width:800px}
.explore-page-search>input{width:100%;flex:1;border:0;background:transparent;font:16px var(--sans);padding:10px 0;color:var(--ink)}
.explore-page-search>.button{flex:0 0 auto;min-height:44px}
.explore-search-intro{max-width:800px;margin-top:45px}
.explore-search-intro .section-head{align-items:center}
.explore-search-intro h2{font-size:32px}
.explore-search-intro .text-button{font-size:12px}
.explore-search-chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.explore-search-chips a{padding:10px 16px;background:var(--white);border:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}
.explore-search-intro .text-link{margin-top:20px}
.explore-compare-tools{display:flex;align-items:flex-end;gap:24px;justify-content:space-between;margin-bottom:30px}
.explore-compare-tools form{display:flex;align-items:flex-end;gap:16px;flex:1;max-width:760px}
.explore-compare-tools .form-field{flex:1;margin:0;min-width:0}
.explore-compare-tools .text-button{font-size:12px;white-space:nowrap}
.explore-compare-tools .button{min-height:48px}
.explore-comparison-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);background:var(--white)}
.explore-comparison-table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}
.explore-comparison-table th,.explore-comparison-table td{padding:20px 22px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:13px;line-height:1.6;vertical-align:top;min-width:170px}
.explore-comparison-table tr>:last-child{border-right:0}
.explore-comparison-table tr:last-child>*{border-bottom:0}
.explore-comparison-table th:first-child{width:160px;background:var(--sage);font-weight:550}
.explore-comparison-table thead th{max-width:300px}
.explore-comparison-table thead .eyebrow{display:block;margin-bottom:12px}
.explore-comparison-table thead a{display:block;font-weight:550;font-size:15px}
.explore-comparison-table .text-button{display:block;margin-top:16px;font-size:11px;font-weight:400;text-decoration:underline}
.explore-comparison-table .text-link{white-space:normal;font-size:12px}
.explore-disclaimer{margin-top:26px;max-width:900px;color:var(--muted);font-size:12px}
.explore-disclaimer small{display:block;font-size:11px;margin-top:14px}
.explore-empty{padding:40px;background:var(--sage)}
.explore-empty h2{font-size:36px}
.explore-empty p{font-size:14px;max-width:540px;margin:15px 0 25px}
.routine-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.routine-time{display:flex;padding:4px;border:1px solid var(--line);background:var(--white)}
.routine-time button{border:0;background:transparent;color:var(--ink);padding:13px 28px;font:13px var(--sans);cursor:pointer}
.routine-time button[aria-pressed=true]{color:var(--paper);background:var(--ink)}
.routine-builder-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:35px;align-items:start}
.routine-builder-steps{display:grid;gap:18px}
.routine-builder-step{border:1px solid var(--line);background:var(--white);padding:28px}
.routine-step-title{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.routine-step-title .eyebrow{margin:0}
.routine-step-title h2{font-size:29px}
.routine-builder-step .form-field{margin:0;min-width:0}
.routine-step-details{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:20px}
.routine-step-details>.form-field{max-width:300px;flex:1}
.routine-step-details .text-link{font-size:12px;margin-bottom:13px}
.routine-builder-summary{padding:30px;background:var(--sage);position:sticky;top:175px}
.routine-builder-summary h2{font-size:36px;margin:12px 0 20px}
.routine-selected-list>div{display:flex;justify-content:space-between;gap:18px;padding-block:14px;border-bottom:1px solid var(--line);font-size:12px}
.routine-selected-list small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.routine-selected-list strong{white-space:nowrap}
.routine-builder-summary>.summary-total{gap:15px;font-size:14px}
.routine-builder-summary>small{display:block;font-size:11px;line-height:1.6;color:var(--muted)}
.routine-builder-summary .button{margin-top:17px;font-size:12px}
.routine-builder-summary .catalog-note{font-size:11px;margin-top:20px}
.routine-reminder{padding:25px 28px;border-left:2px solid var(--rust);background:var(--peach)}
.routine-reminder strong{font-size:12px}
.routine-reminder p{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.7}
.routine-builder-note{margin-top:28px;font-size:12px}
@media(max-width:900px){.routine-builder-layout{gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr)}.routine-builder-step,.routine-builder-summary{padding:23px}.routine-builder-summary{top:150px}.explore-compare-tools form{align-items:stretch;flex-direction:column}}
@media(max-width:650px){.explore-content{padding-block:15px 50px}.explore-page-search{padding:9px 9px 9px 16px;gap:7px}.explore-page-search>.button{padding:10px 14px;font-size:12px}.search-suggestions{min-width:0}.explore-search-intro .section-head{align-items:flex-start;flex-direction:column;gap:12px}.explore-search-intro h2{font-size:28px}.explore-compare-tools{align-items:flex-start;flex-direction:column;gap:20px}.explore-compare-tools form{width:100%}.explore-comparison-table th,.explore-comparison-table td{padding:17px;font-size:12px;min-width:165px}.explore-empty{padding:27px}.explore-empty h2{font-size:30px}.routine-toolbar{align-items:flex-start;flex-direction:column}.routine-time{width:100%}.routine-time button{flex:1}.routine-toolbar>.text-link{font-size:12px}.routine-builder-layout{grid-template-columns:1fr}.routine-builder-summary{position:static}.routine-builder-step{padding:22px 18px}.routine-step-title h2{font-size:27px}.routine-step-details{gap:18px}.routine-reminder{padding:22px}.routine-builder-note{margin-top:20px}}
/* Long translated labels and native options must stay inside the grid track. */
.routine-builder-layout > *,
.routine-builder-steps,
.routine-builder-step,
.routine-builder-summary,
.routine-step-details,
.routine-step-details > *,
.explore-compare-tools form,
.explore-page-search,
.explore-search-host { min-width:0; }
.routine-builder select,
.explore-compare-tools select { width:100%; max-width:100%; min-width:0; box-sizing:border-box; }
.routine-selected-list > div > span { min-width:0; overflow-wrap:anywhere; }
.routine-builder-summary .button { white-space:normal; overflow-wrap:anywhere; }
.explore-search-host > input { min-width:0; max-width:100%; }
.search-suggestions [role=option] > span { min-width:0; overflow-wrap:anywhere; }
@media(max-width:650px) {
 .routine-builder-layout { grid-template-columns:minmax(0,1fr); }
 .routine-step-details .form-field { min-width:0; }
}

/* Comparison options and optional routine care. */
.compare-product-image{display:block;width:100%;height:150px;object-fit:contain;background:#fff;margin-bottom:16px}.explore-comparison-table .compare-size{margin:18px 0 0}.compare-size select{width:100%;max-width:100%;min-width:0}.compare-formula summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.compare-formula p{font-size:12px;max-height:260px;overflow:auto;overflow-wrap:anywhere;margin-top:12px}.routine-extras{border:1px solid var(--line);padding:24px;min-width:0}.routine-extras>summary{font-size:20px;font-weight:650;cursor:pointer}.routine-extras>p{font-size:13px;line-height:1.7;margin:16px 0 24px}.routine-extras .routine-builder-step{padding:20px}.routine-extras .routine-step-title h2{font-size:22px}.explore-comparison-table th:first-child{background:#f7f7f7}.explore-comparison-table td{overflow-wrap:anywhere}.explore-comparison-table td:has(.compare-formula){max-width:350px}@media(max-width:650px){.routine-extras{padding:18px}.routine-extras .routine-builder-step{padding:16px}.compare-product-image{height:120px}.explore-comparison-table th:first-child{min-width:110px;width:110px}.compare-size select{padding-inline:8px 25px}}

/* Nested optional-care cards need a full row on narrow tablets as well as phones. */
@media(max-width:820px){.routine-builder .routine-builder-layout{grid-template-columns:minmax(0,1fr)!important}.routine-builder .routine-builder-summary{position:static!important}}

/* Live search: pictured results with clear hierarchy and a stable mobile panel. */
.explore-search-host .search-suggestions{background:#fff;color:#111;border-radius:12px;padding:8px;max-height:min(560px,65vh);max-height:min(560px,65dvh);overscroll-behavior:contain;scroll-padding-block:8px;box-sizing:border-box;min-width:0}
.explore-search-host .search-suggestions [role=option]{min-height:48px;gap:12px;padding:10px;border-radius:8px;color:#111;text-decoration:none;box-sizing:border-box}
.explore-search-host .search-suggestions .search-product-result{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center}
.explore-search-host .search-product-image{display:flex;align-items:center;justify-content:center;width:52px;height:64px;background:#fff;border:1px solid #f0f0ec;border-radius:6px;overflow:hidden}
.explore-search-host .search-product-image img{display:block;width:100%;height:100%;object-fit:contain}
.explore-search-host .search-result-copy{min-width:0;line-height:1.45;overflow-wrap:anywhere}
.explore-search-host .search-result-copy>strong{display:block;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0}
.explore-search-host .search-result-copy .search-result-brand{font-size:10px;font-weight:650;letter-spacing:.025em;color:#28594e;margin-bottom:3px}
.explore-search-host .search-result-copy .search-result-size{font-size:11px;color:#454545;margin-top:3px}
.explore-search-host .search-product-price{font-size:13px;font-weight:650;white-space:nowrap;letter-spacing:0;align-self:center;color:#111}
.explore-search-host .search-suggestions mark{background:#ffebdc;color:inherit;border-radius:2px;padding:0 1px}
.explore-search-host .search-suggestions-heading{font-size:11px;line-height:1.5;letter-spacing:.04em;color:#454545;padding:9px 10px}
.explore-search-host .search-result-kind{font-size:10px;color:#454545;text-align:right;flex:0 0 auto;max-width:36%;overflow-wrap:anywhere}
.explore-search-host .search-suggestions [role=option]:hover,.explore-search-host .search-suggestions [role=option][aria-selected=true]{background:#f0f6f1}
.explore-search-host .search-suggestions [role=option]:focus-visible{outline:2px solid #1c594a;outline-offset:-2px;background:#f0f6f1}
.explore-search-host .search-suggestions .search-all-results{display:block;padding:14px 10px;font-size:13px;font-weight:650;border-top:1px solid #e6e9e5;margin-top:6px;border-radius:0 0 7px 7px;line-height:1.5}
.explore-search-host .search-no-results{font-size:13px;line-height:1.6;color:#111;padding:12px 10px;margin:0}
.explore-search-host .explore-search-clear{min-width:40px;min-height:44px;color:#111}
.explore-search-host input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
@media(max-width:650px){.explore-search-host .search-suggestions{top:calc(100% + 6px);max-height:58vh;max-height:58dvh}.explore-search-host .search-suggestions [role=option]{gap:9px;padding:9px}.explore-search-host .search-suggestions .search-product-result{grid-template-columns:44px minmax(0,1fr) auto}.explore-search-host .search-product-image{width:44px;height:56px}.explore-search-host .search-result-copy>strong,.explore-search-host .search-product-price{font-size:12px}.explore-page-search .explore-search-clear{min-width:32px;padding-inline:2px}}
