:root{--ink: #14161a;--ink-2: #23272e;--muted: #5b6470;--paper: #f7f5f0;--surface: #ffffff;--surface-2: #fbf9f4;--line: #e6e0d5;--line-strong: #d8d0c1;--brand: #1f2a44;--brand-ink: #33406a;--brand-2: #e8642a;--brand-2-ink: #b94716;--red: #c0392b;--red-bg: #fcecea;--amber: #b8790a;--amber-bg: #fbf1dd;--green: #1e8f5a;--green-bg: #e6f4ec;--radius: 16px;--radius-sm: 11px;--shadow: 0 1px 2px rgba(20, 22, 26, .06), 0 6px 20px rgba(20, 22, 26, .06);--shadow-lift: 0 10px 34px rgba(20, 22, 26, .14);--header-h: 58px;--nav-h: 62px;--maxw: 620px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito Sans,system-ui,-apple-system,sans-serif;font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,.display{font-family:Lora,Georgia,serif;line-height:1.18;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand-2-ink)}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--brand-2);outline-offset:2px;border-radius:6px}.kicker{text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:800;color:var(--brand-2-ink)}.title{font-size:1.42rem;font-weight:700;letter-spacing:-.01em}.subtitle{font-size:1.06rem;font-weight:700}.body{font-size:.95rem;color:var(--ink-2)}.caption{font-size:.8rem;color:var(--muted)}.app{min-height:100%;max-width:var(--maxw);margin:0 auto;background:var(--paper);position:relative;box-shadow:0 0 0 1px var(--line)}.topbar{position:sticky;top:0;z-index:30;height:calc(var(--header-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center;gap:.6rem;padding-left:1rem;padding-right:.7rem;background:var(--brand);color:var(--paper)}.topbar .brand{display:flex;align-items:center;gap:.55rem;font-family:Lora,serif;font-weight:700;font-size:1.06rem}.topbar .brand .lm{color:#fff}.topbar .brand .ke{color:var(--brand-2)}.topbar .spacer{flex:1}.main{padding:1rem 1rem calc(var(--nav-h) + env(safe-area-inset-bottom) + 1.2rem)}.bottomnav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:var(--maxw);z-index:40;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#ffffffed;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-top:1px solid var(--line-strong)}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.01em;position:relative}.bottomnav a.active{color:var(--brand)}.bottomnav a.active:before{content:"";position:absolute;top:0;width:30px;height:3px;border-radius:0 0 4px 4px;background:var(--brand-2)}.bottomnav svg{width:22px;height:22px}.bottomnav .badge{position:absolute;top:6px;margin-left:20px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--brand-2);color:#fff;font-size:.62rem;font-weight:800;display:grid;place-items:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.05rem}.card+.card{margin-top:.8rem}.card.flat{box-shadow:none}.card.pad-lg{padding:1.25rem}.section-h{display:flex;align-items:baseline;justify-content:space-between;margin:1.4rem .2rem .55rem}.section-h h2{font-size:1.12rem}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.8rem .85rem}.stat .n{font-family:Lora,serif;font-size:1.72rem;font-weight:700;letter-spacing:-.02em;line-height:1}.stat .l{font-size:.74rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:.3rem}.stat .sub{font-size:.78rem;color:var(--ink-2);margin-top:.2rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;padding:.72rem 1.05rem;font-weight:800;font-size:.95rem;letter-spacing:.005em;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;text-decoration:none;transition:transform .08s ease,background .15s ease,box-shadow .15s;touch-action:manipulation;width:100%}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand-2);color:#fff;box-shadow:0 4px 14px #e8642a52}.btn-primary:hover{background:#d95a24}.btn-dark{background:var(--brand);color:var(--paper)}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--brand)}.btn-sm{width:auto;padding:.5rem .8rem;font-size:.84rem;border-radius:10px}.btn[disabled]{opacity:.5;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .6rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.01em;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2)}.chip.brand{background:#eef1f7;border-color:#dbe0ec;color:var(--brand-ink)}.chiprow{display:flex;flex-wrap:wrap;gap:.4rem}.rag{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;border-radius:999px;padding:.3rem .65rem;font-size:.76rem;letter-spacing:.02em}.rag .dot{width:9px;height:9px;border-radius:50%}.rag.red{background:var(--red-bg);color:var(--red)}.rag.red .dot{background:var(--red)}.rag.amber{background:var(--amber-bg);color:var(--amber)}.rag.amber .dot{background:var(--amber)}.rag.green{background:var(--green-bg);color:var(--green)}.rag.green .dot{background:var(--green)}.meter{height:8px;border-radius:6px;background:var(--line);overflow:hidden}.meter>i{display:block;height:100%;border-radius:6px}.row{display:flex;gap:.75rem;align-items:flex-start}.row+.row{border-top:1px solid var(--line);padding-top:.8rem;margin-top:.8rem}.avatar{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;font-weight:800;color:#fff;font-size:.95rem;font-family:Lora,serif}.grow{flex:1;min-width:0}.between{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.wrapany{overflow-wrap:anywhere}.mono{font-variant-numeric:tabular-nums}.field{margin-top:.85rem}.field label{display:block;font-size:.82rem;font-weight:800;color:var(--ink-2);margin-bottom:.3rem}.input,.select,.textarea{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;padding:.7rem .8rem;font-size:.95rem}.textarea{min-height:84px;resize:vertical}.optiongrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.optionbtn{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;padding:.6rem .7rem;text-align:left;font-weight:700;font-size:.86rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.optionbtn.on{border-color:var(--brand-2);background:#fff4ee;color:var(--brand-2-ink);box-shadow:0 0 0 1px var(--brand-2) inset}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#14161a73;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.sheet{width:100%;max-width:var(--maxw);max-height:92vh;overflow:auto;background:var(--paper);border-radius:20px 20px 0 0;padding:1rem 1rem calc(1.2rem + env(safe-area-inset-bottom));box-shadow:var(--shadow-lift);animation:rise .24s cubic-bezier(.2,.8,.2,1)}.sheet .grip{width:40px;height:4px;border-radius:3px;background:var(--line-strong);margin:0 auto .6rem}.sheet-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.iconbtn{background:transparent;border:none;padding:.3rem;cursor:pointer;color:var(--muted);border-radius:8px}.divider{height:1px;background:var(--line);margin:1rem 0}.hero{background:linear-gradient(160deg,#24325a,#1b263f);color:var(--paper);border-radius:var(--radius);padding:1.2rem;position:relative;overflow:hidden}.hero .kicker{color:#ffb999}.hero h1{font-size:1.5rem;margin:.35rem 0 .4rem}.hero p{color:#d7dcea;font-size:.95rem;margin:0 0 .9rem}.hero:after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(232,100,42,.35),transparent 70%)}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.empty svg{width:40px;height:40px;opacity:.5;margin-bottom:.5rem}.timeline{position:relative;margin-left:.3rem;padding-left:1.1rem}.timeline:before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:2px;background:var(--line)}.tl-item{position:relative;padding-bottom:.9rem}.tl-item:before{content:"";position:absolute;left:-1.1rem;top:3px;width:10px;height:10px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 0 3px var(--paper)}.tl-item.muted:before{background:var(--line-strong)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(18px)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (min-width: 640px){.app{margin-top:0;border-radius:0;min-height:100vh}.stats{grid-template-columns:repeat(4,1fr)}}.eco{--bg: #f6f8fc;--bg-2: #eef2f9;--panel: #ffffff;--panel-2: #f3f6fc;--line: #e2e8f2;--line-2: #cdd6e6;--text: #17203a;--text-dim: #5d6884;--siren: #ff3b2e;--siren-2: #ff6a3d;--hazard: #ffb300;--go: #12a06c;--amber: #d98400;--red: #e23b2c;--sig: #ff8a3d;--sig-ink: #ffffff;--sig-soft: rgba(255,138,61,.12);background:var(--bg);color:var(--text);font-family:Archivo,system-ui,sans-serif;min-height:100%;max-width:640px;margin:0 auto;position:relative;box-shadow:0 0 0 1px var(--line);overflow-x:hidden}.eco ::selection{background:var(--sig);color:var(--sig-ink)}.eco.public{--sig: #ff7a2f;--sig-ink: #ffffff;--sig-soft: rgba(255,122,47,.12);--bg: #fff8f2;--bg-2: #fdeee2;--panel-2: #fff4ec;--line: #f4e2d3;--line-2: #ecccb4}.eco.network{--sig: #0ea678;--sig-ink: #ffffff;--sig-soft: rgba(14,166,120,.12);--bg: #f1fbf6;--bg-2: #e0f4ea;--panel-2: #edf9f2;--line: #d5efe0;--line-2: #b6e2ce}.eco.command{--sig: #5468ff;--sig-ink: #ffffff;--sig-soft: rgba(84,104,255,.12);--bg: #f3f5ff;--bg-2: #e6ebff;--panel-2: #eef1ff;--line: #dde3fb;--line-2: #c3ccf5}.eco .pub-main{padding:1rem 1rem calc(76px + env(safe-area-inset-bottom) + 1.4rem)}.eco .anton{font-family:Anton,sans-serif;font-weight:400;letter-spacing:.01em;text-transform:uppercase;line-height:.94}.eco h1,.eco h2,.eco h3{margin:0}.eco .pub-top{position:sticky;top:0;z-index:30;height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center;gap:.6rem;padding-left:1rem;padding-right:.7rem;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid var(--line)}.eco .pub-brand{display:flex;align-items:center;gap:.5rem;font-family:Anton,sans-serif;text-transform:uppercase;font-size:1.15rem;letter-spacing:.02em}.eco .pub-brand .ke{color:var(--siren)}.eco .beacon{width:12px;height:12px;border-radius:50%;background:var(--siren);position:relative;box-shadow:0 0 #ff3b2eb3;animation:beacon 1.6s infinite}@keyframes beacon{0%{box-shadow:0 0 #ff3b2e99}70%{box-shadow:0 0 0 10px #ff3b2e00}to{box-shadow:0 0 #ff3b2e00}}.eco .hazard-stripe{height:8px;background:repeating-linear-gradient(45deg,var(--sig) 0 14px,color-mix(in srgb,var(--sig) 32%,#fff) 14px 28px)}.eco .pub-hero{position:relative;padding:1.6rem 0 1.2rem}.eco .pub-hero .kick{display:inline-flex;align-items:center;gap:.45rem;background:var(--sig);color:var(--sig-ink);font-weight:900;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.32rem .6rem;border-radius:3px}.eco .pub-hero h1{font-size:clamp(2.7rem,13vw,4.1rem);margin:.7rem 0 .5rem}.eco .pub-hero h1 .hl{color:var(--sig)}.eco .pub-hero p{color:var(--text-dim);font-size:1.02rem;line-height:1.5;max-width:33ch;margin:0 0 1.1rem}.eco .pub-hero:before{content:"";position:absolute;right:-70px;top:-30px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--sig-soft),transparent 66%);pointer-events:none}.eco .pub-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Archivo,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.01em;padding:1rem 1.2rem;border-radius:12px;text-decoration:none;transition:transform .08s ease,filter .15s ease;touch-action:manipulation}.eco .pub-btn:active{transform:translateY(1px) scale(.995)}.eco .pub-btn-siren{background:var(--siren);color:#fff;box-shadow:0 8px 26px #ff3b2e66;text-transform:uppercase;letter-spacing:.04em}.eco .pub-btn-siren:hover{filter:brightness(1.06)}.eco .pub-btn-hazard{background:var(--hazard);color:#000;text-transform:uppercase;letter-spacing:.04em}.eco .pub-btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--line-2)}.eco .pub-btn-block{display:flex}.eco .pub-btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.eco .pub-btn-sm{width:auto;padding:.55rem .9rem;font-size:.86rem;border-radius:9px}.eco .pub-sos{position:relative;width:100%;border:none;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,var(--siren) 0%,#e21d12 100%);color:#fff;border-radius:18px;padding:1.3rem 1.2rem;text-align:left;box-shadow:0 14px 40px #ff3b2e6b;display:flex;align-items:center;gap:1rem}.eco .pub-sos .lbl{font-family:Anton,sans-serif;text-transform:uppercase;font-size:1.7rem;line-height:.95}.eco .pub-sos .sub{font-size:.82rem;opacity:.92;font-weight:600;margin-top:.2rem}.eco .pub-sos .ring{width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,255,255,.9);display:grid;place-items:center;flex:none;animation:sospulse 1.6s infinite}@keyframes sospulse{0%,to{box-shadow:0 0 #ffffff59}60%{box-shadow:0 0 0 12px #fff0}}.eco .pub-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.05rem 1.1rem}.eco .pub-panel+.pub-panel{margin-top:.8rem}.eco .pub-panel.raise{background:var(--panel-2)}.eco .pub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.eco .pub-stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.8rem .7rem;text-align:left}.eco .pub-stat .n{font-family:Anton,sans-serif;font-size:2.1rem;line-height:.9;color:var(--sig)}.eco .pub-stat.siren .n{color:var(--siren)}.eco .pub-stat.go .n{color:var(--go)}.eco .pub-stat .l{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:800;margin-top:.35rem}.eco .pub-h{display:flex;align-items:center;gap:.6rem;margin:1.6rem .1rem .7rem}.eco .pub-h h2{font-family:Anton,sans-serif;text-transform:uppercase;font-size:1.35rem}.eco .pub-h .bar{flex:1;height:2px;background:var(--line)}.eco .pub-ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}.eco .pub-ticker .track{display:inline-flex;gap:2.2rem;white-space:nowrap;padding:.5rem 0;animation:ticker 22s linear infinite}.eco .pub-ticker .item{font-size:.78rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.eco .pub-ticker .item b{color:var(--go)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.eco .pub-step{display:flex;gap:.9rem;align-items:flex-start;padding:.5rem 0}.eco .pub-step .num{font-family:Anton,sans-serif;font-size:1.9rem;color:var(--siren);line-height:1;flex:none;width:1.4em}.eco .pub-step .t{font-weight:800;font-size:1.02rem}.eco .pub-step .d{color:var(--text-dim);font-size:.9rem;margin-top:.1rem}.eco .pub-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:999px;font-weight:800;font-size:.74rem;background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.eco .pub-chip.hazard{background:var(--hazard);color:#000;border-color:var(--hazard)}.eco .pub-chip.siren{background:#ff3b2e24;color:var(--siren);border-color:var(--siren)}.eco .pub-chip.go{background:#26d9891f;color:var(--go);border-color:var(--go)}.eco .pub-chiprow{display:flex;flex-wrap:wrap;gap:.4rem}.eco .pub-field{margin-top:.9rem}.eco .pub-field label{display:block;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.35rem}.eco .pub-input,.eco .pub-select,.eco .pub-textarea{width:100%;background:var(--bg-2);border:1.5px solid var(--line-2);color:var(--text);border-radius:11px;padding:.8rem .85rem;font-size:.98rem;font-family:Archivo,sans-serif}.eco .pub-input:focus,.eco .pub-select:focus,.eco .pub-textarea:focus{outline:none;border-color:var(--siren)}.eco .pub-textarea{min-height:84px;resize:vertical}.eco .pub-optgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.eco .pub-opt{background:var(--bg-2);border:1.5px solid var(--line-2);color:var(--text);cursor:pointer;border-radius:11px;padding:.7rem;font-weight:800;font-size:.86rem;text-align:left;display:flex;align-items:center;gap:.5rem}.eco .pub-opt.on{border-color:var(--sig);background:var(--sig-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--sig)}.eco .pub-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:640px;z-index:40;height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.eco .pub-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--text-dim);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;position:relative}.eco .pub-nav a.active{color:var(--text)}.eco .pub-nav a.active:before{content:"";position:absolute;top:0;width:34px;height:3px;background:var(--siren);border-radius:0 0 4px 4px}.eco .pub-nav .cta{color:#fff}.eco .pub-nav .cta .ic{background:var(--siren);border-radius:12px;width:46px;height:46px;display:grid;place-items:center;margin-top:-14px;box-shadow:0 8px 20px #ff3b2e80}.eco .pub-rag{display:inline-flex;align-items:center;gap:.4rem;font-weight:900;text-transform:uppercase;border-radius:6px;padding:.3rem .6rem;font-size:.78rem;letter-spacing:.04em}.eco .pub-rag.red{background:#ff574729;color:var(--red)}.eco .pub-rag.amber{background:#ffb02029;color:var(--amber)}.eco .pub-rag.green{background:#26d98929;color:var(--go)}.eco .pub-muted{color:var(--text-dim)}.eco .wrapany{overflow-wrap:anywhere}.eco .pub-divider{height:1px;background:var(--line);margin:1rem 0}.eco-public-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:70;background:#17203a;color:#fff;font-weight:800;font-size:.86rem;padding:.75rem 1.05rem;border-radius:11px;box-shadow:0 14px 40px #17203a47;display:flex;align-items:center;gap:.5rem;max-width:616px}@keyframes countpop{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.eco.field{--sig: #e08600;--sig-ink: #ffffff;--sig-soft: rgba(224,134,0,.12);--bg: #fffaf0;--bg-2: #fdf1da;--panel-2: #fff7ea;--line: #f3e6cd;--line-2: #ecd6ac}.eco .shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.eco .product{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.eco .product .thumb{height:96px;display:grid;place-items:center;font-size:2.6rem;background:radial-gradient(circle at 50% 40%,var(--panel-2),var(--bg-2))}.eco .product .body{padding:.6rem .7rem .7rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.eco .product .nm{font-weight:800;font-size:.9rem;line-height:1.15;color:var(--text)}.eco .product .eta{font-size:.68rem;color:var(--sig);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.eco .product .price{font-family:Anton,sans-serif;font-size:1.3rem;margin-top:.1rem;color:var(--text)}.eco .product .add{margin-top:auto}.eco .price-kes{font-family:Anton,sans-serif}.eco .cartbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:616px;z-index:45;background:var(--siren);color:#fff;border-radius:14px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;box-shadow:0 12px 34px #ff3b2e73;font-weight:800}.eco .cartbar .qty{background:#ffffff40;border-radius:8px;padding:.1rem .5rem;font-family:Anton,sans-serif}.eco .cart-row{display:flex;align-items:center;gap:.7rem;padding:.6rem 0}.eco .cart-row+.cart-row{border-top:1px solid var(--line)}.eco .qtybtn{width:30px;height:30px;border-radius:8px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--text);font-weight:800;font-size:1.1rem;cursor:pointer;display:grid;place-items:center}.eco .summary-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.92rem}.eco .summary-row.total{font-family:Anton,sans-serif;font-size:1.3rem;border-top:1px solid var(--line);margin-top:.4rem;padding-top:.6rem}body{background:#e7ebf3}body.owner-lens{padding-top:46px}body.owner-lens .eco .pub-top{top:46px}@media (min-width: 900px){body.owner-lens .eco .pub-nav{top:46px;height:calc(100vh - 46px)}}.owner-lens-bar{position:fixed;top:0;left:0;right:0;height:46px;z-index:95;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:0 .9rem;background:#fff;border-bottom:1px solid #dde3fb;box-shadow:0 2px 12px #5468ff1a}.owner-lens-bar .oll{display:flex;align-items:center;gap:.45rem;font-weight:900;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:#5468ff;white-space:nowrap}.owner-lens-bar .oll-dot{width:9px;height:9px;border-radius:50%;background:#5468ff;box-shadow:0 0 0 3px #5468ff2e}.owner-lens-bar .oll-seg{display:flex;gap:.25rem;background:#eef1ff;border:1px solid #dde3fb;border-radius:11px;padding:.22rem}.owner-lens-bar .oll-seg button{border:none;background:transparent;cursor:pointer;font-family:Archivo,sans-serif;font-weight:800;font-size:.78rem;color:#5d6884;padding:.38rem .8rem;border-radius:8px;transition:background .12s ease,color .12s ease}.owner-lens-bar .oll-seg button.on{background:#5468ff;color:#fff;box-shadow:0 3px 10px #5468ff47}@media (max-width: 540px){.owner-lens-bar{justify-content:center;padding:0 .5rem}.owner-lens-bar .oll{display:none}.owner-lens-bar .oll-seg button{padding:.38rem .7rem;font-size:.74rem}}.eco .aud{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;padding:.2rem .5rem;border-radius:5px;background:var(--sig);color:var(--sig-ink);white-space:nowrap}.eco .tagline{font-size:.66rem;color:var(--text-dim);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.eco .pub-nav a.active:before{background:var(--sig)}.eco .hazard-stripe{height:10px}.eco .preview-bar{background:var(--sig);color:var(--sig-ink);font-weight:900;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:.4rem .6rem;display:flex;align-items:center;justify-content:center;gap:.6rem}.eco .preview-bar button{background:#000000d9;color:#fff;border:none;border-radius:6px;padding:.2rem .6rem;font-weight:800;font-size:.7rem;cursor:pointer}@media (min-width: 900px){.eco{max-width:1180px;display:grid;grid-template-columns:244px minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"nav top" "nav strip" "nav main";min-height:100vh}.eco .pub-top{grid-area:top}.eco .hazard-stripe{grid-area:strip}.eco .pub-main{grid-area:main;padding:1.5rem 2.2rem 2.5rem;max-width:820px}.eco .pub-nav{grid-area:nav;position:sticky;top:0;align-self:start;height:100vh;width:auto;max-width:none;left:auto;bottom:auto;transform:none;grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:max-content;align-content:start;gap:.3rem;padding:1.3rem .8rem;border-top:none;border-right:1px solid var(--line);background:var(--bg-2)}.eco .pub-nav a{flex-direction:row;justify-content:flex-start;gap:.8rem;padding:.85rem 1rem;border-radius:11px;font-size:.9rem}.eco .pub-nav a.active{background:var(--panel)}.eco .pub-nav a.active:before{display:none}.eco .pub-nav .cta{flex-direction:row;justify-content:flex-start}.eco .pub-nav .cta .ic{margin-top:0;width:34px;height:34px}.eco .pub-nav .badge{margin-left:0!important;position:static!important}.eco .shop-grid{grid-template-columns:repeat(3,1fr)}.eco .cartbar{left:auto;right:28px;transform:none;max-width:380px}.eco-public-toast{left:auto;right:28px;transform:none}}