/** Shopify CDN: Minification failed

Line 10:0 Unexpected "<"
Line 95:0 Unexpected "<"

**/


/* CSS from section stylesheet tags */
<style>
.faq-tabs {
  margin-top: 20px;
}
.faq-tab-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 40px;
  flex-wrap: wrap;
  justify-content: center;
}
.faq-tab-button {
  padding: 10px 20px;
  background: #eee;
  border: none;
  cursor: pointer;
  color: #000;
  text-transform: capitalize;
  font-size: 16px;
}
.faq-tab-button.active {
  background: linear-gradient(to bottom, var(--btn-primary-bg-hover) 50%, #ec632c 50%) no-repeat scroll right bottom / 100% 210% var(--btn-primary-bg);
  color: white;
}
.faq-tab-content {
  display: none;
}
.faq-tab-content.active {
  display: block;
}

/* 美化手风琴样式 */
  .accordion-item {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s ease;
}

.accordion-header {
  padding: 16px 20px;
  cursor: pointer;
  font-weight: 600;
  position: relative;
  background: #fdfcfc;;
  font-size: 16px;
  color: #000;
}

.accordion-header::after {
  content: '+';
  position: absolute;
  right: 20px;
  font-size: 20px;
  transition: transform 0.3s ease;
}

.accordion-item.active .accordion-header::after {
  content: '–';
}

.accordion-body {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  background: #fff;
  transition: max-height 0.4s ease, padding 0.3s ease;
  opacity: 0;
}

.accordion-item.active .accordion-body {
  max-height: 500px;
  padding: 15px 20px 20px 20px;
  opacity: 1;
}


@media (min-width: 1025px) {
  .faq-tab-content {
    max-width: 970px !important;
    margin: 0 auto;
  }
}
</style>