/* ==========================================================
   VEDAAY SKILLS — Responsive
   Ported from main_vedaay_site.html media queries
   ========================================================== */

@media (max-width: 1080px) {
  /* HEADER */
  .nav-links,
  .nav-ctas {
    display: none;
  }
  .hamburger {
    display: flex;
  }
  .mobile-menu {
    display: flex;
  }

  /* FOOTER */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-about {
    max-width: none;
  }

  /* LAYOUT */
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-grid,
  .franchise-grid,
  .contact-grid,
  .join-band-inner {
    grid-template-columns: 1fr;
  }
  .join-band {
    padding: 40px 26px;
  }
  .champ-band {
    padding: 40px 26px;
  }
  .ecosystem-clusters,
  .why-grid,
  .corp-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .vert-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .float-cards {
    display: none;
  }
  .tech-section {
    margin: 0 16px;
    padding: 50px 26px;
  }
  .comp-grid,
  .awards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .why-part-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .test-grid,
  .event-grid {
    grid-template-columns: 1fr;
  }
  .board-head,
  .board-row {
    grid-template-columns: 44px 1.4fr 1fr 70px;
  }
  .board-cell.hide-mobile,
  .board-head span:nth-child(4) {
    display: none;
  }
  .cta-band {
    margin: 0 16px;
    padding: 44px 26px;
  }
  .levels-track {
    flex-direction: column;
  }
  .level-arrow {
    transform: rotate(90deg);
    margin: 4px 0;
  }
}

/* ===== SMALL PHONE REFINEMENTS ===== */
@media (max-width: 640px) {
  .brand img {
    height: 40px;
  }
  .footer-logo img {
    height: 36px;
  }
  .mobile-menu a {
    padding-left: 24px;
    padding-right: 24px;
  }
  .mobile-menu .mm-ctas {
    padding-left: 24px;
    padding-right: 24px;
  }
  .container {
    padding: 0 20px;
  }
  .footer-bottom {
    justify-content: flex-start;
    flex-direction: column;
  }

  .hero {
    padding-top: 130px;
    padding-bottom: 70px;
  }
  .hero-tagline,
  .champ-tagline {
    font-size: 16px;
  }
  section {
    padding: 70px 0;
  }
  .ecosystem-clusters,
  .why-grid,
  .corp-grid,
  .vert-grid,
  .trust-grid,
  .comp-grid,
  .awards-grid,
  .why-part-grid,
  .gallery-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .comp-controls {
    flex-direction: column;
    align-items: stretch;
  }
  .comp-search {
    width: 100%;
  }
  .hero-ctas,
  .franchise-ctas {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-ctas button,
  .hero-ctas a,
  .franchise-ctas button,
  .franchise-ctas a {
    width: 100%;
    text-align: center;
  }
  .board-row .board-achieve {
    display: none;
  }
  .board-head span:nth-child(6) {
    display: none;
  }
  .board-row,
  .board-head {
    grid-template-columns: 34px 1.3fr 1fr 60px;
  }
  .join-band,
  .champ-band,
  .tech-section,
  .cta-band {
    margin: 0 12px;
    padding: 34px 20px;
  }
}