/* pricing breakpoints, loaded after the shared ones. */

@media (max-width: 1100px) {
  .pricing-frame { display: none; }
}

@media (max-width: 900px) {
  .inclusion-list { gap: 20px 16px; margin-top: 30px; }
  .inclusion-list li { padding-left: 28px; font-size: 16px; line-height: 24px; }
  .inclusion-list li::before { width: 20px; height: 20px; }
  .pricing-section { min-height: 0; padding: 80px 0; background-size: auto 100%; }
  .pricing-section .section-intro h2 { max-width: 360px; font-size: 40px; line-height: 40px; }
  .pricing-grid { display: flex; flex-direction: column; gap: 42px; margin-top: 60px; padding-inline: 16px; }
  .pricing-card { min-height: 660px; padding: 30px 24px 82px; }
  .pricing-price strong { font-size: 42px; }
  .pricing-card > p:not(.pricing-price) { min-height: 0; }
  .pricing-card footer { right: 24px; left: 24px; }
}