:root{font-family:"Segoe UI",Arial,sans-serif;color:#192c44;background:#edf1f6;font-synthesis:none;--blue:#1559dc;--line:#e4e9f0;--muted:#728095}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #79a7ff;outline-offset:3px}button{color:inherit}h1,h2,h3,p{margin:0}.icon{width:22px;height:22px;flex-shrink:0}.shell{display:flex;min-height:100dvh}.rail{width:80px;background:#102c50;color:#d9e5f4;display:flex;align-items:center;flex-direction:column;padding:24px 10px;position:fixed;inset:0 auto 0 0;z-index:2}.brand-symbol{width:32px;height:32px;display:grid;grid-template-columns:repeat(3,8px);gap:3px;margin-bottom:43px}.brand-symbol i{background:#5d91f1;border-radius:1px}.brand-symbol i:nth-child(3n+1){background:#8bd3b2}.rail-item{border:0;background:transparent;color:#a7bad1;width:60px;height:65px;border-radius:12px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;font-size:11px;margin-bottom:12px}.rail-item.active{color:white;background:#24558a}.rail-item .icon{width:24px;height:24px}.rail-bottom{margin-top:auto;text-align:center;font-size:11px;display:flex;gap:8px;flex-direction:column;align-items:center}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#2b4b70;border-radius:50%;color:white;font-size:12px}.workspace{margin-left:80px;width:calc(100% - 80px);display:flex;flex-direction:column}.topbar{height:96px;min-height:96px;background:#fff;border-bottom:1px solid var(--line);padding:20px 30px;display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:25px;font-weight:750;color:var(--blue);letter-spacing:-1px}.wordmark span{font-size:13px;font-weight:500;color:#53657a;letter-spacing:0;border-left:1px solid #d8e0e9;margin-left:14px;padding-left:14px}.location{margin-top:5px;font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:14px}.demo-pill{font-size:11px;font-weight:600;background:#fff4da;color:#88621b;border:1px solid #f1e2bd;border-radius:6px;padding:7px 10px}.language{border:1px solid var(--line);background:white;border-radius:7px;padding:8px;font-size:12px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;flex:1;min-height:calc(100dvh - 134px)}.catalog{padding:29px 28px 20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}h1{font-size:27px;letter-spacing:-.7px;font-weight:650}.section-heading p{margin-top:7px;color:var(--muted);font-size:13px}.catalog-count{font-size:12px;color:var(--muted);white-space:nowrap}.search{height:50px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dbe3ed;border-radius:10px;padding:0 14px;box-shadow:0 2px 4px #152e4d03}.search .icon{color:#7c8ba1}.search input{border:0;background:transparent;outline:none;min-width:0;width:100%;font-size:14px;color:#24364d}.search input::placeholder{color:#8794a5}.search kbd{font-size:14px;color:#99a6b5;background:#f5f7fa;border:1px solid var(--line);border-radius:4px;padding:2px 5px}.categories{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.categories button{border:1px solid #dce3ec;background:#fff;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:550}.categories button.selected{background:#e4edff;color:#1559dc;border-color:#b8cef7}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product{border:1px solid #e0e6ee;background:white;border-radius:12px;padding:0;text-align:left;overflow:hidden;transition:transform .12s,border-color .12s;min-width:0}.product:hover:not(:disabled){border-color:#83a9ef;transform:translateY(-2px)}.product-art{height:132px;position:relative;display:flex;justify-content:center;align-items:center;background:#f3ebde}.product-art svg{height:125px;width:150px}.product-art.milk{background:#e9f0ea}.product-art.croissant{background:#fbefde}.product-art.juice{background:#f2f0df}.product-art.cheese{background:#faf3da}.product-art.coffee{background:#ede6de}.product-art.water{background:#e8f2f7}.product-art.chocolate{background:#f0e7e7}.add-mark{position:absolute;right:9px;bottom:9px;width:27px;height:27px;background:#ffffffd9;display:grid;place-items:center;border:1px solid #fff;border-radius:7px;font-size:21px;color:#526b89}.product-info{padding:13px 12px 15px}.product h3{font-size:13px;line-height:1.35;font-weight:650;min-height:35px}.product p{font-size:10px;color:var(--muted);margin:4px 0 13px}.price{font-size:18px;font-weight:700;letter-spacing:-.4px}.price span{font-size:12px;font-weight:500;color:#8190a3}.catalog-foot{display:flex;align-items:center;gap:7px;color:#8692a2;font-size:11px;margin-top:24px}.catalog-foot .icon{height:15px;width:15px}.receipt-panel{background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.receipt-heading{height:95px;padding:25px 24px 20px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.receipt-heading h2{font-size:17px;font-weight:650}.receipt-heading div>span{font-size:12px;color:#8390a2;display:block;margin-top:7px}.receipt-badge{font-size:10px;color:#4f6e98;border:1px solid #dce5f1;background:#f5f8fd;border-radius:5px;padding:5px 8px}.cart-lines{flex:1;min-height:225px;padding:0 24px}.empty-cart{padding:60px 6px 35px;text-align:center;color:#8995a5}.empty-symbol{width:60px;height:60px;margin:0 auto 19px;border:1px dashed #d4dfe9;border-radius:16px;background:#f6f8fb;display:grid;place-items:center}.empty-symbol .icon{width:29px;height:29px;color:#94a8bf}.empty-cart h3{font-size:15px;font-weight:600;color:#4c617b}.empty-cart p{font-size:12px;line-height:1.7;margin-top:10px}.cart-line{padding:18px 0;border-bottom:1px solid #edf0f5}.line-top{display:flex;justify-content:space-between;gap:12px;font-size:12px}.line-top strong:first-child{font-weight:600;max-width:195px;line-height:1.5}.line-top strong:last-child{white-space:nowrap;font-size:14px}.line-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.line-bottom>span{color:#8592a2;font-size:11px}.stepper{display:flex;align-items:center;border:1px solid #e0e6ee;border-radius:7px;overflow:hidden}.stepper button{width:28px;height:27px;border:0;background:#f7f9fc;font-size:17px}.stepper span{min-width:28px;text-align:center;font-size:12px}.checkout{padding:23px 24px 18px;border-top:1px solid var(--line)}.summary-line{display:flex;justify-content:space-between;font-size:12px;color:#7a8798}.summary-line strong{color:#44566f;font-weight:550}.total{display:flex;justify-content:space-between;align-items:center;margin:21px 0 23px}.total>span{font-size:15px;font-weight:600}.total strong{font-size:34px;letter-spacing:-1.2px}.total small{font-size:20px;font-weight:500;color:#7d8da2}.pay,.primary{background:var(--blue);color:#fff;border:0;border-radius:9px;font-size:14px;font-weight:600;min-height:52px;width:100%;padding:13px 16px}.pay{display:flex;align-items:center;justify-content:center;gap:10px}.pay span{margin-left:auto;font-size:21px}.pay .icon{margin-right:auto}.pay:disabled{background:#dce7f6;color:#93a9c8;opacity:1}.checkout-note{font-size:10px;text-align:center;color:#8b97a7;margin-top:12px}.statusbar{min-height:38px;border-top:1px solid #dae2ec;display:flex;align-items:center;gap:25px;padding:9px 25px;background:#f7f9fc;color:#738399;font-size:10px}.statusbar>span{display:flex;gap:6px;align-items:center}.status-dot{height:6px;width:6px;background:#ba8d31;border-radius:50%}.saved{margin-left:auto}.no-results{grid-column:1/-1;padding:50px 10px;color:var(--muted);text-align:center;font-size:14px}.notice{margin:12px 20px 0;padding:12px;border:1px solid #e3d6ae;background:#fff9e9;color:#7a6226;font-size:12px;line-height:1.5;border-radius:8px}.notice.error{border-color:#efb7b7;background:#fff2f2;color:#9d3333}.overlay{position:fixed;inset:0;background:#0c244d75;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.modal{width:440px;max-width:100%;max-height:90dvh;overflow:auto;background:#fff;border-radius:18px;padding:32px;text-align:center;box-shadow:0 24px 90px #0a244840}.modal h2{font-size:24px;letter-spacing:-.5px;margin:12px 0}.modal p{font-size:13px;color:#738198;line-height:1.7}.modal-eyebrow{font-size:12px;background:#fff3d8;color:#8a671f;border-radius:5px;padding:6px 9px;display:inline-block}.modal-total{font-size:44px;letter-spacing:-1.5px;font-weight:700;margin:20px 0}.modal-total small{font-size:24px;color:#7e8da1;font-weight:400}.operation-ref{font-size:12px;color:#7c8ca2;padding:14px;background:#f4f7fb;border-radius:7px;margin:20px 0}.secondary{width:100%;min-height:46px;border:1px solid #dbe3ee;background:#fff;border-radius:9px;margin-top:10px;font-size:13px;font-weight:600}.text-button{background:none;border:0;color:#526b8e;font-size:12px;margin:17px 0 7px;text-decoration:underline}.modal .small-note{font-size:11px}.success-icon{width:52px;height:52px;border-radius:50%;background:#e3f3e9;color:#287c4c;display:grid;place-items:center;font-size:28px;margin:0 auto 18px}.receipt-paper{background:#fafbfd;border:1px solid #e1e6ee;border-radius:6px;margin:22px 0;padding:20px;text-align:left}.paper-brand{text-align:center;font-size:22px;color:#24528c;font-weight:700}.paper-ref{text-align:center;font-size:11px;color:#8491a4;margin:6px 0 20px}.paper-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.7;margin:9px 0}.paper-line strong{white-space:nowrap}.paper-total{border-top:1px dashed #c6d0de;margin-top:18px;padding-top:15px;display:flex;justify-content:space-between;font-weight:650}.paper-total strong{font-size:20px}@media(min-width:1500px){.product-art{height:170px}.product-art svg{height:150px;width:180px}.product h3{font-size:15px}.product p{font-size:12px}.product-info{padding:16px}.catalog{padding:32px}.main-grid{grid-template-columns:minmax(0,1fr) 410px}}@media(max-width:1150px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-grid{grid-template-columns:minmax(0,1fr) 335px}.catalog{padding:24px 20px}.topbar{padding:20px}.product-art{height:115px}.product-art svg{height:110px}.demo-pill{max-width:220px;text-align:center}.catalog-count{display:none}}@media(max-width:850px){.rail{width:64px;padding:20px 5px}.workspace{margin-left:64px;width:calc(100% - 64px)}.main-grid{grid-template-columns:1fr}.receipt-panel{border-top:1px solid var(--line);border-left:0}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cart-lines{min-height:100px}.empty-cart{padding:25px}.wordmark span{display:none}.topbar{height:80px;min-height:80px}.receipt-heading{height:80px}.statusbar{flex-wrap:wrap;gap:10px}.saved{margin-left:0}.demo-pill{font-size:10px;max-width:160px}.total strong{font-size:32px}}@media(max-width:560px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog{padding:22px 14px}.section-heading h1{font-size:24px}.section-heading p{font-size:12px}.topbar{padding:14px}.wordmark{font-size:23px}.location{font-size:10px}.demo-pill{display:none}.product-art{height:120px}.categories{gap:6px}.categories button{padding:8px 10px;font-size:11px}.modal{padding:24px}.catalog-foot{font-size:10px}.rail{width:57px}.rail-item{width:47px}.workspace{margin-left:57px;width:calc(100% - 57px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:851px){.shell{height:100dvh;overflow:hidden}.workspace{height:100dvh}.main-grid{min-height:0;overflow:hidden}.catalog{overflow:auto}.receipt-panel{min-height:0}.cart-lines{overflow:auto;min-height:0}}
.brand-symbol i:nth-child(3n+1){background:#5d91f1}.brand-symbol i:nth-child(1),.brand-symbol i:nth-child(5),.brand-symbol i:nth-child(9){background:#8bd3b2}

.weight-input{width:84px;margin-left:8px;border:1px solid #e0e6ee;border-radius:7px;padding:5px 8px;font-size:12px;text-align:right;background:#fff}