:root{
  --bg:#0e0b08;
  --bg-2:#1a1410;
  --primary:#ffb627;
  --primary-2:#ff8c00;
  --danger:#e63946;
  --card:#1f1812;
  --text:#f5f1ea;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--bg);
  color:var(--text);
  margin:0;
}
h1,h2,h3,.hero-title,.display-1,.display-5{font-family:'Bebas Neue',sans-serif;letter-spacing:1px}

/* Navbar */
.nav-blur{
  background:rgba(14,11,8,.75);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,182,39,.15);
}
.navbar-brand{font-size:1.4rem}
.logo-mark{filter:drop-shadow(0 0 6px var(--primary))}

/* HERO */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding-top:80px;
}
.hero-bg{
  position:absolute;inset:0;
  background:url('https://images.unsplash.com/photo-1568901346375-23c9450c58cd?w=1920') center/cover no-repeat;
  /*background:url('https://www.amigosdosetoro.com.br/lanchonete/assets/img/lanchonete.png') center/cover no-repeat;*/
  filter:brightness(.4) saturate(1.2);
  animation:zoomBg 20s ease-in-out infinite alternate;
}
@keyframes zoomBg{from{transform:scale(1)}to{transform:scale(1.15)}}
.hero-overlay{
  position:absolute;inset:0;
  background:radial-gradient(circle at 50% 40%, rgba(255,140,0,.25), transparent 60%),
             linear-gradient(180deg, rgba(14,11,8,.4) 0%, rgba(14,11,8,.95) 100%);
}
.hero-content{position:relative;z-index:2;padding:2rem 1rem 8rem}
.hero-title{font-size:clamp(3rem,8vw,6.5rem);line-height:1;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.badge-pill{
  display:inline-block;background:rgba(255,182,39,.15);
  border:1px solid var(--primary);color:var(--primary);
  padding:.4rem 1rem;border-radius:999px;font-weight:600;font-size:.85rem;
}

/* MARQUEE — carrossel que passa NA FRENTE da landing */
.marquee-strip{
  position:absolute;
  bottom:1.5rem;
  left:0;right:0;
  z-index:5;
  overflow:hidden;
  padding:1rem 0;
  background:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 10%,rgba(0,0,0,.5) 90%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.marquee-track{
  display:flex;
  gap:1rem;
  width:max-content;
  animation:marquee 40s linear infinite;
}
.marquee-strip:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.marquee-card{
  flex:0 0 auto;
  width:240px;
  background:rgba(31,24,18,.85);
  border:1px solid rgba(255,182,39,.25);
  border-radius:14px;
  overflow:hidden;
  backdrop-filter:blur(8px);
  display:flex;align-items:center;gap:.75rem;
  padding:.5rem;
  transition:transform .3s ease, border-color .3s ease;
}
.marquee-card:hover{transform:translateY(-4px);border-color:var(--primary)}
.marquee-card img{width:70px;height:70px;object-fit:cover;border-radius:10px;flex-shrink:0}
.marquee-info{display:flex;flex-direction:column;min-width:0}
.marquee-info strong{color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.marquee-info span{color:var(--primary);font-weight:700;font-size:.95rem}

/* Cards produto */
.product-card{
  background:var(--card);
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  display:flex;flex-direction:column;
}
.product-card:hover{
  transform:translateY(-6px);
  border-color:var(--primary);
  box-shadow:0 20px 50px -20px rgba(255,140,0,.4);
}
.product-img{position:relative;aspect-ratio:4/3;overflow:hidden}
.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.product-card:hover .product-img img{transform:scale(1.08)}
.product-tag{
  position:absolute;top:.75rem;left:.75rem;
  background:var(--primary);color:#1a1410;
  padding:.25rem .65rem;border-radius:999px;
  font-size:.75rem;font-weight:700;
}
.price{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.6rem;color:var(--primary);
  letter-spacing:1px;
}

/* Tabs */
.nav-pills .nav-link{
  background:transparent;color:var(--text);
  border:1px solid rgba(255,255,255,.1);
  font-weight:600;padding:.5rem 1.25rem;border-radius:999px;
}
.nav-pills .nav-link.active{
  background:var(--primary);color:#1a1410;border-color:var(--primary);
}

/* Footer */
.footer{background:#0a0806;border-top:1px solid rgba(255,182,39,.15)}

/* Bootstrap dark cardapio */
section#cardapio{background:linear-gradient(180deg,#0e0b08,#1a1410)}

/* Responsive */
@media (max-width:768px){
  .marquee-card{width:200px}
  .marquee-card img{width:55px;height:55px}
  .hero-content{padding-bottom:10rem}
}

/* Carousel arrows */
.carousel-control-prev,.carousel-control-next{width:5%;opacity:.7}
.carousel-control-prev-icon,.carousel-control-next-icon{
  background-color:var(--primary);border-radius:50%;padding:1.2rem;
}