/** Shopify CDN: Minification failed

Line 157:20 Unexpected "{"
Line 157:29 Expected ":"
Line 157:36 Unexpected "{"

**/
.borr-image-carousel,
.borr-image-carousel * {
  box-sizing: border-box;
}

.borr-image-carousel {
  width: 100%;
  padding-block-start: var(--padding-block-start, 40px);
  padding-block-end: var(--padding-block-end, 40px);
}

.borr-image-carousel__header {
  width: 100%;
  margin-block-end: 24px;
}

.borr-image-carousel__heading {
  margin: 0;
  line-height: 1;
}

.borr-image-carousel__carousel {
  display: block;
  width: 100%;
  min-width: 0;
  position: relative;
}

.borr-image-carousel__slideshow {
  display: block;
  width: 100%;
  min-width: 0;
  position: relative;
}

.borr-image-carousel__slideshow slideshow-container {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
}

.borr-image-carousel__slideshow slideshow-slides {
  display: flex;
  align-items: stretch;
  gap: var(--borr-carousel-desktop-gap, 16px);
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

.borr-image-carousel__slideshow slideshow-slides::-webkit-scrollbar {
  display: none;
}

.borr-image-carousel__slide {
  display: block;
  flex:
    0 0
    calc(
      (
          100% -
            (
              var(--borr-carousel-desktop-gap, 16px) *
                (var(--borr-carousel-desktop-columns, 3) - 1)
            )
        ) /
        var(--borr-carousel-desktop-columns, 3)
    );
  width:
    calc(
      (
          100% -
            (
              var(--borr-carousel-desktop-gap, 16px) *
                (var(--borr-carousel-desktop-columns, 3) - 1)
            )
        ) /
        var(--borr-carousel-desktop-columns, 3)
    );
  max-width: none;
  min-width: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.borr-image-carousel__item {
  display: block;
  width: 100%;
  height: 100%;
}

.borr-image-carousel__link {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.borr-image-carousel__picture {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0;
  aspect-ratio: var(--borr-carousel-image-ratio, auto);
}

.borr-image-carousel__image,
.borr-image-carousel__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  border: 0;
  border-radius: 0;
}

.borr-image-carousel__image {
  object-fit: cover;
}

.borr-image-carousel__placeholder {
  min-height: 320px;
  background: rgba(var(--color-foreground-rgb, 0, 0, 0), 0.05);
}

.borr-image-carousel__arrows {
  z-index: 3;
}

.borr-image-carousel__empty {
  width: 100%;
  padding: 40px 20px;
  text-align: center;
  border: 1px dashed currentColor;
  opacity: 0.6;
}

/*
  Tema slideshow stillerinde slide genişliği tanımlanıyorsa,
  bu bölümün ayarlarının öncelikli olması için daha spesifik selector.
*/
#BorrImageCarousel-{{ section.id }} {
  /* Bu satır Liquid bir CSS asset'inde çalışmaz; bilinçli olarak kullanılmıyor. */
}

@media screen and (max-width: 749px) {
  .borr-image-carousel__header {
    margin-block-end: 18px;
  }

  .borr-image-carousel__slideshow slideshow-slides {
    gap: var(--borr-carousel-mobile-gap, 10px);
  }

  .borr-image-carousel__slide {
    flex-basis:
      calc(
        (
            100% -
              (
                var(--borr-carousel-mobile-gap, 10px) *
                  (var(--borr-carousel-mobile-columns, 1) - 1)
              )
          ) /
          var(--borr-carousel-mobile-columns, 1)
      );

    width:
      calc(
        (
            100% -
              (
                var(--borr-carousel-mobile-gap, 10px) *
                  (var(--borr-carousel-mobile-columns, 1) - 1)
              )
          ) /
          var(--borr-carousel-mobile-columns, 1)
      );
  }

  .borr-image-carousel__picture {
    aspect-ratio: var(--borr-carousel-mobile-image-ratio, auto);
  }
}