:root{--brand: #3768d7;--brand-600: #2c59c2;--brand-700: #2449a0;--brand-50: #eef3fd;--brand-100: #dde7fa;--brand-200: #bccff4;--bg: #eef2f9;--surface: #ffffff;--surface-2: #f6f8fc;--line: #e1e7f1;--line-strong: #cdd6e6;--text: #15203a;--text-2: #56627d;--muted: #8a94ab;--success: #0e9f6e;--success-50: #e7f7f0;--danger: #d63b3b;--danger-50: #fdeeee;--warn: #c77a06;--warn-50: #fdf4e3;--r-sm: 10px;--r: 14px;--r-lg: 20px;--shadow-sm: 0 1px 2px rgba(21, 32, 58, .06);--shadow: 0 2px 8px rgba(21, 32, 58, .07), 0 1px 2px rgba(21, 32, 58, .05);--shadow-lg: 0 20px 50px rgba(21, 32, 58, .22);--tap: 48px;--tap-lg: 64px;--topbar-h: 56px;--actionbar-h: 80px;--cart-w: clamp(392px, 47vw, 720px);--font: "Heebo", "Segoe UI", Arial, sans-serif}@media (min-width: 1280px){:root{--topbar-h: 60px;--actionbar-h: 88px}}@media (min-width: 1600px){:root{--actionbar-h: 96px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px!important}.tile{min-height:108px!important}.tile .t-name{font-size:15px!important}.tile .t-price{font-size:17px!important}}@media (max-width: 900px){:root{--cart-w: 330px;--actionbar-h: 72px}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:16px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden;touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text;font:inherit;color:inherit}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:not-allowed;opacity:.45}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.muted{color:var(--muted)}.text-2{color:var(--text-2)}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.between{justify-content:space-between}.center{display:grid;place-items:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}.btn{min-height:var(--tap);min-width:var(--tap);padding:0 18px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:16px;transition:background .12s,transform .06s,box-shadow .12s;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 2px 6px #3768d759}.btn-primary:hover:not(:disabled){background:var(--brand-600)}.btn-soft{background:var(--brand-50);color:var(--brand-700)}.btn-soft:hover:not(:disabled){background:var(--brand-100)}.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger-50);color:var(--danger)}.btn-danger-solid{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-lg{min-height:var(--tap-lg);font-size:18px;border-radius:var(--r);padding:0 24px}.btn-block{width:100%}.btn-icon{padding:0;width:var(--tap)}.chip{min-height:44px;padding:0 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.chip .dot{width:10px;height:10px;border-radius:50%}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;font-size:12px;font-weight:700;background:var(--brand);color:#fff;white-space:nowrap}.badge.warn{background:var(--warn-50);color:var(--warn)}.badge.danger{background:var(--danger-50);color:var(--danger)}.badge.success{background:var(--success-50);color:var(--success)}.badge.soft{background:var(--brand-50);color:var(--brand-700)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:600;color:var(--text-2)}.input{height:52px;border-radius:var(--r-sm);border:1.5px solid var(--line-strong);background:var(--surface);padding:0 14px;font-size:17px;outline:none;width:100%}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100)}.input-icon{position:relative}.input-icon>svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.input-icon>.input{padding-inline-start:46px}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px;gap:4px}.seg button{min-height:44px;padding:0 18px;border-radius:8px;font-weight:600;color:var(--text-2)}.seg button.active{background:var(--surface);color:var(--brand-700);box-shadow:var(--shadow-sm)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numpad button{height:60px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);font-size:24px;font-weight:600;box-shadow:var(--shadow-sm)}.numpad button:active{background:var(--brand-50);transform:scale(.97)}.numpad button.fn{background:var(--surface-2);color:var(--text-2);font-size:18px}.numpad.compact button{height:52px;font-size:21px}.amount-display{height:64px;border-radius:var(--r);background:var(--surface-2);border:1.5px solid var(--line-strong);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:30px;font-weight:700}.amount-display.focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100);background:var(--surface)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f193273;display:grid;place-items:center;z-index:50;padding:16px;animation:fade .12s ease-out}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;animation:pop .14s ease-out}.modal.wide{width:min(880px,100%)}.modal.full{width:min(980px,100%);height:calc(100vh - 32px)}.modal-head{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:20px;font-weight:700;flex:1}.modal-body{padding:18px 20px;overflow-y:auto;flex:1}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:10px;background:var(--surface-2)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(6px)}}.toasts{position:fixed;top:calc(var(--topbar-h) + 10px);left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--text);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;animation:pop .15s ease-out}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.warn{background:var(--warn)}.topbar{height:var(--topbar-h);background:var(--brand);color:#fff;display:flex;align-items:center;gap:16px;padding:0 16px;flex-shrink:0}.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}.topbar .brand .logo{width:34px;height:34px;border-radius:10px;background:#ffffff2e;display:grid;place-items:center}.topbar .meta{display:flex;align-items:center;gap:14px;font-size:14px;opacity:.95}.topbar .meta .sep{width:1px;height:20px;background:#ffffff4d}.topbar .pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff24;padding:6px 12px;border-radius:999px;font-weight:600;font-size:14px}.topbar .pill.warn{background:#fbbf24;color:#3b2600}.topbar .user{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 6px 0 12px;border-radius:999px;background:#ffffff24;font-weight:600}.avatar{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--brand-700);display:grid;place-items:center;font-weight:800;font-size:14px;flex-shrink:0}.app{height:100%;display:flex;flex-direction:column}.sale-body{flex:1;display:flex;min-height:0;gap:10px;padding:10px}.cart{width:var(--cart-w);flex-shrink:0;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.cart-head{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.customer-chip{flex:1;min-width:0;min-height:52px;border-radius:var(--r-sm);background:var(--surface-2);border:1.5px dashed var(--line-strong);display:flex;align-items:center;gap:10px;padding:0 12px;text-align:start}.customer-chip.set{border-style:solid;border-color:var(--brand-200);background:var(--brand-50)}.customer-chip .name{font-weight:700}.customer-chip .sub{font-size:13px;color:var(--text-2)}.cart-head .debt-badge{flex-shrink:0;height:52px;padding:0 12px;font-size:15px;gap:4px;border-radius:var(--r-sm)}button.debt-badge{border:1.5px solid var(--danger);cursor:pointer}.cart-count{display:flex;gap:14px;padding:6px 16px;font-size:14px;color:var(--text-2);border-bottom:1px solid var(--line);background:var(--surface-2)}.cart-count b{color:var(--text);font-size:16px}.cart-lines{flex:1;min-height:0}.cart-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted);padding:24px}.cart-empty svg{color:var(--brand-200);margin-bottom:8px}.cart-line{padding:14px 16px;border-bottom:2px solid var(--line-strong);cursor:pointer}.cart-line:nth-child(2n){background:var(--surface-2)}.cart-line.selected{background:var(--brand-50);box-shadow:inset -6px 0 0 var(--brand)}.cart-line .top{display:flex;gap:12px;align-items:flex-start}.cart-line .name{font-weight:700;font-size:19px;line-height:1.3}.cart-line .meta{font-size:15px;color:var(--text-2);margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}.cart-line .price{font-weight:800;font-size:22px;text-align:left;white-space:nowrap}.cart-line .was{font-size:14px;color:var(--muted);text-decoration:line-through;text-align:left}.cart-line .disc{font-size:14px;color:var(--success);font-weight:600}.line-tools{display:flex;gap:6px;margin-top:10px;align-items:center;flex-wrap:wrap}.qty{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm)}.qty button{width:48px;height:46px;display:grid;place-items:center;color:var(--brand-700)}.qty span{min-width:40px;text-align:center;font-weight:700;font-size:18px}.qty .qty-val{width:auto;min-width:52px;padding:0 8px;font-weight:700;font-size:18px;color:var(--text);border-inline:1px solid var(--line)}.cart-line.returned .price{color:var(--danger)}.pay-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.pay-extra .btn{padding:0 10px;font-size:15px;white-space:normal;line-height:1.2}.return-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--danger-50);color:var(--danger);font-weight:700}.cart-line .line-note{font-size:14px;color:var(--warn);font-weight:600;margin-top:2px;display:flex;gap:4px;align-items:center}.line-tools .btn{min-height:46px;padding:0 12px;font-size:14px}.cart-foot{border-top:1px solid var(--line);padding:12px 16px;background:var(--surface-2)}.cart-foot .r{display:flex;justify-content:space-between;font-size:15px;color:var(--text-2);padding:2px 0}.cart-foot .r.discount{color:var(--success)}.cart-foot .total{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}.cart-foot .total .label{font-weight:700;font-size:18px}.cart-foot .total .val{font-weight:800;font-size:32px;color:var(--brand-700)}.catalog{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.catalog-top{display:flex;gap:8px}.catalog-top .input-icon{flex:1}.cats{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:2px}.cats.sub{padding:2px 2px 10px}.crumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-2);min-height:24px}.crumbs button{color:var(--brand-700);font-weight:600}.grid-wrap{flex:1;min-height:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;align-content:start;padding:2px}.tile{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);min-height:92px;padding:9px;display:flex;flex-direction:column;text-align:start;gap:6px;position:relative;border:1.5px solid transparent;transition:border-color .1s,transform .06s}.tile:active{transform:scale(.97);border-color:var(--brand)}.tile .accent{position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0}.tile .t-name{font-weight:600;font-size:13.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.tile .t-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}.tile .t-price{font-weight:800;font-size:15px;color:var(--brand-700)}.tile .t-img{width:100%;height:48px;object-fit:contain}.tile.cat-tile{background:var(--brand-50);box-shadow:none;border-color:var(--brand-100);justify-content:center;align-items:center;text-align:center;font-weight:700;color:var(--brand-700);gap:8px}.grid-empty{padding:40px;text-align:center;color:var(--muted)}.actionbar{height:var(--actionbar-h);flex-shrink:0;display:flex;gap:8px;padding:0 10px 10px;align-items:stretch}.act{flex:1;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:600;color:var(--text-2);position:relative}.act svg{color:var(--brand)}.act:active:not(:disabled){transform:scale(.97);background:var(--brand-50)}.act.danger svg{color:var(--danger)}.act .badge{position:absolute;top:6px;inset-inline-end:10px}.pay-btn{flex:0 0 var(--cart-w);order:-1;border-radius:var(--r);background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:20px;font-weight:700;box-shadow:0 4px 14px #3768d766}.pay-btn .amt{font-size:28px;font-weight:800}.pay-btn:active:not(:disabled){transform:scale(.99);background:var(--brand-600)}.pay-btn:disabled{background:var(--brand-200);box-shadow:none;opacity:1}.screen{height:100%;display:flex}.hero{flex:1;background:linear-gradient(160deg,var(--brand) 0%,var(--brand-700) 100%);color:#fff;display:flex;flex-direction:column;padding:40px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#ffffff0f;bottom:-220px;left:-160px}.hero .time{font-size:84px;font-weight:800;line-height:1;letter-spacing:-2px}.hero .date{font-size:20px;opacity:.9;margin-top:6px}.hero .store{font-size:26px;font-weight:700}.hero .reg{opacity:.85}.hero .working{margin-top:auto;background:#ffffff1a;border-radius:var(--r);padding:16px 18px;position:relative;z-index:1}.hero .working h4{margin:0 0 8px;font-size:15px;opacity:.85;font-weight:600}.hero .working .w{display:flex;justify-content:space-between;padding:4px 0;font-weight:600}.panel{width:min(460px,48%);background:var(--surface);display:flex;flex-direction:column;justify-content:center;padding:32px 40px;gap:18px}.panel h1{margin:0;font-size:28px}.pin-dots{display:flex;gap:14px;justify-content:center;height:64px;align-items:center}.pin-dots span{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong);transition:all .1s}.pin-dots span.on{background:var(--brand);border-color:var(--brand);transform:scale(1.1)}.pin-dots.shake{animation:shake .3s}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pay{display:grid;grid-template-columns:1fr 300px;gap:20px}.pay-summary{background:var(--surface-2);border-radius:var(--r);padding:16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center}.pay-summary .k{font-size:13px;color:var(--text-2);font-weight:600}.pay-summary .v{font-size:24px;font-weight:800}.pay-summary .v.brand{color:var(--brand-700)}.pay-summary .v.ok{color:var(--success)}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.method{min-height:76px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:700}.method svg{color:var(--brand)}.method.active{border-color:var(--brand);background:var(--brand-50);color:var(--brand-700);box-shadow:0 0 0 3px var(--brand-100)}.quick{display:flex;gap:8px;flex-wrap:wrap}.quick button{flex:1;min-width:70px;min-height:48px;border-radius:var(--r-sm);background:var(--success-50);color:var(--success);font-weight:700}.pay-list .p{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2);margin-bottom:6px}.list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);min-height:64px;text-align:start;width:100%}.list-item+.list-item{margin-top:8px}.list-item.active{border-color:var(--brand);background:var(--brand-50)}.table{width:100%;border-collapse:collapse;font-size:15px}.table th{text-align:start;font-size:13px;color:var(--text-2);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line)}.table td{padding:10px;border-bottom:1px solid var(--line)}.table td.n,.table th.n{text-align:left}.table tr.active td{background:var(--brand-50)}.table tr.active td:first-child{box-shadow:inset -6px 0 0 var(--brand)}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px}.card h3{margin:0 0 12px;font-size:16px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px}.kpi .k{font-size:13px;color:var(--text-2);font-weight:600}.kpi .v{font-size:26px;font-weight:800;margin-top:4px}.kpi.brand{background:var(--brand);color:#fff}.kpi.brand .k{color:#ffffffd9}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.menu-btn{min-height:96px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:700}.menu-btn svg{color:var(--brand)}.menu-btn.danger svg{color:var(--danger)}.menu-btn:active:not(:disabled){background:var(--brand-50)}.variant-group{margin-bottom:16px}.variant-group h4{margin:0 0 8px;font-size:14px;color:var(--text-2)}.variant-opts{display:flex;flex-wrap:wrap;gap:8px}.variant-opts .chip{min-width:64px;justify-content:center}.variant-opts .chip.out{opacity:.4;text-decoration:line-through}.success-mark{width:88px;height:88px;border-radius:50%;background:var(--success-50);color:var(--success);display:grid;place-items:center;margin:0 auto}.change-box{background:var(--warn-50);color:var(--warn);border-radius:var(--r);padding:14px;text-align:center;font-weight:700}.change-box .v{font-size:40px;font-weight:800}.banner{display:flex;align-items:center;gap:10px;padding:10px 16px;font-weight:600;font-size:14px}.banner.warn{background:#fef3c7;color:#7c4a02}.page{flex:1;min-height:0;padding:16px;display:flex;flex-direction:column;gap:14px}.page-head{display:flex;align-items:center;gap:12px}.page-head h1{margin:0;font-size:24px;flex:1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero .time{text-align:right}.panel{gap:14px;padding:24px 40px}.pin-dots{height:48px}.shake{animation:shake .3s}.seg button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.x-btn{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--text-2)}.method .sub-l{font-size:12px;font-weight:600;color:var(--text-2)}.method{min-height:72px;gap:4px}.menu-grid.four{grid-template-columns:repeat(4,1fr)}.menu-grid.four .menu-btn{min-height:88px;font-size:15px}.tile .t-was{font-size:13px;color:var(--muted);text-decoration:line-through}.tile .t-unit{font-size:12px;color:var(--text-2);font-weight:600}.act{font-size:12.5px;text-align:center;line-height:1.15;padding:0 2px}.recs{border-top:1px solid var(--line);padding:8px 12px;background:var(--surface)}.recs-title{font-size:12.5px;font-weight:700;color:var(--brand-700);display:flex;align-items:center;gap:6px;margin-bottom:6px}.recs-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rec{min-height:44px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 10px;font-size:13px;text-align:start;min-width:0}.rec.hot{background:var(--success-50);border-color:#a7e3c9}.rec b{font-size:13px}.hbars{display:flex;align-items:flex-end;gap:6px;height:220px;padding-top:10px;border-bottom:1px solid var(--line)}.hbar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;position:relative;cursor:default}.hbar .stack{display:flex;flex-direction:column;gap:2px;min-height:0}.hbar .stack>div{min-height:2px}.hbar .stack>div:first-child{border-radius:4px 4px 0 0}.hbar .lbl{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted)}.hbar:hover .stack{filter:brightness(1.08)}.hbar .tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;white-space:nowrap;z-index:2;box-shadow:var(--shadow-lg)}.hbars+*{margin-top:26px}.card:has(.hbars){padding-bottom:34px}.cdisplay{height:100%;display:flex;flex-direction:column;background:var(--bg)}.cd-head{background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.cd-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 28px;gap:16px}.cd-lines{flex:1;min-height:0;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow)}.cd-line{display:flex;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);font-size:20px}.cd-total{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px 24px;color:var(--brand-700)}.cd-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;color:var(--brand-700);padding:24px}.cd-promos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:900px}.cd-promo{background:var(--surface);box-shadow:var(--shadow);border-radius:var(--r);padding:16px 22px;font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px}.cd-slide{display:flex;flex-direction:column;align-items:center;gap:14px;animation:fade .4s ease-out}.cd-dots{display:flex;gap:8px}.cd-dots span{width:10px;height:10px;border-radius:50%;background:var(--brand-200)}.cd-dots span.on{background:var(--brand)}@media (max-width: 720px){body{overflow:auto}.two-col{grid-template-columns:1fr!important}.page{padding:10px;overflow:auto}.page-head{flex-wrap:wrap}.page-head h1{font-size:20px}.seg{flex-wrap:wrap}.topbar .meta,.topbar .brand span{display:none}.kpis{grid-template-columns:repeat(2,1fr)!important}.screen{flex-direction:column}.hero{display:none}.panel{width:100%;padding:20px 16px}.sale-body{flex-direction:column;overflow-y:auto}.cart{width:100%;max-height:55vh;flex-shrink:0}.catalog{min-height:60vh}.actionbar{overflow-x:auto;height:auto;padding-top:4px}.pay-btn{flex:0 0 auto;min-width:210px;min-height:64px}.act{flex:0 0 76px;min-height:64px}}@media (max-height: 680px) and (min-width: 721px){.recs{display:none}}