/* V55: strictly small-screen fixes. No changes to confirmed copy/layout elsewhere. */

/* TOP / samples: keep the second line (including punctuation) inside mobile width.
   Scales smoothly up to the original 33.3px size at 430px. */
@media (max-width: 430px) {
  .v28-site .v25-samples-heading {
    font-size: clamp(25px, 7.8vw, 33.3px);
  }
}

/* Services / pricing: protect the 320px cards from intrinsic min-content width.
   Larger phones (360px+) retain the original approved layout. */
@media (max-width: 359px) {
  .v36-services-page .v36-plan-card {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 41%) minmax(0, 59%);
  }
  .v36-services-page .v36-plan-intro {
    min-width: 0;
    padding-inline: 6px;
  }
  .v36-services-page .v36-plan-intro h3 {
    word-break: normal;
    overflow-wrap: anywhere;
  }
  .v36-services-page .v36-plan-price {
    min-width: 0;
    flex-wrap: wrap;
    gap: 2px 4px;
    padding-inline: 6px;
  }
  .v36-services-page .v36-plan-card ul {
    min-width: 0;
  }
  .v36-services-page .v36-plan-card li {
    overflow-wrap: anywhere;
  }
}

/* Keep the long plan name intact at exactly 320px. */
@media (max-width: 329px) {
  .v36-services-page .v36-plan-intro h3 {
    font-size: 12.8px;
    letter-spacing: -.035em;
    white-space: nowrap;
  }
}