*{margin:0;padding:0}body{font-family:Arial;font-size:16px;padding:0;margin:0;background-color:#eee}nav{background-color:#5e976b}nav a{text-decoration:none;cursor:pointer;border:1px solid black;border-radius:5px;padding:5px 10px;color:#000;background-color:#4ca9f5}button{padding:10px;background:#4ca9f5;border-radius:5px}h2{margin:10px}#filter-toggle-btn{margin-left:10px}#filter-menu{margin:10px;border:2px solid black;border-radius:5px;background-color:#ddd}#filter-menu-categories ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;max-width:100%;padding:10px}#filter-menu-categories ul li{width:80%;border:none;margin:5px 0}#filter-menu-categories ul li button{width:100%}#filter-menu-allergens,#filter-menu-close{margin:0 0 10px 10px}#allergens-list img{width:50px}#allergens-list ul{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:100%;margin-right:10px}#allergens-list li{max-width:100px}.allergen-button{max-width:100px;max-height:100px}.allergen-name{min-width:40px;padding:0 10px;margin-bottom:5px}#shopping-cart-btn{position:fixed;right:20px;top:80px}ul{display:grid;grid-template-columns:1fr}ul li{border:2px solid #555;border-radius:5px;margin:10px;list-style-type:none}ul li .product-image{width:200px;height:200px;object-fit:cover;display:flex;object-position:center;margin:5px}.add-to-cart-button{margin:5px;width:200px}.product-info h4{font-size:20px;margin:5px}.product-description,.product-price{margin:5px}dialog[open]{position:fixed;inset:0;margin:20% auto 0;width:min(500px,90vw);max-height:90vh;border-radius:5px}dialog[open]::backdrop{background:#00000059}dialog img{width:100px;height:100px;object-fit:cover}#add-product-header,#add-product-image,#add-product-price,#add-product-options,#add-product-actions{margin:10px 5px}#add-product-image img{width:300px;height:300px}#add-product button{margin:5px 5px 0 0}.cart-header{font-size:24px;margin:10px}.cart-item{padding:5px;position:relative;margin-left:0}.cart-items p{margin-left:10px}.cart-item .delete-item-button{position:absolute;bottom:10px;right:10px}#cart-total-price{margin-left:10px}.item-info{margin-bottom:5px}.cart-items ul{max-height:300px;overflow-y:auto;padding-left:1rem}.shopping-cart-dialog{position:relative}.close-cart-button{position:absolute;top:5px;right:5px}.login-prompt{margin:10px}.payment-button{margin:0 0 10px 10px}#login-container,#register-container{width:80%;max-width:500px;margin:30px auto;border:2px solid black;border-radius:10px;padding:20px;background-color:#fff}#login-container h2,#register-container h2{font-size:36px;margin-bottom:15px;text-align:center}#login-container form label,#register-container form label{font-size:20px;margin:5px 0}#login-container form input,#register-container form input{margin:5px 0;height:30px;width:100%}#login-container button,#register-container button{font-size:20px;padding:5px 20px;margin:10px 0;width:101%}#payment-view{border:2px solid black;border-radius:10px;padding:20px;margin:20px auto;width:80%;max-width:500px;font-size:20px}#payment-view h2,#payment-view h3,#payment-view p{margin:5px 0}#payment-view button{width:40%;max-width:200px;margin-right:8%}#payment-view li{margin:3px 0 3px 23px;list-style-type:decimal;border:none}.payment-radio{margin-bottom:15px}.payment-radio *{font-size:20px}#payment-view #payment-total{margin-bottom:10px}#my-orders-page{font-size:20px;margin-left:10px;margin-right:10px}#my-orders-page h2+div{border-bottom:2px solid black}.status-cap{margin-top:15px}.navbar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;position:sticky;top:0;background:#fff;z-index:1000;box-shadow:0 1px 3px #00000014}.nav-left{display:flex;align-items:center;gap:1rem}.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;padding:6px;border:none;background:transparent;cursor:pointer}.menu-line{width:18px;height:2px;background:#111;display:block}.nav-actions{margin-left:auto;display:flex;gap:.5rem;align-items:center}.nav-actions button{padding:.4rem .6rem}.menu-dropdown{position:absolute;top:48px;left:0;background:#fff;border:1px solid black;box-shadow:0 6px 18px #00000014;padding:.5rem;border-radius:2px;min-width:180px;z-index:1100}.menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.menu-list li{padding:10px;background-color:#4ca9f5}.menu-list li a{color:inherit;text-decoration:none;width:150px;background-color:initial;border:none}#filter-menu{padding:12px}#filter-menu-categories ul,#allergens-list ul{list-style:none;padding:0;margin:0}#filter-menu-categories li,#allergens-list li{margin:6px 0}.filter-btn,.allergen-button{border:1px solid #e5e7eb;color:#111827;padding:6px 10px;border-radius:6px;cursor:pointer}.filter-btn.active,.allergen-button.active{background:#dbeafe;border-color:#93c5fd;color:#0b4a80;font-weight:600}.allergen-button{display:flex;align-items:center;gap:8px}.allergen-icon{width:20px;height:20px;object-fit:contain}#filter-menu-allergens>button{margin:8px 0;cursor:pointer}#filter-menu-allergens>button:hover{text-decoration:underline}