:root{--bg:#fff;--panel:#f2f2f2;--panel2:#e9e9e9;--ink:#111;--muted:#666;--blue:#6b3fa0;--green:#c8a8e9;--lavender-xlight:#ede0f7;--red:#ff3b30;--gray:#cfcfcf;--shadow:0 10px 30px rgba(0,0,0,.08);--radius:18px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}.page{height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(8px,2vw,18px);grid-gap:clamp(8px,1.6vw,14px);gap:clamp(8px,1.6vw,14px);overflow:hidden}.page>.card,.page>.orderShell,.page>div:not(.header):not(.bigCta):not([style*="display: flex"]){overflow-y:auto;min-height:0}.header{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(16px,3.4vw,34px);letter-spacing:clamp(.4px,.2vw,1px);flex-wrap:wrap;gap:6px}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}.gridSlots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));grid-gap:clamp(8px,1.5vw,18px);gap:clamp(8px,1.5vw,18px);padding:clamp(8px,2vw,22px)}@media (max-width:1200px){.gridSlots{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.gridSlots{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.gridSlots{grid-template-columns:repeat(2,1fr)}}.slotBtn{border:0;border-radius:clamp(12px,2vw,18px);background:var(--panel2);padding:clamp(8px,1.4vw,14px) clamp(6px,1.2vw,12px);font-size:clamp(15px,2.4vw,26px);font-weight:800;cursor:pointer;position:relative;overflow:hidden;text-align:center;min-height:clamp(50px,7vw,78px);display:flex;flex-direction:column;align-items:center;justify-content:center}.slotBtn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--fill,0);background:var(--lavender-xlight)}.slotBtn>*{position:relative;z-index:1}.slotBtn small{display:block;font-size:clamp(10px,1.4vw,16px);font-weight:600;color:var(--muted);margin-bottom:clamp(4px,.6vw,8px)}.slotBtn[data-state=expired]{background:#d9d9d9;opacity:.6;cursor:not-allowed;color:#b91c1c}.slotBtn[data-state=expired] small{color:#b91c1c}.slotBtn[data-state=expired]:before{width:0}.slotBtn[data-state=full]{background:var(--green);color:#000}.slotBtn[data-state=full]:before{width:0}.bigCta{border:0;border-radius:clamp(14px,2vw,22px);padding:clamp(10px,2vw,22px);font-size:clamp(18px,3.5vw,56px);line-height:1.05;font-weight:900;background:var(--blue);color:#fff;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keyboardWrap{background:#f4f4f4;border-radius:var(--radius);padding:clamp(10px,2vw,18px)}.inputName{width:100%;padding:clamp(12px,2vw,18px) clamp(10px,1.5vw,16px);font-size:clamp(24px,4vw,38px);font-weight:800;border:0;border-radius:14px;background:#fff;outline:none}.row{display:flex;gap:clamp(8px,1.2vw,14px);align-items:center;flex-wrap:wrap}.pizzaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100px,100%),1fr));grid-gap:clamp(6px,1vw,12px);gap:clamp(6px,1vw,12px);padding:clamp(6px,1vw,12px)}@media (min-width:900px){.pizzaGrid{grid-template-columns:repeat(6,1fr)}}@media (max-width:899px) and (min-width:600px){.pizzaGrid{grid-template-columns:repeat(5,1fr)}}@media (max-width:599px){.pizzaGrid{grid-template-columns:repeat(4,1fr)}}.pizzaBtn{width:100%;aspect-ratio:1/1;border-radius:999px;border:clamp(2px,.4vw,4px) solid #fff;background:#d7d7d7;display:flex;align-items:center;justify-content:center;padding:clamp(4px,.6vw,8px);text-align:center;font-weight:900;cursor:pointer}.pizzaLabel{font-size:clamp(9px,1.6vw,14px);line-height:1.05;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-transform:none}.pizzaBtn[data-ring=cream]{border-color:#fff;box-shadow:inset 0 0 0 3px #f0d36b}.pizzaBtn[data-ring=pizza],.pizzaBtn[data-ring=tomato]{border-color:#fff;box-shadow:inset 0 0 0 3px #ff3b30}.pizzaBtn[data-ring=boisson]{border-color:#fff;box-shadow:inset 0 0 0 3px #6b3fa0}.orderShell{gap:clamp(8px,1.2vw,12px);overflow-y:auto;overflow-x:hidden;min-height:0}.orderShell,.slotsMini{display:flex;flex-direction:column}.slotsMini{background:var(--panel2);border-radius:var(--radius);padding:clamp(8px,1.2vw,12px);gap:8px}.slotsMiniHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.slotsMiniGrid{display:flex;flex-direction:row;gap:clamp(6px,1vw,10px);overflow-x:auto;overflow-y:hidden;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.slotsMiniGrid::-webkit-scrollbar{height:4px}.slotsMiniGrid::-webkit-scrollbar-track{background:transparent}.slotsMiniGrid::-webkit-scrollbar-thumb{background:var(--gray);border-radius:2px}.slotMiniBtn{border:0;border-radius:clamp(10px,1.5vw,14px);background:var(--panel);padding:clamp(8px,1.2vw,12px) clamp(10px,1.4vw,16px);font-size:clamp(14px,1.8vw,18px);font-weight:900;cursor:pointer;position:relative;overflow:hidden;text-align:center;min-width:clamp(90px,10vw,120px);flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap}.slotMiniBtn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--fill,0);background:var(--lavender-xlight)}.slotMiniBtn>*{position:relative;z-index:1}.slotMiniBtn small{display:block;font-size:clamp(10px,1.2vw,12px);font-weight:800;color:var(--muted);margin-bottom:clamp(3px,.5vw,6px)}.slotMiniBtn[data-state=expired]{opacity:.6;cursor:not-allowed;color:#b91c1c}.slotMiniBtn[data-state=expired] small{color:#b91c1c}.slotMiniBtn[data-state=full]{background:var(--green)}.slotMiniBtn[data-selected="1"]{outline:4px solid var(--blue)}.slotMiniBtn[data-state=expired]:before,.slotMiniBtn[data-state=full]:before{width:0}.pizzaPanel{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1 1}.cartBar{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,1vw,12px);flex-wrap:wrap}.cartBar,.recapBox{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(8px,1.2vw,12px) clamp(10px,1.4vw,14px)}.recapBox{margin-top:clamp(6px,1vw,10px);display:grid;grid-gap:clamp(6px,1vw,10px);gap:clamp(6px,1vw,10px)}.recapHeader{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:clamp(14px,1.8vw,18px)}.recapEmpty{color:var(--muted);font-weight:800}.recapList{display:grid;grid-gap:clamp(6px,1vw,10px);gap:clamp(6px,1vw,10px);max-height:clamp(100px,20vh,140px);overflow:auto;padding-right:4px}.recapItem{background:#fff;border-radius:clamp(10px,1.4vw,14px);padding:clamp(6px,1vw,10px) clamp(8px,1.2vw,12px)}.recapTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.recapName,.recapPrice{font-weight:900;font-size:clamp(13px,1.6vw,16px)}.recapPrice{white-space:nowrap}.recapMeta{margin-top:clamp(3px,.5vw,6px);color:var(--muted);font-weight:800;font-size:clamp(10px,1.2vw,12px)}.cartInfo,.recapMeta{display:grid;grid-gap:4px;gap:4px}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:#111;color:#fff;padding:clamp(8px,1.2vw,12px) clamp(10px,1.4vw,16px);border-radius:14px;font-weight:900;box-shadow:var(--shadow);z-index:50;max-width:calc(100vw - 36px);text-align:center}.numPad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(6px,1vw,10px);gap:clamp(6px,1vw,10px)}.numKey{border:0;border-radius:clamp(10px,1.5vw,16px);padding:clamp(12px,2vw,18px);font-size:clamp(20px,3vw,28px);font-weight:900;background:#fff;cursor:pointer}.bottomSheet{position:fixed;inset:auto 0 0 0;background:var(--panel);border-radius:24px 24px 0 0;padding:clamp(10px,2vw,18px);box-shadow:0 -14px 40px rgba(0,0,0,.18);max-height:80vh;overflow:auto}.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.25);display:grid;place-items:center;padding:clamp(10px,2vw,18px);z-index:100}.modal{width:min(820px,calc(100vw - 24px));background:var(--panel);border-radius:clamp(14px,2vw,22px);padding:clamp(10px,1.5vw,14px);box-shadow:var(--shadow);max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow:auto}.modal h2{margin:0 0 clamp(6px,1vw,10px);font-size:clamp(20px,3vw,28px)}.pill{display:inline-flex;align-items:center;justify-content:center;padding:clamp(6px,.8vw,8px) clamp(8px,1.2vw,12px);border-radius:clamp(10px,1.4vw,14px);font-weight:800;background:#fff;font-size:clamp(12px,1.4vw,16px)}.btn{border:0;border-radius:clamp(10px,1.4vw,14px);padding:clamp(10px,1.4vw,14px) clamp(12px,1.5vw,16px);font-size:clamp(16px,2.2vw,22px);font-weight:900;cursor:pointer}.btnBlue{background:var(--blue);color:#fff}.btnGreen{background:var(--green);color:#4a2080}.btnRed{background:var(--red);color:#fff}.btnGhost{background:#fff}.btnActive{outline:4px solid rgba(0,0,0,.16)}