/* ============================================================
   responsive.css — мобильная адаптация
   ============================================================ */

/* ── Tablet (≤ 1024px) ─────────────────────────────────── */
@media (max-width: 1024px) {
  .courses-grid  { grid-template-columns: 1fr 1fr; }
  .reviews-grid  { grid-template-columns: 1fr 1fr; }
  .blog-grid     { grid-template-columns: 1fr 1fr; }
  .trust-grid    { grid-template-columns: 1fr 1fr; }
  .footer-grid   { grid-template-columns: 1fr 1fr; }
  .stats-cards   { grid-template-columns: 1fr 1fr; }
  .about-grid    { grid-template-columns: 1fr; gap: 32px; }
  .admin-layout  { flex-direction: column; }
  .admin-sidebar { width: 100%; }
  .footer-disclaimer-block { padding: 16px 20px; }
}

/* ── Mobile (≤ 768px) ──────────────────────────────────── */
@media (max-width: 768px) {
  /* Nav */
  .nav-toggle {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    z-index: 200;
  }
  .nav-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--white);
    border-radius: 2px;
    transition: .3s ease;
  }
  .nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav-toggle.open span:nth-child(2) { opacity: 0; }
  .nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .main-nav {
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary);
    flex-direction: column;
    padding: 32px 24px;
    gap: 8px;
    display: none;
    z-index: 99;
    overflow-y: auto;
  }
  .main-nav.open {
    display: flex;
    animation: slideDown .25s ease;
  }
  @keyframes slideDown {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .main-nav ul {
    flex-direction: column;
    width: 100%;
    gap: 4px;
  }
  .main-nav ul a {
    display: block;
    padding: 14px 16px;
    font-size: 1rem;
  }
  .nav-cta { width: 100%; text-align: center; margin: 16px 0 0; padding: 14px; }

  /* Layout */
  .container { padding: 0 16px; }
  .courses-grid    { grid-template-columns: 1fr; }
  .reviews-grid    { grid-template-columns: 1fr; }
  .blog-grid       { grid-template-columns: 1fr; }
  .trust-grid      { grid-template-columns: 1fr; gap: 16px; }
  .footer-grid     { grid-template-columns: 1fr; gap: 32px; }
  .stats-cards     { grid-template-columns: 1fr 1fr; }
  .values-grid     { grid-template-columns: 1fr; }
  .instructor-layout { grid-template-columns: 1fr; }
  .contact-card    { grid-template-columns: 1fr; }
  .form-grid-2     { grid-template-columns: 1fr; }
  .about-grid      { grid-template-columns: 1fr; }

  /* Hero */
  .hero { padding: 48px 0 40px; }
  .hero h1 { font-size: 1.8rem; }

  /* Cards */
  .quiz-card  { padding: 28px 20px; }
  .mock-card  { padding: 28px 20px; }
  .form-card  { padding: 24px 20px; }
  .legal-content { padding: 28px 20px; }
  .admin-content { padding: 16px; }
  .admin-topbar  { padding: 12px 16px; }
  .stats-row { gap: 20px; }

  /* Blog */
  .blog-card-thumb { height: 160px; }

  /* Admin */
  .stats-cards { grid-template-columns: 1fr; }
}

/* ── Cookie banner — tablet ─────────────────────────────── */
@media (max-width: 768px) {
  .cookie-banner-inner {
    flex-direction: column;
    gap: 16px;
    padding: 20px 16px;
  }
  .cookie-banner-actions {
    width: 100%;
  }
  .cookie-btn {
    flex: 1;
    justify-content: center;
  }
}

/* ── Small mobile (≤ 480px) ────────────────────────────── */
@media (max-width: 480px) {
  .footer-disclaimer-block { flex-direction: column; gap: 8px; padding: 16px; }
  .hero h1        { font-size: 1.5rem; }
  .quiz-card      { padding: 20px 16px; }
  .mock-card      { padding: 20px 16px; }
  .thankyou-card  { padding: 32px 20px; }
  .stats-row      { flex-direction: column; gap: 12px; }
  .cookie-banner-actions { flex-direction: column-reverse; }
}