/* home.css — Webmicron | Home page only */

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */



/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:900px) {

  /* Logos */
  .logos-grid {
    grid-template-columns: repeat(3, 1fr)
  }

  .logos-grid-item:nth-child(4n) {
    border-right: 1px solid rgba(255, 255, 255, .08)
  }

  .logos-grid-item:nth-child(3n) {
    border-right: 0
  }

  .logos-grid-item:nth-last-child(-n+4):nth-child(4n+1),
  .logos-grid-item:nth-last-child(-n+4):nth-child(4n+2),
  .logos-grid-item:nth-last-child(-n+4):nth-child(4n+3),
  .logos-grid-item:nth-last-child(-n+4):nth-child(4n) {
    border-bottom: 1px solid rgba(255, 255, 255, .08)
  }

  .logos-grid-item:nth-last-child(-n+3) {
    border-bottom: 0
  }

  /* Hero */
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 2.5rem
  }




  .hero-visual {
    height: 360px
  }
}

@media(max-width:600px) {

  /* Logos */
  .logos-ratings {
    flex-direction: column;
    gap: .875rem
  }

  .logos-sep {
    display: none
  }

  .logos-grid-item {
    padding: 1.25rem .75rem
  }

  .logos-grid-item img {
    max-width: 80px;
    max-height: 30px
  }

  /* Hero */
  .hero {
    padding: 3rem 0 2.5rem
  }

  .hero-visual {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    height: auto;
    gap: .75rem
  }

  .hero-img-card {
    grid-row: span 1;
    aspect-ratio: 1/1
  }

  .hero-info-card,
  .hero-stat-card {
    grid-column: 1
  }

  .hero-actions {
    flex-direction: column;
    align-items: flex-start
  }

  .hero-btn-primary,
  .hero-btn-secondary {
    width: 100%;
    justify-content: center
  }
}