/* Print.az — Shared product FAQ (approved Reklam accordion standard) */

.product-faq,
.faq-section.product-faq {
  padding: 48px 0 64px;
}

.product-faq__inner,
.product-faq .container {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
}

.product-faq__heading,
.product-faq h2 {
  margin: 0 0 18px;
  color: var(--ink, #17191d);
  font-size: clamp(1.45rem, 3vw, 1.9rem);
  font-weight: 700;
  line-height: 1.2;
}

.product-faq__list,
.product-faq .faq-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-faq__item,
.product-faq .faq-item {
  border: 1px solid var(--line, #e6e8ec);
  border-radius: 16px;
  background: var(--white, #ffffff);
  overflow: hidden;
}

.product-faq__item > summary,
.product-faq .faq-item > summary {
  cursor: pointer;
  list-style: none;
  padding: 18px 20px;
  color: var(--ink, #17191d);
  font-weight: 800;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  line-height: 1.35;
}

.product-faq__item > summary::-webkit-details-marker,
.product-faq .faq-item > summary::-webkit-details-marker {
  display: none;
}

.product-faq__item > summary::after,
.product-faq .faq-item > summary::after {
  content: "+";
  color: var(--accent, #d71920);
  font-weight: 800;
  flex: 0 0 auto;
  line-height: 1;
}

.product-faq__item[open] > summary::after,
.product-faq .faq-item[open] > summary::after {
  content: "−";
}

.product-faq__item > summary:focus-visible,
.product-faq .faq-item > summary:focus-visible {
  outline: 3px solid rgba(215, 25, 32, 0.22);
  outline-offset: -3px;
}

.product-faq__answer,
.product-faq .faq-item > p {
  margin: 0;
  padding: 0 20px 18px;
  color: var(--muted, #4f5865);
  line-height: 1.6;
}

.product-faq[hidden],
.product-faq.is-empty {
  display: none !important;
}

@media (max-width: 679.98px) {
  .product-faq,
  .faq-section.product-faq {
    padding: 36px 0 48px;
  }

  .product-faq__item > summary,
  .product-faq .faq-item > summary {
    padding: 16px 16px;
    font-size: 0.98rem;
  }

  .product-faq__answer,
  .product-faq .faq-item > p {
    padding: 0 16px 16px;
    font-size: 0.95rem;
  }
}