/* Shared colours for desktop and mobile; breakpoints change layout, not identity. */
:root{--balm-slate:#27354b;--balm-slate-deep:#1b2434;--balm-slate-soft:#3a4c68;--balm-ink:#243247;--balm-deep:#1b2434;--balm-mint:#ddff26;--balm-neon-ink:#202b3d;--balm-paper:#f8f9fc;--balm-line:#dce3ed}
body{color:var(--balm-ink);background:#e5e9f0}
.shell{background:var(--balm-paper);box-shadow:0 24px 90px #1c2b4220}
.main{background:radial-gradient(ellipse at 100% 0%,#e4eaf4 0%,var(--balm-paper) 43%)}
.shell>.sidebar{background:linear-gradient(165deg,#303e54 0%,#222d40 65%,#192232 100%);border-right-color:#43516a;box-shadow:10px 0 32px #1e2c3e12}
.sidebar .sidebar-brand{border-bottom-color:#9eafc633}
.sidebar .sidebar-brand .brandmark{border-color:#eef2f9;box-shadow:0 5px 26px #0b142c70,0 0 0 1px #8191aa}
.sidebar .sidebar-brand .mini{color:#bcc9dd!important}
.shell>.sidebar .sidefoot{border-top-color:#9eafc633;color:#a8b7cb}
.shell>.sidebar .nav button{background:linear-gradient(125deg,#3a49658c,#253149);color:#eef2fa;box-shadow:0 3px 9px #0d172b26}
.shell>.sidebar .nav button:hover:not(.active){background:linear-gradient(125deg,#485a76,#303e56);color:#fff}
.shell>.sidebar .nav button.active{color:var(--balm-neon-ink);background:linear-gradient(115deg,#edff6b,var(--balm-neon))}
.shell>.sidebar .nav button.active .nav-icon{background:var(--balm-slate);border-color:var(--balm-slate);color:var(--balm-neon)}
.shell>.sidebar .nav button.active .nav-chevron{color:var(--balm-neon-ink)}
.brandword,.topbar .brandword{color:var(--balm-ink)}
.topbar{border-bottom-color:var(--balm-line)}
.topbar .eyebrow{color:#6e809b}
.install{background:linear-gradient(120deg,#34445e,#202b3e);border-color:#50617c;box-shadow:0 7px 20px #1c2b3f29}
.install:hover{background:#405471}
.main>.promo-marquee{background:var(--balm-neon);color:var(--balm-neon-ink)}
.promo-marquee-item,.promo-marquee-dot{color:var(--balm-neon-ink)}
.balm-slide{color:var(--balm-ink)}
.balm-teal{--balm-cloud:#c2cfe3a3;--balm-cloud-soft:#dfe6f17a}
.balm-blue{--balm-cloud:#b9cbe3a8;--balm-cloud-soft:#dbe5f282}
.balm-lime{--balm-cloud:#c5ccdda3;--balm-cloud-soft:#e1e6f07a}
.balm-slide h1{color:var(--balm-ink)}
.balm-kicker{color:#566e91}
.balm-slide p{color:#5d6e86}
.balm-arrow{color:#3a4f70;border-color:#8b9eb72b;background:#ffffffa3}
.balm-arrow:hover{background:#fff;color:#233b5d}
.balm-slide-cta,.primary{background:linear-gradient(120deg,#3b4e6c,#26354e);color:var(--balm-neon);box-shadow:0 7px 22px #24385424}
.balm-slide-cta:hover,.primary:hover{box-shadow:0 9px 24px #24385435;filter:brightness(1.1)}
.experience-intro h2,.sectionhead h2,.productInfo h3,.price{color:var(--balm-ink)}
.experience-eyebrow,.linkbtn{color:#526d94}
.experience-intro p,.sectionhead p{color:#77859a}
.experience-deco{color:#8190a6;border-color:#c2ccda}
.quick-collection,.quick-0,.quick-1,.quick-2,.quick-3{background:linear-gradient(145deg,#33435c,#202c40);border-color:#4b5b76;border-top-color:var(--collection-accent);box-shadow:0 10px 22px #20314b21}
.quick-0{--collection-accent:var(--balm-neon)}
.quick-collection:hover{background:linear-gradient(145deg,#435571,#293a53);border-color:#6b7f9d;border-top-color:var(--collection-accent);box-shadow:0 17px 33px #20314b30}
.quick-collection-content small{color:#bdc9dc}
.product{border-color:var(--balm-line)}
.product:hover{border-color:#8297b8;box-shadow:0 18px 40px #344a6a22}
.productArt,.product .productArt{background:linear-gradient(145deg,#f8f9fb,#edf0f5)}
.add{background:var(--balm-slate);color:var(--balm-neon)}
.add:hover{background:#415675}
.tag{background:var(--balm-neon);color:var(--balm-neon-ink);box-shadow:0 4px 12px #27354b20}
.chip.active{background:var(--balm-slate);color:var(--balm-neon);border-color:var(--balm-slate)}
.chip:hover:not(.active){background:#edf1f8;border-color:#8a9fbd}
.valueGrid .value{border-color:var(--balm-line)!important;background:#fff!important}
.valueGrid .value strong{color:var(--balm-ink);border-left-color:#697f9f}
.valueGrid .value small{color:#7b8799}
.story,.banner{background:linear-gradient(135deg,#2b3a53,#425774);color:#fff;border-color:#526b8e;box-shadow:0 18px 35px #26395320}
.story p{color:#cad5e7}.story a,.banner button{color:var(--balm-neon)}
.banner button{background:var(--balm-slate-deep)}
.registration-panel{background:linear-gradient(155deg,#fff,#eff3f9);border-color:var(--balm-line)}
.registration-panel h2,.delivery-panel h3,.order-history-panel h3,.notifications-heading h3{color:var(--balm-ink)}
.registration-state,.delivery-status{color:#4d6486}
.checkrow input{accent-color:var(--balm-slate)}
.delivery-panel,.order-history-panel,.notifications-panel{border-color:var(--balm-line);box-shadow:0 10px 27px #24385410}
.delivery-status,.checkout-final{background:#edf2f9;border-color:#cbd6e7;color:#4b6282}
.delivery-status a,.order-history-list a,.support-chat-status a,.floating-chat-status a{color:#405f8d}
.delivery-form label,.checkout-final p,.order-history-card ul{color:#61718a}
.delivery-form input,.floating-chat-form input{border-color:#d6dfec;color:var(--balm-ink);background:#fbfcfe;outline-color:#748bae}
.order-history-card{border-color:var(--balm-line);background:#fbfcfe}
.order-history-head strong,.order-history-card b{color:var(--balm-ink)}
.order-history-head span,.recent-order:not(:empty){color:#415b83;background:#e3ebf7}
.notification-bell{background:#f8faff;border-color:#d5dfed;color:var(--balm-slate)}
.notification-bell:hover{background:#e8eef8}
.notifications-heading{border-color:var(--balm-line)}
.notifications-heading button,.notification-card.unread,.device-notice-settings{color:#526a8c;background:#edf2f9;border-color:#d0dcee}
.notification-symbol{background:#e0e8f5;color:#506d98}
.notification-card strong,.device-notice-settings strong{color:var(--balm-ink)}
.notification-card p,.device-notice-settings p{color:#71819a}
.notification-read{border-color:#afc0db;color:#526f99}
.device-notice-settings button{background:var(--balm-slate);color:var(--balm-neon);border-color:var(--balm-slate)}
.device-notice-settings button:disabled{background:#dce3ed;border-color:#c8d1df;color:#7c889a}
.support-chat{border-color:var(--balm-line)}
.support-chat-header,.floating-chat-head{background:linear-gradient(125deg,#27354b,#425774)}
.support-agent-avatar{background:var(--balm-neon);color:var(--balm-slate)}
.support-chat-header p,.floating-chat-heading small{color:#c3d0e3}
.support-chat-tag{border-color:#7e94b2;color:#d4e0f2}
.support-chat-disclosure,.floating-chat-status,.floating-chat-form,.floating-chat-foot{background:#f0f3f9;color:#73829a;border-color:var(--balm-line)}
.support-chat-messages{background:radial-gradient(circle at 85% 0%,#e8eef8,#fafbfd 58%)}
.support-bubble.customer{background:#e0e9f7;border-color:#cbd8ec;color:#344e75}
.support-chat-form button,.floating-chat-form button{background:var(--balm-slate);color:var(--balm-neon)}
.chat-shortcut,.chat-shortcut.chat-open,.back-to-top{background:var(--balm-slate);color:var(--balm-neon);border-color:#5e7394;box-shadow:0 10px 30px #24344c40}
.chat-shortcut:hover{background:#445b7c}
.floating-chat-widget{border-color:#bac9df;box-shadow:0 24px 70px #14203965}
.floating-chat-avatar{border-color:#d9e3f4;color:var(--balm-slate)}
.floating-chat-body{background-color:#eaf0f8;background-image:radial-gradient(#9eafcb2e 1px,transparent 1px)}
.floating-chat-intro small{color:#5d78a1}.floating-chat-intro p{color:var(--balm-ink)}
.floating-chat-messages .support-bubble.customer{background:#dce7f7;border-color:#cbd8ec;color:#344e75}
@media(max-width:760px){
  .main{background:radial-gradient(ellipse at 100% 0%,#e4eaf4 0%,var(--balm-paper) 43%)}
  .bottomnav{gap:3px;background:#222e43f5;border-top-color:#ddff2659;padding:7px 5px max(8px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #1c2a4326}
  .bottomnav button{min-height:62px;padding:6px 1px;border:1px solid #ddff2633;background:linear-gradient(125deg,#3a49658c,#253149);color:#e0e7f4;border-radius:11px;gap:5px;font-size:9px}
  .bottomnav .nav-icon{background:var(--balm-neon);color:var(--balm-neon-ink);border-color:var(--balm-neon)}
  .bottomnav button.active{background:linear-gradient(115deg,#edff6b,var(--balm-neon));color:var(--balm-neon-ink);border-color:#e9ff64;box-shadow:0 4px 14px #ddff2626}
  .bottomnav button.active .nav-icon{background:var(--balm-slate);border-color:var(--balm-slate);color:var(--balm-neon);box-shadow:none}
  .bottomnav button:hover:not(.active){background:#405470;color:#fff}
  .chat-shortcut{bottom:96px}.back-to-top{bottom:151px}
  .floating-chat-widget{bottom:151px;height:min(520px,calc(100dvh - 175px))}
}
@media(max-width:550px){
  .topbar{gap:8px}
  .topbar>div:first-child{gap:8px!important;min-width:0}
  .topbar>div:first-child img{width:34px;height:34px}
  .topbar .brandword{font-size:14px;white-space:nowrap}
  .topbar .actions{gap:5px;flex-shrink:0}
  .topbar .install{white-space:nowrap;font-size:10px;padding:9px 8px}
}
@media(max-width:360px){
  .topbar>div:first-child img{width:28px;height:28px}
  .topbar .brandword{font-size:12px}
  .topbar .install{font-size:9px;padding:8px 5px}
  .topbar .notification-bell,.topbar .iconbtn{width:30px;height:30px}
}

.store-sync-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#4a5b74;padding:10px 0 15px}.store-sync-status button{border:1px solid #acb8ca;background:#fff;color:#27354b;border-radius:9px;padding:6px 10px;font:inherit;cursor:pointer}.store-checkout-message{font-size:13px;color:#4a5b74}.add:disabled{opacity:.4;cursor:not-allowed}

.cartline{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:18px;align-items:center}.cart-thumbnail{display:block;width:80px;height:88px;object-fit:contain;background:#fff;border:1px solid #e0e5ed;border-radius:14px;padding:7px}.cart-details{min-width:0}.cart-details>strong{display:block;overflow-wrap:anywhere}.cart-details .cart-category{display:block;margin:5px 0;color:#69798f;font-size:11px}.cart-description{font-size:12px;line-height:1.5;color:#63718a;margin:7px 0;overflow-wrap:anywhere}.cart-quantity{display:flex;align-items:center;gap:10px}.cart-quantity button{flex:none}.cart-quantity strong{min-width:18px;text-align:center}@media(max-width:550px){.cartline{grid-template-columns:64px minmax(0,1fr);gap:12px}.cart-thumbnail{width:64px;height:78px;align-self:start}.cart-quantity{grid-column:2;justify-self:end}.cart-description{font-size:12px}.cart-details>strong{font-size:13px}}
.store-support-body{padding:22px;line-height:1.65;color:#3a4c68}.store-chat-link{display:inline-block;text-decoration:none;margin:8px 0 12px}.store-chat-steps{font-size:14px}.store-support-note{font-size:12px;color:#6b7890}.store-chat-shortcut{text-decoration:none;font:inherit}.store-chat-shortcut:focus-visible,.store-chat-link:focus-visible{outline:3px solid #8a9dbe;outline-offset:4px}