.toast-notification{position:fixed;top:80px;right:-400px;background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;transition:right .3s ease-out;min-width:280px;border-left:4px solid #4CAF50}.toast-notification.show{right:20px;animation:slideInBounce .4s ease-out}@keyframes slideInBounce{0%{right:-400px}60%{right:25px}80%{right:15px}to{right:20px}}.toast-content{display:flex;align-items:center;gap:.8rem}.toast-icon{font-size:20px;color:#4caf50}.toast-message{font-size:14px;font-weight:500;color:#333}@media (max-width: 576px){.toast-notification{min-width:auto;max-width:calc(100% - 40px);right:-100%}.toast-notification.show{right:20px}}.header-new{background:linear-gradient(135deg,var(--primary-red) 0%,var(--dark-red) 100%);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000004d}.header-container{max-width:1400px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:var(--font-heading);font-size:24px;font-weight:700;transition:transform .3s ease}.header-logo:hover{transform:scale(1.05)}.header-logo i{font-size:28px}.header-right{display:flex;align-items:center;gap:20px}.header-user{display:flex;align-items:center;gap:10px;color:#fff}.user-greeting{font-size:14px;font-weight:500;display:none}.logout-icon-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.logout-icon-btn:hover{background:#ffffff4d;transform:scale(1.1)}.header-user-icon{color:#fff;width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;font-size:18px}.header-user-icon:hover{background:#ffffff4d;transform:scale(1.1)}.header-cart-icon{position:relative;color:#fff;width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;font-size:18px}.header-cart-icon:hover{background:#ffffff4d;transform:scale(1.1)}.header-cart-icon.pulse{animation:cartPulse .6s ease}@keyframes cartPulse{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}.cart-badge{position:absolute;top:-5px;right:-5px;background:var(--gold);color:var(--black);font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--primary-red);animation:cartBadgePop .3s ease}@keyframes cartBadgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.burger-menu{background:none;border:none;cursor:pointer;padding:5px;z-index:900;display:flex;flex-direction:column;gap:5px;width:30px;height:30px;justify-content:center;border-radius:4px;transition:background .3s ease}.burger-menu span{display:block;width:30px;height:3px;background:#fff;transition:all .3s ease;border-radius:2px}.burger-menu:hover span{background:#fffc}.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0003;transition:right .3s ease;z-index:1001;overflow-y:auto;padding:0 0 20px}.nav-menu.open{right:0}.menu-close-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 20px 25px;background:linear-gradient(135deg,#e4002b,#c1001f);margin-bottom:10px;position:sticky;top:0;z-index:10}.menu-title{font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.nav-menu a,.nav-menu button{display:flex;align-items:center;gap:12px;padding:15px 25px;color:var(--black);text-decoration:none;font-size:16px;font-weight:500;transition:all .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:var(--font-body)}.nav-menu a:hover,.nav-menu button:hover{background:var(--light-gray);color:var(--primary-red);padding-left:30px}.nav-menu a i,.nav-menu button i{width:20px;font-size:18px;color:var(--primary-red)}.nav-divider{height:1px;background:var(--light-gray);margin:10px 20px}.nav-section-title{padding:15px 25px 5px;font-size:12px;font-weight:700;color:var(--medium-gray);text-transform:uppercase;letter-spacing:1px}.nav-logout{color:var(--primary-red)!important;font-weight:600}.menu-close-btn{background:#fff;border:none;color:#fff!important;width:32px!important;height:32px!important;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease;margin-left:auto}.menu-close-btn i{color:#fff!important}.menu-close-btn:hover{background:#fff0!important;transform:scale(1.1)}.menu-close-btn:active{transform:scale(.95)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 768px){.header-logo{font-size:28px}.header-logo i{font-size:32px}.user-greeting{display:block}.nav-menu{width:320px}}.header{display:none!important}.install-pwa-button{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,var(--primary-red) 0%,var(--dark-red) 100%);color:#fff;border:none;padding:14px 20px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #e4002b66;transition:all .3s ease;z-index:999;font-family:var(--font-body)}.install-pwa-button:hover{transform:translateY(-3px);box-shadow:0 6px 30px #e4002b80}.install-pwa-button:active{transform:translateY(-1px)}.install-pwa-button i{font-size:20px;animation:phoneRing 1.5s infinite}@keyframes phoneRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}@media (max-width: 640px){.install-pwa-button{bottom:15px;right:15px;padding:12px 16px;font-size:14px}.install-pwa-button span{display:none}.install-pwa-button{width:50px;height:50px;border-radius:50%;padding:0;justify-content:center}.install-pwa-button i{font-size:22px}}.hero-section{position:relative;height:100vh;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2}.hero-content{position:relative;z-index:3;text-align:center;color:#fff;padding:40px 20px;max-width:900px;animation:fadeInUp 1s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-heading);font-size:48px;font-weight:700;margin:0 0 15px;line-height:1.2;text-shadow:2px 2px 10px rgba(0,0,0,.3);letter-spacing:1px}.hero-subtitle{font-family:var(--font-heading);font-size:32px;font-weight:400;margin:0 0 25px;color:var(--gold);text-shadow:1px 1px 8px rgba(0,0,0,.3)}.hero-description{font-size:18px;margin:0 0 20px;font-weight:500;opacity:.95;letter-spacing:.5px}.hero-text{font-size:16px;line-height:1.8;opacity:.9;max-width:700px;margin:0 auto 40px}.hero-btn{background:#fff;color:var(--primary-red);border:none;padding:18px 45px;font-size:18px;font-weight:700;border-radius:50px;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 25px #0000004d;font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;gap:12px}.hero-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 35px #0006;background:var(--gold);color:var(--black)}.hero-btn:active{transform:translateY(-2px) scale(1.02)}.hero-btn i{font-size:20px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;color:#fff;font-size:32px;animation:scrollBounce 2s infinite;opacity:.8;cursor:pointer}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@media (max-width: 768px){.hero-section{min-height:600px}.hero-title{font-size:36px}.hero-subtitle{font-size:24px}.hero-description{font-size:16px}.hero-text{font-size:14px;line-height:1.6}.hero-btn{padding:14px 35px;font-size:16px}}@media (max-width: 480px){.hero-title{font-size:28px}.hero-subtitle{font-size:20px}.hero-description{font-size:14px}}.menu-section{padding:60px 0;background:var(--light-gray)}.menu-section-header{text-align:center;margin-bottom:40px}.menu-section-header h2{font-family:var(--font-heading);font-size:36px;color:var(--black);margin-bottom:10px}.menu-section-header p{font-size:16px;color:var(--medium-gray)}.menu-page{padding:60px 0}.category-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:30px 0 40px;padding:20px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.category-btn{padding:12px 24px;border:2px solid var(--light-gray);background:#fff;color:var(--medium-gray);border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px}.category-btn:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.category-btn.active{background:var(--primary-red);color:#fff;border-color:var(--primary-red);box-shadow:var(--shadow-md)}.category-btn.active:hover{background:var(--dark-red);border-color:var(--dark-red)}.category-btn i{font-size:16px}.products-count{text-align:center;color:var(--medium-gray);font-size:14px;margin-bottom:20px;font-weight:500}.featured-section{background:#fff;padding:40px 20px;border-radius:var(--radius-lg);margin:40px 0;box-shadow:var(--shadow-sm)}.featured-header{text-align:center;margin-bottom:30px}.featured-header h2{font-family:var(--font-heading);font-size:32px;color:var(--black);margin-bottom:10px}.featured-header p{color:var(--medium-gray);font-size:16px}.view-menu-btn{text-align:center;margin-top:40px}.view-menu-btn .btn{padding:14px 40px;font-size:16px;text-transform:uppercase;letter-spacing:1px}@media (max-width: 640px){.category-filters{padding:15px}.category-btn{padding:10px 20px;font-size:13px}}.menu-filter-container{margin-bottom:2rem}.filter-toggle-btn{width:100%;padding:1rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;align-items:center;gap:.8rem;cursor:pointer;transition:all .3s;font-size:1rem;font-weight:600;color:#333}.filter-toggle-btn:hover{border-color:#e4002b;background:#fff5f5}.filter-toggle-btn.open{border-color:#e4002b;background:#e4002b;color:#fff}.filter-toggle-btn.has-filters{border-color:#e4002b}.filter-count{background:#e4002b;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.filter-toggle-btn.open .filter-count{background:#fff;color:#e4002b}.ml-auto{margin-left:auto}.filter-panel{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background:#fff;border:0px solid #e0e0e0;border-top:none;border-radius:0 0 12px 12px;margin-top:-12px;padding-top:0}.filter-panel.open{max-height:600px;overflow-y:auto;margin-top:0}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0}.filter-header h3{margin:0;font-size:1.1rem;color:#333}.clear-filters-btn{background:none;border:none;color:#e4002b;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:opacity .3s}.clear-filters-btn:hover{opacity:.7}.filter-section{padding:1.5rem;border-bottom:1px solid #e0e0e0}.filter-section:last-child{border-bottom:none}.filter-section h4{margin:0 0 1rem;font-size:.95rem;color:#666;display:flex;align-items:center;gap:.5rem}.filter-options{display:flex;flex-direction:column;gap:.8rem}.filter-checkbox{display:flex;align-items:center;gap:.8rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s}.filter-checkbox:hover{background:#f5f5f5}.filter-checkbox input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.filter-checkbox input[type=checkbox]:checked+.checkbox-custom{background:#e4002b;border-color:#e4002b}.filter-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.checkbox-label{font-size:.95rem;color:#333;-webkit-user-select:none;user-select:none}@media (max-width: 576px){.filter-toggle-btn{padding:.8rem 1rem;font-size:.9rem}.filter-section{padding:1rem}}.product-detail-page{padding:2rem 0;max-width:1200px;margin:0 auto}.breadcrumb-nav{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;margin-bottom:2rem;font-size:.9rem}.breadcrumb-nav button{background:none;border:none;color:#666;cursor:pointer;padding:0;transition:color .3s}.breadcrumb-nav button:hover{color:#e4002b}.breadcrumb-nav .separator{color:#999}.breadcrumb-nav .current{color:#e4002b;font-weight:500}.product-detail-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.product-image-section{position:sticky;top:100px;height:fit-content}.main-image{position:relative;border-radius:12px;overflow:hidden;background:#f8f9fa;aspect-ratio:1}.main-image img{width:100%;height:100%;object-fit:cover}.product-badges{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.product-badges .badge{padding:.4rem .8rem;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;text-transform:uppercase;box-shadow:0 2px 8px #0003}.product-info-section{display:flex;flex-direction:column;gap:1.5rem}.product-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.product-meta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.product-type-badge .type-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:6px;font-size:.9rem;font-weight:600;border:2px solid}.product-type-badge .type-badge.veg{background:#f1f8f4;border-color:#4caf50;color:#2e7d32}.product-type-badge .type-badge.non-veg{background:#fef1f1;border-color:#f44336;color:#c62828}.product-type-badge .type-badge.vegan{background:#f5f9f2;border-color:#8bc34a;color:#558b2f}.product-type-badge .type-badge.egg{background:#fffbf0;border-color:#ffc107;color:#f57c00}.product-categories{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.95rem}.product-categories i{color:#e4002b}.product-price{display:flex;align-items:baseline;gap:.3rem}.product-price .price{font-size:2.5rem;font-weight:700;color:#e4002b}.product-price .unit{font-size:1.1rem;color:#666}.product-description{padding:1rem 0;border-top:1px solid #eee;border-bottom:0px solid #eee}.product-description h3{font-size:1.1rem;font-weight:600;margin-bottom:.8rem;color:#1a1a1a}.product-description p{color:#555;line-height:1.6;margin:0}.quantity-section{display:flex;flex-direction:column;gap:.8rem}.quantity-section label{font-weight:600;color:#1a1a1a}.quantity-controls{display:flex;align-items:center;gap:1rem;width:fit-content}.quantity-controls .qty-btn{width:40px;height:40px;border:2px solid #E4002B;background:#fff;color:#e4002b;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.quantity-controls .qty-btn:hover:not(:disabled){background:#e4002b;color:#fff}.quantity-controls .qty-btn:disabled{opacity:.4;cursor:not-allowed}.quantity-controls input{width:80px;height:40px;text-align:center;border:2px solid #ddd;border-radius:8px;font-size:1.1rem;font-weight:600}.total-price{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.total-price .label{font-size:1.2rem;font-weight:600;color:#666}.total-price .amount{font-size:1.8rem;font-weight:700;color:#e4002b}.product-actions{display:flex;gap:1rem;margin-top:1rem}.add-to-cart-btn{flex:1;padding:1rem 2rem;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .3s ease}.add-to-cart-btn.adding{background:#4caf50;border-color:#4caf50;pointer-events:none;animation:successPulse .5s ease}.add-to-cart-btn.in-cart{background:#4caf50;border-color:#4caf50;cursor:not-allowed;opacity:.9}.add-to-cart-btn.in-cart:hover{background:#4caf50;border-color:#4caf50;transform:none}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.wishlist-btn{width:60px;height:60px;border:2px solid #E4002B;background:#fff;color:#e4002b;border-radius:8px;cursor:pointer;transition:all .3s;font-size:1.5rem}.wishlist-btn:hover,.wishlist-btn.in-wishlist{background:#e4002b;color:#fff}.product-meta{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;margin-top:1rem}.meta-item{display:flex;align-items:center;gap:.8rem;color:#555}.meta-item i{color:#e4002b;font-size:1.1rem;width:24px}@media (max-width: 968px){.product-detail-container{grid-template-columns:1fr;gap:2rem}.product-image-section{position:relative;top:0}.product-title{font-size:1.6rem}.product-price .price{font-size:2rem}}@media (max-width: 576px){.product-detail-page{padding:1rem 0}.breadcrumb-nav{font-size:.8rem}.product-title{font-size:1.4rem}.product-actions{flex-direction:column}.wishlist-btn{width:100%;height:50px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-red: #E4002B;--dark-red: #C1001F;--light-red: #FF1744;--black: #1a1a1a;--dark-gray: #2d2d2d;--medium-gray: #666666;--light-gray: #f5f5f5;--white: #ffffff;--gold: #FFC107;--success-green: #4CAF50;--font-heading: "Playfair Display", serif;--font-body: "Poppins", sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}body{font-family:var(--font-body);background:var(--light-gray);color:var(--black);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,var(--primary-red) 0%,var(--dark-red) 100%);color:var(--white);padding:20px 0;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.logo i{font-size:32px}.logo h1{font-family:var(--font-heading);font-size:28px;font-weight:700;letter-spacing:1px}.tagline{text-align:center;font-size:14px;opacity:.95;font-weight:300}.step-indicator{background:var(--white);padding:20px;margin:20px 0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch}.step{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:60px;position:relative;opacity:.4;transition:all .3s ease}.step.active{opacity:1}.step.completed{opacity:.7}.step-number{width:40px;height:40px;border-radius:50%;background:var(--light-gray);color:var(--medium-gray);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:all .3s ease}.step.active .step-number{background:var(--primary-red);color:var(--white);transform:scale(1.1);box-shadow:0 0 0 4px #e4002b33}.step.completed .step-number{background:var(--success-green);color:var(--white)}.step-label{font-size:11px;font-weight:500;color:var(--medium-gray);text-align:center;white-space:nowrap}.step.active .step-label{color:var(--primary-red);font-weight:600}.section{display:none;animation:fadeIn .4s ease}.section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:var(--font-heading);font-size:28px;color:var(--black);text-align:center;margin-bottom:8px}.section-subtitle{text-align:center;color:var(--medium-gray);font-size:14px;margin-bottom:30px}.section-footer{display:flex;gap:12px;justify-content:center;margin-top:30px;padding:20px 0;flex-wrap:wrap}.menu-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:20px 0}.menu-item{background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;cursor:pointer;position:relative}.menu-item:active{transform:scale(.98)}.menu-item.selected{border:3px solid var(--primary-red);box-shadow:0 0 0 4px #e4002b1a}.menu-item-image{width:100%;height:200px;object-fit:cover;display:block}.menu-item-content{padding:16px}.menu-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.menu-item-name{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--black);flex:1}.menu-item-price{font-size:20px;font-weight:700;color:var(--primary-red);white-space:nowrap;margin-left:12px}.menu-item-price small{font-size:12px;font-weight:400;color:var(--medium-gray)}.menu-item-description{font-size:13px;color:var(--medium-gray);line-height:1.5;margin-bottom:12px}.menu-item-badge{display:inline-block;background:var(--gold);color:var(--black);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.selected-indicator{position:absolute;top:12px;right:12px;background:var(--primary-red);color:var(--white);width:32px;height:32px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--shadow-md)}.menu-item.selected .selected-indicator{display:flex;animation:popIn .3s ease}.order-list{margin:20px 0}.order-item{background:var(--white);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.order-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.order-item-name{font-weight:600;font-size:16px;color:var(--black)}.order-item-price{color:var(--primary-red);font-weight:600}.quantity-controls{display:flex;align-items:center;gap:16px;background:var(--light-gray);padding:12px;border-radius:var(--radius-sm)}.quantity-label{font-size:14px;color:var(--medium-gray);flex:1}.quantity-input{display:flex;align-items:center;gap:12px}.quantity-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--primary-red);color:var(--white);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quantity-btn:active{transform:scale(.9);background:var(--dark-red)}.quantity-value{min-width:60px;text-align:center;font-weight:600;font-size:18px;color:var(--black)}.item-total{text-align:right;margin-top:12px;font-size:14px;color:var(--medium-gray)}.item-total strong{color:var(--black);font-size:16px;margin-left:8px}.order-summary{background:var(--white);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);margin-top:24px}.order-summary h3{font-family:var(--font-heading);font-size:20px;margin-bottom:16px;color:var(--black)}.summary-details{margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--medium-gray)}.total-amount{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid var(--light-gray);font-size:18px;font-weight:700;color:var(--black)}.total-amount span:last-child{color:var(--primary-red);font-size:24px}.form-container{background:var(--white);border-radius:var(--radius-md);padding:24px 20px;margin:20px 0}@media (max-width: 768px){.form-container{padding:14px 0;margin:20px 0}}.form-row{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--black);font-size:14px}.form-group label i{color:var(--primary-red);margin-right:6px;width:16px}.form-control{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-body);transition:all .3s ease;background:var(--white)}.form-control:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #e4002b1a}textarea.form-control{resize:vertical;min-height:80px}.payment-summary{background:var(--white);border-radius:var(--radius-md);padding:24px 20px;box-shadow:var(--shadow-sm);margin:20px 0}.payment-info .info-row{display:flex;justify-content:space-between;padding:12px 0;font-size:15px;border-bottom:1px solid var(--light-gray)}.payment-info .info-row:last-child{border-bottom:none}.payment-info .info-row.highlight{background:linear-gradient(135deg,#e4002b1a,#e4002b0d);padding:16px;border-radius:var(--radius-sm);margin:12px 0;font-weight:600;font-size:18px;color:var(--primary-red)}.payment-form{background:var(--white);border-radius:var(--radius-md);padding:24px 20px;box-shadow:var(--shadow-sm);margin-top:20px}.payment-form h3{font-family:var(--font-heading);font-size:20px;margin-bottom:20px;color:var(--black)}.demo-notice{background:#fff3cd;border:1px solid #FFD700;border-radius:var(--radius-sm);padding:12px 16px;margin-top:20px;display:flex;align-items:center;gap:10px;font-size:13px;color:#856404}.demo-notice i{font-size:18px}.confirmation-box{background:var(--white);border-radius:var(--radius-lg);padding:40px 24px;box-shadow:var(--shadow-md);text-align:center;margin:40px 0}.success-icon{font-size:80px;color:var(--success-green);margin-bottom:24px;animation:scaleIn .5s ease}.confirmation-box h2{font-family:var(--font-heading);font-size:32px;color:var(--black);margin-bottom:12px}.confirmation-message{font-size:16px;color:var(--medium-gray);margin-bottom:32px}.order-details-box{background:var(--light-gray);border-radius:var(--radius-md);padding:24px;margin:24px 0;text-align:left}.order-details-box h3{font-family:var(--font-heading);font-size:20px;margin-bottom:16px;text-align:center}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0;font-size:14px}.detail-row:last-child{border-bottom:none}.confirmation-footer{margin-top:32px}.confirmation-footer p{font-size:13px;color:var(--medium-gray);margin-bottom:20px}.btn{padding:14px 32px;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(135deg,var(--primary-red) 0%,var(--dark-red) 100%);color:var(--white)}.btn-primary:active{transform:translateY(2px);box-shadow:none}.btn-secondary{background:var(--white);color:var(--primary-red);border:2px solid var(--primary-red)}.btn-secondary:active{background:var(--light-gray)}.btn-outline{background:transparent;color:var(--primary-red);border:2px solid var(--primary-red)}.btn-outline:hover{background:var(--primary-red);color:var(--white)}.btn-outline:active{transform:translateY(2px)}.btn-add-more{background:linear-gradient(135deg,#4caf50,#388e3c);color:var(--white);border:none}.btn-add-more:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);transform:translateY(-2px)}.btn-add-more:active{transform:translateY(0)}.footer{background:var(--dark-gray);color:var(--white);padding:20px 0;text-align:center;margin-top:60px}.footer p{font-size:13px;opacity:.8}@media (min-width: 640px){.logo h1{font-size:36px}.tagline{font-size:16px}.menu-grid,.form-row{grid-template-columns:repeat(2,1fr);gap:20px}.step-label{font-size:12px}.section-title{font-size:36px}.section-subtitle{font-size:16px}}@media (min-width: 1024px){.menu-grid{grid-template-columns:repeat(3,1fr);gap:24px}.menu-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dark-red)}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.btn,.menu-item,.quantity-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth}body{overscroll-behavior-y:contain}.auth-container{max-width:500px;margin:40px auto;padding:20px}.auth-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.auth-header{background:linear-gradient(135deg,var(--primary-red) 0%,var(--dark-red) 100%);color:#fff;padding:40px 30px;text-align:center}.auth-header i{font-size:48px;margin-bottom:15px}.auth-header h2{margin:0 0 8px;font-family:var(--font-heading);font-size:28px}.auth-header p{margin:0;opacity:.9;font-size:14px}.auth-form{padding:30px}.auth-form .form-group{margin-bottom:20px}.auth-form .btn{width:100%;margin-top:10px}.auth-footer{padding:20px 30px;background:var(--light-gray);text-align:center;font-size:14px}.auth-footer a{color:var(--primary-red);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.btn-link{background:none;border:none;color:var(--primary-red);cursor:pointer;font-family:var(--font-body);font-size:14px;padding:10px;text-decoration:none}.btn-link:hover{text-decoration:underline}.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.profile-container{max-width:800px;margin:40px auto;padding:20px}.profile-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.profile-header{background:linear-gradient(135deg,var(--primary-red) 0%,var(--dark-red) 100%);color:#fff;padding:40px 30px;text-align:center}.profile-avatar{width:80px;height:80px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin:0 auto 15px;border:3px solid white}.profile-header h3{margin:0 0 5px;font-size:24px}.profile-header p{margin:0;opacity:.9;font-size:14px}.profile-details{padding:30px}.profile-details .detail-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--light-gray)}.profile-details .detail-row:last-child{border-bottom:none}.profile-details .detail-row strong{color:var(--medium-gray);font-weight:500;display:flex;align-items:center;gap:8px}.profile-details .detail-row strong i{color:var(--primary-red);width:20px}.profile-details .btn{margin-top:20px}.profile-form{padding:30px}.form-actions{display:flex;gap:12px;margin-top:20px}.form-actions .btn{flex:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--primary-red)}.loading-container p{margin-top:20px;color:var(--medium-gray);font-size:16px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:40px auto;max-width:500px}.empty-state i{color:var(--medium-gray);margin-bottom:20px;opacity:.5}.empty-state h3{font-family:var(--font-heading);font-size:24px;margin-bottom:10px;color:var(--black)}.empty-state p{color:var(--medium-gray);margin-bottom:25px}.empty-state .btn{display:inline-block}.contact-container{max-width:1000px;margin:40px auto;padding:20px}@media (max-width: 768px){.contact-container{margin:40px auto;padding:0}}.contact-content{display:grid;grid-template-columns:1fr;gap:30px;margin-top:30px}.contact-info{background:#fff;padding:30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.contact-info h3{font-family:var(--font-heading);font-size:24px;margin-bottom:25px;color:var(--black)}.info-item{display:flex;gap:20px;margin-bottom:25px;align-items:flex-start}.info-item i{font-size:24px;color:var(--primary-red);width:30px;margin-top:5px}.info-item h4{margin:0 0 5px;font-size:14px;color:var(--medium-gray);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-item p{margin:0;font-size:16px;color:var(--black)}.contact-form-wrapper{background:#fff;padding:30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.contact-info,.contact-form-wrapper{padding:30px 20px}}.contact-form .form-group:last-of-type{margin-bottom:20px}@media (min-width: 768px){.contact-content{grid-template-columns:1fr 1.5fr}}.wishlist-actions{display:flex;gap:10px;padding:16px;justify-content:center}.wishlist-actions .btn-sm{flex:1;max-width:150px}.cart-items{margin:20px 0}.cart-item{background:#fff;border-radius:var(--radius-md);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;gap:20px;align-items:center;flex-wrap:wrap}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm)}.cart-item-details{flex:1;min-width:150px}.cart-item-details h3{font-size:18px;margin:0 0 5px;color:var(--black)}.cart-item-price{color:var(--medium-gray);font-size:14px}.cart-item-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cart-item-total{font-size:20px;font-weight:700;color:var(--primary-red)}.btn-remove{background:none;border:none;color:var(--medium-gray);cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.btn-remove:hover{background:#ffebee;color:var(--primary-red)}.cart-summary{background:#fff;border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);margin-top:24px}.cart-summary .summary-row{display:flex;justify-content:space-between;padding:12px 0;font-size:16px}.cart-summary .summary-row.total{border-top:2px solid var(--light-gray);padding-top:16px;margin-top:8px;font-size:20px;color:var(--primary-red)}.cart-actions{display:flex;gap:12px;margin-top:20px}.cart-actions .btn{flex:1}.orders-list{margin:30px 0}.order-card{background:#fff;border-radius:var(--radius-md);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--light-gray)}.order-header h3{font-size:18px;margin:0 0 5px;color:var(--black)}.order-date{font-size:13px;color:var(--medium-gray);margin:0}.badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-confirmed{background:#e3f2fd;color:#1976d2}.badge-pending{background:#fff3e0;color:#f57c00}.badge-preparing{background:#f3e5f5;color:#7b1fa2}.badge-delivered{background:#e8f5e9;color:#388e3c}.badge-cancelled{background:#ffebee;color:#c62828}.order-info .info-row{display:flex;gap:10px;margin-bottom:10px;font-size:14px;color:var(--medium-gray)}.order-info .info-row i{color:var(--primary-red);width:16px}.order-items h4{font-size:14px;color:var(--medium-gray);margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}.order-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.order-total{margin-top:20px;padding-top:20px;border-top:2px solid var(--light-gray)}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:15px}.total-row:first-child{font-weight:700;font-size:18px;color:var(--black)}.text-success{color:var(--success-green);font-weight:600}.text-warning{color:#f57c00;font-weight:600}.checkout-container{max-width:900px;margin:40px auto;padding:20px}.checkout-step{background:#fff;border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm);margin-top:30px}@media (max-width: 768px){.checkout-container{margin:40px auto;padding:0}.checkout-step{padding:20px;margin-top:30px}}.checkout-step h3{font-family:var(--font-heading);font-size:24px;margin-bottom:25px;color:var(--black)}.order-review{background:var(--light-gray);border-radius:var(--radius-md);padding:20px;margin:20px 0}.review-item{display:flex;justify-content:space-between;padding:12px 0;font-size:14px;border-bottom:1px solid #e0e0e0}.review-item:last-child{border-bottom:none}.review-total{display:flex;justify-content:space-between;padding-top:15px;margin-top:15px;border-top:2px solid var(--medium-gray);font-size:20px;font-weight:700;color:var(--primary-red)}.confirmation-box{text-align:center;max-width:700px;margin:0 auto}.success-icon{font-size:80px;color:var(--success-green);margin-bottom:20px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.confirmation-box h2{font-family:var(--font-heading);font-size:32px;margin-bottom:10px}.confirmation-box>p{color:var(--medium-gray);margin-bottom:30px}.confirmation-box .detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e0e0;font-size:14px}.confirmation-box h4{font-size:14px;color:var(--medium-gray);margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}.detail-row strong{color:var(--black);font-weight:600}.detail-row span{color:var(--medium-gray);text-align:right}.order-number{font-weight:700!important;color:var(--primary-red)!important;font-size:16px!important}.order-items-section{margin:20px 0;padding-top:15px;border-top:2px solid #ddd}.total-row{margin-top:20px;padding-top:15px!important;border-top:2px solid #ddd!important;font-size:18px!important}.paid-row{background:#e8f5e9;padding:12px!important;border-radius:8px;margin-top:8px}.balance-row{background:#fff3e0;padding:12px!important;border-radius:8px;margin-top:8px}.text-red{color:var(--primary-red)!important}.text-success{color:#2e7d32!important}.text-warning{color:#e65100!important}.confirmation-footer{margin:20px 0}.confirmation-footer p{font-size:13px;color:var(--medium-gray)}.confirmation-actions{display:flex;gap:12px;justify-content:center;margin-top:30px}.confirmation-actions .btn{flex:1;max-width:250px}@media (max-width: 640px){.cart-item{flex-direction:column;align-items:flex-start}.cart-item-controls{width:100%;justify-content:space-between}.cart-actions,.confirmation-actions{flex-direction:column}.confirmation-actions .btn{max-width:100%}}.product-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:20px 0}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:24px}}.product-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;display:flex;flex-direction:column}.product-card.selectable{cursor:pointer}.product-card.selectable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card.selectable:active{transform:translateY(-2px)}.product-card.selected{border:3px solid var(--primary-red);box-shadow:0 0 0 4px #e4002b1a}.product-image-wrapper{position:relative;width:100%;height:220px;overflow:hidden;background:var(--light-gray)}.product-image-bg{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s ease}.product-card:hover .product-image-bg{transform:scale(1.05)}.wishlist-btn{position:absolute;top:12px;left:12px;background:#fff;color:#ccc;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease;z-index:10}.type-indicator-corner{position:absolute;top:12px;right:12px;z-index:10}.type-icon{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#fff;border-radius:20px;box-shadow:var(--shadow-md);border:2px solid;font-weight:600}.type-icon .type-dot{font-size:16px;line-height:1}.type-icon .type-text{font-size:11px;text-transform:uppercase;letter-spacing:.3px}.type-icon.veg,.type-icon.vegan{border-color:#4caf50;color:#2e7d32}.type-icon.non-veg{border-color:#f44336;color:#c62828}.type-icon.egg{border-color:#ffc107;color:#f57c00}.wishlist-btn:hover{transform:scale(1.1);background:#f5f5f5;color:#999}.wishlist-btn.active{background:var(--primary-red);color:#fff}.wishlist-btn.active:hover{background:var(--dark-red);color:#fff}.wishlist-btn i{font-size:18px}.selection-indicator{position:absolute;top:12px;right:12px;background:var(--primary-red);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--shadow-md);animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.product-badge{position:absolute;bottom:12px;right:12px;background:var(--gold);color:var(--black);padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;box-shadow:var(--shadow-sm)}.product-content{padding:16px;display:flex;flex-direction:column;flex:1}.product-name{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--black);margin:0 0 10px;line-height:1.3}.product-description{font-size:13px;color:var(--medium-gray);line-height:1.5;margin:0 0 auto;overflow:hidden}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:0;padding-top:12px;border-top:1px solid #f0f0f0}.product-price{font-size:18px;font-weight:700;color:var(--primary-red);white-space:nowrap}.product-price small{font-size:12px;font-weight:400;color:var(--medium-gray)}.btn-add-to-cart{padding:8px 16px;background:var(--primary-red);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-body);white-space:nowrap}.btn-add-to-cart:hover:not(:disabled){background:var(--dark-red);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-add-to-cart:active:not(:disabled){transform:translateY(0)}.btn-add-to-cart.adding{background:#4caf50;pointer-events:none;animation:successPulse .5s ease}.btn-add-to-cart.in-cart{background:#4caf50;cursor:not-allowed;opacity:.9}.btn-add-to-cart.in-cart:hover{transform:none;box-shadow:none}@keyframes successPulse{0%{transform:scale(1);background:var(--primary-red)}50%{transform:scale(1.05);background:#4caf50}to{transform:scale(1);background:#4caf50}}@media (max-width: 767px){.product-image-wrapper{height:200px}.product-name,.product-price{font-size:16px}.product-description{font-size:12px}}@media (min-width: 768px) and (max-width: 1023px){.product-image-wrapper{height:200px}}@media (min-width: 1024px){.product-image-wrapper{height:240px}}
