/* Mobile and low-power performance profile */
@media (max-width: 980px), (pointer: coarse), (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  body {
    background-attachment: scroll !important;
  }

  body:not(.auth-locked):not(.management-unlocked) {
    background:
      linear-gradient(rgba(255, 248, 225, .48), rgba(255, 253, 245, .56)),
      url('/assets/optimized/home-bg-mobile.webp') center top / cover no-repeat scroll !important;
  }

  body.auth-locked,
  body.management-unlocked {
    background: #151515 !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }

  .home-main-action .real-btn-emoji,
  .home-main-action .mcd-float-emoji,
  .home-main-action .real-btn-shine,
  .home-main-action .real-btn-shine-v2,
  .home-main-action .mcd-btn-shine {
    display: none !important;
  }

  .home-main-action,
  .home-main-action:hover,
  .home-main-action:focus-visible,
  .home-main-action:active {
    transform: none !important;
    filter: none !important;
  }

  .home-slideshow img {
    transform: none !important;
    transition: opacity .2s linear !important;
  }

  .public-modal-backdrop,
  .restaurant-choice-backdrop,
  .sidebar-overlay,
  header,
  .topbar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .team-responsibles,
  #socials,
  .site-footer {
    content-visibility: auto;
    contain-intrinsic-size: 1px 600px;
  }

  .team-responsibles::before,
  .team-responsibles::after,
  body::before,
  body::after,
  .hero::after {
    content: none !important;
    display: none !important;
  }

  header,
  .section,
  .team-responsibles,
  .team-person-card,
  .social-popup-card,
  .public-modal-card,
  .restaurant-choice-dialog,
  .panel,
  .login-card,
  .topbar,
  .hero,
  .data-table tr {
    box-shadow: 0 8px 22px rgba(0, 0, 0, .16) !important;
  }

  .panel,
  .panel:hover,
  .team-person-card,
  .team-person-card:hover,
  .social-popup-card,
  .social-popup-card:hover,
  .restaurant-choice-card,
  .restaurant-choice-card:hover {
    transform: none !important;
  }

  .scroll-top-btn {
    animation: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (max-width: 620px) {
  .wrap {
    width: min(100% - 20px, 1100px) !important;
  }

  .hero {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .home-slideshow-card {
    min-height: 240px !important;
  }

  .section,
  .team-responsibles,
  .panel {
    padding: 20px !important;
  }
}