#features .feature-viewport { overflow-x: auto; overflow-y: hidden; margin: 0 !important; padding: 0 0 12px; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; }
#features .feature-viewport::-webkit-scrollbar { display: none; }
#features .feature-track { transform: none !important; touch-action: pan-x pan-y !important; cursor: auto; }
#features .feature-track > div { flex-shrink: 0; scroll-snap-align: start; }
.pricing-carousel-controls { display: none; }
#features button:disabled, .pricing-carousel-controls button:disabled { opacity: .35; cursor: default; transform: none; }
@media (max-width: 767px) {
  .pricing-carousel-controls { display: flex; }
  .pricing-carousel { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 100%; gap: 20px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #c6a0e4 transparent; padding: 3px 0 14px; }
  .pricing-carousel > div { min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; }
  .pricing-carousel article { min-width: 0; padding: 28px 20px 20px; }
  .pricing-carousel article > h3 + p { min-height: 0; margin-top: 10px; }
  .pricing-carousel article > div.mt-6 { margin-top: 14px; }
  .pricing-carousel article .h-display { font-size: 56px !important; }
  .pricing-carousel article > p.body { line-height: 1.4; }
  .pricing-carousel article > p.mt-3 { margin-top: 8px; }
  .pricing-carousel article > a.btn { margin-top: 16px; min-height: 44px; padding: 12px 16px !important; }
  .pricing-carousel article > p.eyebrow { margin-top: 16px !important; }
  .pricing-carousel article > span.eyebrow { top: 8px; right: 16px; padding: 3px 8px; }
  .pricing-carousel article > ul { margin-top: 10px; gap: 6px; }
  .pricing-carousel article li.body { line-height: 1.35; }
  #features .feature-track { width: 100% !important; gap: 20px !important; transform: none !important; touch-action: pan-x pan-y !important; cursor: auto; }
  #features .feature-track > div { flex: 0 0 100%; width: 100%; min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; }
  #features .feature-track article { width: 100% !important; height: auto !important; min-height: 380px; }
}
@media (max-width: 360px) {
  .pricing-carousel article { padding-right: 16px; padding-left: 16px; }
  .pricing-carousel article > p.body, .pricing-carousel article li.body { font-size: 14px !important; }
}