/* ============================================================
   3K MÓVEIS E ELETROS — 12 HORAS DE LUCRO ZERO ESPECIAL DAS MÃES
   RESPONSIVE.CSS — Mobile-first breakpoints
   ============================================================ */

@media (max-width: 768px) {
  #hero {
    background-image: url('../images/FUNDOCELULAR.webp');
    background-position: center top;
    padding: 44px 0 52px;
  }
  #triggers {
    background-image: url('../images/FUNDOCELULAR.webp');
    background-attachment: scroll;
  }
  .hero-inner        { padding: 0 16px; }
  .hero-seal         { width: 220px; margin-bottom: 20px; }
  .hero-headline     { font-size: clamp(2.1rem, 10vw, 3.4rem); }
  .hero-headline .price-line { font-size: clamp(2.9rem, 14vw, 4.2rem); }
  .hero-headline .subtitle-line { font-size: clamp(1.1rem, 5vw, 1.8rem); }
  .hero-sub          { font-size: .96rem; }
  .btn-vip           { font-size: 1.2rem; padding: 15px 32px; }

  /* Carousel full width mobile */
  .carousel-section  { width: 100vw; margin-left: 0; }
  .pill-card         { width: 160px; padding: 14px 10px; }
  .pill-card span    { font-size: .76rem; }

  .triggers-inner    { padding: 0 16px; }
  .triggers-title    { font-size: clamp(1.65rem, 7vw, 2.4rem); }
  .trigger-item      { padding: 15px 16px; gap: 12px; }
  .trigger-item img.check { width: 24px; height: 24px; }
  .trigger-text      { font-size: .96rem; }
  .bottom-cta-text   { font-size: clamp(1rem, 4vw, 1.3rem); }
}

@media (max-width: 640px) {
  .hero-seal         { width: 200px; }
  .event-badge       { font-size: .72rem; padding: 6px 14px; }
  .urgency-line      { font-size: .82rem; padding: 7px 16px; }
  .btn-vip           { font-size: 1.1rem; padding: 14px 28px; width: 100%; max-width: 360px; }
  .carousel-section::before,
  .carousel-section::after { width: 50px; }
  .trigger-item      { padding: 13px 14px; }
  .trigger-text      { font-size: .9rem; }
}

@media (max-width: 380px) {
  .hero-seal         { width: 175px; }
  .hero-headline     { font-size: 1.95rem; }
  .hero-headline .price-line { font-size: 2.75rem; }
  .btn-vip           { font-size: 1rem; padding: 13px 22px; }
  .event-badge       { font-size: .68rem; letter-spacing: .1em; }
}