.live-demo{border:1px solid var(--strong);background:var(--bg);border-radius:13px;overflow:hidden;box-shadow:0 15px 45px #00000005}.demo-heading{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:18px;padding:16px 22px;display:flex}.demo-heading>span:first-child{align-items:center;gap:9px;font-size:13px;display:flex}.demo-label{letter-spacing:.1em;border:1px solid var(--strong);color:var(--muted);border-radius:4px;padding:3px 6px;font-size:8px}.demo-reset{color:var(--muted);background:0 0;align-items:center;gap:7px;min-height:24px;margin-left:auto;font-size:11px;display:flex}.demo-layout{grid-template-columns:62% 38%;display:grid}.demo-catalog{min-width:0;padding:25px}.demo-tools{align-items:center;gap:10px;display:flex}.demo-search{border:1px solid var(--strong);color:var(--muted);border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;padding:9px 12px;display:flex}.demo-search input{width:100%;color:var(--fg);background:0 0;border:0;outline:none;min-width:0;font-size:12px}.demo-search:focus-within{outline:2px solid var(--red-text);outline-offset:2px}.demo-search input:focus-visible{outline:0}.scan-button{border:1px solid var(--strong);background:var(--surface);border-radius:6px;align-items:center;gap:7px;min-height:40px;padding:10px 12px;font-size:11px;display:flex}.demo-filters{gap:9px;margin-block:21px;display:flex}.demo-filters button{min-height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:5px;padding:6px 12px;font-size:11px}.demo-filters button[aria-pressed=true]{border-color:var(--border);background:var(--surface2);color:var(--fg)}.demo-products{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.demo-product{text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;min-width:0;padding:8px;transition:transform .2s,border-color .2s;display:flex}.demo-product:hover{border-color:var(--strong);transform:translateY(-3px)}.demo-product:active{border-color:var(--brand);transform:scale(.97)}.demo-art{border-radius:5px;place-items:center;width:100%;height:87px;display:grid;position:relative}.add-product{background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:6px;right:6px}.demo-product>strong{margin-top:10px;font-size:11px;font-weight:550;line-height:1.5}.demo-product-unit{color:var(--muted);margin-top:5px;font-size:8px}.demo-product>b{white-space:nowrap;margin-top:12px;margin-bottom:3px;font-size:12px;font-weight:600}.demo-product>b small{color:var(--muted);font-size:8px;font-weight:400}.demo-catalog-note{color:var(--subtle);align-items:center;gap:7px;margin-top:24px;font-size:9px;display:flex}.demo-catalog-note>span:last-child{margin-left:auto}.demo-cart{border-left:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.demo-cart-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:23px;display:flex}.demo-cart-top h3{font-size:16px}.demo-cart-top p{margin-top:4px;font-size:10px}.demo-item-count{background:var(--surface2);border-radius:6px;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.demo-cart-lines{flex:1;min-height:200px;max-height:315px;overflow:auto}.empty-cart{text-align:center;height:100%;min-height:230px;color:var(--subtle);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty-cart p{max-width:180px;margin-top:15px;font-size:13px}.empty-cart span{margin-top:7px;font-size:10px}.demo-line{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:12px 10px;padding:17px 23px;display:grid}.demo-line b{font-size:11px}.demo-line small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.demo-line>strong{font-size:12px}.quantity-control{align-items:center;gap:13px;font-size:12px;display:flex}.quantity-control button{border:1px solid var(--border);background:var(--surface);border-radius:5px;width:28px;height:28px;font-size:16px}.demo-summary{background:var(--surface);padding:22px}.demo-summary>div{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.demo-summary .demo-total{border-top:1px solid var(--border);color:var(--fg);align-items:center;margin-top:16px;padding-top:17px;font-size:15px}.demo-total strong{letter-spacing:-1px;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:26px}.demo-checkout{justify-content:space-between;width:100%;margin-top:8px;font-size:12px}.demo-checkout:disabled{background:var(--surface2);color:var(--muted);border-color:var(--border);box-shadow:none;transform:none}.demo-checkout kbd,.complete-sale kbd{color:inherit;border-color:currentColor;font-size:9px}.demo-summary>p{text-align:center;justify-content:center;align-items:center;gap:4px;margin-top:13px;font-size:8px;display:flex}.demo-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:17px 23px;font-size:10px;display:flex}.demo-bottom>span,.demo-bottom>a{align-items:center;gap:6px;display:flex}.demo-bottom>a{color:var(--fg);font-weight:550}.demo-no-results{text-align:center;padding:30px 0;font-size:14px}.payment-modal{border:1px solid var(--strong);background:var(--bg);width:460px;max-width:calc(100% - 32px);max-height:90dvh;color:var(--fg);border-radius:15px;margin:auto;padding:0}.payment-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:25px;display:flex}.payment-top h3{margin-top:8px;font-size:27px}.payment-content{padding:25px}.payment-amount{text-align:center;margin-bottom:25px}.payment-amount span{color:var(--muted);font-size:12px;display:block}.payment-amount strong{letter-spacing:-1.5px;margin-top:3px;font-size:42px;display:block}.payment-content label{margin-bottom:8px;font-size:12px;font-weight:550;display:block}.payment-content input{border:1px solid var(--strong);background:var(--surface);width:100%;color:var(--fg);font-variant-numeric:tabular-nums;border-radius:6px;padding:13px;font-size:22px}.quick-cash{gap:9px;margin-top:13px;display:flex}.quick-cash button{background:var(--bg);border:1px solid var(--border);border-radius:5px;flex:1;padding:10px 5px;font-size:12px}.quick-cash button:hover{border-color:var(--brand)}#cash-error{color:var(--red-text);margin-top:10px;font-size:12px}.payment-change{justify-content:space-between;padding-block:20px;font-size:14px;display:flex}.payment-change strong{font-size:21px}.complete-sale{width:100%;font-size:13px}.complete-sale:disabled{background:var(--surface2);border-color:var(--border);color:var(--muted);box-shadow:none;transform:none}.payment-disclaimer{text-align:center;margin-top:15px;font-size:10px}.receipt-result{text-align:center;padding:25px}.receipt-success{color:var(--success);background:var(--surface2);border-radius:50%;padding:15px;display:inline-flex}.receipt-result h3{margin-top:15px;font-size:23px;line-height:1.2}.receipt-result>p{margin-top:8px;font-size:13px}.demo-receipt{background:var(--surface);border:1px dashed var(--strong);border-radius:5px;margin-block:25px;padding:20px;font-family:monospace;font-size:10px}.demo-receipt>b{font-size:13px;display:block}.demo-receipt>span,.demo-receipt>small{color:var(--muted);margin-top:5px;display:block}.demo-receipt>small{margin-bottom:20px}.receipt-cash-line{text-align:left;justify-content:space-between;gap:10px;margin-block:8px;font-size:10px;display:flex}.receipt-total{border-block:1px dashed var(--strong);justify-content:space-between;margin-block:12px;padding-block:10px;font-size:15px;display:flex}.demo-receipt>p{border-top:1px dashed var(--strong);margin-top:16px;padding-top:12px;font-size:9px}.receipt-result>.text-link{margin-top:20px;font-size:12px}.receipt-result>.button{width:100%}@media (width<=1000px){.demo-layout{grid-template-columns:57% 43%}.demo-products{grid-template-columns:repeat(3,1fr)}.demo-product:last-child{display:flex}.demo-catalog{padding:18px}.demo-cart-top,.demo-summary{padding:20px}.scan-button span{display:none}.demo-line{padding-inline:18px}.demo-product>b{font-size:10px}}@media (width<=700px){.demo-products{grid-template-columns:repeat(2,1fr)}.demo-layout{grid-template-columns:53% 47%}.demo-product>strong{font-size:10px}.demo-catalog{padding:13px}.demo-art{height:67px}.demo-summary{padding:15px}.demo-total strong{font-size:22px}.demo-checkout{padding:11px 13px;font-size:11px}.demo-search kbd{display:none}.demo-bottom{flex-direction:column;align-items:start;gap:12px}.demo-catalog-note>span:last-child{display:none}.demo-filters{gap:3px}.demo-filters button{padding:6px 8px;font-size:10px}.demo-line{padding:13px;font-size:10px}.demo-line>strong{font-size:10px}}@media (width<=480px){.demo-layout{grid-template-columns:1fr}.demo-products{grid-template-columns:repeat(2,1fr);gap:10px}.demo-art{height:85px}.demo-product{padding:10px}.demo-product>strong{font-size:13px}.demo-product-unit{font-size:10px}.demo-product>b{font-size:14px}.demo-heading{gap:10px;padding:15px}.demo-heading>span:first-child{font-size:12px}.demo-label{font-size:7px}.demo-reset{font-size:10px}.demo-catalog{padding:17px}.demo-catalog-note{font-size:9px}.demo-cart{border-left:0;border-top:1px solid var(--border)}.demo-cart-top{padding:20px}.demo-cart-lines{min-height:130px;max-height:240px}.empty-cart{height:130px;min-height:130px;padding:15px}.empty-cart p{max-width:220px;margin-top:0;font-size:13px}.demo-summary{padding:20px}.demo-summary>div{font-size:12px}.demo-summary>.demo-total{font-size:17px}.demo-total strong{font-size:29px}.demo-checkout{min-height:47px;font-size:14px}.demo-summary>p{font-size:9px}.demo-line{padding:17px 20px}.demo-line b{font-size:13px}.demo-line small{font-size:11px}.demo-line>strong{font-size:13px}.quantity-control button{width:34px;height:34px}.demo-bottom{padding:15px;font-size:9px}.demo-bottom>a{font-size:11px}.demo-bottom kbd{font-size:9px}.demo-filters button{padding:7px 14px;font-size:12px}.demo-tools{gap:8px}.demo-search{padding:11px}.demo-search input{font-size:13px}.scan-button,.quick-cash button{min-height:44px}.payment-content,.receipt-result,.payment-top{padding:20px}.complete-sale{font-size:12px}}