/* Keep storefront surfaces dark while product photography retains its white canvas. */
body.chm-zero.chm-dark-mode{--ink:#ededed;--muted:#b5b5b5;--paper:#262626;--canvas:#1c1c1c;--wash:#303030;--line:#494949;--dark:#242424;background:var(--canvas);color:var(--ink)}
body.chm-dark-mode .site-header .all-menu-toggle,
body.chm-dark-mode .site-header .icon-button,
body.chm-dark-mode .site-header .nav-toggle{color:var(--ink)}
body.chm-dark-mode .footer-newsletter-form button{background:var(--ink);color:var(--canvas)}
body.chm-dark-mode .account-drawer{background:#222;color:var(--ink)}
body.chm-dark-mode .account-drawer-footer{background:#2d2d2d}
body.chm-dark-mode .account-drawer-locale button{background:#292929;color:var(--ink);border-color:#555}
body.chm-dark-mode .account-drawer-theme,
body.chm-dark-mode .account-drawer-locale{border-color:transparent}
body.chm-dark-mode .account-drawer-auth{background:#ededed;color:#222;border-color:#ededed}
body.chm-dark-mode .account-drawer .overlay-head .icon-button{background:#333;color:var(--ink)}
body.chm-dark-mode .home-modules{background:var(--canvas)}
body.chm-dark-mode .home-product-card-media,
body.chm-dark-mode .home-brand-feature-media,
body.chm-dark-mode .home-brand-promo-media,
body.chm-dark-mode .home-popular-brand-media{background:#fff}
body.chm-dark-mode .home-product-card-badge{color:#fff}
body.chm-dark-mode .home-brand-promo-card>span{background:var(--wash);color:var(--ink)}
body.chm-dark-mode .sl-trigger{color:var(--ink)!important}
body.chm-dark-mode .suryus-locale-selector label,
body.chm-dark-mode .footer-preferences .footer-preference-label{color:var(--muted)}
.suryus-locale-selector{display:flex;flex-wrap:wrap;gap:32px;align-items:center;letter-spacing:0}
.suryus-locale-selector label{display:flex;align-items:center;gap:12px;font:inherit;font-size:11px;color:#777;max-width:100%}
.suryus-locale-selector select{max-width:100%;min-height:44px;padding:8px 24px 8px 0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:14px}
.suryus-locale-selector select:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.suryus-locale-selector select[hidden]{display:none!important}
.sl-picker{position:relative;text-align:left}.sl-trigger,.sl-option{font:inherit!important;font-size:14px!important;color:#171717!important;border:0!important;cursor:pointer;letter-spacing:0}
.sl-trigger{min-height:44px;padding:8px 0!important;background:transparent!important;border-radius:0!important;text-align:left;white-space:nowrap}
.sl-trigger:after{content:'';display:inline-block;width:6px;height:6px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(45deg);margin:0 0 3px 14px}
.sl-popup{position:absolute;z-index:1000;bottom:calc(100% + 10px);left:0;width:270px;max-width:calc(100vw - 24px);max-height:min(420px,65vh);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:0;border-radius:20px;padding:10px 8px;box-shadow:0 10px 28px #00000018,0 2px 5px #0000000d;scrollbar-width:thin}
.account-drawer-locale{position:relative;z-index:5}
.account-drawer-locale:has(.sl-drawer-controls){display:block;flex-basis:auto;min-height:88px}
.account-drawer-locale .sl-drawer-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:100%}
.sl-drawer-controls label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.sl-drawer-controls label:first-child{order:2}
.sl-drawer-controls .sl-picker{width:100%;min-width:0}
.sl-drawer-controls .sl-trigger{white-space:normal;text-align:left;line-height:1.4}
body.chm-dark-mode .account-drawer-locale .sl-option{color:#ededed!important}
body.chm-dark-mode .account-drawer-locale .sl-option:hover,
body.chm-dark-mode .account-drawer-locale .sl-option:focus-visible{background:#444!important}
.account-drawer-locale .sl-popup{bottom:calc(100% + 10px);width:270px;max-height:min(420px,65vh);border-radius:20px;padding:10px 8px;box-shadow:0 10px 28px #00000018,0 2px 5px #0000000d;box-sizing:border-box;overflow-x:hidden}
.account-drawer-locale .sl-option{display:flex;min-height:44px;white-space:normal;box-sizing:border-box;font-size:14px!important;line-height:1.4}
.account-drawer-locale .sl-option>span{font-size:inherit;line-height:inherit}
.account-drawer-locale .sl-option>.sl-code{font-size:10px;flex:0 0 20px}
.account-drawer-locale .sl-option>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.account-drawer-locale>div:first-child .sl-popup{left:0}
.account-drawer-locale>div:nth-child(2) .sl-popup{right:0;left:auto}
body.chm-dark-mode .account-drawer-locale .sl-popup{background:#303030;color:#ededed;box-shadow:0 12px 30px #0008}
.sl-popup[hidden]{display:none!important}.sl-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px!important;background:transparent!important;border-radius:8px!important;text-align:left;line-height:1.4}
.sl-option:hover,.sl-option:focus-visible{background:#f5f5f5!important}.sl-code{font-size:10px;min-width:20px}.sl-option>span:nth-child(2){flex:1}.sl-check{width:11px;height:6px;flex-shrink:0;opacity:0;border-left:1.5px solid #09aa55;border-bottom:1.5px solid #09aa55;transform:rotate(-45deg)}.sl-option[aria-pressed=true] .sl-check{opacity:1}
.sl-trigger:focus-visible,.sl-option:focus-visible{outline:2px solid #777;outline-offset:2px}
.footer-preferences:has(.suryus-locale-selector){gap:32px;padding-top:12px;margin-top:20px;border:0;justify-content:center;align-items:center}
.footer-preferences:has(.suryus-locale-selector) .footer-preference{gap:12px;flex-direction:row;align-items:center}
.footer-preferences:has(.suryus-locale-selector) .footer-preference-label{font-size:11px;font-weight:400;text-transform:none;color:#777}
.footer-preferences:has(.suryus-locale-selector) .footer-appearance-select summary{background:transparent;border:0;min-height:44px;padding:0 4px}
@media(max-width:600px){
 .footer-preferences:has(.suryus-locale-selector){flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:8px}
 .suryus-locale-selector{width:100%;justify-content:center;gap:20px}
 .suryus-locale-selector label{flex-direction:column;gap:0;align-items:flex-start}
 .sl-trigger{font-size:13px!important}
 .footer-preferences:has(.suryus-locale-selector)>.footer-preference{width:100%;justify-content:center}
}