/* =======================================================
faq
======================================================= */
.bl-faq {
  padding-block: calc(56/16 * 1rem) calc(80/16 * 1rem);
}
.bl-faq-details-wrapper {
  display: grid;
  gap: calc(48/16 * 1rem);
}
.bl-faq-details[open] .bl-faq-details-summary::after {
  scale: revert;
}
.bl-faq-details-summary {
  --_padding-block: calc(8/16 * 1rem);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: calc(24/16 * 1rem);
  align-items: center;
  padding-block: calc(var(--_padding-block) - var(--font-base-offset-top)) calc(var(--_padding-block) + var(--font-base-offset-top));
  padding-inline: calc(24/16 * 1rem);
  font-size: calc(18/16 * 1rem);
  font-weight: 700;
  line-height: calc(28/18);
  background-color: var(--color-contrast);
}
.bl-faq-details-summary::after {
  width: calc(18/16 * 1rem);
  height: calc(8/16 * 1rem);
  content: "";
  background-image: url("../images/faq/faq-details-arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  scale: -1 -1;
  translate: 0 var(--font-base-offset-top);
}
.bl-faq-details-summary-inner {
  display: grid;
  grid-template-columns: auto 1fr;
}
.bl-faq-details-summary-inner::before {
  content: "Q.";
}
.bl-faq-details-content-inner {
  padding-top: calc(24/16 * 1rem);
}