/* ==========================================================
   MAPPYCO PRODUCT REVIEWS
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews {
  position: relative;

  width: 100%;

  margin: 0;

  padding:
    60px
    30px
    65px;

  box-sizing: border-box;

  background:
    var(--reviews-bg);

  color:
    var(--reviews-text);

  overflow: hidden;
}


/* ==========================================================
   İÇ ALAN
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__inner {
  width: 100%;

  max-width: 1400px;

  margin:
    0
    auto;
}


/* ==========================================================
   BÖLÜM BAŞLIĞI
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__title {
  display: block;

  width: 100%;

  margin:
    0
    0
    36px;

  padding: 0;

  font-family: inherit;

  font-size:
    clamp(
      26px,
      2.4vw,
      36px
    );

  font-weight: 400;

  line-height: 1.2;

  letter-spacing: 0.01em;

  text-align: center;

  text-transform: uppercase;

  color:
    var(--reviews-text);
}


/* ==========================================================
   SLIDER
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__slider {
  position: relative;

  width: 100%;

  padding:
    0
    50px;

  box-sizing: border-box;
}


/* ==========================================================
   VIEWPORT
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__viewport {
  position: relative;

  width: 100%;

  overflow: hidden;

  scroll-behavior: smooth;
}


/* ==========================================================
   TRACK
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__track {
  width: 100%;

  display: flex;

  align-items: stretch;

  gap:
    var(--reviews-gap);
}


/* ==========================================================
   KART
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__card {
  position: relative;

  flex:
    0
    0
    calc(
      (
        100% -
        (
          var(--reviews-visible) -
          1
        ) *
        var(--reviews-gap)
      ) /
      var(--reviews-visible)
    );

  min-width: 0;

  min-height: 235px;

  padding:
    30px
    26px;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background:
    var(--reviews-card-bg);

  border-radius: 18px;

  text-align: center;
}


/* ==========================================================
   MÜŞTERİ
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__customer {
  display: block;

  margin: 0;

  font-family: inherit;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.3;

  color:
    var(--reviews-text);
}


/* ==========================================================
   TARİH
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__date {
  display: block;

  margin-top: 5px;

  font-family: inherit;

  font-size: 12px;

  font-weight: 400;

  line-height: 1.3;

  color:
    var(--reviews-text);

  opacity: 0.5;
}


/* ==========================================================
   ÜRÜN ADI
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__product {
  display: block;

  margin-top: 8px;

  font-family: inherit;

  font-size: 13px;

  font-weight: 500;

  line-height: 1.4;

  color:
    var(--reviews-text);

  opacity: 0.68;

  text-decoration: none;

  cursor: pointer;

  transition:
    opacity
    0.2s
    ease;
}


.cc_tb32aqjd_bAE3PID4HN a.mappyco-product-reviews__product:hover {
  opacity: 1;

  text-decoration: underline;
}


/* ==========================================================
   YILDIZ
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__stars {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 3px;

  margin-top: 18px;

  margin-bottom: 0;

  line-height: 1;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__star {
  font-size: 21px;

  line-height: 1;

  color:
    var(--reviews-star);

  opacity: 0.22;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__star--active {
  opacity: 1;
}


/* ==========================================================
   YORUM BAŞLIĞI
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__review-title {
  margin:
    16px
    0
    0;

  padding: 0;

  font-family: inherit;

  font-size: 17px;

  font-weight: 600;

  line-height: 1.35;

  color:
    var(--reviews-text);

  text-align: center;
}


/* ==========================================================
   YORUM
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__comment {
  margin:
    10px
    0
    0;

  padding: 0;

  max-width: 520px;

  font-family: inherit;

  font-size: 15px;

  font-weight: 400;

  line-height: 1.55;

  color:
    var(--reviews-text);

  opacity: 0.78;

  text-align: center;
}


/* ==========================================================
   OKLAR
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__arrow {
  position: absolute;

  top: 50%;

  z-index: 5;

  width: 38px;

  height: 38px;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  transform:
    translateY(-50%);

  border: 0;

  background: transparent;

  color:
    var(--reviews-text);

  font-family: inherit;

  font-size: 38px;

  font-weight: 300;

  line-height: 1;

  cursor: pointer;

  opacity: 0.7;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__arrow:hover {
  opacity: 1;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__arrow--prev {
  left: 0;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__arrow--next {
  right: 0;
}


/* ==========================================================
   DOTS
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__dots {
  width: 100%;

  margin-top: 26px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 7px;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__dot {
  width: 7px;

  height: 7px;

  margin: 0;

  padding: 0;

  border: 0;

  border-radius: 50%;

  background:
    var(--reviews-text);

  opacity: 0.22;

  cursor: pointer;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__dot--active {
  opacity: 0.9;

  transform:
    scale(1.25);
}


/* ==========================================================
   SKELETON KART
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__skeleton-card {
  pointer-events: none;
}


/* ==========================================================
   SKELETON SATIR
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__skeleton-line {
  display: block;

  flex:
    0
    0
    auto;

  border-radius: 999px;

  background:
    rgba(
      0,
      0,
      0,
      0.07
    );

  animation:
    cc_tb32aqjd_bAE3PID4HN_mappyco-review-skeleton-pulse
    1.15s
    ease-in-out
    infinite;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__skeleton-line--name {
  width: 80px;

  height: 13px;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__skeleton-line--date {
  width: 65px;

  height: 9px;

  margin-top: 8px;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__skeleton-line--product {
  width: 130px;

  max-width: 70%;

  height: 10px;

  margin-top: 12px;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__skeleton-line--stars {
  width: 90px;

  height: 15px;

  margin-top: 22px;
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__skeleton-line--comment {
  width: 170px;

  max-width: 80%;

  height: 10px;

  margin-top: 20px;
}


/* ==========================================================
   SKELETON ANİMASYON
========================================================== */

