@media(min-width: 640px ) {
  .c-ad-carousel .swiper:has(.swiper-slide:last-child:nth-child(1)) {
    max-width: 50%;
  }
}
@media(min-width: 768px ) {
  .c-ad-carousel .swiper:has(.swiper-slide:last-child:nth-child(1)) {
    max-width: 33%;
  }
  .c-ad-carousel .swiper:has(.swiper-slide:last-child:nth-child(2)) {
    max-width: 66%;
  }
}
.c-ad-carousel {
  opacity: 0;
}
.c-ad-carousel .swiper {
  box-shadow: 0 0 60px 0 rgb(0 0 0 / 0.1);
  background: rgb(0 0 0 / 0.05);
}
.c-ad-carousel .swiper-slide {
  display               : grid;
  grid-template-columns : 2fr 3fr;
  grid-template-rows    : 1fr;
  place-items           : center;
  background-color      : white;
  background-image      : url(/wp-content/plugins/custom/src/components/ad-carousel/background.jpg);
  object-fit            : contain;
  aspect-ratio          : 2.3125;
  /* border                : 1px solid var(--c-border); */
  border-radius         : var(--c-radius);

}
.c-ad-carousel .swiper-slide.c-no-image {
  grid-template-columns : auto 3fr;
}
.c-ad-carousel .swiper-slide .c-image-wrapper {
  width        : 100%;

  /* aspect-ratio : 2.3125; */
  aspect-ratio    : 1;
  padding         : 12px;

  grid-row     : 1 / 2;
  grid-column  : 1 / 2;    
}
.c-ad-carousel .swiper-slide.c-no-image .c-image-wrapper {
  display : none;
}
.c-ad-carousel .swiper-slide .c-image-wrapper img {
  display    : block;
  width      : 100%;
  height     : 100%;
  object-fit : contain;
}
#page.site .c-ad-carousel .swiper-slide p {
  grid-row       : 1 / 2;

  /* grid-column    : 1 / 2; */
  grid-column       : 2 / 3;
  margin            : 0 12px 0 0;

  text-align     : center;
  font-size      : 25px;
  letter-spacing : 1px;
  line-height    : 1.5;
  font-weight    : 500;
  font-family    : var(--c-font-familiy-title);
  color          : var(--c-button);
  text-transform : uppercase;
}
#page.site .c-ad-carousel .swiper-slide.c-no-image p {
   margin        : 0;
}

.c-ad-carousel .swiper-pagination-bullet-active {
  background-color : #89856f;
}
.c-ad-carousel .swiper-pagination {
  position: relative;
  transform: translateY(16px);
}