:root{--primary-color:#FFD101;--secondary-color:#FFA7DA;--success-color:#00A22B;--primary-dark:#1d4ed8;--accent-color:#ec4899;--warning-color:#f59e0b;--error-color:#ef4444;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--border-radius:0.75rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--transition:all 0.3s ease;--transition-fast:all 0.15s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 2rem}}@media(min-width:1024px){.container{padding:0 3rem}}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.navigation{position:fixed;top:0;left:0;right:0;z-index:50;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 10px rgba(0,0,0,.15)}.navigation .nav-content{display:flex;justify-content:center;align-items:center;height:4.5rem;padding:0 1.5rem}@media(min-width:768px){.navigation .nav-content{padding:0 2rem;height:6.5rem;justify-content:space-between}}@media(min-width:1024px){.navigation .nav-content{padding:0 3rem}}.navigation .logo{font-size:1.5rem;font-weight:800;background:var(--primary-color);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-right:1rem}@media(min-width:768px){.navigation .logo{font-size:2rem}}@media(max-width:767px){.navigation .logo .full-logo{display:none}.navigation .logo .mobile-logo{display:inline}}@media(min-width:768px){.navigation .logo .full-logo{display:inline}.navigation .logo .mobile-logo{display:none}}.navigation .nav-items{display:flex;align-items:center;gap:2rem}@media(min-width:768px){.navigation .nav-items{gap:3rem}}@media(min-width:1024px){.navigation .nav-items{gap:4rem}}.navigation .nav-item{display:flex;flex-direction:column;align-items:center;width:4rem;padding:.3rem;border-radius:var(--border-radius-lg);transition:var(--transition);cursor:pointer;text-decoration:none}@media(min-width:768px){.navigation .nav-item{gap:.5rem}}.navigation .nav-item:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.navigation .nav-item.active{background:var(--primary-color);box-shadow:0 0 20px rgba(59,130,246,.3)}.navigation .nav-item.active .nav-icon{color:#fff}.navigation .nav-item.active .nav-icon svg{fill:#fff}.navigation .nav-item.active .nav-label{color:#fff;font-weight:700}.navigation .nav-item .nav-icon{position:relative;width:2.5rem;height:2rem;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;background:var(--background-tertiary);color:#1f2937;transition:var(--transition)}.navigation .nav-item .nav-icon svg{width:1.5rem;height:1.5rem;fill:#1f2937;transition:var(--transition)}@media(min-width:768px){.navigation .nav-item .nav-icon{width:3rem;height:2rem}.navigation .nav-item .nav-icon svg{width:1.75rem;height:1.75rem}}.navigation .nav-item .nav-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-align:center;transition:var(--transition)}@media(min-width:768px){.navigation .nav-item .nav-label{font-size:1rem}}.nav-fix{width:1rem}@media(min-width:768px){.nav-fix{display:block;width:12rem}}.main-content{padding-top:5rem;min-height:100vh;background:rgba(255,161,213,.5)}.img-background{width:100%;height:100%;object-fit:cover;object-position:center;max-height:400px}.hero-section{position:relative;overflow:hidden;max-height:500px}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));opacity:.1}.hero-section .hero-content{position:relative;padding:3rem 1.5rem}@media(min-width:768px){.hero-section .hero-content{padding:5rem 2rem}}@media(min-width:1024px){.hero-section .hero-content{padding:5rem 3rem}}.hero-section .hero-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.2;text-align:center}@media(min-width:768px){.hero-section .hero-title{font-size:3.75rem}}.hero-section .hero-title .gradient-text{display:block;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-section .hero-subtitle{font-size:1.125rem;color:var(--text-secondary);text-align:center;max-width:42rem;margin:0 auto;line-height:1.6}@media(min-width:768px){.hero-section .hero-subtitle{font-size:1.25rem}}.categories-section{padding:2rem 1.5rem;animation:fadeInUpMenu .6s ease both}@media(min-width:768px){.categories-section{padding:3rem 2rem}}@media(min-width:1024px){.categories-section{padding:3rem}}.categories-section .section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem}@media(min-width:768px){.categories-section .section-title{font-size:1.875rem}}.categories-section .categories-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}@media(min-width:768px){.categories-section .categories-grid{gap:1.5rem}}@media(min-width:1024px){.categories-section .categories-grid{gap:2rem}}.categories-section .category-button{display:flex;flex-direction:column;align-items:center;min-width:6.25rem;transition:var(--transition);transform:scale(1);cursor:pointer;border:none;background:none}.categories-section .category-button:hover{transform:scale(1.05)}@media(min-width:768px){.categories-section .category-button{min-width:7.5rem}}@media(min-width:1024px){.categories-section .category-button{min-width:8.75rem}}.categories-section .category-button .category-icon{width:4rem;height:4rem;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;transition:var(--transition);background:#fff;box-shadow:var(--shadow-md)}@media(min-width:768px){.categories-section .category-button .category-icon{width:5rem;height:5rem}}@media(min-width:1024px){.categories-section .category-button .category-icon{width:6rem;height:6rem}}.categories-section .category-button .category-icon span{font-size:1.875rem}@media(min-width:768px){.categories-section .category-button .category-icon span{font-size:2.25rem}}@media(min-width:1024px){.categories-section .category-button .category-icon span{font-size:3rem}}.categories-section .category-button .category-icon:hover{box-shadow:var(--shadow-xl)}.categories-section .category-button .category-name{font-size:.875rem;font-weight:400;color:var(--shadow-sm);transition:var(--transition)}@media(min-width:768px){.categories-section .category-button .category-name{font-size:1rem}}@media(min-width:1024px){.categories-section .category-button .category-name{font-size:1.125rem}}.categories-section .category-button.active .category-icon{background:var(--primary-color);color:#fff;box-shadow:0 0 20px rgba(59,130,246,.3)}.categories-section .category-button.active .category-name{color:var(--accent-color)}@keyframes fadeInUpMenu{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDownMenu{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.menu-section{padding:2rem .7rem}@media(min-width:768px){.menu-section{padding:3rem 2rem}}@media(min-width:1024px){.menu-section{padding:3rem}}.menu-section .section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem}@media(min-width:768px){.menu-section .section-title{font-size:1.875rem}}.menu-section .menu-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media(min-width:640px){.menu-section .menu-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.menu-section .menu-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.menu-section .menu-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.menu-section .menu-item{display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-color);will-change:transform;transform:translateY(0);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s cubic-bezier(.2,.8,.2,1),border-color .35s cubic-bezier(.2,.8,.2,1);cursor:pointer}.menu-section .menu-item:hover{animation:none;box-shadow:var(--shadow-xl);transform:translateY(-.6rem);border-color:var(--primary-color)}.menu-section .menu-item:hover .item-title{color:var(--primary-color)}.menu-section .menu-item .item-image{position:relative;width:100%;height:200px;overflow:hidden}.menu-section .menu-item .item-image img{width:100%;height:200px;object-fit:cover;transition:var(--transition)}.menu-section .menu-item .item-image:hover img{transform:scale(1.1)}.menu-section .menu-item .add-button{position:absolute;top:1rem;right:1rem;height:3rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:2rem;padding:0 .5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-lg);transition:var(--transition)}.menu-section .menu-item .add-button:hover{box-shadow:var(--shadow-xl);transform:scale(1.1)}.menu-section .menu-item .add-button:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.3)}.menu-section .menu-item .price-tag{position:absolute;bottom:1rem;left:1rem;padding:.375rem .75rem;background:hsla(0,0%,100%,.95);color:var(--primary-color);font-weight:700;border-radius:9999px;font-size:.875rem;box-shadow:var(--shadow-sm);border:none}.menu-section .menu-item .item-price{color:var(--primary-color)}.menu-section .menu-item .item-content{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:1.35rem;flex:1 1;display:flex;flex-direction:column;cursor:pointer}.menu-section .menu-item .item-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;transition:var(--transition);text-transform:uppercase;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3rem}@media(min-width:768px){.menu-section .menu-item .item-title{font-size:1.5rem;min-height:3.6rem}}.menu-section .menu-item .item-description{color:var(--text-secondary);height:52px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-section .menu-item .item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.menu-section .menu-item .container-button{gap:6px;display:flex}.menu-section .menu-item .view-details{display:inline-flex;height:36px;padding:.5rem 1rem;color:var(--primary-color);background:rgba(59,130,246,.1);border:none;line-height:1;border-radius:9999px;text-decoration:none;font-weight:500;transition:var(--transition);cursor:pointer}.menu-section .menu-item .view-details:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.menu-section .menu-item .add-to-cart{height:36px;padding:.5rem 1rem;color:var(--bg-primary);background:var(--primary-color);border:none;line-height:1;border-radius:9999px;text-decoration:none;font-weight:500;transition:var(--transition);cursor:pointer}.menu-section .menu-item .add-to-cart:hover{background:var(--secondary-color);color:var(--bg-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.menu-section .menu-item .item-category{font-size:.875rem;color:var(--text-light)}@media(prefers-reduced-motion:reduce){.categories-section,.menu-section .menu-item{animation:none!important}}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--error-color);color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid #fff;box-shadow:var(--shadow-md)}@media(min-width:768px){.cart-badge{width:1.5rem;height:1.5rem;font-size:.875rem}}@media(max-width:640px){.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1rem!important}.categories-grid{gap:.75rem!important}.category-button{min-width:5rem!important}.category-button .category-icon{width:3rem!important;height:3rem!important}.category-button .category-icon span{font-size:1.5rem!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cart-page{padding-top:5rem;padding-bottom:8rem;min-height:100vh;background:linear-gradient(135deg,#dbeafe,#ffffff 50%,#f3e8ff);overflow-y:auto;-webkit-overflow-scrolling:touch}@media(min-width:768px){.cart-page{min-height:calc(100vh + 280px)}}.cart-header{background:var(--primary-color);color:#fff;padding:2rem 1.5rem}@media(min-width:768px){.cart-header{padding:3rem 2rem}}.cart-header .header-content{max-width:64rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.cart-header .header-content .header-main .header-text{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media(min-width:768px){.cart-header .header-content .header-main .header-text{font-size:3rem}}.cart-header .header-content .header-main p{font-size:1.125rem;margin:0;opacity:.9}@media(min-width:768px){.cart-header .header-content .header-main p{font-size:1.25rem}}.cart-header .header-content .clear-cart-btn{background:hsla(0,0%,100%,.2);color:#fff;border:2px solid hsla(0,0%,100%,.3);border-radius:var(--border-radius-lg);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cart-header .header-content .clear-cart-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.cart-header .header-content .clear-cart-btn:active{transform:translateY(0)}@media(min-width:768px){.cart-header .header-content .clear-cart-btn{padding:1rem 2rem;font-size:1.125rem}}.cart-items-section{padding:2rem 1.5rem;min-height:calc(100vh - 20rem);overflow-y:visible}@media(min-width:768px){.cart-items-section{padding:3rem 2rem}}.cart-items-section .cart-container{max-width:64rem;margin:0 auto}.cart-items-section .cart-container .cart-items-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;min-height:200px;padding-bottom:1rem}.cart-item{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:1.5rem;transition:var(--transition)}.cart-item:hover{box-shadow:var(--shadow-xl)}.cart-item .item-content{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.cart-item .item-content{flex-direction:row}}.cart-item .item-content .item-image{width:100%;height:9rem;position:relative;flex-shrink:0;border-radius:var(--border-radius-lg);overflow:hidden}@media(min-width:768px){.cart-item .item-content .item-image{width:9rem}}.cart-item .item-content .item-image img{width:100%;height:100%;object-fit:cover}.cart-item .item-content .item-details{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.cart-item .item-content .item-details .item-info{margin-bottom:1rem}.cart-item .item-content .item-details .item-info .item-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}@media(min-width:768px){.cart-item .item-content .item-details .item-info .item-name{font-size:1.5rem}}.cart-item .item-content .item-details .item-info .item-price{font-size:1.125rem;color:var(--primary-color);font-weight:600;margin-bottom:.75rem}.cart-item .item-content .item-details .item-info .item-extras{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;background:rgba(59,130,246,.1);padding:.25rem .75rem;border-radius:9999px;display:inline-block;margin-right:.5rem}.cart-item .item-content .item-details .item-info .item-sauces{font-size:.875rem;color:var(--text-secondary);background:rgba(16,185,129,.1);padding:.25rem .75rem;border-radius:9999px;display:inline-block}.cart-item .item-content .item-details .item-controls{display:flex;gap:1rem;justify-content:space-between}@media(min-width:768px){.cart-item .item-content .item-details .item-controls{flex-direction:row;align-items:center;justify-content:space-between}}.cart-item .item-content .item-details .item-controls .item-total{display:flex;align-items:center;gap:1rem;order:1}@media(min-width:768px){.cart-item .item-content .item-details .item-controls .item-total{order:2}}.cart-item .item-content .item-details .item-controls .item-total .total-price{font-size:1.25rem;font-weight:700;color:var(--primary-color)}@media(min-width:768px){.cart-item .item-content .item-details .item-controls .item-total .total-price{font-size:1.5rem}}.cart-item .item-content .item-details .item-controls .item-total .remove-btn{background:var(--error-color);color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.cart-item .item-content .item-details .item-controls .item-total .remove-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:var(--shadow-lg)}.cart-item .item-content .item-details .item-controls .item-total .remove-btn:active{transform:scale(.95)}@media(min-width:768px){.cart-item .item-content .item-details .item-controls .item-total .remove-btn{width:2rem;height:2rem;font-size:1rem}}.cart-item .item-content .item-details .item-controls .quantity-controls{display:flex;align-items:center;gap:.5rem;order:2}@media(min-width:768px){.cart-item .item-content .item-details .item-controls .quantity-controls{order:1;gap:1rem}}.cart-item .item-content .item-details .item-controls .quantity-controls .quantity-btn{width:2.5rem;height:2.5rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--border-radius-lg);border:none;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;cursor:pointer;transition:var(--transition)}.cart-item .item-content .item-details .item-controls .quantity-controls .quantity-btn:hover{background:#e0e7ff;box-shadow:var(--shadow-md)}@media(min-width:768px){.cart-item .item-content .item-details .item-controls .quantity-controls .quantity-btn{width:2.5rem;height:2.5rem}}.cart-item .item-content .item-details .item-controls .quantity-controls .quantity-display{font-size:1.25rem;font-weight:700;color:var(--text-primary);min-width:2rem;text-align:center;padding:0 .5rem}@media(min-width:768px){.cart-item .item-content .item-details .item-controls .quantity-controls .quantity-display{font-size:1.5rem;min-width:2.5rem}}.checkout-section{position:fixed;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.2);box-shadow:var(--shadow-2xl);z-index:40}.checkout-section .checkout-content{padding:.5rem 1.5rem}@media(min-width:768px){.checkout-section .checkout-content{padding:2rem}}.checkout-section .checkout-content .checkout-container{max-width:64rem;margin:0 auto}.checkout-section .checkout-content .checkout-container .delivery-form{margin-bottom:2rem}.checkout-section .checkout-content .checkout-container .delivery-form .form-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center}.checkout-section .checkout-content .checkout-container .delivery-form .form-title .form-icon{width:2rem;height:2rem;background:rgba(59,130,246,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.checkout-section .checkout-content .checkout-container .delivery-form .form-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media(min-width:768px){.checkout-section .checkout-content .checkout-container .delivery-form .form-grid{grid-template-columns:repeat(3,1fr)}}.checkout-section .checkout-content .checkout-container .delivery-form .form-grid .form-input{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:1.125rem;transition:var(--transition)}.checkout-section .checkout-content .checkout-container .delivery-form .form-grid .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.checkout-section .checkout-content .checkout-container .checkout-summary{display:flex;flex-direction:column}@media(min-width:768px){.checkout-section .checkout-content .checkout-container .checkout-summary{flex-direction:row;align-items:center;justify-content:space-between}}.checkout-section .checkout-content .checkout-container .checkout-summary .total-info{text-align:center}@media(min-width:768px){.checkout-section .checkout-content .checkout-container .checkout-summary .total-info{text-align:left}}.checkout-section .checkout-content .checkout-container .checkout-summary .total-info .total-label{font-size:.875rem;color:var(--text-secondary)}.checkout-section .checkout-content .checkout-container .checkout-summary .total-info .total-amount{font-size:1.875rem;font-weight:700;background:var(--primary-color);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.checkout-section .checkout-content .checkout-container .checkout-summary .place-order-btn{width:100%;padding:1rem 3rem;background:var(--primary-color);color:#fff;font-size:1.25rem;font-weight:700;border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-lg)}@media(min-width:768px){.checkout-section .checkout-content .checkout-container .checkout-summary .place-order-btn{width:auto}}.checkout-section .checkout-content .checkout-container .checkout-summary .place-order-btn:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.orders-page{padding-top:5rem;min-height:100vh;background:linear-gradient(135deg,#dbeafe,#ffffff 50%,#f3e8ff)}.orders-header{position:relative;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid hsla(0,0%,100%,.2);padding:2rem 1.5rem}@media(min-width:768px){.orders-header{padding:2rem 2rem 3rem}}.orders-header .header-content{max-width:72rem;margin:0 auto;text-align:center}.orders-header .header-content h1{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(min-width:768px){.orders-header .header-content h1{font-size:3rem}}@media(min-width:1024px){.orders-header .header-content h1{font-size:3.75rem}}.orders-header .header-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:1.5rem}.orders-header .header-content .orders-count{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--border-radius-lg);font-weight:600;box-shadow:var(--shadow-lg)}.orders-header .header-content .orders-count .count-icon{margin-right:.5rem}.orders-section{padding:2rem 1.5rem}@media(min-width:768px){.orders-section{padding:3rem 2rem}}.orders-section .orders-container{max-width:64rem;margin:0 auto}.orders-section .orders-container .orders-list{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.orders-section .orders-container .orders-list{gap:2rem}}.order-item{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:1.5rem;transition:var(--transition)}@media(min-width:768px){.order-item{padding:2rem}}.order-item:hover{box-shadow:var(--shadow-xl)}.order-item .order-header{display:flex;flex-direction:column;margin-bottom:1.5rem;gap:1rem}@media(min-width:768px){.order-item .order-header{flex-direction:row;justify-content:space-between;align-items:center}}.order-item .order-header .order-info{display:flex;align-items:center}.order-item .order-header .order-info .order-number{width:3rem;height:3rem;background:var(--primary-color);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;margin-right:1rem;box-shadow:var(--shadow-lg)}.order-item .order-header .order-info .order-number span{color:#fff;font-size:.9rem;font-weight:700}.order-item .order-header .order-info .order-details h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}@media(min-width:768px){.order-item .order-header .order-info .order-details h3{font-size:1.5rem}}.order-item .order-header .order-info .order-details p{color:var(--text-secondary)}.order-item .order-header .order-status{padding:.5rem 1rem;border-radius:var(--border-radius-lg);color:#fff;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-lg);display:flex;align-items:center}.order-item .order-header .order-status .status-icon{margin-right:.5rem}.order-item .order-header .order-status.pending{background:linear-gradient(135deg,#f59e0b,#f97316)}.order-item .order-header .order-status.confirmed{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.order-item .order-header .order-status.preparing{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.order-item .order-header .order-status.ready{background:linear-gradient(135deg,#10b981,#059669)}.order-item .order-header .order-status.delivered{background:linear-gradient(135deg,#059669,#047857)}.order-item .order-header .order-status.cancelled{background:linear-gradient(135deg,#ef4444,#dc2626)}.order-item .order-content{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--border-radius-lg)}@media(min-width:768px){.order-item .order-content{grid-template-columns:repeat(2,1fr)}}.order-item .order-content .order-details-section h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center}.order-item .order-content .order-details-section h4 .section-icon{width:1.5rem;height:1.5rem;background:rgba(59,130,246,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.order-item .order-content .order-details-section .details-list{display:flex;flex-direction:column;gap:.5rem}.order-item .order-content .order-details-section .details-list .detail-row{display:flex;justify-content:space-between}.order-item .order-content .order-details-section .details-list .detail-row .detail-label{color:var(--text-secondary)}.order-item .order-content .order-details-section .details-list .detail-row .detail-value{font-weight:600;color:var(--primary-color)}.order-item .order-content .order-details-section .customer-info .customer-name{font-weight:600;color:var(--text-primary)}.order-item .order-content .order-details-section .customer-info .customer-contact{color:var(--text-secondary)}.order-item .order-items{margin-bottom:1.5rem}.order-item .order-items h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center}.order-item .order-items h4 .items-icon{width:1.5rem;height:1.5rem;background:rgba(139,92,246,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.order-item .order-items .items-list{display:flex;flex-direction:column;gap:.75rem}.order-item .order-items .items-list .item-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--border-radius)}.order-item .order-items .items-list .item-row .item-info{flex:1 1}.order-item .order-items .items-list .item-row .item-info .item-name{font-weight:500;color:var(--text-primary)}.order-item .order-items .items-list .item-row .item-info .item-quantity{color:var(--text-secondary);margin-left:.5rem}.order-item .order-items .items-list .item-row .item-price{font-weight:600;color:var(--primary-color)}.empty-state{min-height:100vh;background:linear-gradient(135deg,#dbeafe,#ffffff 50%,#f3e8ff);display:flex;align-items:center;justify-content:center}.empty-state .empty-content{text-align:center;padding:2.5rem}.empty-state .empty-content .empty-icon{font-size:6rem;margin-bottom:1.5rem;animation:float 6s ease-in-out infinite}.empty-state .empty-content h2{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(min-width:768px){.empty-state .empty-content h2{font-size:2.25rem}}.empty-state .empty-content p{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;max-width:28rem;margin:0 auto}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;min-height:50vh}.empty-cart .empty-cart-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6;animation:float 3s ease-in-out infinite}.empty-cart h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(min-width:768px){.empty-cart h2{font-size:2.5rem}}.empty-cart p{font-size:1.125rem;color:var(--text-secondary);max-width:24rem;line-height:1.6}@media(min-width:768px){.empty-cart p{font-size:1.25rem}}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.item-detail-page{padding-top:6.5rem;min-height:100vh;background:linear-gradient(135deg,#dbeafe,#ffffff 50%,#f3e8ff)}.item-header{position:relative;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid hsla(0,0%,100%,.2);padding:1rem 1.5rem}.item-header .header-container{max-width:64rem;margin:0 auto}.item-header .header-container .back-button{display:flex;align-items:center;color:#fff;font-weight:500;transition:var(--transition);cursor:pointer;border:none;background:var(--primary-color);border-radius:var(--border-radius-lg);padding:.75rem 1.5rem;box-shadow:var(--shadow-lg);margin-bottom:1rem;gap:.5rem}.item-header .header-container .back-button:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.25),var(--shadow-lg)}.item-header .header-container .back-button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.item-header .header-container .back-button .back-icon{width:1.25rem;height:1.25rem;margin-right:0}.item-image-section{width:100%;height:16rem;position:relative;overflow:hidden}@media(min-width:768px){.item-image-section{height:20rem}}@media(min-width:1024px){.item-image-section{height:24rem}}.item-image-section .item-image{width:100%;height:100%;object-fit:cover}.item-image-section .image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.2),transparent)}.item-content-section{padding:2rem 1.5rem}@media(min-width:768px){.item-content-section{padding:3rem 2rem}}@media(min-width:1024px){.item-content-section{padding:3rem 2rem}}.item-content-section .content-container{max-width:64rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.item-content-section .content-container{gap:2rem}}.item-header-section{text-align:center}@media(min-width:768px){.item-header-section{text-align:left}}.item-header-section .item-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(min-width:768px){.item-header-section .item-title{font-size:2.25rem}}@media(min-width:1024px){.item-header-section .item-title{font-size:3rem}}.item-header-section .item-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;max-width:42rem}@media(min-width:768px){.item-header-section .item-description{margin:0 0 1.5rem;font-size:1.25rem}}.item-header-section .item-price{margin-top:1rem;display:inline-block;padding:.75rem 1.5rem;background:var(--secondary-color);color:#fff;font-size:1.5rem;font-weight:700;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}@media(min-width:768px){.item-header-section .item-price{font-size:1.875rem}}.item-section{background:#fff;border-radius:var(--border-radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}@media(min-width:768px){.item-section{padding:2rem}}.item-section .section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center}.item-section .section-title .section-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.item-section .section-title.ingredients .section-icon{background:rgba(59,130,246,.1)}.item-section .section-title.allergens .section-icon{background:rgba(239,68,68,.1)}.item-section .section-title.extras .section-icon{background:rgba(16,185,129,.1)}.item-section .section-title.sauces .section-icon{background:rgba(245,158,11,.1)}.item-section .section-title.quantity .section-icon{background:rgba(139,92,246,.1)}.item-section .section-title.instructions .section-icon{background:rgba(99,102,241,.1)}.ingredients-grid{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}@media(min-width:768px){.ingredients-grid{grid-template-columns:repeat(2,1fr)}}.ingredients-grid .ingredient-item{display:flex;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--border-radius)}.ingredients-grid .ingredient-item .ingredient-bullet{color:var(--primary-color);margin-right:.75rem;font-weight:700}.ingredients-grid .ingredient-item .ingredient-name{color:var(--text-primary);font-weight:500}.allergens-list{display:flex;flex-wrap:wrap;gap:.75rem}.allergens-list .allergen-tag{padding:.5rem 1rem;background:rgba(239,68,68,.1);color:#dc2626;border-radius:9999px;font-weight:500}.options-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media(min-width:768px){.options-grid{grid-template-columns:repeat(2,1fr)}}.options-grid .option-button{padding:1rem;border-radius:var(--border-radius-lg);border:2px solid var(--border-color);transition:var(--transition);cursor:pointer;background:#fff;transform:scale(1)}.options-grid .option-button:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:scale(1.02)}.options-grid .option-button.selected{border-color:var(--primary-color);background:rgba(59,130,246,.1);box-shadow:0 0 20px rgba(59,130,246,.2)}.options-grid .option-button .option-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.options-grid .option-button .option-price{color:var(--primary-color);font-weight:700}.quantity-controls{gap:2rem}.quantity-controls,.quantity-controls .quantity-btn{display:flex;align-items:center;justify-content:center}.quantity-controls .quantity-btn{width:3rem;height:3rem;background:var(--bg-tertiary);color:var(--primary-color);border-radius:var(--border-radius-lg);border:none;font-size:1.5rem;font-weight:700;cursor:pointer;transition:var(--transition)}.quantity-controls .quantity-btn:hover{background:#e0e7ff;transform:scale(1.1)}.quantity-controls .quantity-display{font-size:1.875rem;font-weight:700;color:var(--text-primary);min-width:3rem;text-align:center}.instructions-textarea{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);resize:none;font-size:1rem;transition:var(--transition);font-family:inherit}.instructions-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.instructions-textarea::placeholder{color:var(--text-light)}.instructions-note{color:var(--text-secondary);margin-bottom:1rem;font-style:italic}.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.2);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);z-index:40;padding:.5rem 1.5rem}.bottom-bar .bar-container{max-width:64rem;margin:0 auto}.bottom-bar .bar-container .bar-content{display:flex;flex-direction:column}@media(min-width:768px){.bottom-bar .bar-container .bar-content{gap:1rem;flex-direction:row;align-items:center;justify-content:space-between}}.bottom-bar .bar-container .bar-content .total-info{text-align:center}@media(min-width:768px){.bottom-bar .bar-container .bar-content .total-info{text-align:left}}.bottom-bar .bar-container .bar-content .total-info .total-label{font-size:.875rem;color:var(--text-secondary)}.bottom-bar .bar-container .bar-content .total-info .total-amount{font-size:1.875rem;font-weight:700;background:var(--secondary-color);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.bottom-bar .bar-container .bar-content .add-to-cart-btn{width:100%;padding:1rem 3rem;background:var(--secondary-color);color:#fff;font-size:1.25rem;font-weight:700;border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-lg)}@media(min-width:768px){.bottom-bar .bar-container .bar-content .add-to-cart-btn{width:auto}}.bottom-bar .bar-container .bar-content .add-to-cart-btn:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.image-with-fallback{position:relative}.image-with-fallback.fill{width:100%;height:100%}.image-with-fallback.fill img{width:100%;height:100%;object-fit:cover}.image-with-fallback img{display:block;max-width:100%;object-fit:cover}.image-with-fallback img.error{opacity:.7}.image-with-fallback .fallback-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-light);font-size:.875rem;text-align:center;padding:1rem}.image-with-fallback .fallback-overlay .fallback-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.image-with-fallback .fallback-overlay .fallback-text{font-size:.75rem;opacity:.7}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-overlay .modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.modal-overlay .modal-container{position:relative;width:100%;max-width:600px;max-height:90vh;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:slideUp .3s ease-out}.modal-overlay .modal-container .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:var(--secondary-color);color:#fff}.modal-overlay .modal-container .modal-header .modal-title{font-size:1.5rem;font-weight:700;margin:0}.modal-overlay .modal-container .modal-header .modal-close-btn{background:hsla(0,0%,100%,.2);border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.modal-overlay .modal-container .modal-header .modal-close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.modal-overlay .modal-container .modal-header .modal-close-btn .modal-close-icon{width:1.5rem;height:1.5rem;color:#fff}.modal-overlay .modal-container .modal-content{padding:2rem;max-height:calc(90vh - 5rem);overflow-y:auto}.delivery-form-modal .form-grid-modal{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.delivery-form-modal .form-grid-modal .form-group.full-width{grid-column:1/-1}.delivery-form-modal .form-grid-modal .form-group .form-label{display:flex;align-items:center;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem}.delivery-form-modal .form-grid-modal .form-group .form-label .form-icon{font-size:1.25rem;margin-right:.75rem}.delivery-form-modal .form-grid-modal .form-group .form-input-modal,.delivery-form-modal .form-grid-modal .form-group .form-textarea-modal{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:1.125rem;transition:var(--transition);background:#fff}.delivery-form-modal .form-grid-modal .form-group .form-input-modal:focus,.delivery-form-modal .form-grid-modal .form-group .form-textarea-modal:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.delivery-form-modal .form-grid-modal .form-group .form-input-modal::placeholder,.delivery-form-modal .form-grid-modal .form-group .form-textarea-modal::placeholder{color:var(--text-secondary)}.delivery-form-modal .form-grid-modal .form-group .form-input-modal.error,.delivery-form-modal .form-grid-modal .form-group .form-textarea-modal.error{border-color:var(--error-color);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.delivery-form-modal .form-grid-modal .form-group .form-textarea-modal{resize:vertical;min-height:6rem}.delivery-form-modal .form-grid-modal .form-group .form-error{color:var(--error-color);font-size:.875rem;margin-top:.5rem;font-weight:500}.delivery-form-modal .form-actions{display:flex;gap:1rem;justify-content:flex-end}@media(max-width:640px){.delivery-form-modal .form-actions{flex-direction:column}.delivery-form-modal .form-actions .btn-primary,.delivery-form-modal .form-actions .btn-secondary{width:100%}}.delivery-form-modal .form-actions .btn-secondary{padding:1rem 2rem;background:var(--background-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition)}.delivery-form-modal .form-actions .btn-secondary:hover{background:var(--background-tertiary);border-color:var(--text-secondary)}.delivery-form-modal .form-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.delivery-form-modal .form-actions .btn-primary{padding:1rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-lg);font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-lg)}.delivery-form-modal .form-actions .btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.delivery-form-modal .form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.delivery-form-modal .form-actions .btn-primary .loading-spinner{display:flex;align-items:center;gap:.5rem}.delivery-form-modal .form-actions .btn-primary .loading-spinner .spinner-icon{width:1.25rem;height:1.25rem;animation:spin 1s linear infinite}.delivery-form-modal .form-actions .btn-primary .loading-spinner .spinner-icon circle{stroke-dasharray:62.83;stroke-dashoffset:47.12;transform-origin:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-modal{text-align:center;padding:2rem 1rem}.notification-icon{font-size:3rem;margin-bottom:1rem}.notification-content{margin-bottom:2rem}.notification-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.notification-message{font-size:1rem;color:#6b7280;line-height:1.5}.notification-actions{display:flex;gap:1rem;justify-content:center}.notification-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s;border:none;cursor:pointer;font-size:.875rem}.notification-btn-primary{background-color:#3b82f6;color:#fff}.notification-btn-primary:hover{background-color:#2563eb}.notification-btn-secondary{background-color:#f3f4f6;color:#374151}.notification-btn-secondary:hover{background-color:#e5e7eb}.payment-cancel-page,.payment-success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.cancel-content,.success-content{text-align:center;padding:2rem}.loading-spinner{flex-direction:column;gap:1rem}.order-actions{gap:1rem;margin-top:1rem;flex-wrap:wrap}.order-actions,.order-status{display:flex;align-items:center}.order-status{padding:.5rem 1rem;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;gap:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.order-status.pending{background:linear-gradient(135deg,#f59e0b,#f97316)}.order-status.accepted{background:linear-gradient(135deg,#10b981,#059669)}.order-status.confirmed{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.order-status.preparing{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.order-status.ready{background:linear-gradient(135deg,#10b981,#059669)}.order-status.delivered{background:linear-gradient(135deg,#059669,#047857)}.order-status.cancelled{background:linear-gradient(135deg,#ef4444,#dc2626)}.payment-status{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.payment-status.pending{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.payment-status.paid{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.payment-status.cancelled,.payment-status.failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.pay-order-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pay-order-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.pay-order-btn:active{transform:translateY(0)}.update-status-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.update-status-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.update-status-btn:active{transform:translateY(0)}.order-status.clickable-status{transition:all .2s ease;position:relative}.order-status.clickable-status:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.order-status.clickable-status:active{transform:translateY(0)}.payment-hint{font-size:.75rem;opacity:.8;margin-left:.5rem;font-style:italic}.order-detail-page{min-height:100vh;background-color:#f9fafb;padding:8rem 1rem 2rem}.order-detail-header{max-width:1200px;margin:0 auto 2rem}.order-detail-content{max-width:1200px;margin:0 auto;display:grid;grid-gap:2rem;gap:2rem}.order-status-section{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.order-status-section,.order-summary{background:#fff;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.order-summary{padding:.5rem 1rem}.summary-card h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#1f2937}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.summary-row:last-child{border-bottom:none}.total-amount{font-weight:600;color:#059669;font-size:1.125rem}.customer-section{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.customer-card h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#1f2937}.customer-info{display:grid;grid-gap:.75rem;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center}.info-row .label{font-weight:500;color:#6b7280}.items-section{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.items-section h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#1f2937}.items-list{display:grid;grid-gap:1rem;gap:1rem}.item-card{display:flex;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb}.item-image{flex-shrink:0}.item-image img{border-radius:.5rem;object-fit:cover}.item-details{flex:1 1}.item-details .item-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.item-details .item-description{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.item-details .item-extras,.item-details .item-sauces{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.item-details .item-quantity{font-weight:500;color:#374151}.item-price{font-weight:600;color:#059669;font-size:1.125rem;align-self:flex-start}.actions-section{display:flex;justify-content:center;gap:1rem}.view-order-btn{padding:.75rem 1.5rem;background:var(--success-color);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.view-order-btn:hover{background:#2563eb}.error-content,.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.modalBody{text-align:center}.modalText{margin-bottom:1rem;font-size:1rem}.modalActions{display:flex;justify-content:center;gap:1rem}.cartBtn{width:100%;padding:1rem 3rem;background:var(--secondary-color);color:#fff;font-size:1rem;font-weight:700;border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-lg)}@media(min-width:768px){.cartBtn{width:auto}}.cartBtn:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.backBtn{width:100%;padding:1rem 3rem;background:var(--primary-color);color:#fff;font-size:1rem;font-weight:700;border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-lg)}@media(min-width:768px){.backBtn{width:auto}}.backBtn:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.payment-result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:2rem}.payment-cancelled,.payment-error,.payment-loading,.payment-success{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-lg);max-width:500px;width:100%}.cancel-icon,.error-icon,.loading-spinner,.success-icon{font-size:4rem;margin-bottom:1.5rem;display:block}.loading-spinner{margin-top:2rem;display:flex;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-cancelled h2,.payment-error h2,.payment-loading h2,.payment-success h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.payment-cancelled p,.payment-error p,.payment-loading p,.payment-success p{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.6}.pickup-time{color:var(--primary-color)!important;font-weight:600!important;font-size:1.1rem!important;margin:1rem 0!important;padding:.75rem 1rem;background:rgba(59,130,246,.1);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.action-buttons .btn-primary,.action-buttons .btn-secondary{min-width:120px}@media(max-width:480px){.payment-result-page{padding:1rem}.payment-cancelled,.payment-error,.payment-loading,.payment-success{padding:2rem 1.5rem}.action-buttons{flex-direction:column;align-items:center}.action-buttons .btn-primary,.action-buttons .btn-secondary{width:100%;max-width:200px}}