@charset "UTF-8";
/**
 * Popular Slider section styles.
 * SCSS: assets/css/section/popular-slider.scss
 * CSS (compiled by IDE): assets/css/section/popular-slider.css
 *
 * Own BEM root: .popular-slider-section — never share .popular with item-slider.
 */
.popular-slider-section {
  position: relative;
  margin-top: var(--block-section-spacing-top, var(--section-spacing-top, 40px));
  margin-bottom: var(--block-section-spacing-bottom, var(--section-spacing-bottom, 40px));
  background-color: transparent;
}
.popular-slider-section__title {
  margin-bottom: 24px;
  font-size: var(--block-title-font-size, 30px);
  text-align: left;
}
.popular-slider-section__slider {
  width: 100%;
  overflow: hidden;
}
.popular-slider-section__card {
  display: flex;
  flex-direction: column;
  height: auto;
  min-width: 0;
}
.popular-slider-section__image {
  width: 100%;
  line-height: 0;
  overflow: hidden;
  border-radius: 12px;
}
.popular-slider-section__image img,
.popular-slider-section__image .popular-slider-section__image-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  object-fit: cover;
}
.popular-slider-section__card-title {
  margin-top: 12px;
  font-size: var(--block-body-font-size, 18px);
  font-weight: 700;
  line-height: var(--content-line-height, 1.5);
}
.popular-slider-section__text {
  margin-top: 8px;
  font-size: var(--block-body-font-size, 16px);
  line-height: var(--content-line-height, 1.5);
}
.popular-slider-section__text p {
  margin: 0 0 8px;
  font-size: inherit;
  line-height: inherit;
}
.popular-slider-section__text p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .popular-slider-section__title {
    font-size: var(--block-title-font-size, 24px);
  }
}

/*# sourceMappingURL=popular-slider.css.map */