body:has(.kiosk){background:#06222d;overflow:hidden}.kiosk{height:100vh;height:100svh;display:flex;flex-direction:column;color:var(--color-paper)}.k-top{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.6rem;background:#00000040;border-bottom:1px solid rgb(255 255 255 / .1)}.k-logo{height:34px;filter:brightness(0) invert(1)}.k-title{display:flex;flex-direction:column;line-height:1.2}.k-title strong{font-family:var(--font-display);font-size:1.2rem}.k-title span{font-size:.85rem;color:color-mix(in srgb,var(--color-paper) 60%,transparent)}.k-exit{margin-left:auto;font-size:.9rem;color:color-mix(in srgb,var(--color-paper) 65%,transparent);border:1px solid rgb(255 255 255 / .2);padding:.5rem 1rem;border-radius:999px}.k-body{flex:1;display:grid;grid-template-columns:1fr 360px;gap:0;overflow:hidden}.k-products{overflow-y:auto;padding:1.6rem}.k-cat{margin-bottom:1.8rem}.k-cat h2{color:var(--color-paper);font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--color-cyan) 85%,white);margin-bottom:.9rem}.k-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem}.k-item{position:relative;cursor:pointer;font:inherit;text-align:center;background:#ffffff0f;border:1.5px solid rgb(255 255 255 / .12);border-radius:16px;padding:1.2rem .8rem 1rem;color:var(--color-paper);display:flex;flex-direction:column;align-items:center;gap:.35rem;transition:transform .12s ease,background .15s ease,border-color .15s ease}.k-item:active{transform:scale(.96)}.k-item[data-active]{background:color-mix(in srgb,var(--color-cyan) 24%,transparent);border-color:var(--color-cyan)}.k-emoji{font-size:2.2rem}.k-name{font-weight:700;font-size:.98rem}.k-price{font-size:.9rem;color:color-mix(in srgb,var(--color-paper) 65%,transparent)}.k-qty{position:absolute;top:8px;right:8px;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:var(--color-cyan);color:var(--color-cyan-ink);font-weight:800;font-size:.9rem;display:grid;place-items:center}.k-cart{background:#00000047;border-left:1px solid rgb(255 255 255 / .1);padding:1.4rem;display:flex;flex-direction:column}.k-cart h2{color:var(--color-paper);font-size:1.1rem;margin-bottom:1rem}.k-cart-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.k-empty{color:color-mix(in srgb,var(--color-paper) 45%,transparent)}.k-crow{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid rgb(255 255 255 / .08)}.k-crow .nm{flex:1;font-size:.95rem}.k-step{width:30px;height:30px;border-radius:8px;border:1px solid rgb(255 255 255 / .2);background:transparent;color:var(--color-paper);font-size:1.1rem;cursor:pointer}.k-crow .ct{min-width:1.4rem;text-align:center;font-weight:700}.k-crow .pr{min-width:4rem;text-align:right;font-size:.92rem;color:color-mix(in srgb,var(--color-paper) 75%,transparent)}.k-cart-foot{margin-top:1rem;padding-top:1rem;border-top:2px solid rgb(255 255 255 / .2)}.k-total{display:flex;justify-content:space-between;font-family:var(--font-display);font-weight:800;font-size:1.5rem;margin-bottom:.9rem}.k-checkout{width:100%;justify-content:center;font-size:1.1rem;padding:1rem}.k-checkout[disabled]{opacity:.4;cursor:not-allowed}.k-dialog{border:0;border-radius:20px;padding:0;max-width:92vw;width:460px;box-shadow:var(--shadow-lift)}.k-dialog::backdrop{background:#04141bb3;backdrop-filter:blur(4px)}.k-dlg-inner{padding:2rem;position:relative;background:var(--color-paper-2);border-radius:20px}.k-dlg-close{position:absolute;top:1rem;left:1.1rem;background:none;border:0;font-size:1.5rem;color:var(--color-grey-500);cursor:pointer}.k-dlg-inner h3{font-size:1.6rem;margin:.3rem 0 .4rem}.k-acct-input{font-family:var(--font-display);font-size:1.8rem;font-weight:800;text-align:center;letter-spacing:.1em;text-transform:uppercase;margin:1.1rem 0}.k-dlg-actions{display:grid;gap:.6rem}.k-dlg-actions .btn{justify-content:center;padding:.9rem}.k-qr{text-align:center}.k-qr-amount{font-family:var(--font-display);font-weight:800;font-size:2rem;color:var(--color-cyan-deep);margin:.4rem 0 1rem}.k-qr-img{border-radius:12px;margin:0 auto 1rem;background:#fff;padding:10px}.k-ok{text-align:center}.k-ok .done-mark{width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:color-mix(in srgb,var(--color-lime) 22%,white);color:var(--color-accent-2);font-size:2.4rem;font-weight:800;display:grid;place-items:center}.k-ok-count{font-weight:700;margin-top:.5rem}@media(max-width:760px){body:has(.kiosk){overflow:auto}.k-body{grid-template-columns:1fr}.k-cart{border-left:0;border-top:1px solid rgb(255 255 255 / .1);position:sticky;bottom:0}}