/* Shared FAQ block for static pages (about, contact, wholesale, home, blog) */
.site-faq {
  padding: 48px 0 56px;
  background: #f4f7f8;
  color: #10201f;
}
.site-faq h2 {
  font-size: 28px;
  letter-spacing: -0.4px;
  margin: 0 0 8px;
  font-weight: 800;
}
.site-faq-list {
  margin-top: 22px;
  max-width: 820px;
}
.site-faq-item {
  background: #fff;
  border: 1px solid #e1ebe9;
  border-radius: 14px;
  margin-bottom: 10px;
  padding: 0 18px;
}
.site-faq-item summary {
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  font-size: 15.5px;
  padding: 16px 0;
  position: relative;
  padding-right: 28px;
}
.site-faq-item summary::-webkit-details-marker { display: none; }
.site-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #0b5d57;
  font-size: 22px;
  font-weight: 700;
  transition: transform .2s ease;
}
.site-faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.site-faq-item .faq-a {
  margin: 0 0 16px;
  color: #5f7370;
  font-size: 14.5px;
  line-height: 1.7;
}
.site-faq-item .faq-a p {
  margin: 0 0 10px;
}
.site-faq-item .faq-a p:last-child {
  margin-bottom: 0;
}
.site-faq-item .faq-a a {
  color: #0b5d57;
  font-weight: 600;
  text-decoration: underline;
}
.site-faq-item .faq-a strong,
.site-faq-item .faq-a b {
  font-weight: 700;
  color: #10201f;
}
.site-faq-item .faq-a em,
.site-faq-item .faq-a i {
  font-style: italic;
}
@media (max-width: 760px) {
  .site-faq { padding: 36px 0 44px; }
  .site-faq h2 { font-size: 24px; }
}