/* ── TABLET (max 1100px) ── */
@media (max-width: 1100px) {
  .hero-photo-wrap { width: 340px; height: 420px; margin-right: 16px; }
  .teach-block { gap: 48px; }
  .teach-gallery { grid-template-columns: 1.2fr 1fr; }
}

/* ── MOBILE (max 860px) ── */
@media (max-width: 860px) {
  /* Nav */
  nav { padding: 16px 22px; }
  .nav-links { display: none; }

  /* Sections */
  section { padding: 72px 22px; }
  #hero    { padding: 100px 22px 72px; }

  /* Hero */
  .hero-top {
    flex-direction: column-reverse;
    gap: 32px;
    align-items: center;
  }
  .hero-photo-wrap {
    width: 220px;
    height: 270px;
    margin-right: 0;
  }
  .hero-text { text-align: center; }
  .hero-chip { margin: 0 auto 20px; }
  .hero-btns { justify-content: center; }
  .hero-stats { gap: 24px; justify-content: center; }

  /* About */
  .about-g { grid-template-columns: 1fr; gap: 48px; }

  /* Teaching block */
  .teach-block {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-top: 56px;
    padding-top: 48px;
  }
  .teach-gallery {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .teach-stats { gap: 24px; }

  /* Apps / Works */
  .wi { gap: 14px; }
  .wi-title { font-size: 18px; }

  /* Blueprints */
  .bp-grid { grid-template-columns: 1fr; }

  /* Articles */
  .art { flex-direction: column; gap: 14px; }

  /* Contact */
  .contact-g { grid-template-columns: 1fr; }

  /* n8n */
  .n8n-g { grid-template-columns: 1fr; }

  /* Auto Lab */
  .auto-wrap { grid-template-columns: 1fr; }
  .auto-nav  { flex-direction: row; flex-wrap: wrap; }
  .concept-grid { grid-template-columns: 1fr; }

  /* Browser demo */
  .browser-body { grid-template-columns: 1fr; }
  .fg.full { grid-column: span 1; }
  .fbtn    { grid-column: span 1; }

  /* Footer */
  footer { flex-direction: column; gap: 20px; text-align: center; }
  .f-links { flex-wrap: wrap; justify-content: center; }
}

  /* CallMan blueprint card */
  .callman-bp-card { padding: 24px 20px !important; }
  .callman-bp-card > div > div:last-child { display: none; }

  /* Manual lab — kredit kalkulyator nəticə */
  #calc-result { grid-template-columns: 1fr !important; gap: 12px !important; }

  /* Auto lab — date picker grid */
  #el-datepicker > div { grid-template-columns: 1fr !important; }

  /* Auto lab — browser windows, progress bar buttons */
  #el-browser-windows .demo-row,
  #el-progress > div > div:nth-child(3) { flex-wrap: wrap; }

/* ── SMALL MOBILE (max 480px) ── */
@media (max-width: 480px) {
  .hero-photo-wrap { width: 180px; height: 220px; }
  .teach-gallery { grid-template-columns: 1fr; }
  .tg-right { display: none; }
  .teach-stats { flex-wrap: wrap; gap: 20px; }
  .ts-num { font-size: 26px; }
  .wi-icon { width: 44px; height: 44px; font-size: 20px; }
}