/* Shared storefront visual baseline, scoped away from administration. */
body.osc-storefront {--paper:#fff;--surface:#fff;--ink:#171917;--pine:#173f31;background:#fff!important;color:#171917;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}
.osc-storefront .site-header,.osc-storefront .navbar {background:#fff!important;box-shadow:none!important}
.osc-storefront main {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}
.osc-storefront:not(.home-page) main :is(h1,h2,h3) {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;letter-spacing:-.04em!important}
.osc-storefront:not(.home-page) main h1 {font-weight:750!important;color:#171917!important}
.osc-storefront:not(.home-page) main :is(h2,h3) {font-weight:650!important}
.osc-storefront :is(.button,.wl-button,.nav-cta,.nav-link,.nav-trigger) {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}
.osc-storefront :is(.button,.wl-button) {border-radius:28px!important;box-shadow:none!important}
.osc-storefront :is(.button-primary,.wl-button) {background:#173f31;color:#fff}
.osc-storefront .nav-cta {box-shadow:none!important}
.osc-storefront :is(.page-main,.wl-main) {background:transparent}
.osc-storefront .wl-main {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.osc-storefront :is(.wl-hero,.wl-bottom,.wl-empty,.wl-card-image,.wl-detail>figure) {background:#f5f5f3}
.osc-storefront .wl-main .wl-button {font-size:15px;font-weight:600;line-height:1.5}
.osc-storefront .skip-link:not(:focus) {visibility:visible;pointer-events:none;clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
.osc-storefront .skip-link:focus {visibility:visible;pointer-events:auto;clip-path:none;width:auto;height:auto;padding:10px 14px;overflow:visible;transform:none}
/* Keep the planning reply note on its own readable row rather than flex-shrinking. */
.osc-storefront .planning-hero-actions {flex-wrap:wrap}
.osc-storefront .planning-hero-actions .planning-speed-note {display:block!important;flex:0 0 100%!important;width:100%!important;max-width:none!important;min-width:0!important;margin:12px 0 0!important;font-size:13px!important;line-height:1.6!important}
.osc-storefront .planning-speed-note>span {display:inline!important;width:auto!important;max-width:none!important;white-space:normal;overflow-wrap:normal;word-break:normal}
@media(hover:hover) {.osc-storefront :is(.button-primary,.wl-button):not(:disabled):hover {background:#28543f}}

/* Keep legacy type tokens aligned, including dynamically loaded catalog styles. */
body.osc-storefront {--font-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-display:"Helvetica Neue",Helvetica,Arial,sans-serif;--font:"Helvetica Neue",Helvetica,Arial,sans-serif}
.osc-storefront:not(.home-page) main .workspace-hero h1 {color:#fff!important}
.osc-storefront .primary-button {border-radius:28px;background:#173f31}
.osc-storefront .workspace :is(.panel,.metric) {box-shadow:none;background:#fff}
.osc-storefront .workspace>header:not(.workspace-hero) h1 {font-size:clamp(32px,4vw,48px);line-height:1.1}
@media(max-width:900px){
 .osc-storefront.chair-check-page .site-header {height:auto;flex-wrap:wrap;gap:12px;padding:12px 20px}
 .osc-storefront.chair-check-page .site-header nav {order:3;flex:1 0 100%;gap:20px;justify-content:flex-start;overflow-x:auto}
 .osc-storefront.chair-check-page .header-action {margin-left:auto}
}
@media(max-width:760px){
 .osc-storefront main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea) {font-size:16px!important}
 .osc-storefront main :is(.button,.button-link,.primary-button) {min-height:44px}
 .osc-storefront .workspace .notice {flex-wrap:wrap}
 .osc-storefront nav[aria-label="Cash-back information"] button {min-height:44px}
 .osc-storefront.chair-check-page .site-header nav a {display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:980px){
 .osc-storefront .planning-page .planning-brand-panel>.planning-brand-assurances {width:100%;margin:0;box-sizing:border-box}
}
@media(max-width:760px){
 .osc-storefront .accessories-hero .accessory-category-row {flex-wrap:wrap;overflow:visible}
 .osc-storefront .accessories-hero .accessory-chip {min-height:44px;white-space:normal;max-width:100%;display:inline-flex;align-items:center}
}
/* One action palette across the storefront, independent of legacy page rules. */
body.osc-storefront {--action-fill:#173f31;--action-hover:#28543f;--action-text:#fff;--action-outline:#cbd3cc;--action-muted:#f1f3ef}
body.osc-storefront :is(.button-primary,.wl-button,.hj-button,.nav-cta,.primary-button) {
 background:var(--action-fill)!important;color:var(--action-text)!important;border-color:var(--action-fill)!important;box-shadow:none!important;
}
body.osc-storefront :is(.button-secondary,.hero-compare-link) {
 background:#fff!important;color:var(--action-fill)!important;border:1px solid var(--action-outline)!important;box-shadow:none!important;
}
body.osc-storefront :is(.button-primary,.button-secondary,.wl-button,.hj-button,.nav-cta,.primary-button,.hero-compare-link)>span {color:inherit!important}
body.osc-storefront :is(.button-primary,.button-secondary,.wl-button,.hj-button,.nav-cta,.primary-button,.hero-compare-link):focus-visible {outline:2px solid var(--action-fill)!important;outline-offset:4px}
@media(hover:hover){
 body.osc-storefront :is(.button-primary,.wl-button,.hj-button,.nav-cta,.primary-button):not(:disabled):not([aria-disabled=true]):hover {background:var(--action-hover)!important;border-color:var(--action-hover)!important;color:#fff!important}
 body.osc-storefront :is(.button-secondary,.hero-compare-link):not(:disabled):not([aria-disabled=true]):hover {background:var(--action-muted)!important;border-color:var(--action-fill)!important;color:var(--action-fill)!important}
}
body.osc-storefront :is(.button-primary,.button-secondary,.wl-button,.primary-button):is(:disabled,[aria-disabled=true]) {opacity:.45!important;cursor:not-allowed;box-shadow:none!important}