.navbar{width:100%;height:var(--navbar-height);background-color:#ff8a00;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0}.navbar-logo{color:#fff;font-size:24px;font-weight:700}.navbar-links{gap:24px;display:flex}.navbar-links a{color:#fff;font-size:16px}.navbar-menu-button{color:#fff;background:0 0;border:none;font-size:28px;display:none}@media (width<=402px){.navbar{padding:0 16px}.navbar-menu-button{display:block}.navbar-links{top:var(--navbar-height);background-color:#ff8a00;flex-direction:column;width:100%;padding:20px;display:none;position:absolute;left:0}.navbar-links.active{display:flex}}.navbar-logout{color:#fff;background:0 0;border:none;font-size:16px}.navbar-credit{align-items:center;gap:6px;display:flex}.navbar-credit-amount{background:#fff3;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.card{cursor:pointer;background:#fff;border-radius:8px;overflow:hidden}.card img{aspect-ratio:1;object-fit:cover;width:100%}.card-info{padding:8px}.card-info h3{margin:0 0 4px;font-size:16px}.card-info .rate{color:#666;font-size:14px}.card-info .subscription{color:#999;margin-top:2px;font-size:13px}@media (width<=402px){.card-info h3{font-size:14px}.card-info .rate{font-size:12px}.card-info .subscription{font-size:11px}}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:12px;width:450px;max-height:80vh;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.modal-header h2{margin:0;font-size:22px}.modal-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:20px}.modal-rate{color:#666;margin-bottom:12px;padding-bottom:10px;font-size:14px;font-weight:700}.menu-item{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.menu-info h4{margin:0 0 4px;font-size:15px}.menu-info .menu-desc{color:#999;margin:0 0 4px;font-size:12px}.menu-info .menu-price{margin:0;font-size:15px;font-weight:700}.menu-option{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:16px;padding:4px 12px;font-size:12px}.menu-option:hover{background:#fff8e1;border-color:#ffd54f}.menu-option.selected{background:#fff8e1;border-color:#ffd54f;font-weight:700}.option-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.btn-add{cursor:pointer;white-space:nowrap;background:#fff8e1;border:1px solid #ffd54f;border-radius:6px;padding:8px 24px;font-size:14px}.quantity-control{align-items:center;gap:12px;display:flex}.quantity-control button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;width:28px;height:28px;font-size:16px}.quantity-control span{text-align:center;min-width:20px;font-size:15px}@media (width<=402px){.modal-box{width:90%;padding:16px}.modal-header h2{font-size:18px}.menu-item{flex-direction:column;align-items:flex-start;gap:8px}.btn-add,.quantity-control{align-self:flex-end}}.page-layout{padding-top:calc(var(--navbar-height) + var(--page-gap))}.page-layout-center{margin-top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height));padding:var(--page-gap);justify-content:center;align-items:center;display:flex}@media (width<=402px){.page-layout{padding-top:calc(var(--navbar-height) + var(--page-gap-mobile))}.page-layout-center{padding:var(--page-gap-mobile)}}.home-container{max-width:1200px;margin:0 auto;padding:0 20px 20px}.card-grid{grid-template-columns:repeat(4,1fr);gap:60px;display:grid}@media (width<=402px){.home-container{padding:0 12px 12px}.card-grid{grid-template-columns:1fr;gap:12px}}.login-box{background-color:#fff;border:1px solid #ddd;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:32px;display:flex}.login-box h1{margin:0}.login-box input{border:1px solid #ccc;border-radius:8px;height:44px;padding:0 12px}.login-box button{color:#fff;background-color:#ff8a00;border:none;border-radius:8px;height:44px;font-size:16px}.login-box button:disabled{background-color:#ccc}.signup-link{justify-content:center;gap:8px;display:flex}.signup-link a{color:#ff8a00;font-weight:700}.signup-box{background-color:#fff;border:1px solid #ddd;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:32px;display:flex}.signup-box h1{margin:0}.signup-box input{border:1px solid #ccc;border-radius:8px;height:44px;padding:0 12px}.signup-box button{color:#fff;background-color:#ff8a00;border:none;border-radius:8px;height:44px;font-size:16px}.signup-box button:disabled{background-color:#ccc}.password-mismatch{color:#e53935;margin-top:-8px;font-size:13px}.login-link{justify-content:center;gap:8px;display:flex}.login-link a{color:#ff8a00;font-weight:700}.cart-container{max-width:600px;margin:0 auto;padding:0 20px 20px}.cart-empty{text-align:center;color:#999;margin-top:40px}.cart-items{margin-bottom:24px}.cart-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.cart-item-info h4{margin:0 0 4px}.cart-item-option{color:#999;margin:0 0 2px;font-size:12px;display:block}.cart-item-info p{color:#666;margin:0}.cart-item-controls{align-items:center;gap:10px;display:flex}.cart-item-controls button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;width:28px;height:28px}.btn-remove{color:#e53935}.cart-summary{background:#fff8e1;border-radius:12px;padding:20px}.credit-box{background:#fff;border-radius:8px;margin-bottom:16px;padding:16px}.credit-row{color:#555;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.credit-row-final{color:#222;border-top:1px dashed #ddd;margin-top:4px;padding-top:12px;font-size:18px;font-weight:700}.credit-negative{color:#e53935}.credit-positive{color:#2e7d32;font-weight:700}.credit-insufficient{color:#e53935;font-weight:700}.btn-charge-link{text-align:right;color:#e53935;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.btn-charge-link:hover{text-decoration:underline}.btn-checkout{cursor:pointer;background:#ffd54f;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:700}.btn-checkout:disabled{color:#999;cursor:not-allowed;background:#eee}.cart-store-group{background:#fff8e1;border-radius:8px;margin-bottom:16px;padding:16px}.cart-store-name{color:#e53935;margin:0 0 12px;font-size:14px}.order-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:80vh;display:flex}.order-complete h2{margin-bottom:8px;font-size:28px}.order-complete p{color:#999;margin-bottom:32px}.btn-home{color:#fff;background:#e53935;border-radius:8px;padding:12px 32px;font-weight:700;text-decoration:none}.btn-home:hover{background:#c62828}.btn-checkout:hover:not(:disabled){background:#ffc107}@media (width<=402px){.cart-container{padding:0 12px 12px}.cart-container h2{font-size:20px}.cart-item{flex-direction:column;align-items:flex-start;gap:8px}.cart-item-controls{align-self:flex-end}.cart-summary{padding:16px}.credit-row-final{font-size:16px}.btn-checkout{padding:12px;font-size:14px}}.charge-container{max-width:480px;margin:0 auto;padding:0 20px 20px;position:relative}.charge-back{cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:20px}.charge-container h2{margin:0 0 20px}.charge-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.charge-options button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;font-size:15px;font-weight:700}.charge-options button:hover{background:#fff8e1;border-color:#ffd54f}.charge-options button:active{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.charge-summary{background:#fff8e1;border-radius:12px;margin-bottom:20px;padding:20px}.charge-row{color:#555;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.charge-after span:last-child{color:#2e7d32;font-weight:700}.charge-price{color:#222;border-top:1px dashed #ddd;margin-top:4px;padding-top:12px;font-size:16px;font-weight:700}.btn-reset{color:#999;cursor:pointer;background:0 0;border:none;margin:0 auto 12px;font-size:13px;text-decoration:underline;display:block}.btn-charge{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:700}.btn-charge:hover{background:#c62828}@media (width<=402px){.charge-container{padding:0 12px 12px}.charge-container h2{font-size:20px}.charge-summary{padding:16px}}*{box-sizing:border-box}:root{--navbar-height:64px;--page-gap:20px;--page-gap-mobile:12px}@media (width<=402px){:root{--navbar-height:56px}}body{background-color:#fff8ef;margin:0;font-family:Arial,sans-serif}a{text-decoration:none}button{cursor:pointer}.temp-page{text-align:center;padding-top:120px}