*{box-sizing:border-box;margin:0;padding:0}body{color:#f0ede8;background:#0a0f1c radial-gradient(circle at 15% 30%,#1e2837f2,#050a12);font-family:Inter,sans-serif;line-height:1.4}.app{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a121cb3;border:1px solid #ff824666;border-radius:80px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:.5rem 1.8rem;display:flex;box-shadow:0 12px 28px #0006}.logo h1{color:#0000;letter-spacing:-.5px;background:linear-gradient(125deg,#ffb347,#ff6b35);-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:800}.logo p{color:#fa7;font-size:.75rem;font-weight:500}.nav{background:#00000080;border-radius:60px;gap:.4rem;padding:.3rem;display:flex}.nav-btn{cursor:pointer;color:#f0e2d4;background:0 0;border:none;border-radius:50px;align-items:center;gap:8px;padding:.6rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.nav-btn.active{color:#fff;background:#ff6b35;box-shadow:0 4px 12px #ff6b3566}.nav-btn:not(.active):hover{background:#ff6e374d;transform:translateY(-2px)}.view{animation:.35s ease-out fadeSlide;display:none}.view.active-view{display:block}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:1rem;display:grid}.menu-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#161e28cc;border:1px solid #ff824680;border-radius:2rem;transition:all .25s;overflow:hidden}.menu-card:hover{border-color:#ff6b35;transform:translateY(-8px);box-shadow:0 25px 35px -12px #ff6b3540}.card-img{background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-end;height:180px;padding:.8rem;display:flex;position:relative}.card-info{padding:1.2rem 1.2rem 1.4rem}.card-info h3{color:#ffe0bd;margin-bottom:.3rem;font-size:1.5rem;font-weight:800}.desc{color:#bcafa0;margin:.5rem 0;font-size:.85rem}.price-row{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.price{color:#ffa559;font-size:1.4rem;font-weight:800}.order-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:40px;align-items:center;gap:6px;padding:.5rem 1.2rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.order-btn:hover{background:#ff864f;transform:scale(.97)}.cart-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121a22d9;border:1px solid #ff9b5566;border-radius:2rem;max-width:700px;padding:1.8rem}.cart-item{border-bottom:1px solid #ff9b6433;justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.cart-item-qty{align-items:center;gap:12px;display:flex}.qty-btn{cursor:pointer;color:#ffb277;background:#2a2f3c;border:none;border-radius:30px;width:30px;height:30px;font-weight:700}.qty-btn:hover{color:#fff;background:#ff6b35}.cart-total{text-align:right;border-top:2px dashed #ff8c5a;margin-top:1rem;padding-top:1rem;font-size:1.4rem;font-weight:800}.checkout-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:60px;width:100%;margin-top:1.2rem;padding:1rem;font-weight:800}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;visibility:hidden;opacity:0;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:visibility .2s,opacity .2s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{visibility:visible;opacity:1}.modal-card{background:#171f2a;border:1px solid #ff8c42;border-radius:2rem;width:90%;max-width:520px;transition:transform .2s cubic-bezier(.2,.9,.4,1.1);overflow:hidden;transform:scale(.95);box-shadow:0 30px 50px #0009}.modal-overlay.active .modal-card{transform:scale(1)}.modal-img{background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-end;height:240px;padding:1rem;display:flex;position:relative}.modal-img span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:40px;padding:.4rem 1rem;font-size:2rem}.modal-content{padding:1.8rem}.modal-content h2{color:#ffd9b5;margin-bottom:.75rem;font-size:1.8rem;font-weight:800}.ingredient-list{flex-wrap:wrap;gap:.6rem;margin:1.2rem 0;display:flex}.ingredient-tag{color:#ffc68a;background:#2c2f3c;border-radius:40px;padding:.3rem 1rem;font-size:.8rem;font-weight:500}.modal-price{color:#ffa25b;margin:.8rem 0;font-size:1.5rem;font-weight:800}.modal-actions{gap:1rem;margin-top:1rem;display:flex}.modal-add-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:60px;flex:1;padding:.8rem;font-weight:700}.modal-close-btn{color:#ffc491;cursor:pointer;background:#2c2f3c;border:none;border-radius:60px;padding:.8rem;font-weight:700}.close-icon{cursor:pointer;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex;position:absolute;top:16px;right:20px}.about-card,.contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1620b3;border:1px solid #ff824680;border-radius:2rem;margin-top:-50px;padding:1.8rem}.about-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1620b3;border:1px solid #ff824680;border-radius:2rem;padding:2rem;box-shadow:0 12px 28px #0000004d}.about-card h2{color:#0000;background:linear-gradient(135deg,#ffb347,#ff7a44);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:800}.features{flex-wrap:wrap;gap:1.8rem;margin:2rem 0;display:flex}.feature{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:1.5rem;flex:1;padding:1.2rem}.feature i{color:#ff8c42;margin-bottom:.5rem;font-size:2.2rem}.contact-info{background:#0006;border:1px solid #ff9f5f30;border-radius:1.8rem;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin-top:1rem;padding:1.8rem;display:flex}footer{text-align:center;color:#aa8a64;border-top:1px solid #ffa25f30;margin-top:3rem;padding-top:2rem;font-size:.75rem}@media (width<=700px){.app{padding:1rem}.header{border-radius:2rem;flex-direction:column}}.hero-slider{border:1px solid #ff82464d;border-radius:2rem;width:100%;max-width:1400px;margin:0 auto 2rem;position:relative;overflow:hidden;box-shadow:0 25px 40px -12px #00000080}.slider-container{width:100%;height:400px;position:relative;overflow:hidden}.slider-track{width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:flex}.slide{background-position:50%;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slide:before{content:"";z-index:1;background:linear-gradient(135deg,#0009 0%,#0000004d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.slide-content{z-index:2;text-align:center;color:#fff;max-width:80%;animation:.6s ease-out fadeUp;display:none;position:relative}.slide-content h2{text-shadow:0 2px 10px #00000080;letter-spacing:-.5px;margin-bottom:1rem;font-size:3rem;font-weight:800}.slide-content p{text-shadow:0 1px 5px #00000080;opacity:.95;font-size:1.2rem;font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slider-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:10;color:#ffb347;background:#0009;border:1px solid #ff8c4699;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn:hover{color:#fff;background:#ff6b35;border-color:#fff;transform:translateY(-50%)scale(1.05)}.slider-prev{left:20px}.slider-next{right:20px}.slider-dots{z-index:10;justify-content:center;gap:12px;display:flex;position:absolute;bottom:20px;left:0;right:0}.dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.dot.active{background:#ff6b35;border-radius:20px;width:28px;box-shadow:0 0 8px #ff6b35}.dot:hover{background:#ffb347;transform:scale(1.2)}@media (width<=768px){.slider-container{height:300px}.slide-content h2{font-size:1.8rem}.slide-content p{font-size:.9rem}.slider-btn{width:36px;height:36px;font-size:1rem}}@media (width<=480px){.slider-container{height:250px}.slide-content h2{font-size:1.4rem}}.category-filter{flex-wrap:wrap;justify-content:center;gap:.8rem;margin:2rem 0;padding:.5rem;display:flex}.filter-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0e2d4;cursor:pointer;background:#141c26b3;border:1px solid #ff824666;border-radius:60px;padding:.7rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.filter-btn:hover{background:#ff6b354d;border-color:#ff6b35;transform:translateY(-2px)}.filter-btn.active{color:#fff;background:#ff6b35;border-color:#ff6b35;box-shadow:0 4px 12px #ff6b354d}@media (width<=768px){.filter-btn{padding:.5rem 1rem;font-size:.8rem}}.page-header-image{z-index:-1;border-radius:50px;height:550px;margin-top:-100px;top:-100px}.page-header-image.about{background-blend-mode:overlay;background-image:linear-gradient(135deg,#b65f2a,#e5b543),url(/story.png)}.page-header-image.contact{background-blend-mode:overlay;background-image:linear-gradient(135deg,#b65f2a,#e5b543),url(/contact.png);background-position:50% -150px}.contact-card{margin-top:-100px}.mobile-container{background:#0a0f1c;max-width:100%;min-height:100vh}.mobile-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a121cf2;border-bottom:1px solid #ff82464d;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.logo h1{color:#0000;background:linear-gradient(125deg,#ffb347,#ff6b35);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.logo p{color:#fa7;font-size:.65rem}.hamburger{cursor:pointer;z-index:200;background:#ff6b3533;border:1px solid #ff6b3580;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;transition:all .3s;display:flex;position:relative}.hamburger:hover{background:#ff6b3566;transform:scale(1.05)}.hamburger span{background:#ffb347;border-radius:2px;width:24px;height:2px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:150;background:#0a121cfa;border-left:1px solid #ff82464d;width:80%;max-width:320px;height:100vh;padding:5rem 1.5rem 2rem;transition:right .3s cubic-bezier(.25,.46,.45,.94);position:fixed;top:0;right:-100%;box-shadow:-5px 0 30px #00000080}.mobile-nav.active{right:0}.nav-overlay{z-index:140;opacity:0;visibility:hidden;background:#000000b3;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-links{flex-direction:column;gap:1.5rem;display:flex}.mobile-nav-link{color:#f0e2d4;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ff824633;align-items:center;gap:12px;padding:.8rem 0;font-size:1.3rem;font-weight:600;transition:all .2s;display:flex}.mobile-nav-link i{color:#ff6b35;width:28px;font-size:1.2rem}.mobile-nav-link:hover,.mobile-nav-link.active{color:#ff6b35;padding-left:10px}.close-menu{cursor:pointer;color:#ffb347;background:#ff6b3533;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;position:absolute;top:1rem;right:1.5rem}.cart-badge{position:relative}.badge-count{color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}@media (width>=769px){.mobile-header,.mobile-nav,.nav-overlay,.hamburger{display:none}}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.hide-desktop,.show-desktop{display:none!important}}.builder-button-container{justify-content:center;margin:2rem auto;padding:0 1rem;display:flex}.build-meal-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:80px;align-items:center;gap:12px;padding:1.2rem 2.5rem;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:800;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #ff6b354d}.build-meal-btn:hover{background:linear-gradient(135deg,#ff8c42,#ff6b35);transform:translateY(-3px);box-shadow:0 15px 30px #ff6b3566}.build-meal-btn:active{transform:translateY(1px);box-shadow:0 5px 15px #ff6b354d}.build-meal-btn i{font-size:1.3rem;transition:transform .3s}.build-meal-btn:hover i{transform:translate(5px)}.build-meal-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.build-meal-btn:active:before{width:300px;height:300px}@keyframes pulse{0%{box-shadow:0 0 #ff6b35b3}70%{box-shadow:0 0 0 15px #ff6b3500}to{box-shadow:0 0 #ff6b3500}}.build-meal-btn.pulse{animation:1.5s infinite pulse}@media (width<=768px){.build-meal-btn{justify-content:center;width:100%;padding:1rem 1.8rem;font-size:1rem}.build-meal-btn i{font-size:1.1rem}}@media (prefers-color-scheme:dark){.build-meal-btn{box-shadow:0 8px 20px #0000004d}}