/* Product-first presentation layered over the original SikyPOS design system. */
.mobile-title{display:none}
.product-hero{grid-template-columns:.86fr 1.14fr;gap:64px;padding-block:70px 86px}
.product-hero h1{font-size:clamp(3.05rem,5.35vw,5.55rem)}
.hero-product{position:relative;min-width:0}
.real-screen{overflow:hidden;border:1px solid #cad8d4;border-radius:24px;background:#fff;box-shadow:0 34px 75px rgba(18,44,54,.2),0 3px 0 #c8d6d2}
.real-screen img{display:block;width:100%;height:auto}
.screen-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#d9e6ea;background:var(--navy);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.screen-bar span{display:flex;align-items:center;gap:8px}
.screen-bar i{width:7px;height:7px;border-radius:50%;background:#55d19e;box-shadow:0 0 0 4px rgba(85,209,158,.12)}
.screen-bar b{color:#fff;letter-spacing:.12em}
.hero-note{position:absolute;display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid rgba(255,255,255,.9);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(16,47,67,.18);font-size:.68rem;backdrop-filter:blur(10px)}
.hero-note span{display:flex;flex-direction:column;color:#74848a;line-height:1.4}.hero-note strong,.hero-note span b{color:var(--ink)}
.hero-note-live{right:-26px;bottom:-26px}.hero-note-live>i{width:30px;height:30px;border-radius:9px;background:var(--soft);position:relative}.hero-note-live>i:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#32b983}
.hero-note-route{left:-28px;bottom:34px}.hero-note-route>b{width:32px;height:32px;display:grid;place-items:center;color:#fff;border-radius:9px;background:var(--orange);font:700 .85rem var(--display)}
.benefit-stats>div{padding-block:25px}

.demo-section{overflow:hidden;background:#eaf0ed;background-image:radial-gradient(rgba(15,113,100,.09) 1px,transparent 1px);background-size:24px 24px}
.demo-heading{margin-bottom:43px}.demo-heading h2{max-width:900px;margin-inline:auto}.demo-heading p{font-size:1.04rem}
.demo-flow{display:grid;grid-template-columns:minmax(340px,1.08fr) 46px minmax(290px,.92fr) 46px minmax(255px,.82fr);align-items:stretch;gap:0}
.demo-module{min-width:0;padding:14px;border:1px solid #cddbd7;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 17px 45px rgba(23,52,60,.11);transition:border-color .3s,box-shadow .3s,transform .3s}
.demo-module.is-active{border-color:#69bca9;box-shadow:0 20px 48px rgba(15,113,100,.18);transform:translateY(-4px)}
.demo-module.is-complete{border-color:#8ed0bb}
.demo-module-head{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:0 2px}
.demo-module-head>span{width:30px;height:30px;display:grid;place-items:center;flex:none;color:var(--green);border-radius:9px;background:var(--soft);font:700 .62rem var(--display)}
.demo-module-head>div{display:flex;flex-direction:column;line-height:1.25}.demo-module-head b{font:.72rem var(--display)}.demo-module-head small{color:#75868b;font-size:.6rem}
.demo-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#b8c5c2;box-shadow:0 0 0 4px rgba(184,197,194,.2);transition:.25s}
.is-active .demo-dot,.is-complete .demo-dot{background:#37ba88;box-shadow:0 0 0 4px rgba(55,186,136,.14)}
.demo-phone-shell{overflow:hidden;padding:8px;border:5px solid #10232f;border-radius:27px;background:#eef3f3;box-shadow:0 11px 28px rgba(12,31,41,.2)}
.demo-phone-top{display:flex;justify-content:space-between;padding:8px 9px;color:#fff;border-radius:9px;background:var(--navy);font-size:.62rem}.demo-phone-top span{color:#bcd0d8}
.demo-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:7px 0;padding:3px;border-radius:9px;background:#dfe8e6;font-size:.58rem;text-align:center}.demo-tabs>*{padding:6px}.demo-tabs>b{color:#fff;border-radius:7px;background:var(--green)}.demo-tabs em{min-width:18px;display:inline-grid;place-items:center;margin-left:3px;color:#fff;border-radius:10px;background:var(--orange);font-style:normal}
.demo-products{display:grid;gap:6px}.demo-products button{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 8px;color:var(--ink);border:1px solid #cad8d5;border-radius:9px;background:#fff;box-shadow:0 3px 0 #c6d2cf;cursor:pointer;text-align:left;transition:.15s}.demo-products button:hover{border-color:#8ccab9;transform:translateY(-1px)}.demo-products button:active{box-shadow:0 1px 0 #c6d2cf;transform:translateY(2px)}.demo-products button.has-qty{border-color:#65bda5;background:#f0faf7}.demo-products button>span{display:flex;flex-direction:column;min-width:0}.demo-products b{font-size:.64rem}.demo-products small{color:#6f8086;font-size:.51rem}.demo-products em{min-width:42px;display:flex;align-items:center;justify-content:space-between;padding:6px 7px;color:#fff;border-radius:8px;background:var(--navy);font-style:normal;font-weight:800}.demo-products em i{display:none;font-style:normal;font-size:.52rem}.demo-products .has-qty em i{display:block}
.demo-order-summary{display:flex;align-items:center;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid #d4dfdc}.demo-order-summary>span{display:flex;flex-direction:column;flex:1;padding-left:2px}.demo-order-summary small{color:#718188;font-size:.5rem}.demo-order-summary b{font:.78rem var(--display)}.demo-order-summary button{min-height:38px;padding:0 10px;color:#fff;border:0;border-radius:8px;background:var(--green);box-shadow:0 4px 0 var(--deep);cursor:pointer;font-size:.55rem;font-weight:800}.demo-order-summary button:active{box-shadow:0 1px 0 var(--deep);transform:translateY(3px)}.demo-order-summary button:disabled{color:#7d8b8d;background:#d9e1df;box-shadow:0 3px 0 #bec9c6;cursor:not-allowed}
.demo-state{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 0;color:#687a80;font-size:.61rem;font-weight:800}.demo-state i{width:6px;height:6px;border-radius:50%;background:#aab8b5}.is-active .demo-state,.is-complete .demo-state{color:var(--green)}.is-active .demo-state i,.is-complete .demo-state i{background:#38b987}
.demo-connector{position:relative;display:grid;place-items:center;color:#79908b}.demo-connector i{position:absolute;right:5px;left:5px;height:2px;overflow:hidden;background:#bdcbc7}.demo-connector i:after{content:"";position:absolute;width:35%;height:100%;background:var(--green);transform:translateX(-130%)}.demo-connector span{position:relative;z-index:1;width:25px;height:25px;display:grid;place-items:center;border:1px solid #c9d6d2;border-radius:50%;background:#fff;font-weight:800}.is-routing .demo-connector i:after{animation:routeLine .85s ease-in-out infinite}.is-routing .demo-connector span{color:#fff;border-color:var(--green);background:var(--green)}
.demo-bar-screen{min-height:298px;overflow:hidden;padding:10px;border-radius:15px;background:#eef3f4}.demo-bar-top{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;color:#fff;border-radius:9px;background:var(--navy);font-size:.62rem}.demo-bar-top span{display:flex;align-items:center;gap:5px;color:#a7e3cc;font-size:.5rem}.demo-bar-top i{width:5px;height:5px;border-radius:50%;background:#50d59d}
.demo-bar-empty{min-height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.demo-bar-empty>i{width:39px;height:39px;display:grid;place-items:center;margin-bottom:10px;color:#6abda4;border-radius:50%;background:#dff2ec;font-style:normal}.demo-bar-empty>b{font:.68rem var(--display)}.demo-bar-empty>span{margin-top:4px;color:#75868c;font-size:.55rem}
.demo-bar-empty[hidden],.demo-ticket[hidden]{display:none!important}
.demo-ticket{margin-top:9px;overflow:hidden;border:1px solid #90cdbb;border-radius:11px;background:#fff;box-shadow:0 9px 24px rgba(19,65,58,.12);animation:ticketIn .35s ease both}.demo-ticket header,.demo-ticket footer{display:flex;align-items:center;justify-content:space-between;padding:9px 10px}.demo-ticket header{color:#fff;background:var(--green)}.demo-ticket header span{font-size:.48rem;font-weight:800;letter-spacing:.08em}.demo-ticket header b{font:.66rem var(--display)}.demo-ticket>div{min-height:139px;padding:9px 10px}.demo-ticket>div p{display:flex;justify-content:space-between;margin:0;padding:9px 0;border-bottom:1px solid #e3ebe8;font-size:.62rem}.demo-ticket>div p b{color:var(--green)}.demo-ticket>div p.demo-none{display:block;color:#7b898e;text-align:center}.demo-ticket footer{color:#76868b;border-top:1px solid #e3ebe8;font-size:.49rem}.demo-ticket footer b{color:var(--green)}
.printer-stage{min-height:298px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;padding-top:7px}.printer-paper-window{width:82%;height:201px;display:flex;align-items:flex-end;overflow:hidden}.printer-paper{width:100%;min-height:185px;padding:16px 15px 22px;background:#fffdf7;background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(19,48,58,.035) 24px);box-shadow:0 8px 19px rgba(14,38,46,.17);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;transform:translateY(106%)}.printer-paper.is-printed{animation:printPaper .75s cubic-bezier(.18,.72,.24,1) forwards}.printer-paper>b,.printer-paper>strong{display:block}.printer-paper>b{font-size:.7rem;letter-spacing:.14em}.printer-paper>strong{margin:5px 0 10px;font-size:.67rem}.printer-paper>div p{display:flex;justify-content:space-between;margin:0;padding:4px 0;border-top:1px dashed #bdc2be;font-size:.56rem;text-align:left}.printer-paper>div p.demo-none{display:block;color:#747d7a;text-align:center}.printer-paper>small{display:block;margin-top:8px;color:#68716f;font-size:.5rem}.printer{position:relative;z-index:2;width:100%;height:96px;padding-top:27px;border-radius:16px 16px 11px 11px;background:linear-gradient(#284454,#102936);box-shadow:0 12px 25px rgba(14,36,47,.28);text-align:center}.printer>span{position:absolute;top:13px;left:14%;width:72%;height:8px;border-radius:6px;background:#071821;box-shadow:inset 0 2px 3px #000}.printer>i{display:block;width:7px;height:7px;margin:0 auto 6px;border-radius:50%;background:#3dcc91;box-shadow:0 0 0 4px rgba(61,204,145,.13)}.printer>b{color:#b5c7cf;font:.55rem var(--display);letter-spacing:.12em}
.demo-result{min-height:49px;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px;padding:10px 16px;color:#5e706f;border:1px solid #ccd9d5;border-radius:14px;background:rgba(255,255,255,.72);font-size:.78rem;font-weight:700}.demo-result button{padding:7px 12px;color:#fff;border:0;border-radius:8px;background:var(--navy);cursor:pointer;font-size:.7rem;font-weight:800}.demo-flow.is-complete+.demo-result{color:var(--deep);border-color:#92cdbd;background:#f3fcf9}

.product-showcase .section-head{margin-bottom:38px}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.showcase-card{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 13px 36px rgba(20,52,59,.09)}.showcase-card.showcase-wide{grid-column:1/-1}.showcase-card>div{padding:20px 22px}.showcase-card>div>span{color:var(--green);font-size:.63rem;font-weight:800;letter-spacing:.14em}.showcase-card h3{max-width:620px;margin:7px 0 0;font-size:1.24rem;letter-spacing:-.035em}.screen-button{position:relative;width:100%;display:block;overflow:hidden;padding:0;border:0;border-bottom:1px solid var(--line);background:#e7eeeb;cursor:zoom-in}.screen-button img{width:100%;height:310px;display:block;object-fit:cover;object-position:top;transition:transform .35s}.showcase-wide .screen-button img{height:auto;max-height:610px;object-fit:contain}.screen-button>span{position:absolute;right:13px;bottom:13px;padding:8px 11px;color:#fff;border-radius:9px;background:rgba(11,30,43,.88);font-size:.67rem;font-weight:800;opacity:0;transform:translateY(5px);transition:.2s}.screen-button:hover img{transform:scale(1.012)}.screen-button:hover>span,.screen-button:focus-visible>span{opacity:1;transform:none}
.lightbox{width:min(94vw,1380px);max-width:none;padding:42px 14px 14px;border:0;border-radius:22px;background:#0b1e2b;box-shadow:0 40px 100px rgba(0,0,0,.5)}.lightbox::backdrop{background:rgba(4,15,22,.78);backdrop-filter:blur(7px)}.lightbox img{display:block;max-width:100%;max-height:82vh;margin:auto;border-radius:10px}.lightbox-close{position:absolute;top:8px;right:10px;width:32px;height:32px;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(255,255,255,.08);cursor:pointer;font-size:1.25rem}

.real-waiter{grid-template-columns:.9fr 1.1fr}.mobile-screen-stage{position:relative;min-height:700px;display:grid;place-items:center}.mobile-screen-stage:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(145deg,#dcefe8,#fae6d3)}.mobile-screen-frame{position:relative;z-index:1;width:330px;overflow:hidden;padding:10px;border:8px solid #101d25;border-radius:39px;background:#edf2f3;box-shadow:0 38px 75px rgba(17,44,54,.28);transform:rotate(-2deg)}.mobile-screen-frame>span{position:absolute;z-index:2;top:8px;left:50%;width:82px;height:18px;border-radius:15px;background:#101d25;transform:translateX(-50%)}.mobile-screen-frame img{display:block;width:100%;height:auto;border-radius:25px}.mobile-screen-stage .unlimited{right:2%;bottom:80px}.waiter-copy li span strong{font-size:.93rem}.waiter-copy li span{color:var(--muted);font-size:.84rem}
.compact-story{color:#fff;background:var(--navy)}.compact-story-grid{display:grid;grid-template-columns:.55fr 1.45fr;align-items:center;gap:80px}.compact-story .reveal:last-child{max-width:760px}.compact-story h2{margin-top:12px}.compact-story p{margin-bottom:0;color:#b8cbd2;font-size:1.04rem}.story-mark{display:flex;align-items:center;gap:22px}.story-mark>b{color:#f4a15c;font:700 clamp(6rem,10vw,9rem)/.8 var(--display);letter-spacing:-.09em}.story-mark span{color:#b8cbd2;font-weight:700}
.feature-section>header{margin-bottom:42px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{min-height:176px;padding:24px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 9px 25px rgba(20,52,59,.06)}.feature-grid i{color:var(--orange);font-style:normal;font-size:.65rem;font-weight:800}.feature-grid h3{margin:28px 0 8px;font-size:1.22rem}.feature-grid p{margin:0;color:var(--muted);font-size:.83rem}
.compact-custom{min-height:430px}.custom-tags{display:grid;grid-template-columns:1fr 1fr;gap:11px}.custom-tags span{padding:20px 18px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.08);font-weight:800;text-align:center}.contact-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.contact-points span{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#f5f8f6;font-size:.72rem;font-weight:800}.product-contact aside small{margin-top:15px;color:var(--muted)}

/* Demo controls mirror the real waiter option picker. */
.demo-phone-shell{position:relative;min-height:354px}.demo-waiter-table-view[hidden],.demo-waiter-order-view[hidden],.demo-products button[hidden]{display:none!important}
.demo-map-head{display:flex;align-items:center;justify-content:space-between;padding:10px 9px;color:#fff;border-radius:9px;background:var(--navy)}.demo-map-head>b{font:.67rem var(--display)}.demo-map-head>span{color:#bdd0d8;font-size:.5rem}
.demo-table-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.demo-table-grid button{min-width:0;min-height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 3px;color:var(--ink);border:1px solid #a9d7c7;border-radius:10px;background:#f2fcf7;box-shadow:0 3px 0 #b9ccc5;cursor:pointer;transition:.15s}.demo-table-grid button:hover{border-color:#4ab28f;transform:translateY(-1px)}.demo-table-grid button:active{box-shadow:0 1px 0 #b9ccc5;transform:translateY(2px)}.demo-table-grid button.is-busy{border-color:#efb67e;background:#fff6ec;box-shadow:0 3px 0 #e3c5a8}.demo-table-grid b{font-size:.58rem}.demo-table-grid span{margin-top:3px;color:#6d7f83;font-size:.43rem}.demo-waiter-order-view{min-height:338px}.demo-search{margin:7px 0;padding:7px 8px;color:#6f8086;border:1px solid #cbd8d5;border-radius:8px;background:#fff;font-size:.53rem;font-weight:700}.demo-categories{display:flex;gap:5px;margin-bottom:7px}.demo-categories button{padding:6px 9px;color:var(--ink);border:1px solid #cbd8d5;border-radius:8px;background:#fff;box-shadow:0 2px 0 #c5d1ce;cursor:pointer;font-size:.52rem;font-weight:800}.demo-categories button.is-active{color:#fff;border-color:var(--navy);background:var(--navy);box-shadow:0 2px 0 #071923}
.demo-order-summary{display:block}.demo-order-summary>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:0 2px}.demo-order-summary>span small{font-size:.5rem}.demo-order-actions{display:grid;grid-template-columns:.78fr 1.22fr;gap:6px}.demo-order-summary .demo-back-tables{color:#2d3540;background:#f4ad28;box-shadow:0 4px 0 #c77b10}.demo-order-summary .demo-back-tables:active{box-shadow:0 1px 0 #c77b10}.demo-order-summary [data-demo-send]{background:#2563eb;box-shadow:0 4px 0 #1746a5}.demo-order-summary [data-demo-send]:active{box-shadow:0 1px 0 #1746a5}
/* Interactive waiter demo uses the same visual hierarchy as the real mobile waiter. */
.demo-phone{background:rgba(255,255,255,.94)}
.demo-device{width:100%;max-width:360px;margin-inline:auto;overflow:hidden;padding:7px;border:1px solid #05080b;border-radius:42px;background:#10151b;box-shadow:0 22px 46px rgba(9,27,37,.28),inset 0 0 0 2px #2a3038}
.demo-device-status{height:29px;display:flex;align-items:center;justify-content:space-between;padding:5px 16px 2px;color:#111827;border-radius:31px 31px 0 0;background:#fff;font-size:.56rem;font-weight:900;letter-spacing:.01em}.demo-device-status span{font-size:.45rem;letter-spacing:.02em}
.demo-device-home{height:18px;position:relative;border-radius:0 0 31px 31px;background:#fff}.demo-device-home:after{content:"";position:absolute;right:35%;bottom:5px;left:35%;height:4px;border-radius:99px;background:#111820}
.demo-phone-shell{min-height:500px;max-width:none!important;margin:0!important;overflow:hidden;padding:6px;border:0;border-radius:0;background:#edf3f8;box-shadow:none}
.demo-waiter-appbar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#fff;border-radius:15px;background:#193752;box-shadow:0 4px 0 #0d2437;font-size:.64rem}.demo-waiter-appbar b{font:.68rem var(--display)}.demo-waiter-appbar span{padding:6px 9px;border:1px solid #54728a;border-radius:10px;background:#294d6b;font-size:.5rem;font-weight:900}
.demo-waiter-table-view{min-height:452px;padding:11px 4px 4px}.demo-table-screen-head{display:flex;align-items:flex-end;justify-content:space-between;padding:2px 3px 8px}.demo-table-screen-head div{display:flex;flex-direction:column}.demo-table-screen-head small{color:#718294;font-size:.46rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.demo-table-screen-head b{margin-top:2px;font:.82rem var(--display)}.demo-table-screen-head>span{color:#607384;font-size:.5rem;font-weight:800}
.demo-table-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:9px;padding:4px;border:1px solid #d5dee7;border-radius:12px;background:#e6edf3;text-align:center}.demo-table-tabs>*{padding:7px;border-radius:9px;font-size:.54rem}.demo-table-tabs>b{color:#fff;background:#193752;box-shadow:0 3px 0 #0d2437}.demo-table-tabs span{color:#415467;background:#f8fafc}
.demo-table-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:0}.demo-table-grid button{min-height:65px;border-color:#bccbd6;border-radius:12px;background:#fff;box-shadow:0 4px 0 #b6c3cd}.demo-table-grid button:hover{border-color:#6c9ead}.demo-table-grid button.is-busy{border-color:#e0aa61;background:#fff1d8;box-shadow:0 4px 0 #d1a05f}.demo-table-grid b{font-size:.59rem}.demo-table-grid span{font-size:.43rem}
.demo-waiter-order-view{min-height:452px}.demo-waiter-order-view:not([hidden]){display:flex;flex-direction:column}.demo-order-context{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 3px}.demo-order-context b{font:.67rem var(--display)}.demo-order-context span{color:#66798b;font-size:.48rem;font-weight:800}
.demo-tabs{margin:5px 0 7px;padding:4px;border:1px solid #d3dde7;border-radius:12px;background:#e5ebf1}.demo-tabs>*{padding:8px}.demo-tabs>b{border-radius:9px;background:#193752;box-shadow:0 3px 0 #0d2437}.demo-tabs em{background:#e86a20}
.demo-search{margin:0 0 7px;padding:9px 10px;border-color:#b8c7d4;border-radius:11px;box-shadow:0 3px 0 #c3cdd6;font-size:.57rem}
.demo-categories{gap:6px;margin-bottom:8px}.demo-categories button{padding:7px 10px;border-radius:10px;box-shadow:0 3px 0 #c0cbd4;font-size:.53rem}.demo-categories button.is-active{border-color:#193752;background:#193752;box-shadow:0 3px 0 #0d2437}
.demo-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:start;min-height:120px}.demo-products button{position:relative;min-height:82px;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 38px 10px 10px;border-color:#bac8d3;border-radius:12px;box-shadow:0 4px 0 #b8c3cc}.demo-products button:hover{border-color:#749aa9}.demo-products button.has-qty{border-color:#4b9b87;background:#eaf8f3}.demo-products b{font-size:.6rem;line-height:1.2}.demo-products small{margin-top:4px;font-size:.47rem}.demo-products em{position:absolute;top:8px;right:7px;min-width:29px;min-height:29px;padding:5px;color:#fff;border-radius:10px;background:#193752;font-size:.52rem}.demo-products .has-qty em{background:#08796a}
.demo-order-summary{margin-top:auto;padding:9px 7px 5px;border:1px solid #cbd7e1;border-radius:15px;background:#fff;box-shadow:0 7px 17px rgba(19,47,65,.14)}.demo-order-summary>span{margin-bottom:7px}.demo-order-summary>span small{font-size:.48rem;font-weight:800}.demo-order-summary>span b{font-size:.76rem}
.demo-order-actions{grid-template-columns:repeat(3,1fr);gap:6px}.demo-order-summary .demo-order-actions button{min-width:0;min-height:39px;padding:5px 3px;border:1px solid transparent;border-radius:9px;font-size:.49rem;line-height:1.15;box-shadow:0 4px 0 rgba(15,35,48,.32)}.demo-order-summary .demo-order-actions button:active{box-shadow:0 1px 0 rgba(15,35,48,.32);transform:translateY(3px)}
.demo-order-summary .demo-back-tables{color:#252d36;border-color:#f0ae32;background:#f6ad22;box-shadow:0 4px 0 #c77b10}.demo-order-summary .demo-action-pay{color:#fff;border-color:#3dba6c;background:#2f9e5b}.demo-order-summary .demo-action-send{color:#fff;border-color:#4b82f4;background:#2563eb;box-shadow:0 4px 0 #1746a5}.demo-order-summary .demo-action-move{color:#fff;border-color:#3a3f4d;background:#20232d}.demo-order-summary .demo-action-note{color:#33270b;border-color:#efc953;background:#f4d35e}.demo-order-summary .demo-action-storno{color:#fff;border-color:#d65353;background:#b83a3a}
.demo-order-summary .demo-action-send:disabled{color:#7c8792;border-color:#cbd4dc;background:#e1e6ea;box-shadow:0 3px 0 #bfc8cf}

.demo-options{position:absolute;z-index:8;inset:8px;display:flex;flex-direction:column;padding:11px;border:1px solid #b9ccc7;border-radius:15px;background:#f8fbfa;box-shadow:0 14px 34px rgba(8,32,42,.24);animation:ticketIn .2s ease both}
.demo-options[hidden],.demo-options [hidden]{display:none!important}
.demo-options>header{display:flex;align-items:center;justify-content:space-between;color:#6b7d82;font-size:.56rem;font-weight:800}.demo-options>header>button{width:27px;height:27px;padding:0;color:var(--ink);border:1px solid #ccd8d5;border-radius:8px;background:#fff;cursor:pointer;font-size:1rem;line-height:1}
.demo-options h4{margin:5px 0 10px;font:.76rem var(--display);letter-spacing:-.03em}.demo-options section>b{display:block;margin-bottom:6px;color:#53676d;font-size:.58rem}.demo-options section>div{display:grid;gap:6px}.demo-options section button{min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;color:var(--ink);border:1px solid #cbd8d5;border-radius:9px;background:#fff;box-shadow:0 3px 0 #c5d1ce;cursor:pointer;text-align:left}.demo-options section button:hover{border-color:#68bda6}.demo-options section button.is-selected{color:#fff;border-color:var(--green);background:var(--green);box-shadow:0 3px 0 var(--deep)}.demo-options section button span{font-size:.61rem;font-weight:800}.demo-options section button small{color:#718288;font-size:.5rem}.demo-options section button.is-selected small{color:#cce9e1}.demo-options>footer{display:grid;grid-template-columns:1fr 1.35fr;gap:6px;margin-top:auto;padding-top:10px}.demo-options>footer button{min-height:37px;color:var(--ink);border:0;border-radius:8px;background:#dce5e3;cursor:pointer;font-size:.58rem;font-weight:800}.demo-options>footer button:last-child{color:#fff;background:var(--green);box-shadow:0 3px 0 var(--deep)}.demo-options>footer button:disabled{color:#82918f;background:#dce3e1;box-shadow:none;cursor:not-allowed}

/* The BAR ticket follows the actual live queue card, including Vydáno. */
.demo-ticket header{color:var(--ink);border-bottom:1px solid #dce6e3;background:#fff}.demo-ticket header>b{font:.72rem var(--display)}.demo-ticket header>span{width:25px;height:25px;display:grid;place-items:center;color:#fff;border-radius:8px;background:var(--navy);font-size:.55rem;letter-spacing:0}.demo-ticket>div{min-height:148px}.demo-ticket>div p{display:block;padding:10px 0;font-size:.65rem}.demo-ticket>div p span b{color:var(--green)}.demo-ticket footer{padding:8px 10px}.demo-ticket footer>span{padding:5px 8px;color:#6a5312;border:1px solid #f0c96e;border-radius:7px;background:#fff4cf;font-weight:800}.demo-ticket footer>button{min-height:32px;padding:0 13px;color:#fff;border:0;border-radius:8px;background:var(--green);box-shadow:0 3px 0 var(--deep);cursor:pointer;font-size:.56rem;font-weight:800}.demo-ticket footer>button:active{box-shadow:0 1px 0 var(--deep);transform:translateY(2px)}.demo-ticket.is-ready{animation:ticketOut .24s ease forwards}

/* Real kitchen raster ticket: inverted table label, metadata and item cards. */
.printer-stage{min-height:330px}.printer-paper-window{width:90%;height:237px}.printer-paper{min-height:224px;padding:11px 10px 17px;background:#fff;box-shadow:0 8px 19px rgba(14,38,46,.17);text-align:left}.printer-paper>header{text-align:center}.printer-paper>header>b{display:block;font-size:.67rem;letter-spacing:.12em}.printer-paper>header>strong{width:max-content;display:block;margin:4px auto;padding:3px 9px;color:#fff;background:#000;font-size:.84rem;line-height:1.1}.printer-paper>header>span,.printer-paper>header>small{display:block;color:#000;font-size:.43rem;line-height:1.45}.printer-rule{height:2px;margin:6px 0;background:#000}.kitchen-print-item{position:relative;min-height:58px;margin-top:6px;padding:8px 48px 8px 7px;border:2px solid #000;background:#fff}.kitchen-print-item-name{display:block;color:#000;font-size:.55rem;line-height:1.25;text-transform:uppercase}.kitchen-print-qty{position:absolute;top:6px;right:6px;min-width:36px;padding:5px 4px;color:#fff;background:#000;font-size:.7rem;line-height:1;text-align:center}.kitchen-print-alert{position:absolute;top:34px;right:6px;min-width:36px;padding:3px 4px;color:#fff;background:#000;font-size:.55rem;text-align:center}.kitchen-print-sauce{display:block;margin-top:7px;padding:4px 5px;color:#fff;background:#000;font-size:.46rem;line-height:1.25;text-transform:uppercase}.demo-kitchen-none{padding:18px 5px;color:#555;font-size:.5rem;text-align:center}.printer{height:90px}

button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(242,138,58,.55);outline-offset:3px}
@keyframes routeLine{to{transform:translateX(360%)}}
@keyframes routeLineVertical{to{transform:translateY(360%)}}
@keyframes ticketIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes printPaper{from{transform:translateY(106%)}to{transform:translateY(0)}}
@keyframes ticketOut{to{opacity:0;transform:translateY(8px) scale(.98)}}

@media(max-width:1100px){
  .product-hero{grid-template-columns:1fr;padding-top:55px}.hero-product{width:min(880px,100%);margin:10px auto 0}
  .demo-flow{grid-template-columns:minmax(290px,1.05fr) 32px minmax(250px,.9fr) 32px minmax(225px,.8fr)}
  .demo-module{padding:10px}.demo-products button{padding:9px 34px 9px 8px}.demo-order-summary{align-items:stretch;flex-direction:column}.demo-order-summary button{width:100%}
  .real-waiter{gap:55px}.compact-story-grid{gap:50px}
}

@media(max-width:980px){
  .demo-flow{max-width:620px;grid-template-columns:1fr;margin-inline:auto}.demo-connector{height:58px}.demo-connector i{top:5px;bottom:5px;left:50%;width:2px;height:auto;right:auto}.demo-connector i:after{width:100%;height:35%;transform:translateY(-130%)}.demo-connector span{transform:rotate(90deg)}.is-routing .demo-connector i:after{animation:routeLineVertical .85s ease-in-out infinite}.demo-device{max-width:360px}.demo-bar-screen{min-height:280px}.printer-stage{max-width:360px;margin-inline:auto}
}

@media(max-width:820px){
  .product-hero{display:block;padding-block:46px 50px}.product-hero .hero-copy{max-width:680px}.product-hero h1{max-width:700px}.hero-product{margin-top:38px}.hero-note-live{right:8px}.hero-note-route{left:8px}
  .demo-flow{max-width:560px;grid-template-columns:1fr;margin-inline:auto}.demo-module{padding:13px}.demo-connector{height:58px}.demo-connector i{top:5px;bottom:5px;left:50%;width:2px;height:auto;right:auto}.demo-connector i:after{width:100%;height:35%;transform:translateY(-130%)}.demo-connector span{transform:rotate(90deg)}.is-routing .demo-connector i:after{animation:routeLineVertical .85s ease-in-out infinite}.demo-phone-shell{max-width:380px;margin-inline:auto}.demo-bar-screen{min-height:280px}.printer-stage{max-width:360px;margin-inline:auto}
  .real-waiter{grid-template-columns:1fr}.mobile-screen-stage{order:2}.waiter-copy{order:1}
  .compact-story-grid{grid-template-columns:1fr;gap:38px}.feature-grid{grid-template-columns:1fr 1fr}.compact-custom{grid-template-columns:1fr;padding:48px 35px}.product-contact{grid-template-columns:1fr}
  @keyframes routeLineVertical{to{transform:translateY(360%)}}
}

@media(max-width:480px){
  .mobile-title{display:inline}.desktop-title{display:none}
  .product-hero{padding-block:35px 38px}.product-hero h1{margin:14px 0 14px;font-size:clamp(2.35rem,10.6vw,3.05rem);line-height:1.02}.product-hero .trust{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-top:20px}.product-hero .trust span{font-size:.69rem}.hero-product{margin-top:27px}.real-screen{border-radius:16px;box-shadow:0 19px 45px rgba(18,44,54,.18),0 2px 0 #c8d6d2}.screen-bar{height:38px;padding-inline:11px;font-size:.55rem}.hero-note{display:none}
  .benefit-stats{padding-block:11px}.benefit-stats>div{padding:0}
  .demo-section{padding-block:66px}.demo-heading{margin-bottom:28px}.demo-heading h2{font-size:clamp(2rem,8vw,2.55rem)}.demo-heading p{font-size:.95rem}.demo-flow{width:100%}.demo-module{border-radius:18px}.demo-phone-shell{max-width:350px}.demo-bar-screen{min-height:270px}.demo-result{align-items:stretch;flex-direction:column;gap:8px;text-align:center}.demo-result button{min-height:40px}
  .product-showcase .section-head{margin-bottom:27px}.showcase-grid{grid-template-columns:1fr;gap:13px}.showcase-card.showcase-wide{grid-column:auto}.screen-button img,.showcase-wide .screen-button img{height:auto;max-height:none;object-fit:contain}.screen-button>span{display:none}.showcase-card>div{padding:16px 17px}.showcase-card h3{font-size:1.05rem}
  .mobile-screen-stage{min-height:610px;margin-inline:0}.mobile-screen-stage:before{width:315px;height:315px}.mobile-screen-frame{width:min(304px,calc(100vw - 52px));border-width:7px;border-radius:35px}.mobile-screen-stage .unlimited{right:0;bottom:38px}
  .compact-story{padding-block:68px}.story-mark{gap:17px}.story-mark>b{font-size:6.2rem}.story-mark span{font-size:.88rem}.compact-story p{font-size:.96rem}
  .feature-grid{grid-template-columns:1fr;gap:10px}.feature-grid article{min-height:0;padding:19px}.feature-grid h3{margin:18px 0 6px}
  .compact-custom{padding:42px 20px}.custom-tags{gap:7px}.custom-tags span{padding:14px 10px;font-size:.75rem}.contact-points{display:grid;grid-template-columns:1fr}.contact-points span{text-align:center}
  .lightbox{width:calc(100vw - 16px);padding:43px 8px 8px;border-radius:15px}.lightbox img{max-height:78vh}
}

@media(max-width:350px){
  .product-hero h1{font-size:2.22rem}.product-hero .trust{grid-template-columns:1fr}.demo-module{padding:9px}.demo-phone-shell{border-width:4px}.custom-tags{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .is-routing .demo-connector i:after,.printer-paper.is-printed{animation-duration:.01ms!important;animation-iteration-count:1!important}
}