@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700&display=swap";
:root{--primary:#ff6b35;--primary-dark:#e85520;--primary-light:#ff8c5a;--primary-glow:#ff6b3540;--secondary:gold;--secondary-dark:#e6c200;--secondary-light:#ffe44d;--accent:#2ecc71;--bg-base:#0d0d0d;--bg-surface:#161616;--bg-elevated:#1f1f1f;--bg-card:#252525;--bg-overlay:#0d0d0dd9;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-muted:#666;--text-inverse:#0d0d0d;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-accent:#ff6b3566;--gradient-brand:linear-gradient(135deg, #ff6b35 0%, gold 100%);--gradient-dark:linear-gradient(180deg, #161616 0%, #0d0d0d 100%);--gradient-hero:linear-gradient(135deg, #ff6b3526 0%, #ffd70014 100%);--gradient-card:linear-gradient(145deg, #252525 0%, #1f1f1f 100%);--gradient-text:linear-gradient(135deg, #ff6b35, gold);--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-xl:0 16px 60px #000000b3;--shadow-glow:0 0 30px #ff6b354d;--shadow-glow-strong:0 0 50px #ff6b3580;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--font-body:"Outfit", sans-serif;--font-heading:"Playfair Display", serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,textarea,select{font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);transition:all var(--transition-base);letter-spacing:.3px;padding:12px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-brand);color:var(--text-inverse);box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-secondary:hover{background:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-default);background:#ffffff0f}.btn-ghost:hover{border-color:var(--border-strong);background:#ffffff1a}.btn-lg{padding:16px 40px;font-size:17px}.btn-sm{padding:8px 20px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:600}.form-input{background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A0A0A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;outline:none;padding:14px 18px;font-size:15px}select.form-input{padding-right:48px}select option{background-color:var(--bg-surface);color:var(--text-primary);padding:12px}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--primary-glow)}.form-input.error{border-color:#ff4757;box-shadow:0 0 0 3px #ff475726}.form-error{color:#ff4757;align-items:center;gap:4px;font-size:13px;display:flex}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14}.section{padding:var(--space-5xl) var(--space-xl)}.page-content{padding-top:80px}.container{width:100%;max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-4xl)}.section-header h2{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3rem)}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px}.section-tag{background:var(--primary-glow);border:1px solid var(--border-accent);color:var(--primary);border-radius:var(--radius-full);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-md);align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.badge{border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-veg{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d}.badge-bestseller{color:gold;background:#ffd70026;border:1px solid #ffd7004d}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px #ff6b3580}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-fadeIn{animation:.4s forwards fadeIn}.animate-float{animation:3s ease-in-out infinite float}.toast-container{top:var(--space-xl);right:var(--space-xl);z-index:var(--z-toast);gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:280px;max-width:380px;animation:.3s slideInLeft;display:flex}.toast-success{border-left:3px solid var(--accent)}.toast-error{border-left:3px solid #ff4757}.toast-info{border-left:3px solid var(--primary)}.divider{background:var(--border-subtle);height:1px;margin:var(--space-xl) 0}.divider-text{align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:14px;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border-subtle);flex:1;height:1px}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.cart-layout{gap:var(--space-lg);grid-template-columns:2fr 1fr;align-items:start;display:grid}@media (max-width:1024px){.section{padding:var(--space-4xl) var(--space-lg)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.container{padding:0 var(--space-lg)}}@media (max-width:768px){.section{padding:var(--space-3xl) var(--space-md)}.grid-2,.grid-3,.grid-4,.cart-layout{grid-template-columns:1fr}.btn-lg{padding:14px 28px;font-size:15px}.container{padding:0 var(--space-md)}.section-header p{font-size:16px}}@media (max-width:480px){.section{padding:var(--space-2xl) var(--space-md)}.btn{padding:10px 22px;font-size:14px}.btn-sm{padding:7px 16px;font-size:12px}.toast{min-width:240px;max-width:calc(100vw - 32px)}.toast-container{right:var(--space-md);left:var(--space-md)}}.menu-search-wrapper{width:100%;max-width:520px;margin:0 auto var(--space-md);animation:.35s cubic-bezier(.34,1.56,.64,1) searchFadeIn;position:relative}@keyframes searchFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-search-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-base);align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.menu-search-wrapper:focus-within .menu-search-icon{color:var(--primary)}.menu-search-input{border:1px solid var(--border-default);border-radius:var(--radius-full);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;outline:none;padding:14px 48px;font-size:15px;font-weight:500}.menu-search-input::placeholder{color:var(--text-muted);font-weight:400}.menu-search-input:focus{border-color:var(--primary);background:#ff6b350f;box-shadow:0 0 0 3px #ff6b3526,0 4px 20px #0000004d}.menu-search-clear{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.menu-search-clear:hover{color:var(--primary);background:#ff6b3533;transform:translateY(-50%)scale(1.15)}.menu-search-results-hint{text-align:center;color:var(--text-muted);margin-top:calc(-1 * var(--space-xs));margin-bottom:var(--space-sm);font-size:13px}.menu-no-results{text-align:center;padding:var(--space-4xl) var(--space-lg);align-items:center;gap:var(--space-md);flex-direction:column;grid-column:1/-1;display:flex}.menu-no-results-emoji{font-size:48px;line-height:1}.menu-no-results-title{color:var(--text-primary);font-size:20px;font-weight:700}.menu-no-results-sub{color:var(--text-muted);font-size:14px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.navbar{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-base);background:#0d0d0de0;padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar--scrolled{box-shadow:var(--shadow-md);background:#0d0d0df7;padding:12px 0}.navbar__container{max-width:1200px;padding:0 var(--space-xl);align-items:center;gap:var(--space-xl);margin:0 auto;display:flex}.navbar__logo{align-items:center;gap:var(--space-sm);flex-shrink:0;text-decoration:none;display:flex}.navbar__logo-icon{filter:drop-shadow(0 0 8px #ff6b3580);font-size:26px}.navbar__logo-text{flex-direction:column;line-height:1.1;display:flex}.navbar__logo-name{font-family:var(--font-heading);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.navbar__logo-sub{font-family:var(--font-body);color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;font-size:10px;font-weight:500}.navbar__links{align-items:center;gap:var(--space-xs);flex:1;justify-content:center;display:flex}.navbar__link{border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-base);white-space:nowrap;padding:8px 16px;font-size:15px;font-weight:500;position:relative}.navbar__link:hover{color:var(--text-primary);background:#ffffff0f}.navbar__link--active{color:var(--primary);background:var(--primary-glow)}.navbar__actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.navbar__icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-base);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.navbar__icon-btn:hover{color:var(--primary);border-color:var(--border-accent);background:var(--primary-glow)}.navbar__cart-badge{color:#fff;border:2px solid var(--bg-card);background:#ff4757;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0000004d}.navbar__user-menu{position:relative}.navbar__user-btn{align-items:center;gap:var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);background:#ffffff0d;padding:6px 14px 6px 6px;font-size:14px;font-weight:500;display:flex}.navbar__user-btn:hover{border-color:var(--border-accent);background:#ffffff14}.navbar__avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.navbar__dropdown{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-sm);min-width:200px;box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px)}.navbar__user-menu:hover .navbar__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.navbar__dropdown-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;width:100%;transition:all var(--transition-fast);cursor:pointer;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.navbar__dropdown-item:hover{color:var(--text-primary);background:#ffffff0f}.navbar__dropdown-item--admin{color:var(--secondary)}.navbar__dropdown-item--admin:hover{color:var(--secondary);background:#ffd70014}.navbar__dropdown-item--danger{color:#ff4757}.navbar__dropdown-item--danger:hover{color:#ff4757;background:#ff475714}.navbar__dropdown-divider{background:var(--border-subtle);height:1px;margin:var(--space-xs) 0}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:5px;margin-left:auto;padding:8px;display:none}.navbar__hamburger span{background:var(--text-primary);width:22px;height:2px;transition:all var(--transition-base);transform-origin:50%;border-radius:2px;display:block}.navbar__hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile-menu{border-top:1px solid #0000;max-height:0;transition:max-height .38s cubic-bezier(.4,0,.2,1);display:none;overflow:hidden}.navbar__mobile-menu--open{border-top-color:var(--border-subtle);max-height:560px}.navbar__mobile-link{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);margin:2px 8px;padding:13px 20px;font-size:16px;font-weight:500;display:block}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--primary);background:var(--primary-glow)}.navbar__mobile-actions{gap:var(--space-sm);margin:var(--space-md) 8px var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}@media (max-width:900px){.navbar__links,.navbar__actions{display:none}.navbar__hamburger{display:flex}.navbar__mobile-menu{display:block}.navbar__container{padding:0 var(--space-md);gap:var(--space-sm)}}@media (max-width:480px){.navbar__logo-icon{font-size:22px}.navbar__logo-name{font-size:15px}.navbar__logo-sub{letter-spacing:2px;font-size:9px}}
.footer{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:var(--space-5xl) 0 0;position:relative;overflow:hidden}.footer .container{padding:0 var(--space-xl)}.footer__glow{pointer-events:none;background:radial-gradient(#ff6b3514 0%,#0000 70%);width:600px;height:300px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer__grid{gap:var(--space-4xl);margin-bottom:var(--space-4xl);grid-template-columns:1.8fr 1fr 1fr 1.2fr;display:grid}.footer__logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:22px;display:flex}.footer__logo-name{font-family:var(--font-heading);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;display:block}.footer__tagline{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-top:2px;font-size:11px}.footer__desc{color:var(--text-muted);margin-bottom:var(--space-lg);max-width:320px;font-size:14px;line-height:1.7}.footer__socials{gap:var(--space-sm);display:flex}.footer__social-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:38px;height:38px;color:var(--text-muted);transition:all var(--transition-base);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.footer__social-btn:hover{background:var(--primary-glow);border-color:var(--border-accent);color:var(--primary);transform:translateY(-2px)}.footer__col-title{font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:var(--space-lg);font-size:12px;font-weight:700}.footer__links{gap:var(--space-sm);flex-direction:column;display:flex}.footer__links a{color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:6px;font-size:14px;display:flex}.footer__links a:hover{color:var(--primary);transform:translate(4px)}.footer__links a:before{content:"→";opacity:0;transition:all var(--transition-fast);font-size:12px;transform:translate(-6px)}.footer__links a:hover:before{opacity:1;transform:translate(0)}.footer__contact-list{gap:var(--space-md);flex-direction:column;display:flex}.footer__contact-list li{align-items:flex-start;gap:var(--space-sm);color:var(--text-muted);font-size:14px;display:flex}.footer__contact-list svg{color:var(--primary);flex-shrink:0;margin-top:2px}.footer__bottom{border-top:1px solid var(--border-subtle);padding:var(--space-xl) 0;justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.footer__bottom p{color:var(--text-muted);font-size:13px}.footer__bottom-links{gap:var(--space-lg);display:flex}.footer__bottom-links a{color:var(--text-muted);transition:color var(--transition-fast);font-size:13px}.footer__bottom-links a:hover{color:var(--primary)}@media (max-width:1024px){.footer__grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr}.footer .container{padding:0 var(--space-lg)}}@media (max-width:640px){.footer{padding:var(--space-3xl) 0 0}.footer .container{padding:0 var(--space-md)}.footer__grid{gap:var(--space-xl);grid-template-columns:1fr}.footer__bottom{text-align:center;flex-direction:column}.footer__bottom-links{gap:var(--space-md)}}