/** HEADLINES */
#headlines {
	display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  
  min-height: 50vh;
}

#headlines .headlines__item {
  opacity: 0;
	display: flex;
  align-items: flex-end;
 	
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 24px;
  
  animation: fade-slide-from-top 250ms forwards ease-in-out;
  animation-delay: 150ms;
  
  height: 100%;
  max-height: 800px;
  aspect-ratio: 667/800;
  width: 100%;
}

#headlines .headlines__item:nth-child(2) {
	  animation-delay: 200ms;
}

#headlines .headlines__item:nth-child(3) {
	  animation-delay: 250ms;
}

#headlines .headlines__item .headlines__item--content {
  opacity: 0;
	background: white;
  padding: 24px var(--block_spacing) 24px 24px;
  
  transform: translateX(-10%);
  transition: 150ms all ease-in-out;
  transition-delay: 150ms;
  width: fit-content;
}

#headlines .headlines__item:hover .headlines__item--content {
	opacity: 1;
  transform: translateX(0%);
  transition: 200ms all ease-in-out;
}

#headlines .headlines__item .headlines__item--content .link {
	display: flex;
  align-items: center;
  flex-wrap: no-wrap;
}

#headlines .headlines__item .headlines__item--content .link:hover svg {
	transform: translateX(10%);
  transition: all 100ms ease-in-out;
}

#headlines .headlines__item .headlines__item--content .link svg {
	height: 1em;
  transform: translateX(0%);
  transition: all 100ms ease-in-out;
  transition-delay: 100ms;
}

@media (max-width: 768px) {
  #headlines {
  	grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 12px;
  }
  
  #headlines .headlines__item {
    height: 100%;
  	max-height: 450px;
    aspect-ratio: 390/450;
  }
}

@media (max-width: 991px) {
  #headlines .headlines__item .headlines__item--content {
  	opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fade-slide-from-top {
  from {
  	opacity: 0;
    transform: translateY(-10%);
  }
  
  to {
  	opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
	.homepage-products .title-featured {
  	text-align: left !important;
  }
}

/* Brands */
.brands-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  gap: var(--spacing);
  margin-bottom:var(--spacing);
}
.brands-grid > div:nth-child(n+5) {
  display: none;
}
/* End brands */

/* ABOUT */
#about {}

#about .about__content {
	max-width: 700px;
  margin: 0 auto;
  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#about .about__content .btn {
	margin-top: var(--title_featured_spacing);
}

@media (max-width: 567px) {
  #about .about__content {
  	align-items: flex-start;
  }
  
  #about .about__content .text-lead {
    text-align: left !important;
  }
  
  #about .about__content .btn {
  	width: 100%;
  }
}