.pricing-track-wrap {
  overflow-x: auto;
  scrollbar-width: none;
}
.pricing-nav-btn {
  display: none;
}
@media (min-width: 768px) {
  .pricing-nav-btn {
    display: inline-flex;
  }
}
.pricing-track-wrap::-webkit-scrollbar {
  display: none;
}
.pricing-track {
  scroll-snap-type: x proximity;
}
.pricing-slide {
  scroll-snap-align: start;
  flex: 0 0 calc((100% - 1rem) / 2);
}
@media (min-width: 1024px) {
  .pricing-slide {
    flex-basis: calc((100% - 2rem) / 3);
  }
}

/* Desktop carousel vs. mobile accordion (matches original's <768px breakpoint) */
.pricing-desktop-only {
  display: none;
}
.pricing-mobile-only {
  display: block;
}
@media (min-width: 768px) {
  .pricing-desktop-only {
    display: block;
  }
  .pricing-mobile-only {
    display: none;
  }
}

.pricing-mobile-collapse {
  overflow: hidden;
  max-height: 140px;
  transition: max-height 0.5s ease;
}
.pricing-mobile-collapse.expanded {
  max-height: 3000px;
}
.pricing-mobile-fade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--cream) 85%);
}
.pricing-mobile-fade.hidden {
  display: none;
}