.faqs-block {
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  flex-direction: column;

  @media (min-width: 1024px) {
    padding-top: 112px;
    padding-bottom: 112px;

    flex-direction: row !important;
    align-items: start;
    justify-content: space-between;
  }

  & .faqs-block__heading {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 48px;

    @media (min-width: 1024px) {
      width: 37%;
      max-width: 360px;
      margin-bottom: 0;
    }

    @media (min-width: 1280px) {
      width: 30%;
      max-width: 400px;
    }

    & .faqs-block__description {
      max-width: 480px;

      @media (min-width: 1024px) {
        max-width: unset;
      }
    }
  }

  & .faqs-block__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0px;

    @media (min-width: 1024px) {
      width: 60%;
      max-width: 650px;
      gap: 16px;
    }

    @media (min-width: 1280px) {
      width: 68%;
      max-width: 650px;
    }
  }
}

.mammonova-faq-item {
  width: 100%;
  margin-bottom: 1rem;
  border-top: 1px solid var(--wp--preset--color--cannon-pink);
  overflow: hidden;

  & summary {
    list-style: none;
    cursor: pointer;
    display: block;
    position: relative;
    padding: 22.5px 72px 22.5px 16px;
    font-size: 18px;
    font-weight: 600;
    color: var(--wp--preset--color--neutral-dark, #4c4c4c);
  }

  & > *:not(summary) {
    padding: 0 24px 24px 24px;
  }

  & summary::-webkit-details-marker,
  & summary::marker {
    display: none; /* Hide native marker */
  }

  & summary::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='%239A4E81'/%3E%3Cpath d='M24.1668 14.8333H17.1668V7.83325L14.8335 7.83325V14.8333H7.8335L7.8335 17.1666H14.8335V24.1666H17.1668V17.1666H24.1668V14.8333Z' fill='white'/%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    right: 1rem; /* align inset from the right edge */
    width: 32px;
    height: 32px;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
  }
}

/* Rotate arrow when open */
.mammonova-faq-item[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
}