/* ==========================================================================
   Components / MIXINS
   ========================================================================== */
/*********************
  BREAKPOINTS RESPONSIVE LAYOUT
  *********************/
/* ==========================================================================
   Layout / Block Gallery
   ========================================================================== */
.blockgallery .swiper {
  overflow: visible;
}
@media (min-width: 760px) {
  .blockgallery .swiper {
    overflow: hidden;
  }
}
.blockgallery .swiper .slidenav {
  margin-top: 0;
}
@media (min-width: 760px) {
  .blockgallery .swiper .slidenav {
    display: none;
  }
}
@media (min-width: 760px) {
  .blockgallery .swiper .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    transform: initial !important;
    gap: 1.5rem;
  }
}
.blockgallery .swiper .swiper-slide {
  max-width: 300px;
}
@media (min-width: 760px) {
  .blockgallery .swiper .swiper-slide {
    flex-basis: calc((100% - 1.5rem) / 2);
    max-width: calc((100% - 1.5rem) / 2);
    margin: 0 !important;
  }
}
@media (min-width: 760px) {
  .blockgallery .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-wrapper {
    flex-direction: column;
    max-height: 665px;
  }
}
@media (min-width: 760px) {
  .blockgallery .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide {
    flex-basis: 320px;
    height: 320px;
  }
}
.blockgallery .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide .image, .blockgallery .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide .image img {
  height: 100%;
}
@media (min-width: 760px) {
  .blockgallery .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide:first-child {
    flex-basis: 665px;
  }
}
.blockgallery .image {
  display: block;
  width: 100%;
}
.blockgallery .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  aspect-ratio: 1/1;
  border-radius: 6px;
}
@media (min-width: 760px) {
  .blockgallery.w-medium .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-wrapper {
    flex-direction: column;
    max-height: 665px;
  }
}
@media (min-width: 1200px) {
  .blockgallery.w-medium .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-wrapper {
    max-height: 865px;
  }
}
@media (min-width: 760px) {
  .blockgallery.w-medium .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide {
    flex-basis: 320px;
    height: 320px;
  }
}
@media (min-width: 1200px) {
  .blockgallery.w-medium .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide {
    flex-basis: 420px;
    height: 420px;
  }
}
.blockgallery.w-medium .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide .image, .blockgallery.w-medium .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide .image img {
  height: 100%;
}
@media (min-width: 760px) {
  .blockgallery.w-medium .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide:first-child {
    flex-basis: 665px;
  }
}
@media (min-width: 1200px) {
  .blockgallery.w-medium .swiper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide:first-child {
    flex-basis: 865px;
  }
}
/*# sourceMappingURL=blockgallery.css.map */