:root{--primary:#ff7a00;--primary-hover:#e66a00;--secondary:#e51e25;--secondary-hover:#c51a20;--accent:#ffc700;--bg-color:#2e2e32;--surface-color:#38383d;--surface-elevated:#45454b;--footer-bg:#26262a;--text-primary:#f5f3ef;--text-muted:#b0b0b5;--text-dark:#f5f3ef;--text-light:#fff;--border-subtle:#ffffff1a;--font-main:"Outfit", sans-serif;--transition-speed:.3s;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:8px;--shadow-sm:0 4px 12px #00000040;--shadow-md:0 10px 24px #0000004d;--shadow-lg:0 20px 40px #ff7a001a, 0 8px 16px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-dark);line-height:1.6;overflow-x:hidden}a{color:inherit;transition:color var(--transition-speed) ease;text-decoration:none}button{cursor:pointer;font-family:var(--font-main);border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{transition:all var(--transition-speed) cubic-bezier(.175, .885, .32, 1.275);text-transform:uppercase;letter-spacing:1px;border-radius:50px;justify-content:center;align-items:center;padding:14px 32px;font-size:1.1rem;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--text-light);box-shadow:0 8px 15px #e51e254d}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 20px #e51e2566}.btn-primary:active{transform:translateY(1px)}.btn-outline{color:var(--secondary);border:2px solid var(--secondary);background:0 0}.btn-outline:hover{background:var(--secondary);color:var(--text-light)}.img-fluid{border-radius:var(--border-radius-md);max-width:100%;height:auto}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #ff7a0066}70%{box-shadow:0 0 0 15px #ff7a0000}to{box-shadow:0 0 #ff7a0000}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);z-index:1000;width:100%;box-shadow:var(--shadow-sm);background:#2e2e32eb;padding:15px 0;position:fixed;top:0;left:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-brand{color:var(--secondary);align-items:center;gap:10px;font-size:2rem;font-weight:900;display:flex}.nav-brand span{color:var(--primary)}.nav-links{align-items:center;gap:30px;list-style:none;display:flex}.nav-links a{color:var(--text-dark);font-size:1.1rem;font-weight:600}.nav-links a:hover{color:var(--primary)}.hero{background:radial-gradient(circle at 50% 30%, #45403c 0%, var(--bg-color) 70%);align-items:center;min-height:100vh;padding:160px 0 100px;display:flex}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.hero-text h1{margin-bottom:20px;font-size:4.5rem}.hero-text h1 .highlight,.section-title{background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-text p{color:var(--text-muted);margin-bottom:40px;font-size:1.2rem}.hero-image{position:relative}.mascot-animator{aspect-ratio:1;border-radius:var(--border-radius-lg);border:1px solid var(--border-subtle);filter:drop-shadow(0 25px 35px #0009);background-image:url(/assets/bunbay_mascot-5TCJvMrH.jpg);background-repeat:no-repeat;background-size:200% 200%;width:100%;max-width:450px;margin:0 auto;animation:6s ease-in-out infinite float,8s step-end infinite playMascot}@keyframes playMascot{0%,to{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}}.hero-badge{background:var(--accent);color:#1a1008;text-align:center;width:100px;height:100px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;padding:15px;font-size:1.1rem;font-weight:800;line-height:1.2;display:flex;position:absolute;top:20px;right:20px;transform:rotate(15deg)}.menu-section{background-color:var(--surface-color);border-top:1px solid var(--border-subtle);padding:100px 0}.section-title{text-align:center;margin-bottom:60px;font-size:3rem}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;display:grid}.menu-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;padding:20px;position:relative;overflow:hidden}.menu-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.menu-card-img{object-fit:cover;border-radius:var(--border-radius-md);width:100%;height:250px;margin-bottom:20px}.menu-card-content h3{margin-bottom:10px;font-size:1.5rem}.menu-card-content p{color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.menu-card-footer{justify-content:space-between;align-items:center;display:flex}.price{color:var(--primary);font-size:1.5rem;font-weight:800}#home,#menu,#contact{scroll-margin-top:110px}.menu-poster{text-align:center;margin-top:80px}.menu-poster .section-title{margin-bottom:40px}.menu-poster-img{border-radius:var(--border-radius-lg);width:100%;max-width:900px;height:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle)}.footer{background:var(--footer-bg);border-top:1px solid var(--border-subtle);color:var(--text-light);text-align:center;padding:60px 0 20px}.footer-content{margin-bottom:40px}.footer h2{color:var(--accent);margin-bottom:20px;font-size:2.5rem}.footer p{opacity:.9;margin-bottom:30px;font-size:1.2rem}.whatsapp-btn{color:#fff;background:#25d366;border-radius:50px;align-items:center;gap:10px;padding:15px 40px;font-size:1.2rem;font-weight:700;animation:2s infinite pulse-glow;display:inline-flex;box-shadow:0 4px 15px #25d36666}.whatsapp-btn:hover{color:#fff;background:#1ebe55;transform:scale(1.05)}.footer-bottom{opacity:.7;border-top:1px solid #ffffff1a;padding-top:20px;font-size:.9rem}@media (width<=992px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text h1{font-size:3.5rem}.hero-badge{right:10%}}@media (width<=768px){.nav-links{display:none}.hero-text h1{font-size:2.8rem}.section-title{font-size:2.5rem}}.promo-section{background-color:var(--bg-color);border-top:1px solid var(--border-subtle);padding:100px 0;position:relative}.promo-container{flex-direction:column;align-items:center;display:flex}.promo-content{background:var(--surface-color);border-radius:var(--border-radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;margin-top:20px;padding:50px;display:grid}.promo-image-wrapper{width:100%;position:relative}.promo-img{border-radius:var(--border-radius-md);width:100%;height:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);transition:transform var(--transition-speed) ease}.promo-img:hover{transform:scale(1.02)}.promo-badge{background:var(--secondary);color:#fff;text-align:center;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;padding:15px;font-size:1rem;font-weight:800;line-height:1.2;animation:2s infinite pulse-glow;display:flex;position:absolute;top:-20px;right:-20px;transform:rotate(15deg);box-shadow:0 8px 20px #e51e2566}.promo-details{flex-direction:column;gap:20px;display:flex}.promo-details h3{color:var(--accent);font-size:2.5rem}.promo-highlight-text{color:var(--primary);font-size:1.3rem;font-weight:700}.promo-details p{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.promo-features{flex-direction:column;gap:15px;margin:15px 0 25px;display:flex}.feature-item{color:var(--text-primary);align-items:center;gap:15px;font-size:1.1rem;font-weight:600;display:flex}.feature-icon{font-size:1.5rem}.promo-btn{align-self:flex-start}@media (width<=992px){.promo-content{grid-template-columns:1fr;gap:40px;padding:30px}.promo-btn{align-self:center;width:100%}.promo-details{text-align:center}.promo-features{align-items:center}}.footer-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.instagram-btn{color:#fff;transition:all var(--transition-speed) ease;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius:50px;align-items:center;gap:10px;padding:15px 40px;font-size:1.2rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #dc274366}.instagram-btn:hover{color:#fff;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #dc274399}.instagram-btn:active{transform:translateY(1px)}.order-notification-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid var(--accent);z-index:1050;width:100%;animation:slide-up var(--transition-speed) ease-out;background:#28282df2;padding:15px 0;position:fixed;bottom:0;left:0;box-shadow:0 -5px 25px #00000080}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.notification-container{justify-content:space-between;align-items:center;gap:20px;display:flex}.notification-content{text-align:left;align-items:center;gap:15px;display:flex}.notification-content p{color:var(--text-primary);margin:0;font-size:1.05rem;line-height:1.5}.notification-icon{flex-shrink:0;font-size:1.6rem}.notification-close-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-speed) ease;background:0 0;border:none;padding:0 10px;font-size:2.2rem;font-weight:300;line-height:1}.notification-close-btn:hover{color:var(--secondary)}body{padding-bottom:75px}@media (width<=768px){.notification-container{gap:10px}.notification-content p{font-size:.95rem}.notification-close-btn{font-size:1.8rem}body{padding-bottom:110px}}