/* responsive.css */
@media (min-width: 768px) {
  .portal-home .portal-header,
  .portal-home .hero,
  .portal-home .featured-section,
  .portal-home .ranking,
  .portal-home .updates,
  .portal-home .new-releases,
  .portal-home .sales,
  .portal-home .media,
  .portal-home .tags {
    width: min(100% - 3rem, 1240px);
  }

  .portal-home .section-box {
    padding: 2rem;
  }

  .portal-home .scroll-row {
    grid-auto-columns: minmax(170px, 22vw);
    gap: 1rem;
  }

  .portal-home .grid-books {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .portal-home .hero {
    padding-inline: clamp(2rem, 5vw, 5rem);
  }

  .portal-home .scroll-row {
    grid-auto-columns: minmax(185px, 15vw);
  }

  .portal-home .grid-books {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}