:root {
  --home-padding-horizontal: 2rem;
  --home-padding-horizontal-mobile: 1rem;
}

.home__main-content {
  align-items: center;
  margin-top: 0;
  gap: 2rem;
}

.home__carousel {
  margin-bottom: 2rem;
}

.carousel__metadata {
  margin-bottom: 3rem;
}

.home__main-content .filters,
.home__movies-grid {
  padding-left: var(--home-padding-horizontal);
  padding-right: var(--home-padding-horizontal);
}

@media (max-width: 768px) {
  .home__main-content .filters,
  .home__movies-grid {
    padding-left: var(--home-padding-horizontal-mobile);
    padding-right: var(--home-padding-horizontal-mobile);
  }
}

@media (max-width: 480px) {
  .carousel__metadata {
    align-items: center;
  }

  .carousel__metadata .metadata__update-notice,
  .carousel__metadata .metadata__update-last {
    text-align: center;
  }
}