/* Mobile rendering and interaction optimizations. */
.section-band {
  content-visibility: auto;
  contain-intrinsic-size: auto 850px;
}

img {
  max-inline-size: 100%;
}

@media (max-width: 639px) {
  body {
    text-rendering: optimizeLegibility;
  }

  main > section:first-child {
    padding-left: max(0.75rem, env(safe-area-inset-left));
    padding-right: max(0.75rem, env(safe-area-inset-right));
  }

  main > section:nth-child(2),
  .section-band {
    padding-left: max(1.25rem, env(safe-area-inset-left));
    padding-right: max(1.25rem, env(safe-area-inset-right));
  }

  a,
  button {
    touch-action: manipulation;
  }

  button {
    min-height: 44px;
  }

  .mobile-buy-bar {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
  }
}

@media (prefers-reduced-data: reduce) {
  .carousel-track {
    animation: none;
  }
}