/* ─────────────────────────────────────────────
   900 px — Admin: ads grid + postback grid
───────────────────────────────────────────── */
@media (max-width: 900px) {
  .ads-grid        { grid-template-columns: 1fr; }
  .ad-stats-grid   { grid-template-columns: 1fr; }
  .pb-cards        { grid-template-columns: 1fr; }
}

/* ─────────────────────────────────────────────
   640 px — Admin layout
───────────────────────────────────────────── */
@media (max-width: 640px) {
  header { padding: 14px 20px; }
  .clock { display: none; }
  footer { flex-direction: column; gap: 8px; padding: 16px 20px; }
}

/* ─────────────────────────────────────────────
   600 px — Index + Terms layout
───────────────────────────────────────────── */
@media (max-width: 600px) {
  /* shared */
  header { padding: 14px 20px; }
  footer { flex-direction: column; gap: 8px; text-align: center; }

  /* index */
  nav           { display: none; }
  .hero         { padding: 48px 20px 0; }
  .input-row    { flex-wrap: wrap; }
  .btn-convert  { width: 100%; justify-content: center; }
  .video-card   { flex-direction: column; align-items: stretch; }
  .v-thumb-wrap { width: 100%; height: 160px; }
  .btn-dl       { width: 100%; text-align: center; margin-top: 10px; }

}

/* ─────────────────────────────────────────────
   600 px — Admin: process monitor
───────────────────────────────────────────── */
@media (max-width: 600px) {
  .proc-meters  { grid-template-columns: 1fr; }
  .proc-divider { display: none; }
}