:root{--bg-cream: #faf6f0;--bg-warm: #f5ede3;--sage: #8faa7b;--sage-dark: #6d8a5e;--sage-light: #c5d9b2;--sunset: #e8a87c;--sunset-dark: #d4885c;--sky: #a8d0db;--sky-dark: #7bb4c2;--brown: #6b4e3d;--brown-light: #8b6f5e;--text-primary: #3d3029;--text-secondary: #7a6b62;--white: #ffffff;--shadow: rgba(107, 78, 61, .08);--shadow-md: rgba(107, 78, 61, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Quicksand,sans-serif;background-color:var(--bg-cream);color:var(--text-primary);line-height:1.6;min-height:100vh}a{text-decoration:none;color:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:900px;width:100%;margin:0 auto;padding:2rem 1.5rem}.header{background:var(--white);box-shadow:0 2px 12px var(--shadow);position:sticky;top:0;z-index:100}.header-inner{max-width:900px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:2rem}.logo-title{font-size:1.3rem;font-weight:700;color:var(--brown);line-height:1.2}.logo-subtitle{font-size:.85rem;color:var(--text-secondary);font-weight:500}.nav{display:flex;gap:1.5rem;align-items:center}.nav-link{font-weight:600;color:var(--text-secondary);transition:color .2s;font-size:1rem}.nav-link:hover{color:var(--sage-dark)}.cart-link{position:relative}.cart-badge{position:absolute;top:-8px;right:-14px;background:var(--sunset);color:var(--white);font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hero{text-align:center;padding:2rem 0 3rem}.hero-title{font-size:2rem;font-weight:700;color:var(--brown);margin-bottom:.5rem}.hero-sub{font-size:1.1rem;color:var(--text-secondary);max-width:460px;margin:0 auto}.menu-section{margin-bottom:2.5rem}.section-title{font-size:1.4rem;font-weight:700;color:var(--brown);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.menu-card{background:var(--white);border-radius:16px;padding:1.25rem;box-shadow:0 2px 16px var(--shadow);display:flex;gap:1rem;transition:transform .2s,box-shadow .2s}.menu-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--shadow-md)}.menu-card-emoji{font-size:2.2rem;flex-shrink:0;padding-top:.15rem}.menu-card-body{flex:1;display:flex;flex-direction:column}.menu-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.3rem}.menu-card-name{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.menu-card-price{font-weight:700;color:var(--sage-dark);font-size:1rem;white-space:nowrap}.menu-card-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;flex:1}.add-btn{background:var(--sage);color:var(--white);border:none;border-radius:10px;padding:.5rem 1rem;font-family:Quicksand,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s;align-self:flex-start}.add-btn:hover{background:var(--sage-dark)}.cart-page{max-width:600px;margin:0 auto}.page-title{font-size:1.6rem;font-weight:700;color:var(--brown);margin-bottom:1.5rem}.cart-empty{text-align:center;padding:4rem 1rem}.cart-empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.cart-empty h2{color:var(--brown);margin-bottom:.5rem}.cart-empty p{color:var(--text-secondary);margin-bottom:1.5rem}.cart-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.cart-item{background:var(--white);border-radius:14px;padding:1rem 1.25rem;box-shadow:0 2px 12px var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:1rem}.cart-item-info{display:flex;align-items:center;gap:.75rem}.cart-item-emoji{font-size:1.6rem}.cart-item-name{font-size:1rem;font-weight:700}.cart-item-price{font-size:.8rem;color:var(--text-secondary)}.cart-item-controls{display:flex;align-items:center;gap:.5rem}.qty-btn{width:30px;height:30px;border-radius:8px;border:2px solid var(--sage-light);background:var(--white);color:var(--sage-dark);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.qty-btn:hover{background:var(--sage-light);border-color:var(--sage)}.qty-display{font-weight:700;min-width:1.5rem;text-align:center}.remove-btn{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.25rem;margin-left:.25rem;opacity:.5;transition:opacity .2s,color .2s}.remove-btn:hover{opacity:1;color:#c44}.cart-details{background:var(--white);border-radius:14px;padding:1.25rem;box-shadow:0 2px 12px var(--shadow);margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group label{display:block;font-weight:600;font-size:.9rem;color:var(--text-secondary);margin-bottom:.35rem}.form-input{width:100%;padding:.6rem .9rem;border:2px solid var(--sage-light);border-radius:10px;font-family:Quicksand,sans-serif;font-size:1rem;color:var(--text-primary);background:var(--bg-cream);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--sage)}.cart-summary{background:var(--white);border-radius:14px;padding:1.25rem;box-shadow:0 2px 12px var(--shadow)}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700;color:var(--brown);margin-bottom:1rem}.total-price{font-size:1.4rem;color:var(--sage-dark)}.error-msg{color:#c44;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.checkout-btn{width:100%;padding:.85rem;background:var(--sage);color:var(--white);border:none;border-radius:12px;font-family:Quicksand,sans-serif;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .2s,transform .1s}.checkout-btn:hover:not(:disabled){background:var(--sage-dark);transform:translateY(-1px)}.checkout-btn:disabled{opacity:.7;cursor:not-allowed}.thankyou-page{display:flex;justify-content:center;padding-top:3rem}.thankyou-card{background:var(--white);border-radius:20px;padding:3rem 2.5rem;box-shadow:0 4px 24px var(--shadow-md);text-align:center;max-width:440px}.thankyou-icon{font-size:3rem;display:block;margin-bottom:1rem}.thankyou-card h2{color:var(--brown);font-size:1.5rem;margin-bottom:.75rem}.thankyou-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.thankyou-decoration{font-size:1.5rem;margin-bottom:1.5rem;letter-spacing:.5rem}.back-link{display:inline-block;background:var(--sage);color:var(--white);padding:.6rem 1.5rem;border-radius:10px;font-weight:600;transition:background .2s}.back-link:hover{background:var(--sage-dark)}.footer{background:var(--brown);color:var(--bg-cream);text-align:center;padding:2rem 1.5rem;margin-top:auto}.footer-content p{font-weight:700;font-size:1.1rem}.footer-sub{font-weight:400!important;font-size:.9rem!important;opacity:.75;margin-top:.25rem}@media(max-width:600px){.hero-title{font-size:1.5rem}.menu-grid{grid-template-columns:1fr}.cart-item{flex-direction:column;align-items:flex-start}.cart-item-controls{align-self:flex-end}.header-inner{padding:.75rem 1rem}.main-content{padding:1.5rem 1rem}}