/* Responsive grid-area overrides for Saasico 12/8/6 column breakpoints */
/* Desktop (>991px) - 12 columns */

/* FAQ accordion overrides (Webflow JS not loaded, overrides Saasico display:none) */
.faq .accordion-item-text {
  display: block !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq [data-open="true"] .accordion-item-text {
  max-height: 200px;
}

.faq [data-open="true"] .faq-icon {
  transform: rotate(180deg);
}

.faq .faq-icon {
  transition: transform 0.3s ease;
}

.gc-half { grid-area: span 1 / span 6 / span 1 / span 6; }
.gc-card { grid-area: span 1 / span 4 / span 1 / span 4; }
.gc-footer-col { grid-area: span 1 / span 4 / span 1 / span 4; }
.gc-stat { grid-area: span 1 / span 6 / span 1 / span 6; }
.gc-feature-img { grid-area: span 1 / span 6 / span 1 / span 6; }
.gc-feature-text-right { grid-area: 1 / 8 / 2 / 12; }
.gc-feature-text-left { grid-area: 1 / 2 / 2 / 6; }
.gc-feature-img-right { grid-area: 1 / 7 / 2 / 13; }
.gc-full-offset { grid-area: 1 / 2 / 2 / 12; }
.gc-metrics-text { grid-area: span 1 / span 5 / span 1 / span 5; }
.gc-metrics-image { grid-area: 1 / 7 / 2 / 13; }
.gc-cta-text { grid-area: span 1 / span 7 / span 1 / span 7; }
.gc-cta-image { grid-area: span 1 / span 5 / span 1 / span 5; }

/* Tablet (≤991px) - 8 columns */
@media screen and (max-width: 991px) {
  .gc-half { grid-area: span 1 / span 4 / span 1 / span 4; }
  .gc-card { grid-area: span 1 / span 4 / span 1 / span 4; }
  .gc-footer-col { grid-area: span 1 / span 4 / span 1 / span 4; }
  .gc-stat { grid-area: span 1 / span 4 / span 1 / span 4; }
  .gc-feature-img { grid-area: span 1 / span 8 / span 1 / span 8; }
  .gc-feature-text-right { grid-area: span 1 / span 8 / span 1 / span 8; }
  .gc-feature-text-left { grid-area: span 1 / span 8 / span 1 / span 8; }
  .gc-feature-img-right { grid-area: span 1 / span 8 / span 1 / span 8; }
  .gc-full-offset { grid-area: span 1 / span 8 / span 1 / span 8; }
  .gc-metrics-text { grid-area: span 1 / span 8 / span 1 / span 8; }
  .gc-metrics-image { grid-area: span 1 / span 8 / span 1 / span 8; }
  .gc-cta-text { grid-area: span 1 / span 8 / span 1 / span 8; }
  .gc-cta-image { grid-area: span 1 / span 8 / span 1 / span 8; }
}

/* Mobile (≤767px) - 6 columns */
@media screen and (max-width: 767px) {
  .gc-half { grid-area: span 1 / span 6 / span 1 / span 6; }
  .gc-card { grid-area: span 1 / span 6 / span 1 / span 6; }
  .gc-footer-col { grid-area: span 1 / span 3 / span 1 / span 3; }
  .gc-stat { grid-area: span 1 / span 3 / span 1 / span 3; }
  .gc-feature-img { grid-area: span 1 / span 6 / span 1 / span 6; }
  .gc-feature-text-right { grid-area: span 1 / span 6 / span 1 / span 6; }
  .gc-feature-text-left { grid-area: span 1 / span 6 / span 1 / span 6; }
  .gc-feature-img-right { grid-area: span 1 / span 6 / span 1 / span 6; }
  .gc-full-offset { grid-area: span 1 / span 6 / span 1 / span 6; }
  .gc-metrics-text { grid-area: span 1 / span 6 / span 1 / span 6; }
  .gc-metrics-image { grid-area: span 1 / span 6 / span 1 / span 6; }
  .gc-cta-text { grid-area: span 1 / span 6 / span 1 / span 6; }
  .gc-cta-image { grid-area: span 1 / span 6 / span 1 / span 6; }
}