/* Simple responsive CSS for Bubimax */
:root{
  --red:#d9464a;
  --yellow:#f59e0b;
  --green:#10b981;
  --bg:#fff7ed;
  --muted:#6b7280;
  --card:#ffffff;
}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; background:var(--bg); color:#111;}
a{color:inherit;text-decoration:none}
.header-space{height:64px}

/* Navbar */
.navbar{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,var(--yellow),#fb923c);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;}
.navbar h1{color:var(--red);font-weight:800;font-size:20px}
.navbar nav{display:flex;gap:12px}
.navbar nav a{font-weight:600;color:#7f1d1d}
.hamburger{display:none;background:transparent;border:0;font-size:20px}

/* Hero */
.hero{position:relative;overflow:hidden;height:340px;border-bottom-left-radius:24px;border-bottom-right-radius:24px}
.hero-slides{position:absolute;inset:0;display:flex;transition:transform 0.8s ease}
.slide{flex:0 0 100%;background-size:cover;background-position:center}
.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;padding:24px;text-align:center;background:linear-gradient(90deg,rgba(249,115,22,0.28),rgba(220,38,38,0.28));}
.hero-content h2{font-size:28px;margin-bottom:8px;text-shadow:0 2px 6px rgba(0,0,0,0.2)}
.hero-content p{max-width:760px;color:#fff;margin-bottom:14px}
.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.btn{padding:10px 16px;border-radius:12px;border:0;font-weight:700;cursor:pointer}
.btn-light{background:#fff;color:var(--red)}
.btn-green{background:var(--green);color:#fff}

/* Specials */
.specials{padding:28px 16px;text-align:center}
.special-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:12px auto}
.special-card{padding:18px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,0.08)}
.special-card.red{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}
.special-card.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}
.special-card.yellow{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#7f1d1d}

/* Menu */
.menu{padding:28px 16px}
.menu h3{text-align:center;margin-bottom:14px}
.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.card{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.06);text-align:center}
.card img{width:100%;height:160px;object-fit:cover}
.card h5{font-weight:800;color:var(--red);margin:8px 0}
.card p{color:var(--muted);margin-bottom:12px}

/* About */
.about{padding:28px 16px;background:#fff;border-radius:12px;margin:16px}

/* Contact */
.contact{padding:28px 16px}
.contact form{max-width:560px;margin:12px auto;display:flex;flex-direction:column;gap:10px}
.contact input,.contact textarea{padding:10px;border-radius:8px;border:1px solid #e5e7eb}
.form-status{margin-top:8px;text-align:center;font-weight:700}

/* Footer */
.footer{text-align:center;padding:16px;background:var(--red);color:#fff;margin-top:18px;border-radius:8px}

/* Responsive */
@media (max-width:800px){
  .special-cards{grid-template-columns:1fr}
  .menu-grid{grid-template-columns:1fr}
  .hamburger{display:block}
  .navbar nav{display:none}
}