/* Pack mobile: toques com resposta, entradas em cascata, microinterações leves. */
@media (max-width: 768px) {
  html { scroll-behavior: smooth; }

  /* Toque com resposta em tudo que é clicável */
  .product-card, .btn-comprar, .btn-icon, .category-card, .nav-btn,
  .gg-ob-add, .gg-token-cta, .inf-btn, .drawer-tile {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  .product-card:active { transform: scale(0.97) !important; }
  .btn-comprar:active, .gg-ob-add:active, .gg-token-cta:active { transform: scale(0.96) !important; filter: brightness(1.15); }

  /* Entrada em cascata dos cards */
  #produtos .product-card.gg-in:nth-child(3n+1) { transition-delay: 0s; }
  #produtos .product-card.gg-in:nth-child(3n+2) { transition-delay: 0.07s; }
  #produtos .product-card.gg-in:nth-child(3n+3) { transition-delay: 0.14s; }

  /* Ripple no toque */
  .gg-ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    transform: scale(0);
    animation: gg-ripple 0.55s ease-out forwards;
    pointer-events: none;
  }
  @keyframes gg-ripple {
    to { transform: scale(3); opacity: 0; }
  }
  .btn-comprar, .gg-ob-add, .gg-token-cta { position: relative; overflow: hidden; }

  /* Preço com pop ao aparecer desconto */
  .gg-disc-badge { animation: gg-pop 0.45s cubic-bezier(0.2, 1.4, 0.4, 1) both; }

  /* Botões flutuantes respirando */
  .chat-fab, [class*="float"] {
    animation: gg-breathe 3s ease-in-out infinite;
  }
  @keyframes gg-breathe {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.07); }
  }

  /* Títulos deslizando na entrada */
  .section-title, .promo-section h2 {
    animation: gg-slide-title 0.6s ease both;
  }
  @keyframes gg-slide-title {
    from { transform: translateX(-18px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
  }

  /* QR do PIX com entrada suave */
  .pix-qr, img[class*="pix-qr"] { animation: gg-qr-in 0.5s ease both; }
  @keyframes gg-qr-in {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
  }

  /* Roleta: giro do botão */
  .store-roulette__action { transition: transform 0.15s ease; }
  .store-roulette__action:active { transform: scale(0.95); }
}

@media (prefers-reduced-motion: reduce) {
  .gg-ripple, .chat-fab, [class*="float"] { animation: none !important; }
}