/* ===== Mobile Responsive Styles ===== */

/* Breakpoint variables */
:root {
  --breakpoint-phone: 640px;
  --breakpoint-tablet: 1023px;
  --breakpoint-desktop: 1024px;
  --touch-target-min: 44px;
}

/* Global touch optimization - eliminate 300ms delay on touch devices */
@media (pointer: coarse) {
  * { touch-action: manipulation; }
}

/* Safe area support for notched devices (iPhone X+) */
@supports (padding: env(safe-area-inset-bottom)) {
  body { padding-bottom: env(safe-area-inset-bottom); }
}