/* Mobile form width fix - overrides CDN-cached px-5 */
@media (max-width: 767px) {
  .px-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
  .px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .premium-demo > .mx-auto { padding-left: 12px !important; padding-right: 12px !important; gap: 12px !important; }
  .premium-demo > .mx-auto.grid { grid-template-columns: 1fr !important; }
  .premium-demo-form { width: 100% !important; max-width: none !important; padding: 20px !important; }
  .premium-demo-form input, .premium-demo-form select, .premium-demo-form textarea { width: 100% !important; max-width: none !important; }
  .premium-demo .premium-demo__intro { padding: 0 0 12px 0 !important; width: 100% !important; }
  .premium-demo > .mx-auto.lg\:grid-cols-\[0\.8fr_1\.2fr\] { grid-template-columns: 1fr !important; }
}
/* Override px-5 globally to correct value (CDN serves wrong 3rem) */
.px-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
.px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }