/* mobile-styles.css — thin safe-area + touch overrides */
/* Main responsive rules live in styles.css */

html, body { width: 100%; overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
img, video { max-width: 100%; }

/* Safe-area insets for iPhone notch/home bar */
.page, .gallery-wrap { padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)); }

/* Touch: disable expensive GPU effects */
@media (hover: none) {
  .grid-item img,
  .grid-item video,
  .grid-item-overlay { transition: none; }
}