/* Small-phone fixes (<=400px) — supplements the design's own breakpoints */
@media (max-width: 400px) {
  .hero-title { font-size: clamp(34px, 11vw, 44px) !important; }
  .ev-title { font-size: clamp(32px, 10vw, 48px) !important; }
  .ev-left, .ev-right { width: 100vw !important; box-sizing: border-box; padding-left: 20px !important; padding-right: 20px !important; }
  .ev-slide { grid-template-columns: 1fr !important; }
  html, body { overflow-x: hidden; }
}
/* Blog page — ensure filters don't overflow on very narrow screens */
@media (max-width: 600px) {
  .filters-inner { -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .filters-inner::-webkit-scrollbar { display: none; }
  .blog-layout { padding-bottom: 48px !important; }
  .pagination { gap: 4px; }
  .pg-btn { width: 36px; height: 36px; font-size: 12px; }
}