:root{--primary: #ff5a5f;--bg: #fff;--text: #333}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;color:var(--text);background:var(--bg)}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff}.brand{font-weight:700;color:var(--primary)}.menu a{text-decoration:none;color:var(--text)}.cart{font-weight:600}.container{padding:16px;max-width:1100px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:30px}.card{border:1px solid #eee;border-radius:8px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px}.card img{width:100%;border-radius:6px;object-fit:cover;height:160px}.actions{display:flex;align-items:center;gap:6px}.actions span{font-weight:700}button{padding:8px 12px;border:0;background:var(--primary);color:#fff;border-radius:6px;cursor:pointer}button.secondary{background:#777}button:disabled{opacity:.6;cursor:not-allowed}.alert{background:#fff3cd;color:#856404;padding:10px;border-radius:6px;margin-bottom:10px;margin-top:5px}.auth{max-width:360px;margin:24px auto;display:flex;flex-direction:column;gap:10px}.auth input{padding:10px;border:1px solid #ddd;border-radius:6px}.checkout{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #eee;padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:center}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.modal{background:#fff;padding:16px;border-radius:8px;max-width:640px;width:92%;display:flex;flex-direction:column;gap:10px}.price{font-size:18px;font-weight:700}.recaptcha-placeholder{margin:16px 0;display:flex;justify-content:center}.g-recaptcha{transform:scale(.95);transform-origin:0 0}.recaptcha-box{margin:12px 0;display:flex;justify-content:center}.logout-btn{background:#ddd;color:#333;border:none;padding:6px 10px;border-radius:6px;margin-left:12px;cursor:pointer}.logout-btn:hover{background:#ccc}.order-summary{margin:20px 0;padding:12px;border:1px solid #eee;border-radius:8px;background:#fafafa}.order-summary h3{margin-top:0}.order-summary ul{list-style:none;padding:0}.order-summary li{display:flex;justify-content:space-between;margin-bottom:6px}.order-summary button{background:#e74c3c;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.order-summary button:hover{background:#c0392b}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.modal-actions .secondary{background:#777}.modal label{display:block;margin-top:12px;font-weight:700}.modal input[type=datetime-local]{margin-top:6px;padding:6px;border:1px solid #ccc;border-radius:4px}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8f8f8;flex-wrap:wrap}.brand{font-weight:700;font-size:1.2rem}.menu{display:flex;list-style:none;gap:1rem}.menu li a{text-decoration:none;color:#333}.cart{margin-left:auto}.logout-btn{margin-left:1rem;background:#ff4d4d;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer}.menu-toggle{display:none;font-size:1.5rem;background:none;border:none;cursor:pointer}.spinner{width:16px;height:16px;border:2px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.menu{display:none;flex-direction:column;width:100%;margin-top:1rem}.menu.open{display:flex}.menu-toggle{display:block;color:#333}.cart,.logout-btn{margin-top:1rem;width:100%;text-align:right}}@media (max-width:600px){.menu{display:none}}