*{box-sizing:border-box}body{margin:0;background:#f6e4c6;color:#351b10;font:16px system-ui,sans-serif;background-image:repeating-linear-gradient(90deg,#7a3d1b0c 0 3px,transparent 3px 45px)}header{position:sticky;top:0;z-index:5;background:linear-gradient(#5b2b15,#8e471f 55%,#4b210f);box-shadow:0 5px 12px #32130880;text-align:center;padding:4px}.logo{height:86px;max-width:88%;object-fit:contain}main{max-width:790px;margin:auto;padding:12px 12px 95px}#intro{text-align:center;background:#fff3db;border:3px ridge #c48745;border-radius:18px;padding:8px;box-shadow:0 5px 9px #8d4a2440}#intro p{margin:7px 0;font-size:15px}.warn{color:#a5260d;font-weight:700}a{color:#a5230b}nav{display:flex;gap:8px;overflow-x:auto;padding:14px 0;position:sticky;top:94px;z-index:3;background:#f6e4c6}button{cursor:pointer;font:inherit;font-weight:700;border-radius:13px;border:2px solid #8b390f;padding:10px 12px;color:#fff;background:linear-gradient(#e74c29,#a20d08);box-shadow:inset 0 2px 2px #ffffff80,0 4px 0 #641c0a,0 6px 8px #36180b50}button:active{transform:translateY(2px);box-shadow:inset 0 2px 5px #4b0a0a}nav button{white-space:nowrap;font-size:14px}nav button.active{background:linear-gradient(#f8d58f,#bb762c);color:#421d0c}h2{font-family:Georgia,serif;color:#6f220d;font-size:23px}.item{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#fff4dc,#f5d3a2);border:3px ridge #b47738;border-radius:17px;padding:9px;margin-bottom:11px;box-shadow:0 5px 8px #6c341c30}.item img{width:112px;height:112px;object-fit:cover;border-radius:12px;border:2px solid #b8753b;flex-shrink:0}.details{flex:1;min-width:0}.details h3{font-size:16px;margin:0 0 5px}.price{font-weight:800;color:#8b180b}.actions{display:flex;align-items:center;gap:7px;margin-top:7px}.actions button{padding:5px 11px;min-width:37px}.qty{font-weight:800;min-width:20px;text-align:center}.bottom{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(#87401e,#4e200d);padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));color:#fff;font-weight:800}.bottom button{padding:10px}#checkout{background:#fff0d3;border:3px ridge #ba7937;border-radius:16px;padding:13px}.back{background:linear-gradient(#a87135,#79401d)}#lines>div{padding:10px 0;border-bottom:1px solid #c39a69;display:flex;justify-content:space-between;gap:8px}#lines button{padding:4px 9px}form label{display:block;font-size:15px;font-weight:750;margin:13px 0}input,select,textarea{display:block;width:100%;font:16px system-ui;padding:12px;margin-top:5px;border:2px solid #b98753;border-radius:10px;background:#fffdf7;color:#301c13}.gps{display:block;width:100%;background:linear-gradient(#d9a34d,#9c591e);text-align:left}.gps small{display:block;font-weight:400}#totals{font-weight:800;line-height:2;border-top:2px solid #b98248;margin-top:16px}.primary{width:100%;margin:12px 0}dialog{border:3px solid #b87c39;border-radius:15px;max-width:min(92vw,430px);background:#fff0d7}dialog::backdrop{background:#0009}dialog button{display:block;width:100%;margin:8px 0}footer{text-align:center;padding:0 10px 100px;font-size:12px}footer a{color:#75462b}@media(min-width:650px){.item img{width:150px;height:125px}.logo{height:95px}.details h3{font-size:18px}}
[hidden]{display:none!important}

button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.text-button{background:#f7e7ce;color:#78300f;box-shadow:none;border:1px solid #bd894b}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #1b67ba;outline-offset:3px}