  /* ========== BANNER ROTATIVO ========== */
  .hero-banner{
    max-width:1100px;
    margin:14px auto 0;
    padding:0 16px;
  }
  .hero-banner-frame{
    position:relative;
    width:100%;
    aspect-ratio:16/6.5;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 22px rgba(0,0,0,.15);
    background:#0d0d0d;
  }
  @media(max-width:600px){
    .hero-banner-frame{ aspect-ratio:16/9; }
  }
  .hero-banner-slide-wrap{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .8s ease-in-out;
  }
  .hero-banner-slide-wrap.active{
    opacity:1;
  }
  .hero-banner-bg{
    position:absolute;
    inset:-12px;
    background-size:cover;
    background-position:center;
    filter:blur(22px) brightness(.55);
    transform:scale(1.08);
  }
  .hero-banner-slide{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .hero-banner-dots{
    position:absolute;
    left:0;right:0;bottom:8px;
    display:flex;
    justify-content:center;
    gap:6px;
    z-index:2;
  }
  .hero-banner-dot{
    width:8px;height:8px;
    border-radius:50%;
    background:rgba(255,255,255,.5);
    cursor:pointer;
    transition:.2s;
  }
  .hero-banner-dot.active{
    background:#fff;
    width:20px;
    border-radius:5px;
  }

  /* ========== BARRA DE BENEFÍCIOS ========== */
  .benefit-icon img,.benefit-icon svg{ width:18px;height:18px;object-fit:contain; }
  .benefit-text strong{ font-size:.82rem;font-weight:800;color:var(--ink); }
  .benefit-text small{ font-size:.7rem;color:var(--muted);font-weight:500; }

  /* ========== CARRINHO FAB ========== */
  .cart-fab:hover{background:var(--green-3);transform:scale(1.07);}
  .cart-fab svg{width:24px;height:24px;}
  .cart-badge{
    position:absolute;top:-4px;right:-4px;
    background:#e74c3c;color:#fff;
    font-size:.65rem;font-weight:800;
    min-width:18px;height:18px;
    border-radius:50%;
    align-items:center;justify-content:center;
    padding:0 4px;
    border:2px solid #fff;
    display:none;
  }
  .cart-badge.show{display:flex;}

  /* ========== WHATSAPP FAB ========== */
  .whatsapp-fab:hover{background:#1eb955;transform:scale(1.07);}
  .whatsapp-fab svg{width:26px;height:26px;}

