/* Storefront preferences: no dependency on icon fonts or Bootstrap dropdowns. */
.shop-preferences{display:flex;align-items:center;gap:6px;flex-shrink:0;position:relative;z-index:65}
.shop-pref{position:relative;color:var(--ink,#24332b)}
.shop-pref summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid var(--line,#dce5df);border-radius:24px;cursor:pointer;background:var(--shop-surface,#fff);font-size:12px;font-weight:600;line-height:1;transition:background .15s,border-color .15s}
.shop-pref summary::-webkit-details-marker{display:none}
.shop-pref summary:hover{border-color:var(--accent,#24664f);background:var(--accent-light,#f0f7f2)}
.shop-pref summary:focus-visible,.shop-pref-menu button:focus-visible{outline:2px solid var(--accent,#24664f);outline-offset:3px}
.shop-pref svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.shop-pref .shop-moon{display:none}
html[data-shop-theme=dark] .shop-pref .shop-sun{display:none}
html[data-shop-theme=dark] .shop-pref .shop-moon{display:block}
.shop-pref-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:156px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--line,#dce5df);border-radius:14px;background:var(--shop-surface,#fff);color:var(--ink,#24332b);box-shadow:0 12px 34px #14271e20;z-index:70;animation:shop-menu-in .13s ease-out}
.shop-pref-menu button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:13px;white-space:nowrap;text-align:left;cursor:pointer}
.shop-pref-menu button:hover,.shop-pref-menu button[aria-pressed=true]{background:var(--accent-light,#f0f7f2)}
@keyframes shop-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* Explicit palettes override the product-specific Grok palette as well. */
html[data-shop-theme] body{--bg:#f7f9f8;--ink:#202c27;--muted:#64756b;--line:#dfe7e1;--accent:#24664f;--accent-light:#edf5ef;--shop-surface:#fff;--shop-field:#fbfcfb;--logo-filter:invert(28%) sepia(17%) saturate(1606%) hue-rotate(106deg) brightness(93%) contrast(89%);color-scheme:light}
html[data-shop-theme=dark] body{--bg:#101713;--ink:#e6eee8;--muted:#a4b3a8;--line:#34463b;--accent:#a3d2b5;--accent-light:#263c2f;--shop-surface:#19241d;--shop-field:#142018;--logo-filter:invert(85%) sepia(15%) saturate(550%) hue-rotate(90deg);--acg-text-strong:#e6eee8;--acg-text-muted:#a4b3a8;--acg-card-bg:#19241d;--acg-border:#34463b;color-scheme:dark}
html[data-shop-theme] body.storefront-v2{background:var(--bg)!important;color:var(--ink)}
html[data-shop-theme] body .sf-navbar .product-nav{background:var(--accent-light);border-color:var(--line)}
html[data-shop-theme] body .nav-indicator{background:var(--shop-surface)}
html[data-shop-theme] body .product-tab{color:var(--muted)}
html[data-shop-theme] body .product-tab.active{color:var(--ink)}
html[data-shop-theme] body .checkout,html[data-shop-theme] body .plan,html[data-shop-theme] body .sf-navbar .dropdown-menu{background:var(--shop-surface);border-color:var(--line);color:var(--ink)}
html[data-shop-theme] body .plan.selected{background:var(--accent-light);border-color:var(--accent)}
html[data-shop-theme] body .plan:hover{background:var(--accent-light);border-color:var(--accent)}
html[data-shop-theme] body .sf-main .vstack .form-control,html[data-shop-theme] body .sf-main .qty-group,html[data-shop-theme] body .sf-payment-select,html[data-shop-theme] body .sf-payment-select option{background:var(--shop-field);border-color:var(--line);color:var(--ink)}
html[data-shop-theme] body .buy-button{background:#24664f;color:#fff}
html[data-shop-theme=dark] body .buy-button{background:#a3d2b5;color:#15291c}
html[data-shop-theme] body :is(.story-description,.native-description,.feature-row,.feature-row svg,.product-tagline,.sf-notice,.plan-note,.sf-current-name,.sf-item-status,.detail-row p,.checkout-footnote,.delivery-status,.section-kicker,.sf-navbar .dropdown-item){color:var(--muted)}
html[data-shop-theme] body .mode.active,html[data-shop-theme] body .sf-main h1{color:var(--ink)}
html[data-shop-theme] body .sf-navbar .dropdown-item:hover{background:var(--accent-light)}
html[data-shop-theme=dark] body:not(.storefront-v2){background-color:var(--bg)!important;background-image:none!important;color:var(--ink)}
html[data-shop-theme=dark] body :is(.card,.modal-content,.layui-layer,.layui-layer-content,.dropdown-menu){background:var(--shop-surface);color:var(--ink);border-color:var(--line)}
html[data-shop-theme=dark] body :is(.navbar-acg:not(.sf-navbar),.form-control,.form-select,.input-group-text,.dropdown-item,.table){background-color:var(--shop-surface)!important;color:var(--ink)!important;border-color:var(--line)}
html[data-shop-theme=dark] body :is(.text-dark,.text-body,.card-title){color:var(--ink)!important}
html[data-shop-theme=dark] body :is(.text-muted,.text-secondary){color:var(--muted)!important}
/* Keep preference controls visible without overlapping the product navigation. */
@media(min-width:1200px){.sf-navbar>.container{gap:18px}.sf-navbar .brand{margin-right:0;min-width:0}.sf-navbar .brand>span{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-navbar .sf-product-nav{position:relative;left:auto;top:auto;right:auto;transform:none;margin:auto;order:1}.sf-navbar .sf-header-actions{order:2;margin-left:0;gap:12px}.sf-navbar .shop-preferences{order:3}.sf-navbar .product-tab{min-width:0;padding-left:13px;padding-right:13px}.sf-navbar>.container{max-width:1500px;padding:0 24px}}
@media(max-width:1199px){.sf-navbar{height:auto;padding:0}.sf-navbar>.container{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;padding:14px 20px;gap:10px 12px;align-self:auto}.sf-navbar .brand{grid-area:1/1;margin:0;min-width:0;font-size:20px}.sf-navbar .brand>span{max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-navbar .brand-logo{width:30px;height:30px;flex-shrink:0}.sf-navbar .shop-preferences{grid-area:1/2}.sf-navbar .sf-product-nav{grid-area:2/1/3/3;position:relative;inset:auto;transform:none;display:flex;width:100%;justify-content:space-between;margin:0}.sf-navbar .product-tab{flex:1;min-width:0;padding:10px 6px}.sf-navbar .sf-header-actions{grid-area:3/1/4/3;width:100%;margin:0;gap:12px;justify-content:flex-start;min-height:36px}.sf-navbar .user-login-box,.sf-navbar .user-info-box{margin-left:auto!important}.sf-navbar .sf-order-query{font-size:11px;padding:8px 0}.sf-navbar .user-login-box a{font-size:11px;padding:6px 2px}.sf-navbar .user-login-box a:last-child{display:inline-flex}.sf-navbar #userDropdown{max-width:150px}.sf-navbar #username{max-width:100px;overflow:hidden;text-overflow:ellipsis}.shop-pref summary{min-height:44px}.navbar-acg:not(.sf-navbar) .shop-preferences{margin-left:auto;margin-right:8px}}
@media(max-width:365px){.sf-navbar>.container{padding-left:16px;padding-right:16px;gap:8px}.sf-navbar .brand{font-size:18px;gap:5px}.sf-navbar .sf-header-actions{gap:10px}.shop-preferences{gap:4px}.shop-pref summary{padding:8px;min-width:44px}}
@media(prefers-reduced-motion:reduce){.shop-pref-menu{animation:none}.shop-pref summary{transition:none}}