/* SnapVideoDL — responsive refinements. Base breakpoints live in main.css;
   this file holds the deferred mobile/tablet polish layer. */
@media (max-width: 1024px) {
  .header-inner { gap: 0.75rem; }
  .site-nav { gap: 0.9rem; font-size: 0.92rem; }
  .seo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .header-inner { flex-wrap: nowrap; gap: 0.5rem; }
  .logo-text { font-size: 1.05rem; }
  .hero-title { font-size: clamp(1.7rem, 7vw, 2.4rem); }
  .seo-grid { grid-template-columns: 1fr; }
  .globe-wrap { transform: scale(0.86); }
  .options-panel { padding: 1rem; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .lang-switcher select { max-width: 7.5rem; padding-inline: .8rem 1.8rem; }
}
@media (max-width: 420px) {
  .footer-grid { grid-template-columns: 1fr; }
  .globe-wrap { transform: scale(0.74); }
  .format-row { flex-direction: column; align-items: stretch; }
}
/* RTL: mirror directional paddings where logical props aren't used */
[dir="rtl"] .site-nav { direction: rtl; }