/* Product imagery: entire packaging stays visible, without cropping. */
.product .productArt{height:265px;padding:18px;background:#f7f7f7}
.product .productArt img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;transition:transform .2s ease}
.product .productArt img:hover{transform:scale(1.025)}
.announcement{background:#24b6ae;color:#fff;border-radius:12px;padding:11px 18px;font-weight:850;font-size:12px;letter-spacing:.2px;text-align:center;margin:0 0 18px}
.valueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 12px}
.value{padding:17px;background:#f4f8f7;border:1px solid #dcebe8;border-radius:14px}
.value strong{display:block;font-size:14px}.value small{display:block;color:#656b6b;margin-top:5px;line-height:1.45}
.story{margin:34px 0 12px;padding:26px;background:#f4f4f4;border-radius:18px}
.story h2{font-size:23px;letter-spacing:-.5px;margin:0 0 10px}.story p{line-height:1.6;color:#656565;margin:0 0 12px;max-width:850px}.story a{color:#138b87;font-weight:800}
.productInfo h3{min-height:40px}
@media(max-width:760px){.product .productArt{height:225px;padding:13px}.valueGrid{grid-template-columns:1fr;gap:8px}.value{padding:13px}.announcement{font-size:10px;line-height:1.5}.story{padding:20px}}
@media(max-width:390px){.product .productArt{height:190px;padding:10px}}
.balm-carousel{height:370px;position:relative;overflow:hidden;border-radius:23px;isolation:isolate;outline-offset:4px}
.balm-slides,.balm-slide{position:absolute;inset:0}
.balm-slide{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s;display:flex;align-items:center;padding:38px 66px;color:white;overflow:hidden}
.balm-slide.active{opacity:1;visibility:visible;z-index:1}
.balm-teal{background:linear-gradient(120deg,#123638,#23b6ae)}.balm-blue{background:linear-gradient(120deg,#101c2e,#357ba6)}.balm-lime{background:linear-gradient(120deg,#1d2b27,#749b55)}.balm-orange{background:linear-gradient(120deg,#3c211b,#d67845)}.balm-rose{background:linear-gradient(120deg,#442b34,#b76a85)}
.balm-slide-copy{position:relative;z-index:2;max-width:56%}.balm-kicker{font-size:11px;letter-spacing:2px;font-weight:850;color:#e9f7f4}
.balm-slide h1{font-size:clamp(32px,3.8vw,53px);line-height:1.02;letter-spacing:-1.8px;margin:17px 0 12px}.balm-slide p{font-size:14px;line-height:1.5;max-width:390px;color:#f0f5f4}
.balm-slide-art{position:absolute;right:3%;bottom:-8%;height:114%;width:43%;object-fit:contain;filter:drop-shadow(15px 15px 22px #0004)}
.balm-slide-cta{background:white;color:#242428;border:0;border-radius:25px;font-size:12px;font-weight:900;padding:13px 20px;margin-top:16px}
.balm-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);height:39px;width:39px;border-radius:50%;background:#ffffff33;color:white;border:1px solid #ffffff66;font-size:28px;line-height:1}.balm-arrow.prev{left:13px}.balm-arrow.next{right:13px}
.balm-dots{position:absolute;z-index:4;display:flex;gap:8px;left:50%;bottom:16px;transform:translateX(-50%)}.balm-dots button{height:8px;width:8px;border:0;border-radius:20px;background:#ffffff88;padding:0}.balm-dots button[aria-current=true]{width:27px;background:white}
.balm-slide-count{position:absolute;z-index:4;bottom:16px;right:20px;font-weight:800;font-size:10px;color:#fff9}
@media(max-width:760px){.balm-carousel{height:320px}.balm-slide{padding:30px 34px}.balm-slide-copy{max-width:74%}.balm-slide h1{font-size:34px}.balm-slide p{font-size:12px}.balm-slide-art{opacity:.42;width:67%;right:-16%;height:100%;bottom:0}.balm-arrow{width:28px;height:28px;font-size:20px}.balm-arrow.prev{left:4px}.balm-arrow.next{right:4px}.balm-slide-cta{padding:11px 15px}}
.registration-panel{background:#f8fbfa;border:1px solid #dbe9e7;border-radius:20px;padding:28px;margin:20px 0}.registration-panel h2{font-size:27px;margin:10px 0}.registration-panel p{color:#555;line-height:1.5}
[hidden]{display:none!important}
.registration-form{display:grid;gap:16px;margin-top:18px}.registration-form>label:not(.checkrow){display:grid;gap:7px;font-size:13px;font-weight:800}.registration-form input:not([type=checkbox]),.registration-form select{width:100%;padding:14px;border:1px solid #ccc;border-radius:10px;background:white;color:#222}
.checkrow{display:flex;align-items:flex-start;gap:12px;color:#555;font-size:12px;line-height:1.5}.checkrow input{margin-top:3px;accent-color:#1da69f}.registration-state{padding:10px 0;color:#267c76;font-size:13px}.registration-secondary,.registration-danger{border:1px solid #ccc;border-radius:10px;padding:11px 14px;background:white;color:#222;margin:5px 8px 5px 0}.registration-danger{color:#ac2d2d;border-color:#eababa}.privacy-note{margin-top:25px;border-top:1px solid #ddd;padding-top:16px;font-size:12px;color:#666}.privacy-note summary{cursor:pointer;font-weight:800}.privacy-note p{font-size:12px}
@media(max-width:760px){.registration-panel{padding:19px}}
[hidden]{display:none!important}
.social-login-options{margin:20px 0 18px;max-width:420px}
.google-signin-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #d4d7dc;border-radius:12px;padding:13px 18px;color:#242629;font-size:15px;font-weight:700;box-shadow:0 2px 7px #20212410}
.google-signin-button:disabled{opacity:.8;cursor:not-allowed}
.google-signin-note{color:#777;font-size:12px;line-height:1.45;margin:8px 0 0;text-align:center}

/* Visual refresh: airy editorial layout, lively product interaction, and mobile touch targets. */
body{background:#ecf1f0}
.shell{max-width:1480px;box-shadow:0 24px 90px #0a3b3820}
.sidebar{background:linear-gradient(160deg,#fff 62%,#f1faf8);border-right:1px solid #e2ebe8}
.main{background:radial-gradient(circle at 92% 1%,#ecfbf8 0%,#fff 33%);padding-left:clamp(22px,3vw,50px);padding-right:clamp(22px,3vw,50px)}
.nav button,.bottomnav button{transition:transform .18s ease,background .2s ease,color .2s ease}
.nav button:hover,.bottomnav button:hover{transform:translateX(3px)}
.nav button.active{box-shadow:0 9px 18px #22b4ad33;background:linear-gradient(115deg,#19b5ad,#43c9c2)}
.topbar{height:105px}
.balm-carousel{box-shadow:0 23px 49px #0c4d4830;border:1px solid #ffffff24}
.balm-slide{transition:opacity .65s ease,visibility .65s ease}
.balm-slide-copy{animation:balmRise .55s ease both}
.balm-slide.active .balm-slide-art{animation:balmProductFloat 5s ease-in-out infinite}
.balm-slide-cta{transition:transform .2s ease,box-shadow .2s ease}
.balm-slide-cta:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0019}
.experience-intro{display:flex;align-items:center;justify-content:space-between;margin:40px 0 17px;padding:0 4px}
.experience-intro h2{font-size:clamp(24px,3vw,35px);letter-spacing:-1.3px;margin:6px 0 8px}
.experience-intro p{font-size:13px;color:#83908e;margin:0}.experience-eyebrow{font-size:10px;letter-spacing:2.7px;color:#159d96;font-weight:850}
.experience-deco{font-size:52px;color:#66cec6;line-height:1}
.quick-collections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:28px}
.quick-collection{text-align:left;position:relative;min-height:140px;border:1px solid #dbeae7;border-radius:18px;padding:16px 17px;background:linear-gradient(145deg,#ecfaf7,#fff);color:#24423d;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.quick-collection:hover{transform:translateY(-6px);box-shadow:0 16px 35px #0d77751f;border-color:#a9ddd6}
.quick-collection strong{font-size:15px;z-index:1}.quick-collection small{font-size:11px;color:#73908a;margin-top:4px;z-index:1}.quick-symbol{position:absolute;top:8px;right:19px;font-size:65px;line-height:1;color:#2cbeb426;transition:transform .25s ease}.quick-collection:hover .quick-symbol{transform:scale(1.18) rotate(8deg)}.quick-arrow{position:absolute;right:15px;bottom:18px;color:#0faaa1;font-size:21px}
.quick-1{background:linear-gradient(145deg,#eff2fb,#fff)}.quick-1 .quick-symbol{color:#597bd624}.quick-2{background:linear-gradient(145deg,#fff8eb,#fff)}.quick-2 .quick-symbol{color:#efb63d44}.quick-3{background:linear-gradient(145deg,#fff1f5,#fff)}.quick-3 .quick-symbol{color:#d9699940}
.product{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.product:hover{transform:translateY(-7px);box-shadow:0 16px 36px #11413a1a;border-color:#c4e7e1}
.productArt{position:relative;overflow:hidden}.productArt img{transition:transform .45s ease}.product:hover .productArt img{transform:scale(1.065)}
.favorite{position:absolute;top:13px;right:13px;border:1px solid #e8eaea;background:#fff;border-radius:50%;width:37px;height:37px;font-size:25px;line-height:1;color:#707e7a;z-index:2;box-shadow:0 4px 12px #0001}.favorite.saved{color:#ee6e85;background:#fff4f6}
.add{transition:transform .2s ease,background .2s ease}.add:hover{transform:scale(1.1);background:#0c8d85}
.back-to-top{position:fixed;right:22px;bottom:83px;border:0;border-radius:15px;background:#1eada5;color:white;width:45px;height:45px;font-size:25px;box-shadow:0 7px 22px #07595555;z-index:25;opacity:0;pointer-events:none;transform:translateY(15px);transition:all .25s ease}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
@keyframes balmRise{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes balmProductFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:1000px){.quick-collections{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.experience-intro{margin-top:26px}.experience-deco{font-size:35px}.quick-collections{gap:8px}.quick-collection{min-height:112px;padding:12px}.quick-collection strong{font-size:12px}.quick-collection small{font-size:10px}.quick-symbol{font-size:48px}.quick-arrow{font-size:17px}.balm-slide.active .balm-slide-art{animation:none}.product:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.balm-slide-copy,.balm-slide.active .balm-slide-art{animation:none!important}.product,.quick-collection,.nav button{transition:none!important}}

/* October palette revision: graphite / mineral teal / warm coral. */
:root{--balm-ink:#17272a;--balm-deep:#0e2226;--balm-mint:#17b9ad;--balm-coral:#ff735f;--balm-sand:#fff7ee}
body{background:#e9eeeb}
.shell{background:#fffefa}
.sidebar{background:linear-gradient(165deg,#12292c,#0a181b 87%);border-right:1px solid #1d393c;color:#effaf8}
.sidebar .brandword{color:#fff}.sidebar .mini{color:#7db3ac}.sidebar .brandmark{background:#fff;border-radius:50%;padding:5px;border:2px solid #def5f1;box-shadow:0 0 0 7px #ffffff12}
.sidebar .nav button{color:#afc8c5}.sidebar .nav button:hover:not(.active){background:#ffffff12;color:white}
.sidebar .nav button.active{background:linear-gradient(115deg,#14b5ab,#43d2be);color:#08262a;box-shadow:0 12px 26px #00b8a447}
.sidebar .sidefoot{color:#89a5a1}
.main{background:radial-gradient(circle at 100% 0%,#ddf6ed 0%,#fffefa 33%,#fffefa 75%)}
.topbar{border-bottom:1px solid #ebefeb;margin-bottom:19px}.topbar .eyebrow{color:#5f9b93}
.install{background:linear-gradient(120deg,#183238,#0d2126);border:1px solid #20464c;box-shadow:0 7px 20px #142b2e2b}.install:hover{background:#22545a}
.balm-carousel{border-radius:26px;box-shadow:0 20px 54px #0f33384a}
.balm-slide-cta,.primary{background:linear-gradient(120deg,#24c8bb,#0c9d9a);color:#062b2b;box-shadow:0 7px 22px #0d9e9650}
.balm-slide-cta:hover,.primary:hover{filter:brightness(1.05)}
.balm-dots button[aria-current="true"]{background:#ffe2a5}
.announcement{background:linear-gradient(90deg,#132d31,#1b4e50);color:#f2fffc;border:0;border-radius:12px;letter-spacing:1.3px}
.experience-eyebrow,.linkbtn{color:#108b85}.experience-intro h2{color:#142f33}
.quick-collection{border-color:#d2e6de;background:linear-gradient(135deg,#d8f3ea,#fafffb)}
.quick-1{background:linear-gradient(135deg,#dce8f4,#fcfeff)}.quick-2{background:linear-gradient(135deg,#ffe3bd,#fffaf0);border-color:#f1dbc0}.quick-3{background:linear-gradient(135deg,#f8dce7,#fff8fb);border-color:#f1d8e4}
.product{border-color:#e0e9e2;background:#fff}.product:hover{border-color:#21bdb1;box-shadow:0 18px 40px #0965592b}
.productArt{background:linear-gradient(145deg,#f7f7f5,#e9f0ee)}.productInfo h3{color:#21373a}.price{color:#14363a}
.tag{background:var(--balm-coral);color:#fff;letter-spacing:.5px;border-radius:7px;box-shadow:0 4px 12px #f06f6355}
.chip.active{background:#17383a;color:#fff;border-color:#17383a}.chip:hover:not(.active){border-color:#48bcb2;background:#edfbf7}
.add{background:#0ca99f;color:#fff}.add:hover{background:#087c77}
.valueGrid .value{border-color:#d8e9df;background:#eff8f1}.story{background:linear-gradient(140deg,#122f34,#1d4748);color:#e9fffb;border-radius:21px}.story h2{color:white}.story p{color:#c9e8e3}.story a{color:#ffe6a8}
.banner{background:linear-gradient(105deg,#163d42,#1b6666);color:#fff;border:1px solid #296d6c;box-shadow:0 18px 35px #113f3d23}.banner button{background:#ffddaa;color:#233637}
.registration-panel{background:linear-gradient(155deg,#f8fdfb,#f0f8f5);border-color:#cfebe2}
@media(max-width:760px){.main{background:#fffefa}.topbar{margin-bottom:12px}.announcement{font-size:10px}.balm-carousel{border-radius:19px}}

/* Seamless top promotion ticker, inspired by the official store's horizontal ribbon. */
.main>.promo-marquee{margin:0 calc(-1 * clamp(22px,3vw,50px)) 0;position:relative;overflow:hidden;background:#34e6df;color:#10272c;height:39px;display:flex;align-items:center;isolation:isolate}
.promo-marquee-track{display:flex;align-items:center;width:max-content;min-width:max-content;animation:balmMarqueeScroll 27s linear infinite;will-change:transform}
.promo-marquee-group{display:flex;align-items:center;flex:none;white-space:nowrap}
.promo-marquee-item{display:inline-flex;align-items:center;gap:24px;flex:none;margin-right:34px;font-size:14px;font-weight:800;letter-spacing:.1px}
.promo-marquee-dot{color:#10272c;font-weight:1000;font-size:17px}
.promo-marquee:hover .promo-marquee-track{animation-play-state:paused}
.main #view>.announcement{display:none}
@keyframes balmMarqueeScroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.main>.promo-marquee{height:35px;margin-inline:calc(-1 * clamp(22px,3vw,50px))}.promo-marquee-item{font-size:12px;gap:17px;margin-right:24px}.promo-marquee-track{animation-duration:25s}}
@media(prefers-reduced-motion:reduce){.promo-marquee-track{animation:none!important}}

/* Sidebar hierarchy and legibility: logo, menu and footer share one centered grid. */
@media(min-width:761px){
  .shell>.sidebar{background:linear-gradient(165deg,#153a3e 0%,#10272d 62%,#09191f 100%);border-right:1px solid #2c5c60;padding:28px 17px;gap:23px;box-shadow:10px 0 32px #122c3012}
  .sidebar-brand{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;width:100%;padding:7px 0 18px;border-bottom:1px solid #ffffff24}
  .sidebar-brand .brandmark{width:120px;height:120px;max-width:100%;object-fit:contain;margin:0 auto;background:#fff;border:4px solid #f6fffe;border-radius:50%;padding:7px;box-shadow:0 5px 26px #001b1b70,0 0 0 1px #50b7aa}
  .sidebar-brand .mini{margin-top:0!important;color:#a1e0d8!important;font-size:9px;letter-spacing:1.8px;text-align:center}
  .shell>.sidebar .nav{gap:8px}
  .shell>.sidebar .nav button{color:#effdfb;font-size:14px;letter-spacing:.15px;padding:14px 15px;text-shadow:none;opacity:1;font-weight:750}
  .shell>.sidebar .nav button:hover:not(.active){color:#fff;background:#ffffff20}
  .shell>.sidebar .nav button.active{color:#07282b;background:linear-gradient(110deg,#26c3b7,#55e1d0);font-weight:900;box-shadow:0 9px 24px #00bbae32}
  .shell>.sidebar .sidefoot{border-top:1px solid #ffffff20;padding-top:15px;color:#b1c9c8;font-size:11px;line-height:1.7}
}

/* Professional collection navigation: restrained, typographic, without playful symbols. */
.experience-intro{align-items:flex-end;margin-top:43px;margin-bottom:22px}
.experience-intro h2{font-size:clamp(23px,2.7vw,32px);font-weight:850;letter-spacing:-1.25px}
.experience-deco{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#748a88;border-bottom:1px solid #aecbc5;padding-bottom:8px}
.quick-collections{gap:12px;margin-bottom:30px}
.quick-collection,.quick-0,.quick-1,.quick-2,.quick-3{background:#f9fbfa;border:1px solid #d8e3df;border-top:3px solid #18393e;border-radius:10px;min-height:156px;padding:18px 17px;justify-content:flex-end;box-shadow:none;color:#183238}
.quick-collection:hover{transform:translateY(-3px);border-color:#9cbfba;border-top-color:#15aea5;box-shadow:0 12px 27px #153d3915;background:#fff}
.quick-collection .quick-symbol{position:absolute;top:17px;left:17px;right:auto;font-size:9px;color:#77918e;letter-spacing:1.4px;font-weight:850;line-height:1.4;transform:none!important}
.quick-collection strong{font-size:17px;font-weight:850;letter-spacing:-.45px;line-height:1.1}
.quick-collection small{margin-top:7px;font-size:11px;font-weight:450;color:#6d8480}
.quick-collection .quick-arrow{position:static;font-size:10px;letter-spacing:1px;font-weight:850;color:#109b94;margin-top:18px;line-height:1}
.valueGrid{gap:14px}
.valueGrid .value{border:1px solid #e1e8e5!important;border-radius:10px!important;background:#fff!important;padding:19px 17px!important;box-shadow:none!important}
.valueGrid .value strong{display:block;color:#243c3f;font-size:13px;letter-spacing:-.1px;border-left:3px solid #25b9af;padding-left:10px;margin-bottom:8px}
.valueGrid .value small{color:#748481;line-height:1.5}
@media(max-width:620px){.experience-deco{display:none}.quick-collections{gap:9px}.quick-collection,.quick-0,.quick-1,.quick-2,.quick-3{min-height:146px;padding:13px 12px}.quick-collection strong{font-size:14px}.quick-collection .quick-symbol{top:13px;left:12px;font-size:8px}.quick-collection .quick-arrow{font-size:9px}}

/* Collection cards with product photography: a strong visual break from white catalogue areas. */
.quick-collections{gap:13px}
.quick-collection,.quick-0,.quick-1,.quick-2,.quick-3{background:linear-gradient(145deg,#142c32,#08191f);border:1px solid #254c51;border-top:4px solid var(--collection-accent,#3bd0c2);border-radius:15px;min-height:196px;padding:21px 17px;color:#f5fffe;display:flex;align-items:stretch;justify-content:flex-end;overflow:hidden;box-shadow:0 10px 22px #122d3021}
.quick-0{--collection-accent:#3bd0c2}.quick-1{--collection-accent:#8caee6}.quick-2{--collection-accent:#f2bb7d}.quick-3{--collection-accent:#e5a0c2}
.quick-collection:hover{background:linear-gradient(145deg,#21454b,#0d252b);border-color:#426c70;border-top-color:var(--collection-accent);box-shadow:0 17px 33px #10282e43;transform:translateY(-4px)}
.quick-collection .quick-symbol{top:17px;left:17px;color:var(--collection-accent);font-weight:850;letter-spacing:1.6px}
.quick-collection-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:67%;gap:0;margin-top:36px;min-width:0}
.quick-collection-content strong{font-size:17px;color:white;font-weight:850;line-height:1.12;overflow-wrap:anywhere}
.quick-collection-content small{font-size:11px;color:#b6d0d0;margin-top:8px}
.quick-collection-content .quick-arrow{font-size:9px;color:var(--collection-accent);margin-top:auto;padding-top:20px;letter-spacing:.5px;white-space:nowrap}
.quick-image-frame{display:flex;align-items:center;justify-content:center;position:absolute;right:12px;top:39px;bottom:18px;width:37%;border-radius:10px;background:#f7f8f6;border:1px solid #ffffff25;padding:9px;box-shadow:0 8px 18px #0004;transform:rotate(2deg);transition:transform .24s ease}
.quick-image-frame img{max-height:100%;max-width:100%;height:100%;width:100%;object-fit:contain;display:block}
.quick-collection:hover .quick-image-frame{transform:rotate(0deg) scale(1.035)}
@media(max-width:620px){.quick-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-collection,.quick-0,.quick-1,.quick-2,.quick-3{min-height:176px;padding:14px 10px}.quick-collection .quick-symbol{top:11px;left:10px;font-size:8px}.quick-collection-content{width:64%;margin-top:31px}.quick-collection-content strong{font-size:13px}.quick-collection-content small{font-size:9px}.quick-collection-content .quick-arrow{font-size:8px;white-space:normal}.quick-image-frame{right:6px;top:42px;bottom:17px;width:37%;padding:5px;border-radius:8px}}

/* Customer-to-seller messaging preview. */
.support-chat{border:1px solid #dbe9e6;border-radius:21px;background:#fff;overflow:hidden;box-shadow:0 13px 40px #173d3b12;margin:22px 0}
.support-chat-header{display:flex;align-items:center;gap:15px;padding:20px 23px;background:#123039;color:white}
.support-agent-avatar{width:49px;height:49px;border-radius:14px;background:#25c8b9;color:#062c2a;display:grid;place-items:center;font-size:15px;font-weight:950;flex:none}
.support-chat-header h2{font-size:19px;margin:0 0 4px}.support-chat-header p{margin:0;color:#bad8d6;font-size:12px}.support-chat-tag{margin-left:auto;border:1px solid #6fa3a2;color:#9de5df;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:900;letter-spacing:1.5px}
.support-chat-disclosure{background:#f2f7f5;border-bottom:1px solid #e0eae7;color:#61716f;font-size:12px;line-height:1.55;padding:12px 22px}
.support-chat-messages{height:min(400px,52vh);min-height:250px;overflow-y:auto;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:radial-gradient(circle at 85% 0%,#eaf8f4,#f8fbf9 58%)}
.support-chat-empty{margin:auto;color:#6a8b85;font-size:13px;text-align:center;max-width:290px;line-height:1.5}
.support-bubble{max-width:78%;border-radius:16px 16px 16px 3px;background:#fff;border:1px solid #e1e8e6;padding:12px 15px;box-shadow:0 3px 14px #132f2910}
.support-bubble.customer{align-self:flex-end;background:#1bb7a9;color:#062c2a;border-color:#1bb7a9;border-radius:16px 16px 3px 16px}
.support-bubble small{font-size:10px;opacity:.7;font-weight:800}.support-bubble p{margin:5px 0 0;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.support-chat-status{padding:8px 22px;color:#7b8b88;font-size:11px;margin:0;min-height:32px}.support-chat-status a{color:#087e79}
.support-chat-form{display:flex;gap:9px;padding:14px 20px 20px;align-items:flex-end}.support-chat-form textarea{flex:1;resize:vertical;min-width:0;max-height:150px;border:1px solid #ccded8;background:#fff;padding:13px;border-radius:12px;color:#223b3a;font:inherit;font-size:13px}.support-chat-form button{border:0;border-radius:11px;background:#11363b;color:white;padding:13px 16px;font-weight:800;white-space:nowrap}.support-chat-form button:disabled{opacity:.5}
@media(max-width:620px){.support-chat-header{padding:16px}.support-chat-disclosure{padding:10px 16px}.support-chat-form{padding:12px;gap:7px}.support-chat-form button{padding:12px}.support-chat-messages{padding:15px}.support-bubble{max-width:92%}}
.chat-shortcut{position:fixed;right:22px;bottom:20px;display:flex;align-items:center;gap:8px;background:#102f36;color:white;border:1px solid #44827e;border-radius:25px;padding:13px 18px;font-weight:850;font-size:13px;box-shadow:0 10px 30px #092b3070;z-index:28;transition:transform .2s ease,background .2s ease}
.chat-shortcut:hover{background:#1e6968;transform:translateY(-3px)}
@media(max-width:760px){.chat-shortcut{right:14px;bottom:76px;padding:11px 13px}.chat-shortcut span{font-size:12px}}
.floating-chat-widget{position:fixed;right:20px;bottom:82px;width:min(390px,calc(100vw - 32px));height:min(555px,calc(100dvh - 118px));z-index:29;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #c4ddd6;border-radius:19px;box-shadow:0 24px 70px #031f2780;animation:floatingChatIn .22s ease both}
.floating-chat-widget[hidden]{display:none!important}
.floating-chat-head{display:flex;align-items:center;gap:12px;flex:none;background:linear-gradient(125deg,#0d3434,#17675c);padding:17px 17px;color:white}
.floating-chat-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:2px solid #d8fcf5;background:#fff;color:#164b43;font-weight:950;font-size:13px;flex:none}
.floating-chat-heading{display:grid;gap:3px;flex:1}.floating-chat-heading strong{font-size:15px}.floating-chat-heading small{font-size:11px;color:#beeae1}
.floating-chat-close{border:0;color:white;background:#ffffff20;width:32px;height:32px;border-radius:50%;font-size:24px;line-height:1}
.floating-chat-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:15px;padding:18px 15px;background-color:#ecf4f0;background-image:radial-gradient(#b2d5c82e 1px,transparent 1px);background-size:17px 17px}
.floating-chat-intro{border-radius:11px;background:white;box-shadow:0 4px 13px #10443b12;padding:13px 14px;margin-right:24px;flex:none}
.floating-chat-intro small{font-weight:900;letter-spacing:1.4px;font-size:9px;color:#169689}.floating-chat-intro p{font-size:13px;line-height:1.55;font-weight:750;color:#203936;margin:8px 0}.floating-chat-intro span{display:block;font-size:10px;color:#8a9793;line-height:1.4}
.floating-chat-messages{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.floating-chat-messages .support-chat-empty{display:none}.floating-chat-messages .support-bubble{max-width:88%;box-shadow:0 3px 10px #0000000d}
.floating-chat-messages .support-bubble.customer{background:#d7f8e8;border-color:#c9ecd9;color:#234239}.floating-chat-messages .support-bubble.seller{background:white}
.floating-chat-status{padding:8px 14px;background:#f5faf8;color:#5d8079;font-size:10px;flex:none;min-height:29px}.floating-chat-status a{color:#087e79;font-weight:800}
.floating-chat-form{display:flex;align-items:center;gap:8px;padding:10px 12px 12px;background:#f5faf8;flex:none;border-top:1px solid #e2ede8}
.floating-chat-form input{flex:1;min-width:0;border:1px solid #dae8e1;border-radius:22px;background:white;padding:12px 14px;outline-color:#1aada3;font-size:13px;color:#1f3937}
.floating-chat-form button{background:#129f87;border:0;color:white;width:41px;height:41px;border-radius:50%;font-size:17px;flex:none}.floating-chat-form button:disabled{opacity:.5}
.floating-chat-foot{background:#f5faf8;color:#9aaba5;font-size:9px;text-align:center;letter-spacing:.7px;padding:0 8px 9px}
.chat-shortcut.chat-open{background:#0e645d;border-color:#139c8e}
@keyframes floatingChatIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.floating-chat-widget{right:9px;bottom:134px;width:min(390px,calc(100vw - 18px));height:min(520px,calc(100dvh - 155px));border-radius:15px}.floating-chat-body{padding:13px}}
@media(prefers-reduced-motion:reduce){.floating-chat-widget{animation:none}}

/* Shipping and demonstration-order flow. */
.delivery-panel,.order-history-panel{background:#fff;border:1px solid #dce8e4;border-radius:19px;padding:26px;margin:21px 0;box-shadow:0 10px 27px #0c3b3610}
.delivery-panel h3,.order-history-panel h3{font-size:23px;color:#1b393a;margin:9px 0 8px;letter-spacing:-.7px}
.delivery-description{font-size:13px;color:#748783;line-height:1.5;margin-bottom:18px}
.delivery-status{color:#238c83;background:#effbf7;border-radius:10px;padding:12px 14px;font-size:12px;margin:13px 0}
.delivery-status a,.order-history-list a{color:#087f76;font-weight:800}
.delivery-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.delivery-form label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#536e6b}
.delivery-form .wide{grid-column:1/-1}
.delivery-form input{border:1px solid #d4e3df;background:#fbfdfc;border-radius:10px;color:#244440;min-width:0;width:100%;padding:12px;font-size:13px;outline-color:#22b5a9}
.delivery-actions{display:flex;align-items:center;gap:11px}.delivery-actions button{margin-top:2px}
.delivery-delete{border:1px solid #e1b8b5;background:#fff9f9;color:#a54c46;border-radius:22px;padding:12px 15px;font-weight:750;font-size:12px}
.checkout-final{margin-top:20px;padding:18px 19px;border-radius:13px;background:#e9f8f3;border:1px solid #bfe4d8}
.checkout-registration-reminder{padding:14px 16px;border-radius:10px;background:#fff3e7;border:1px solid #f1d4b8;color:#704628;font-size:13px}.checkout-registration-reminder button{border:0;background:none;color:#986022;text-decoration:underline;font-weight:800;cursor:pointer;padding:0}
.checkout-final p{font-size:13px;color:#466a64;line-height:1.6}
.order-history-card{border:1px solid #e0ebe7;background:#fbfdfc;border-radius:13px;padding:16px;margin:12px 0}
.order-history-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.order-history-head strong{color:#163d3e}.order-history-head span{font-size:11px;color:#087e75;background:#dff7f0;padding:6px 10px;border-radius:20px;font-weight:800}
.order-history-card small{color:#83928f}.order-history-card ul{margin:12px 0;padding-left:18px;font-size:12px;color:#637875}.order-history-card li{margin-bottom:5px}.order-history-card b{font-size:13px;color:#28433e}
.recent-order:not(:empty){padding:13px 16px;background:#d5f5e8;border-radius:10px;color:#12694e;font-weight:800;font-size:13px}
@media(max-width:660px){.delivery-panel,.order-history-panel{padding:18px}.delivery-form{grid-template-columns:1fr}.delivery-form .wide{grid-column:auto}.order-history-head{align-items:flex-start;flex-direction:column}}

/* In-app activity center; device push remains a separate opt-in phase. */
.notification-bell{position:relative;width:43px;height:43px;border:1px solid #d8e6e2;background:#f7fcfa;border-radius:50%;display:grid;place-items:center;color:#214b47;flex:none;cursor:pointer;transition:background .2s ease}
.notification-bell:hover{background:#e5f6f1}.notification-bell span{position:absolute;right:-5px;top:-6px;border-radius:20px;min-width:20px;height:20px;background:#ef765f;color:#fff;border:2px solid #fff;font-size:10px;font-weight:900;display:grid;place-items:center;padding:0 4px}.notification-bell span[hidden]{display:none!important}
.notifications-panel{margin:22px 0;background:#fff;border:1px solid #dce8e4;border-radius:19px;padding:25px;box-shadow:0 10px 26px #103a3410;scroll-margin-top:15px}
.notifications-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e8f0ed;padding-bottom:18px;margin-bottom:15px}
.notifications-heading h3{font-size:24px;letter-spacing:-.8px;margin:8px 0}.notifications-heading p{font-size:12px;color:#7e908b;margin:0}
.notifications-heading button{background:#ecf8f4;color:#137d74;border:1px solid #c8e5da;border-radius:10px;padding:11px 13px;font-size:12px;font-weight:850;white-space:nowrap}.notifications-heading button:disabled{opacity:.45}
.notifications-list{display:grid;gap:10px}.notification-card{display:flex;gap:13px;align-items:flex-start;padding:16px;border:1px solid #e6edeb;background:#fbfcfc;border-radius:12px}.notification-card.unread{background:#eff9f5;border-color:#cce9de}
.notification-symbol{width:35px;height:35px;border-radius:10px;background:#d8f1e8;color:#1b8d7e;display:grid;place-items:center;flex:none;font-size:18px}
.notification-card>div:nth-child(2){flex:1}.notification-card strong{font-size:13px;color:#223e3b}.notification-card p{font-size:12px;color:#617b74;line-height:1.5;margin:6px 0}.notification-card small{font-size:10px;color:#9aa6a1}
.notification-read{border:1px solid #a9d9ce;border-radius:50%;width:31px;height:31px;background:#fff;color:#16887c;font-weight:900;flex:none}.notification-empty{padding:30px 15px;text-align:center;color:#819490;font-size:13px}.notifications-footnote{font-size:11px;color:#90a09b;margin:18px 0 0}
.device-notice-settings{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:17px 19px;border:1px solid #cfe6df;background:linear-gradient(115deg,#eef9f5,#f7fcfa);border-radius:13px}.device-notice-settings strong{display:block;color:#20423d;font-size:13px}.device-notice-settings p{font-size:12px;color:#657f78;margin:6px 0 0}.device-notice-settings button{flex:none;border:1px solid #146b61;color:#fff;background:#136e65;padding:11px 15px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.device-notice-settings button:disabled{background:#d1dfda;color:#5f7870;border-color:#c4d7d0;cursor:not-allowed}
@media(max-width:640px){.notifications-panel{padding:16px}.notifications-heading{align-items:flex-start;flex-direction:column}.notifications-heading button{align-self:flex-start}.notification-bell{width:36px;height:36px}}
@media(max-width:520px){.device-notice-settings{align-items:flex-start;flex-direction:column}.device-notice-settings button{width:100%}}
@media(max-width:550px){.topbar>div:first-child img{width:40px;height:40px}.topbar .brandword{font-size:15px;letter-spacing:-.6px}.topbar .actions{gap:5px}.topbar .install{font-size:10px;padding:9px 8px}.topbar .iconbtn{width:35px;height:35px;font-size:16px}}