/* Generated by vite-plugin-svg-spritemap */
.popularproducts {
  background-color: #ffffff;
}
.popularproducts__title {
  font-weight: 500;
  text-align: center;
}
.popularproducts__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.popularproducts__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.popularproducts__item:hover .popularproducts__image img {
  transform: scale(1.05);
}
.popularproducts__image {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/0.72;
  overflow: hidden;
}
.popularproducts__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.4s ease;
}
.popularproducts__name {
  width: 100%;
  min-height: 3.25rem;
  line-height: 1.3;
}
@media (max-width: 61.99875em) {
  .popularproducts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 47.99875em) {
  .popularproducts__grid {
    grid-template-columns: 1fr;
  }
  .popularproducts__image {
    aspect-ratio: 1/0.62;
  }
}
@media (max-width: 20em) {
  .popularproducts__title {
    margin-bottom: 2.375rem;
  }
  .popularproducts__grid {
    gap: 0.875rem;
  }
  .popularproducts__name {
    font-size: 0.9375rem;
  }
}
@media (min-width: 20em) and (max-width: 76.25em) {
  .popularproducts__title {
    margin-bottom: clamp( 2.375rem , 1.6638888888875rem  +  3.5555555556vw , 4.375rem );
  }
  .popularproducts__grid {
    gap: clamp( 0.875rem , 0.652777777775rem  +  1.1111111111vw , 1.5rem );
  }
  .popularproducts__name {
    font-size: clamp( 0.9375rem , 0.89305555555625rem  +  0.2222222222vw , 1.0625rem );
  }
}
@media (min-width: 76.25em) {
  .popularproducts__title {
    margin-bottom: 4.375rem;
  }
  .popularproducts__grid {
    gap: 1.5rem;
  }
  .popularproducts__name {
    font-size: 1.0625rem;
  }
}