/* ==========================================================
   MAPPYCO FAQ
   CLEAN / SOFT / BRAND UYUMLU
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq {
  width: 100%;

  padding: 72px 24px 80px;

  box-sizing: border-box;

  background: #ffffff;

  font-family: inherit;
}


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

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq__inner {
  width: 100%;
  max-width: 1040px;

  margin: 0 auto;
}


/* ==========================================================
   BAŞLIK
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq__title {
  margin: 0;
  padding: 0;

  font-family: inherit;

  font-size: clamp(30px, 3vw, 36px);
  font-weight: 600;

  line-height: 1.2;

  letter-spacing: -0.03em;

  color: #171717;

  text-align: left;
}


/* ==========================================================
   SSS LİSTESİ
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq__items {
  width: 100%;

  margin-top: 52px;

  border-top: 1px solid #eee8e5;

  background: transparent;
}


/* ==========================================================
   FAQ ITEM
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item {
  width: 100%;

  margin: 0;
  padding: 0;

  box-sizing: border-box;

  border: 0;
  border-bottom: 1px solid #eee8e5;

  background: #ffffff;

  font-family: inherit;
}


/* ==========================================================
   SORU
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__question {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 28px;

  width: 100%;
  min-height: 76px;

  margin: 0;

  padding: 22px 4px;

  box-sizing: border-box;

  cursor: pointer;

  list-style: none;

  background: #ffffff;

  color: #1d1b1a;

  transition:
    color 180ms ease,
    background-color 180ms ease;
}


/* Native details ikonunu kaldır */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__question::-webkit-details-marker {
  display: none;
}


.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__question::marker {
  content: "";

  display: none;
}


/* ==========================================================
   SORU METNİ
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__question-text {
  flex: 1;

  min-width: 0;

  font-family: inherit;

  font-size: 15.5px;
  font-weight: 500;

  line-height: 1.5;

  letter-spacing: -0.01em;

  color: inherit;

  text-align: left;
}


/* ==========================================================
   HOVER
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__question:hover {
  color: #b56f6b;

  background: #fffdfc;
}


/* ==========================================================
   AÇIK SORU
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item[open]
.mappyco-faq-item__question {
  padding-bottom: 11px;

  color: #171717;

  background: #ffffff;
}


/* ==========================================================
   CHEVRON
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__icon {
  position: relative;

  display: block;

  flex: 0 0 22px;

  width: 22px;
  height: 22px;

  color: #bdb4b0;

  transition:
    color 180ms ease;
}


/* ==========================================================
   CHEVRON ÇİZGİLERİ
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__icon-line {
  position: absolute;

  top: 50%;

  display: block;

  width: 7px;
  height: 1.3px;

  border-radius: 99px;

  background: currentColor;

  transition:
    transform 220ms ease;
}


/* Sol kol */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__icon-line--horizontal {
  left: 5px;

  transform:
    translateY(-50%)
    rotate(45deg);
}


/* Sağ kol */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__icon-line--vertical {
  right: 5px;

  opacity: 1;

  transform:
    translateY(-50%)
    rotate(-45deg);
}


/* ==========================================================
   HOVER OK
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__question:hover
.mappyco-faq-item__icon {
  color: #df8f89;
}


/* ==========================================================
   AÇIKKEN OK YUKARI
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item[open]
.mappyco-faq-item__icon {
  color: #df8f89;
}


.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item[open]
.mappyco-faq-item__icon-line--horizontal {
  transform:
    translateY(-50%)
    rotate(-45deg);
}


.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item[open]
.mappyco-faq-item__icon-line--vertical {
  transform:
    translateY(-50%)
    rotate(45deg);
}


/* ==========================================================
   CEVAP
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer {
  width: 100%;
  max-width: 820px;

  padding:
    0
    48px
    27px
    4px;

  box-sizing: border-box;

  font-family: inherit;

  font-size: 14px;
  font-weight: 400;

  line-height: 1.8;

  color: #77716e;

  animation:
    cc_tb32aqjd_aBec3Krsk1_mappyco-faq-answer-open
    200ms
    ease;
}


/* ==========================================================
   RICH TEXT
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer > :first-child {
  margin-top: 0;
}


.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer > :last-child {
  margin-bottom: 0;
}


.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer p {
  margin: 0 0 11px;
}


.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer ul, .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer ol {
  margin: 11px 0;

  padding-left: 20px;
}


.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer li {
  margin-bottom: 4px;
}


/* ==========================================================
   LINK
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer a {
  color: #075aa5;

  font-weight: 500;

  text-decoration: underline;

  text-decoration-thickness: 1px;

  text-decoration-color:
    rgba(7, 90, 165, 0.28);

  text-underline-offset: 3px;

  transition:
    color 160ms ease,
    text-decoration-color 160ms ease;
}


.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer a:hover {
  color: #064b89;

  text-decoration-color: #064b89;
}


/* ==========================================================
   FOCUS
========================================================== */

.cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__question:focus-visible {
  outline:
    2px solid
    rgba(223, 143, 137, 0.18);

  outline-offset: -2px;
}


/* ==========================================================
   AÇILMA ANİMASYONU
========================================================== */

@keyframes cc_tb32aqjd_aBec3Krsk1_mappyco-faq-answer-open {

  from {
    opacity: 0;

    transform: translateY(-3px);
  }

  to {
    opacity: 1;

    transform: translateY(0);
  }
}


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

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

  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq {
    padding: 58px 24px 66px;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq__inner {
    max-width: 900px;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq__items {
    margin-top: 44px;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq__title {
    font-size: 30px;
  }
}


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

@media (max-width: 767px) {

  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq {
    padding: 42px 16px 48px;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq__title {
    font-size: 25px;

    line-height: 1.22;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq__items {
    margin-top: 32px;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__question {
    min-height: 64px;

    gap: 16px;

    padding: 18px 2px;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item[open]
  .mappyco-faq-item__question {
    padding-bottom: 9px;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__question-text {
    font-size: 14px;

    line-height: 1.45;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__icon {
    flex: 0 0 20px;

    width: 20px;
    height: 20px;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__icon-line {
    width: 6px;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer {
    max-width: none;

    padding:
      0
      28px
      20px
      2px;

    font-size: 13.5px;

    line-height: 1.7;
  }
}


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

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

  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__question, .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__icon, .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__icon-line {
    transition: none;
  }


  .cc_tb32aqjd_aBec3Krsk1 .mappyco-faq-item__answer {
    animation: none;
  }
}