/**
 * CSS Adipso pour surcharger le thème en place
 */

.product-faq {
  background-color: #F0F0F0;
  padding: 30px;
}

.product-faq h2 {
  padding: 0;
  margin-bottom: 50px;
  font-size: 36px;
  line-height: 120%;
  letter-spacing: 0%;
}

.product-faq-questions {
  display: grid;
  gap: 16px;
}

.accordion:not(.active) .accordion-content {
  display: none;
}

.accordion:not(.active) .accordion-trigger svg {
  transform: rotate(180deg);
}

.accordion:not(.active) .accordion-trigger path {
  fill: #333333;
}

.accordion.active h3 {
  color: #C10B17;
}

.accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.accordion-trigger svg {
  transition: transform .3s ease;
  flex: 0 0 18px;
}

.accordion-trigger h3 {
  margin: 0;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0%;
}

.accordion-content:not(.active) {
  display: none;
}
.accordion-content p {
  margin: 0;
  padding: 10px 0 16px;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
}

@media screen and (min-width: 768px) {
  .product-faq {
    padding: 50px;
  }
}

@media screen and (min-width: 992px) {
  .product-faq {
    padding: 50px 98px;
  }

  .accordion-trigger h3 {
    font-size: 20px;
  }
}