@keyframes cc_tb32aqjd_bAE3PID4HN_mappyco-review-skeleton-pulse {

  0% {
    opacity: 0.45;
  }


  50% {
    opacity: 1;
  }


  100% {
    opacity: 0.45;
  }

}


/* ==========================================================
   DURUM
========================================================== */

.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews--state {
  min-height: 235px;

  padding:
    40px
    20px;

  display: flex;

  align-items: center;

  justify-content: center;

  background:
    var(
      --reviews-bg,
      #ffffff
    );
}


.cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__state {
  font-family: inherit;

  font-size: 14px;

  text-align: center;

  color: #666666;
}


/* ==========================================================
   TABLET
========================================================== */

@media (
  min-width: 768px
) and (
  max-width: 1023px
) {

  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews {
    padding:
      50px
      24px
      55px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__title {
    margin-bottom: 32px;

    font-size: 30px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__slider {
    padding:
      0
      42px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__card {
    padding:
      28px
      24px;
  }

}


/* ==========================================================
   MOBİL
========================================================== */

@media (
  max-width: 767px
) {

  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews {
    padding:
      40px
      16px
      45px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__title {
    margin-bottom: 26px;

    font-size: 23px;

    text-align: center;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__slider {
    padding:
      0
      30px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__viewport {
    overflow: hidden;

    touch-action:
      pan-y;

    user-select: none;

    -webkit-user-select: none;

    -webkit-touch-callout: none;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__card {
    min-height: 220px;

    padding:
      26px
      20px;

    border-radius: 15px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__stars {
    margin-top: 16px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__star {
    font-size: 19px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__review-title {
    margin-top: 14px;

    font-size: 16px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__comment {
    margin-top: 9px;

    font-size: 14px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__arrow {
    width: 28px;

    height: 34px;

    font-size: 30px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__skeleton-line--product {
    width: 120px;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__skeleton-line--comment {
    width: 145px;
  }

}


/* ==========================================================
   HAREKET AZALTMA
========================================================== */

@media (
  prefers-reduced-motion:
  reduce
) {

  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__viewport {
    scroll-behavior: auto;
  }


  .cc_tb32aqjd_bAE3PID4HN .mappyco-product-reviews__skeleton-line {
    animation: none;

    opacity: 0.65;
  }

}