.featured-section{ padding:5rem 3rem; background:var(--black-soft); }
.products-section{ padding:5rem 3rem; background:var(--black-mid); }
.section-header{ max-width:1200px; margin:0 auto 2rem; }

/* Filtros / abas de liga */
.cat-wrap{ max-width:1200px; margin:0 auto 1.5rem; }
.cat-main-row{ display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:1rem; }
.cat-btn{
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:.88rem; letter-spacing:1.5px; text-transform:uppercase;
  padding:.6rem 1.4rem; border-radius:4px; cursor:pointer;
  border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.06);
  color:var(--silver); transition:all .2s; white-space:nowrap;
}
.cat-btn:hover{ border-color:var(--accent); color:var(--accent); text-shadow:0 0 10px var(--gold-neon-glow); }
.cat-btn.active{
  background:var(--accent); color:var(--black);
  border-color:var(--accent); box-shadow:0 0 20px var(--gold-neon-glow), 0 4px 15px rgba(255,255,255,.2);
}

.subnav-box{
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12);
  border-radius:6px; padding:1rem 1.25rem; margin-bottom:1rem; display:none;
}
.subnav-box.open{ display:block; animation:fadeIn .2s ease; }
@keyframes fadeIn{ from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }
.subnav-label{
  font-family:'Barlow Condensed',sans-serif; font-size:.72rem;
  font-weight:700; letter-spacing:2.5px; text-transform:uppercase;
  color:var(--accent); margin-bottom:.6rem;
  text-shadow:0 0 10px var(--gold-neon-glow);
}
.subnav-row{ display:flex; flex-wrap:wrap; gap:.4rem; }
.sub-btn{
  font-family:'Barlow Condensed',sans-serif; font-weight:600;
  font-size:.76rem; letter-spacing:1px; text-transform:uppercase;
  padding:.35rem .85rem; border-radius:3px; cursor:pointer;
  border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.03);
  color:var(--silver); transition:all .2s; white-space:nowrap;
  display:inline-flex; align-items:center; gap:.35rem;
}
.sub-btn img{
  width:16px; height:16px; object-fit:contain;
  background:transparent !important;
  display: block !important;
  visibility: visible !important;
}
.sub-btn:hover{ border-color:var(--accent); color:var(--accent); text-shadow:0 0 10px var(--gold-neon-glow); }
.sub-btn.active{
  background:rgba(255,255,255,.15); color:var(--accent);
  border-color:var(--accent); font-weight:700;
  box-shadow:0 0 15px var(--gold-neon-glow);
}

.count-bar{ max-width:1200px; margin:0 auto .75rem; }
.count-bar span{
  font-family:'Barlow Condensed',sans-serif; font-size:.82rem;
  letter-spacing:1.5px; color:var(--text-muted); text-transform:uppercase;
}

