:root{font-family:'DM Sans',system-ui,sans-serif;color:#20283b;background:#fff;--blue:#2356e8;--muted:#747c8e;--line:#e8ebf1}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7c9eff;outline-offset:3px}.header{height:92px;margin:auto;max-width:1320px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-family:Manrope,system-ui;font-size:23px;font-weight:800;letter-spacing:-.8px}.brand strong{font-weight:500;color:var(--muted)}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.text-button,.cart-link{border:0;background:none;padding:10px 0;color:inherit}.cart-link span{background:#eff3ff;color:var(--blue);border-radius:100%;padding:4px 8px;margin-left:6px}.hero{max-width:1320px;margin:auto;min-height:500px;padding:68px 48px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#65728d;display:block}.eyebrow i{display:inline-block;border-radius:50%;width:6px;height:6px;background:var(--blue);margin-right:7px}h1,h2,h3{font-family:Manrope,system-ui;letter-spacing:-1.5px}h1{font-size:clamp(36px,4vw,56px);line-height:1.16;margin:22px 0}h1 span{color:var(--blue)}.hero p{font-size:16px;color:var(--muted);line-height:1.85;margin:0 0 25px}.button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:15px 21px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:13px;font-weight:700}.hero-notes{display:flex;gap:22px;font-size:10px;color:var(--muted);margin-top:22px}.hero-art{height:360px;border-radius:28px;background:#f0f3fa;position:relative;display:grid;place-items:center;overflow:hidden}.art-orbit{position:absolute;width:290px;height:290px;border:1px solid #dbe2f1;border-radius:50%}.art-orbit:after{content:'';position:absolute;inset:30px;border:1px dashed #dbe2f1;border-radius:50%}.art-bag{width:220px;filter:drop-shadow(9px 18px 12px #8e99ae38);transform:rotate(-10deg);z-index:1}.floating{position:absolute;background:#fff;box-shadow:0 8px 30px #9da7c523;border:1px solid #e8ecf5;border-radius:12px;padding:14px 17px;font-size:11px;font-weight:700;z-index:2}.tag-top{top:40px;right:18px;transform:rotate(5deg)}.tag-bottom{bottom:42px;left:22px;transform:rotate(-5deg)}.tag-bottom span{color:var(--blue);margin-right:8px;font-size:20px}.products-section{max-width:1320px;padding:26px 48px 60px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end}h2{font-size:29px;line-height:1.25;margin:12px 0 0;letter-spacing:-1px}.section-heading p{font-size:12px;color:var(--muted)}.filters{display:flex;gap:8px;margin:26px 0}.filters button{border:1px solid var(--line);border-radius:30px;background:white;color:var(--muted);padding:9px 17px;font-size:12px}.filters .active{color:white;background:#20283b;border-color:#20283b}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-art{height:150px;background:var(--product-color);border-radius:16px;display:grid;place-items:center;position:relative}.product-art svg{width:68px;height:80px;stroke:#465167;stroke-width:2;fill:#ffffff80;filter:drop-shadow(4px 10px 6px #4651671b)}.product-art .badge{position:absolute;left:15px;top:15px;background:#ffffffb3;border-radius:5px;padding:5px 8px;font-size:9px;color:#556176}.product-details{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.product-details small{color:var(--muted);font-size:10px}.product-details h3{font-size:15px;letter-spacing:-.3px;margin:5px 0}.price{font-weight:700;font-size:15px}.product p{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0}.add-button{width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.add-button:hover{border-color:var(--blue);color:var(--blue);background:#f8faff}.demo-note{margin:0 auto 38px;padding:16px 20px;max-width:1224px;background:#f7f9fe;border:1px solid #edf0f8;border-radius:12px;display:flex;align-items:center;gap:14px}.demo-note p{color:#64718b;font-size:12px;line-height:1.6;margin:0}footer{border-top:1px solid var(--line);max-width:1320px;margin:auto;padding:28px 48px;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:12px}footer span{font-weight:800}footer small{color:var(--muted);font-weight:500}footer p{font-size:10px;color:var(--muted)}footer a{font-size:10px;font-weight:600}dialog{border:1px solid var(--line);padding:32px;border-radius:20px;width:min(460px,95vw);color:inherit;box-shadow:0 20px 100px #17233e30}dialog::backdrop{background:#1423455e;backdrop-filter:blur(4px)}dialog p{font-size:12px;color:var(--muted);line-height:1.8}dialog label{font-size:12px;font-weight:600;display:block;margin:20px 0 8px}input{border:1px solid #dce2ed;border-radius:8px;padding:12px;width:100%;font-size:13px;color:#20283b}.close-login{display:block;margin:auto;font-size:12px}#login-form>.button{width:100%;margin:12px 0}.cart-dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:0;width:min(480px,100vw);padding:30px}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.icon-button{border:0;background:#f2f4f8;border-radius:50%;font-size:25px;width:36px;height:36px}.cart-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:65px;height:75px;border-radius:10px;background:var(--product-color);display:grid;place-items:center;flex-shrink:0}.cart-thumb svg{width:40px;height:50px;fill:#ffffff80;stroke:#465167;stroke-width:2}.cart-item h3{font-size:13px;margin:0 0 6px;letter-spacing:0}.cart-info{flex:1}.cart-item small{font-size:11px;color:var(--muted)}.quantity{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:12px}.quantity button{width:26px;height:26px;border:1px solid var(--line);border-radius:5px;background:white}.quantity .remove{width:auto;border:0;color:var(--muted);font-size:10px;margin-left:auto}.coupon-row{display:flex;gap:8px}.coupon-row .button{white-space:nowrap;padding:12px}.secondary{color:var(--blue);background:#edf2ff}#coupon-hint{display:block;color:var(--muted);font-size:10px;margin:9px 0}.total-row{display:flex;justify-content:space-between;font-size:13px;margin:15px 0}.total-row.final{border-top:1px solid var(--line);padding-top:18px;font-size:18px;font-weight:700}.savings{color:#228261}.checkout-button{width:100%;margin-top:10px}.fineprint{text-align:center;font-size:10px}#cart-error,#login-error{color:#b33d43;font-size:12px}#receipt{border-radius:10px;padding:0;font-size:12px;line-height:1.7}#receipt:not(:empty){padding:17px;background:#ecf7f1;color:#27674e}#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#20283b;color:white;padding:12px 20px;border-radius:10px;font-size:12px;box-shadow:0 5px 25px #17233e30;display:none;z-index:5}@media(max-width:750px){.header{height:75px;padding:0 20px}.brand{font-size:19px;gap:8px}.brand img{width:30px}nav{gap:15px;font-size:11px}nav>a{display:none}.hero{padding:40px 20px;grid-template-columns:1fr;gap:30px}.hero-art{height:260px}.art-bag{width:170px}.hero-notes{gap:16px}.products-section{padding:20px}.section-heading{display:block}.section-heading h2{font-size:25px}.product-grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}.product-art{height:170px}.product-art svg{width:60px;height:72px}.product-details{align-items:start;gap:5px}.product-details h3{font-size:12px}.price{font-size:12px}.product p{min-height:35px}.filters{gap:5px;flex-wrap:wrap}.filters button{font-size:10px;padding:8px 12px}.demo-note{margin:25px 20px}footer{padding:20px;flex-wrap:wrap}footer p{order:3;width:100%;margin:0}dialog{padding:24px}}

.coupon-picker{margin:20px 0 14px}.coupon-picker h3{font-size:13px;letter-spacing:0;margin:0 0 5px}.coupon-picker p{margin:0 0 10px;font-size:10px}.coupon-options{display:grid;gap:8px}.coupon-choice{display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;border:1px dashed #cdd9f4;background:#f7f9ff;border-radius:9px;padding:11px 13px;color:#20283b}.coupon-choice strong{display:block;font-size:12px}.coupon-choice small{font-size:10px;color:#64718b}.coupon-choice span{font-size:11px;color:var(--blue);font-weight:700}.coupon-choice.selected{border-style:solid;border-color:var(--blue);background:#edf2ff}.coupon-choice:disabled{cursor:wait}@media(min-width:751px) and (max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}}

.connection-status{max-width:1224px;margin:18px auto 0;padding:12px 18px;border-radius:8px;background:#fff4df;color:#72501b;font-size:12px;line-height:1.6}.connection-status.connected{background:#edf2ff;color:#2356e8}@media(max-width:750px){.connection-status{margin:12px 20px 0}}

select{font:inherit;width:100%;border:1px solid #dce2ed;border-radius:8px;padding:12px;background:white;font-size:13px}.setup{max-width:760px;margin:40px auto;padding:24px}.setup h1{font-size:32px}.setup label{display:block;font-size:13px;margin:16px 0 8px}.setup section{border:1px solid var(--line);border-radius:14px;padding:24px;margin:22px 0}.setup .member-check{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px}.setup input[type=checkbox]{width:auto}.setup p{font-size:13px;line-height:1.7;color:var(--muted)}.setup .button{margin-top:16px}.setup-error{color:#b33d43!important}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
