:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#f8f8f8}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f5f5f5;color:#333;cursor:pointer;transition:all .25s}button:hover{background-color:#e0e0e0}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}:root{--primary-blue: #003d7a;--primary-blue-light: #1a5694;--primary-blue-dark: #002d5a;--primary-red: #e31837;--primary-red-light: #f03a56;--secondary-red: #c41230;--light-gray: #f5f5f5;--medium-gray: #e0e0e0;--dark-gray: #333;--white: #ffffff;--black: #000000;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--shadow-hover: 0 8px 16px rgba(0,0,0,.2);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--transition-fast: all .2s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#555;border:2px solid transparent;background-clip:padding-box}@media (max-width: 768px){.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.focus-ring{outline:none;transition:box-shadow .2s ease-in-out}.focus-ring:focus-visible{box-shadow:0 0 0 3px #003d7a66;outline:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-blue);color:#fff;padding:8px;z-index:100;transition:top .2s ease}.skip-link:focus{top:0}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--border-radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-responsive{font-size:clamp(14px,2vw,16px)}.heading-responsive{font-size:clamp(20px,4vw,32px)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);width:100%}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.card{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;font-size:10px;padding:3px 8px;line-height:1.2;box-shadow:0 2px 4px #00000026}.new-badge{background-color:var(--primary-red);color:var(--white);font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}.new-badge:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#fff3,#fff0 60%);pointer-events:none}.discount-badge{background-color:#ff9800;color:var(--white)}.veg-badge{background-color:#4caf50;color:var(--white)}.spicy-badge{background-color:#f44336;color:var(--white)}.header-order-type{flex:1;margin:0 8px;max-width:400px}@media (max-width: 768px){.header-order-type{margin:0 4px;max-width:320px}.focus-ring{outline:none;transition:box-shadow .2s ease-in-out}.focus-ring:focus-visible{box-shadow:0 0 0 3px #003d7a66;outline:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-blue);color:#fff;padding:8px;z-index:100;transition:top .2s ease}.skip-link:focus{top:0}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--border-radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-responsive{font-size:clamp(14px,2vw,16px)}.heading-responsive{font-size:clamp(20px,4vw,32px)}}@media (max-width: 600px){.header-order-type{margin:0 2px;max-width:none}.focus-ring{outline:none;transition:box-shadow .2s ease-in-out}.focus-ring:focus-visible{box-shadow:0 0 0 3px #003d7a66;outline:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-blue);color:#fff;padding:8px;z-index:100;transition:top .2s ease}.skip-link:focus{top:0}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--border-radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-responsive{font-size:clamp(14px,2vw,16px)}.heading-responsive{font-size:clamp(20px,4vw,32px)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--border-radius-md);font-weight:500;transition:var(--transition-normal);cursor:pointer;text-decoration:none}.btn-primary{background-color:var(--primary-blue);color:var(--white);border:none}.btn-primary:hover{background-color:var(--primary-blue-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--primary-red);color:var(--white);border:none}.btn-secondary:hover{background-color:var(--primary-red-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;border:1px solid var(--primary-blue);color:var(--primary-blue)}.btn-outline:hover{background-color:#003d7a0d;transform:translateY(-2px)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100% {opacity: 1;} .focus-ring {outline: none; transition: box-shadow .2s ease-in-out;} .focus-ring:focus-visible {box-shadow: 0 0 0 3px rgba(0,61,122,.4); outline: none;} .skip-link {position: absolute; top: -40px; left: 0; background: var(--primary-blue); color: white; padding: 8px; z-index: 100; transition: top .2s ease;} .skip-link:focus {top: 0;} .loading-skeleton {background: linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; border-radius: var(--border-radius-sm);} @keyframes loading {0% {background-position: 200% 0;} 100% {background-position: -200% 0;}} .truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .text-responsive {font-size: clamp(14px,2vw,16px);} .heading-responsive {font-size: clamp(20px,4vw,32px);} 50% {opacity: .7;} .focus-ring {outline: none; transition: box-shadow .2s ease-in-out;} .focus-ring:focus-visible {box-shadow: 0 0 0 3px rgba(0,61,122,.4); outline: none;} .skip-link {position: absolute; top: -40px; left: 0; background: var(--primary-blue); color: white; padding: 8px; z-index: 100; transition: top .2s ease;} .skip-link:focus {top: 0;} .loading-skeleton {background: linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; border-radius: var(--border-radius-sm);} @keyframes loading {0% {background-position: 200% 0;} 100% {background-position: -200% 0;}} .truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .text-responsive {font-size: clamp(14px,2vw,16px);} .heading-responsive {font-size: clamp(20px,4vw,32px);}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,100% {transform: translateY(0);} .focus-ring {outline: none; transition: box-shadow .2s ease-in-out;} .focus-ring:focus-visible {box-shadow: 0 0 0 3px rgba(0,61,122,.4); outline: none;} .skip-link {position: absolute; top: -40px; left: 0; background: var(--primary-blue); color: white; padding: 8px; z-index: 100; transition: top .2s ease;} .skip-link:focus {top: 0;} .loading-skeleton {background: linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; border-radius: var(--border-radius-sm);} @keyframes loading {0% {background-position: 200% 0;} 100% {background-position: -200% 0;}} .truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .text-responsive {font-size: clamp(14px,2vw,16px);} .heading-responsive {font-size: clamp(20px,4vw,32px);} 50% {transform: translateY(-5px);} .focus-ring {outline: none; transition: box-shadow .2s ease-in-out;} .focus-ring:focus-visible {box-shadow: 0 0 0 3px rgba(0,61,122,.4); outline: none;} .skip-link {position: absolute; top: -40px; left: 0; background: var(--primary-blue); color: white; padding: 8px; z-index: 100; transition: top .2s ease;} .skip-link:focus {top: 0;} .loading-skeleton {background: linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; border-radius: var(--border-radius-sm);} @keyframes loading {0% {background-position: 200% 0;} 100% {background-position: -200% 0;}} .truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .text-responsive {font-size: clamp(14px,2vw,16px);} .heading-responsive {font-size: clamp(20px,4vw,32px);}}.focus-ring{outline:none;transition:box-shadow .2s ease-in-out}.focus-ring:focus-visible{box-shadow:0 0 0 3px #003d7a66;outline:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-blue);color:#fff;padding:8px;z-index:100;transition:top .2s ease}.skip-link:focus{top:0}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--border-radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-responsive{font-size:clamp(14px,2vw,16px)}.heading-responsive{font-size:clamp(20px,4vw,32px)}