/* ============================================================
   Mobile UX Enhancements
   95%+ traffic is Instagram mobile. Keep this lean.
   ============================================================ */

/* ----- Smooth Scrolling ----- */

html {
  scroll-behavior: smooth;
}

/* ----- Touch Feedback ----- */
/* Active states (transform: scale) defined in styles.css */

/* ----- Safe Area Support ----- */

@supports (padding: env(safe-area-inset-bottom)) {
  .site-footer {
    padding-bottom: calc(48px + env(safe-area-inset-bottom));
  }
}

/* ----- Very Small Screens ----- */

@media (max-width: 374px) {
  .container {
    padding: 0 16px;
  }
}

/* ----- Reduced Motion ----- */

@media (prefers-reduced-motion: reduce) {
  .sticky-cta {
    transition: none;
  }
}