/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE — Media queries for all breakpoints
═══════════════════════════════════════════════════════════════════ */

@media (max-width: 1000px) {
  /* Mobile nav: logo left only, lang picker right, no download */
  .nav-left .theme-picker { display: none; }
  .nav-cta-wrap           { display: none; }
  #sub-topbar             { display: flex; }
  .nav-links              { display: none; }

  /* Push content below sub-topbar on hero page */
  #hero { padding-top: 130px; }

  /* Hero: phone becomes faded background */
  .hero-inner { grid-template-columns: 1fr; }
  .hero-phone-area {
    position: absolute;
    inset: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    padding: 80px 0 0;
    z-index: 0;
  }
  .hero-phone {
    opacity: 0.13;
    transform: scale(1.15);
    filter: blur(0.5px);
    box-shadow: none;
    pointer-events: none;
  }
  .float-card { display: none; }
  .hero-inner > div:first-child { position: relative; z-index: 2; }

  /* Layout reflows */
  .features-grid { grid-template-columns: 1fr 1fr; }
  .izzat-inner   { grid-template-columns: 1fr; }
  .mess-inner    { grid-template-columns: 1fr; }
  .stats-bar     { grid-template-columns: 1fr 1fr; }
  .footer-inner  { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .features-grid { grid-template-columns: 1fr; }
  .footer-inner  { grid-template-columns: 1fr; }
  .stats-bar     { grid-template-columns: 1fr 1fr; }

  /* Inner pages */
  .page-hero { padding: 120px 0 48px; }
  .page-hero h1 { font-size: clamp(36px, 8vw, 56px); }
  .page-body  { padding: 48px 0 80px; }
  .page-grid  { grid-template-columns: 1fr; gap: 0; }
  .page-sidebar { display: none; }
  .contact-grid { grid-template-columns: 1fr; }
  .help-grid  { grid-template-columns: 1fr; }
}