/**
 * Do not edit this file! Its made from /bitrix/templates/responsive/layout/gulpfile.js
 */

.interior-ideas__grid.swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  z-index: 11;
}
@media (max-width: 1024px) {
  .interior-ideas__grid.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
}
.interior-ideas__banner {
  position: relative;
  background-color: #f0f0f0;
  border-radius: 8px;
  cursor: pointer;
  aspect-ratio: 546 / 468;
}
@media (max-width: 480px) {
  .interior-ideas__banner:focus {
    outline: none;
  }
}
@media (max-width: 768px) {
  .interior-ideas__banner:first-child,
  .interior-ideas__banner:nth-child(2),
  .interior-ideas__banner:nth-child(3) {
    aspect-ratio: 336 / 288;
  }
}
.interior-ideas__banner-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
.interior-ideas__banner .main-slider__image {
  height: 100%;
}
@media (max-width: 1024px) {
  .interior-ideas__slider.swiper {
    padding-bottom: 30px;
  }
}
.interior-ideas .swiper-pagination-bullet {
  background: #D9D9D9;
}
.interior-ideas .swiper-pagination-bullet-active {
  background: #000000;
}
.interior-ideas .main-slider__image :not(.banner-point__content-img-wrapper) img {
  border-radius: 8px;
  overflow: hidden;
}