/* Desktop smoothness overrides loaded last. */
@media (min-width: 821px) {
  html,
  body {
    scroll-behavior: auto !important;
  }

  body {
    text-rendering: optimizeLegibility;
  }

  .hero {
    background-attachment: scroll !important;
    transform: translateZ(0);
  }

  .site-header,
  .hero-card,
  .modal-backdrop:not([hidden]),
  .storefront-frame figcaption {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .hero-copy,
  .hero h1,
  .hero-text,
  .hero-actions {
    animation-duration: 520ms !important;
    will-change: auto !important;
  }

  .reveal-on-scroll {
    transition:
      opacity 380ms ease,
      transform 380ms ease !important;
    will-change: auto !important;
  }

  .feature-strip,
  .product-card,
  .order-mode-card,
  .menu-board,
  .outlet-card,
  .faq-list details {
    transform-style: flat !important;
    will-change: auto !important;
  }

  .feature-strip {
    perspective: none !important;
  }

  .order-mode-card {
    transition:
      transform 220ms ease,
      box-shadow 220ms ease,
      border-color 180ms ease,
      background-color 180ms ease !important;
  }

  .order-mode-card:hover,
  .order-mode-card.active {
    transform: translateY(-3px) !important;
  }

  .product-card {
    transition:
      opacity 340ms ease,
      transform 340ms ease !important;
    transition-delay: calc(var(--card-index, 0) * 16ms) !important;
  }

  .product-card.is-visible:hover {
    transform: translateY(-4px) !important;
  }

  .product-media::before,
  .option-image-wrap::before,
  .storefront-frame::before,
  .storefront-frame::after {
    display: none !important;
  }

  .product-media,
  .product-media img,
  .storefront-frame img {
    filter: none !important;
  }

  .product-card.is-visible:hover .product-media {
    filter: none !important;
    box-shadow: 0 14px 34px rgba(75, 31, 18, 0.12) !important;
  }

  .storefront-frame,
  .storefront-frame img,
  .whatsapp-float {
    animation: none !important;
  }
}