*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--red: #C8102E;--red-dark: #9B0A1E;--red-light: #FF2D4F;--yellow: #FFC72C;--yellow-dark: #E5A700;--yellow-light: #FFD966;--white: #FFFFFF;--off-white: #FFF8F0;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 30px rgba(0,0,0,.1);--shadow-xl: 0 20px 50px rgba(0,0,0,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--off-white);color:var(--gray-800);-webkit-font-smoothing:antialiased;overflow-x:hidden}.hero{position:relative;min-height:45vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 60%,#6B0015 100%);overflow:hidden;padding:60px 20px 80px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(255,199,44,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 40%)}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px}.hero-logo{height:140px;margin-bottom:24px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffc72c26;border:1px solid rgba(255,199,44,.3);color:var(--yellow);padding:6px 16px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;color:var(--white);letter-spacing:-.02em;line-height:1.1;margin-bottom:12px}.hero h1 span{color:var(--yellow)}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffb3;font-weight:300;max-width:500px;margin:0 auto}.hero-wave{position:absolute;bottom:-2px;left:0;width:100%;line-height:0}.hero-wave svg{width:100%;height:60px;fill:var(--off-white)}.categories-nav{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);padding:0 20px;transition:box-shadow .3s}.categories-nav.scrolled{box-shadow:var(--shadow-md)}.categories-scroll{display:flex;gap:6px;overflow-x:auto;padding:12px 0;max-width:1200px;margin:0 auto;scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}.cat-btn{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-600);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.cat-btn:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cat-btn.active{background:var(--red);border-color:var(--red);color:var(--white);box-shadow:0 4px 14px #c8102e4d}.cat-btn-img{width:24px;height:24px;border-radius:50%;object-fit:cover}.cat-btn-all{font-size:1rem}.main-content{max-width:1200px;margin:0 auto;padding:40px 20px 80px}.menu-section{margin-bottom:48px;animation:fadeInUp .5s ease both}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--gray-100)}.section-icon{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--yellow)}.section-title{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.section-count{margin-left:auto;font-size:.8rem;color:var(--gray-400);font-weight:500;background:var(--gray-100);padding:4px 12px;border-radius:var(--radius-full)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.item-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-100);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:transparent}.item-card-image{position:relative;width:100%;padding-bottom:100%;height:0;overflow:hidden;background:linear-gradient(135deg,#fff5e5,#ffe8cc)}.item-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.item-card:hover .item-card-image img{transform:scale(1.08)}.item-placeholder-img{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5e5,#ffecd2,#ffe0b2);color:var(--yellow-dark);gap:8px}.item-placeholder-img svg{opacity:.5}.item-placeholder-img span{font-size:.75rem;opacity:.4;font-weight:500}.item-card-body{padding:16px 20px 20px;flex:1;display:flex;flex-direction:column}.item-title{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600;color:var(--gray-900);margin-bottom:6px;line-height:1.3}.item-description{font-size:.85rem;color:var(--gray-500);line-height:1.5;margin-bottom:14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.item-price{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700;color:var(--red)}.item-price-starting{font-size:.7rem;font-weight:400;color:var(--gray-400);display:block}.item-discount-badge{background:var(--yellow);color:var(--gray-900);padding:3px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600}.item-variations{display:flex;flex-direction:column;gap:8px;width:100%}.variation-group{display:flex;flex-direction:column;gap:4px}.variation-name{font-size:.85rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.variation-options{display:flex;flex-direction:column;gap:4px}.variation-option-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:6px 12px;border-radius:6px;font-size:.95rem;font-weight:500;color:var(--black);border:1px solid var(--gray-200)}.variation-price{color:var(--red);font-weight:600;font-family:Space Grotesk,sans-serif}.item-addons{margin-top:12px;padding-top:12px;border-top:1px dashed var(--gray-200)}.addons-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:8px}.addons-list{display:flex;flex-wrap:wrap;gap:6px}.addon-chip{display:inline-flex;align-items:center;gap:6px;background:var(--off-white);border:1px solid var(--gray-200);padding:4px 12px;border-radius:var(--radius-full);font-size:.82rem;font-weight:500;color:var(--gray-700);transition:all .2s}.addon-chip:hover{border-color:var(--yellow);background:#fff8e1}.addon-price{color:var(--red);font-weight:600;font-family:Space Grotesk,sans-serif;font-size:.78rem}.search-bar{max-width:1200px;margin:-30px auto 0;padding:0 20px;position:relative;z-index:50}.search-input-wrap{display:flex;align-items:center;gap:12px;background:var(--white);border-radius:var(--radius-xl);padding:14px 24px;box-shadow:var(--shadow-lg);border:2px solid transparent;transition:border-color .3s}.search-input-wrap:focus-within{border-color:var(--red)}.search-input-wrap svg{color:var(--gray-400);flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-family:Outfit,sans-serif;font-size:1rem;color:var(--gray-800);background:transparent}.search-input::placeholder{color:var(--gray-400)}.search-clear{background:var(--gray-100);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-500);transition:all .2s}.search-clear:hover{background:var(--gray-200);color:var(--gray-700)}.loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loader-spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}.loader-text{color:var(--gray-400);font-weight:500}.empty-state{text-align:center;padding:60px 20px;color:var(--gray-400)}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state p{font-size:1.1rem;font-weight:500}.empty-state span{font-size:.85rem;display:block;margin-top:6px}.footer{background:var(--gray-900);padding:40px 20px;text-align:center;color:#fff6;font-size:.85rem}.footer-brand{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.3rem;color:var(--white);margin-bottom:8px}.footer-brand span{color:var(--yellow)}.footer-links{margin:16px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.footer-link{color:var(--white);text-decoration:none;font-weight:500;opacity:.8;transition:opacity .2s}.footer-link:hover{opacity:1}.footer-socials{display:flex;gap:16px}.footer-socials a{color:var(--white);text-decoration:none;opacity:.6;font-size:.9rem;transition:opacity .2s}.footer-socials a:hover{opacity:1;color:var(--yellow)}.top-bar{background:var(--white);border-bottom:1px solid var(--gray-200);padding:8px 20px;font-size:.85rem;color:var(--gray-600)}.top-bar-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.top-bar-actions{display:flex;gap:16px}.rtl-layout{direction:rtl;text-align:right;font-family:Space Grotesk,Outfit,sans-serif}.top-bar-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--gray-600);font-family:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s}.top-bar-btn:hover{color:var(--red)}.dropdown-wrap{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);min-width:140px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:100;display:flex;flex-direction:column;overflow:hidden}.dropdown-wrap:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:10px 16px;color:var(--gray-800);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:8px;transition:background .2s}.dropdown-item:hover{background:var(--gray-50);color:var(--red)}.whatsapp-fab{position:fixed;bottom:24px;right:24px;background-color:#25d366;color:#fff;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-full);text-decoration:none;font-weight:600;box-shadow:0 4px 14px #25d36666;z-index:1000;transition:transform .2s,box-shadow .2s}.whatsapp-fab:hover{transform:translateY(-3px);box-shadow:0 6px 20px #25d36680;color:#fff}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero{min-height:35vh;padding:40px 16px 60px}.items-grid{grid-template-columns:1fr}.main-content{padding:30px 16px 60px}.search-bar{margin-top:-24px;padding:0 16px}}@media (max-width: 480px){.items-grid{grid-template-columns:1fr}.item-card-image{height:160px}.whatsapp-fab{bottom:16px;right:16px;padding:10px 16px}.whatsapp-fab-text{display:none}}