/* assets/css/responsive.css - mobile/tablet enhancements */

/* General page content top offset to account for fixed header */
@media (min-width: 769px) {
  .page-content { padding-top: 72px; } /* desktop header height */
}
@media (max-width: 768px) {
  .page-content { padding-top: 64px; } /* mobile header height */
}

/* Improve clickable area for footer & nav links on touch */
a, button { -webkit-tap-highlight-color: rgba(0,0,0,0.05); }

/* Slightly larger base font on tablet for readability */
@media (min-width: 769px) and (max-width: 1024px) {
  body { font-size: 15px; }
}

/* Reduce hero image height on mobile to avoid huge first fold */
@media (max-width: 768px) {
  .home-hero-slider { height: 44vh; }
  .shop-banner .shop-title { font-size: 22px; }
  .shop-banner .shop-subtitle { font-size: 13px; }
}