/* Full-motion touch experience.
 * Desktop hover effects become a short tactile state on phones, while the
 * motion itself is driven by scroll in script.js. User reduced-motion and
 * data-saving preferences remain respected. */
@media (hover: none), (pointer: coarse){
  html.cariama-touch .cariama-home-story-visual,
  html.cariama-touch .cariama-home-second-product-visual,
  html.cariama-touch [data-cariama-parallax],
  html.cariama-touch [data-cariama-tilt],
  html.cariama-touch .cariama-coffee-invitation-stage{
    will-change: transform;
  }

  html.cariama-touch .cariama-home-story-visual.is-touch-active .cariama-home-story-packshot{
    filter: drop-shadow(0 30px 26px rgba(24, 44, 32, 0.26));
  }

  html.cariama-touch .cariama-home-second-product-visual.is-touch-active .cariama-home-second-packshot{
    filter: drop-shadow(0 38px 34px rgba(24, 44, 32, 0.27));
  }

  html.cariama-touch .product-card.is-touch-active,
  html.cariama-touch .seal-card.is-touch-active,
  html.cariama-touch .button.is-touch-active,
  html.cariama-touch .visitacao-final-cta.is-touch-active{
    animation: cariama-touch-press 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  html.cariama-touch .cariama-home-benefits > div,
  html.cariama-touch .cariama-home-second-benefits > article,
  html.cariama-touch .product-details-list > div{
    transition: transform 280ms ease, box-shadow 280ms ease, background-color 280ms ease;
  }

  html.cariama-touch .cariama-home-benefits > div:active,
  html.cariama-touch .cariama-home-second-benefits > article:active,
  html.cariama-touch .product-details-list > div:active{
    transform: translateY(-4px);
  }
}

@keyframes cariama-touch-press{
  0% { transform: scale(1); }
  42% { transform: scale(0.975); }
  100% { transform: scale(1.018); }
}