/* Grid de produtos */
.products-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
  gap:1.5rem; max-width:1200px; margin:0 auto;
}
.product-card{
  background:var(--black-card); border:1px solid rgba(255,255,255,.12);
  border-radius:6px; overflow:hidden; transition:all .3s; cursor:pointer;
}
.product-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 40px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.3), 0 0 30px var(--gold-neon-glow);
}
.product-img{
  height:200px;
  background:linear-gradient(135deg,#000,#111);
  display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.product-img-icon{ font-size:4.5rem; opacity:.2; user-select:none; }
.product-img img,
.product-img video{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.product-badge{
  position:absolute; top:.75rem; right:.75rem;
  background:var(--accent); color:var(--black);
  font-family:'Barlow Condensed',sans-serif; font-size:.68rem;
  font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
  padding:.25rem .6rem; border-radius:2px;
  box-shadow:0 0 15px var(--gold-neon-glow);
}
.product-body{ padding:1.1rem; }
.product-liga{
  font-family:'Barlow Condensed',sans-serif; font-size:.7rem;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--text-muted); margin-bottom:.35rem;
}
.product-name{
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:1rem; color:var(--white); margin-bottom:.5rem; line-height:1.2;
  text-shadow:0 0 10px var(--gold-neon-glow);
}
.product-footer{
  display:flex; align-items:center; justify-content:space-between;
  padding-top:.6rem; border-top:1px solid rgba(255,255,255,.06);
}
.product-price{
  font-family:'Bebas Neue',sans-serif; font-size:1.5rem; color:var(--accent);
  text-shadow:0 0 15px var(--gold-neon-glow);
}
.product-price small{ font-size:.9rem; color:var(--text-muted); }
.btn-add{
  background:var(--accent); color:var(--black);
  font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:.76rem;
  letter-spacing:1.5px; text-transform:uppercase;
  padding:.45rem 1rem; border:none; border-radius:3px;
  cursor:pointer; transition:all .2s;
  box-shadow:0 0 15px var(--gold-neon-glow);
}
.btn-add:hover{ background:var(--accent-light); box-shadow:0 0 25px var(--gold-neon-glow); }

/* Features */
.features-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:2rem; max-width:1100px; margin:0 auto;
}
.feature-card{
  text-align:center; padding:2rem 1.5rem;
  border:1px solid rgba(255,255,255,.15); border-radius:6px;
  background:var(--black-soft); transition:all .3s;
}
.feature-card:hover{ border-color:var(--accent); background:rgba(255,255,255,.04); box-shadow:0 0 30px var(--gold-neon-glow); }
.feature-icon{ font-size:2.5rem; margin-bottom:1rem; display:block; }
.feature-title{
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:1rem; letter-spacing:1px; text-transform:uppercase;
  color:var(--accent); margin-bottom:.5rem;
  text-shadow:0 0 15px var(--gold-neon-glow);
}
.feature-desc{ font-size:.9rem; color:var(--silver); line-height:1.6; }

@media (max-width: 768px){
  .featured-section,
  .products-section{ padding:2.5rem 1rem; }
  .section-header{ margin-bottom:1.4rem; }

  /* Abas de liga rolam horizontalmente em vez de quebrar/encavalar */
  .cat-wrap{ margin-bottom:1rem; }
  .cat-main-row{
    flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    padding-bottom:.4rem; margin:0 -1rem 1rem; padding-left:1rem; padding-right:1rem;
    scrollbar-width:none;
  }
  .cat-main-row::-webkit-scrollbar{ display:none; }
  .cat-btn{ padding:.5rem 1rem; font-size:.78rem; letter-spacing:1.2px; }

  .subnav-box{ padding:.75rem .9rem; }
  .subnav-row{ gap:.35rem; }
  .sub-btn{ font-size:.72rem; padding:.3rem .65rem; }
  .sub-btn img{
    width:14px; height:14px;
    background:transparent !important;
    display: block !important;
    visibility: visible !important;
  }

  /* Cards: 2 por linha, mais compactos */
  .products-grid{
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:.85rem;
  }
  .product-img{ height:140px; }
  .product-img-icon{ font-size:3rem; }
  .product-body{ padding:.7rem; }
  .product-liga{ font-size:.62rem; letter-spacing:1.5px; margin-bottom:.25rem; }
  .product-name{ font-size:.82rem; line-height:1.15; min-height:1.9em; }
  .product-price{ font-size:1.15rem; }
  .product-price small{ display:none; }
  .product-footer{ padding-top:.45rem; }
  .btn-add{ font-size:.65rem; padding:.35rem .6rem; letter-spacing:1px; }
  .product-badge{ font-size:.6rem; padding:.18rem .45rem; top:.5rem; right:.5rem; }

  .features-grid{ gap:1rem; }
  .feature-card{ padding:1.4rem 1rem; }
  .feature-icon{ font-size:2rem; margin-bottom:.6rem; }
  .feature-title{ font-size:.92rem; }
  .feature-desc{ font-size:.82rem; }
}