/*
 * Atlantic Image Defense — Public registration mobile containment
 * Version 1.15.4.19.35.266
 *
 * Prevents plan-card intrinsic widths from widening the complete registration
 * form on narrow Safari, Android WebView and in-app browser viewports.
 */

.auth-card--registration,
.auth-card--registration .registration-form,
.auth-card--registration .registration-form > *,
.auth-card--registration .registration-plan-fieldset,
.auth-card--registration .registration-billing-cycle,
.auth-card--registration .registration-plan-grid,
.auth-card--registration .registration-plan-card,
.auth-card--registration .registration-plan-card__surface,
.auth-card--registration .registration-plan-card__surface > *,
.auth-card--registration .registration-details-grid,
.auth-card--registration .registration-details-grid > *,
.auth-card--registration .registration-payment-note,
.auth-card--registration .registration-legal-panel,
.auth-card--registration .registration-legal-panel > * {
  min-width: 0;
  max-width: 100%;
}

.auth-card--registration .registration-form,
.auth-card--registration .registration-plan-fieldset,
.auth-card--registration .registration-billing-cycle,
.auth-card--registration .registration-plan-grid,
.auth-card--registration .registration-details-grid,
.auth-card--registration .registration-payment-note,
.auth-card--registration .registration-legal-panel {
  width: 100%;
}

.auth-card--registration .registration-plan-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.auth-card--registration .registration-plan-card__identity,
.auth-card--registration .registration-plan-card__badges,
.auth-card--registration .registration-plan-price,
.auth-card--registration .registration-plan-price-options,
.auth-card--registration .registration-plan-price-options > span,
.auth-card--registration .registration-plan-description,
.auth-card--registration .registration-plan-capacities,
.auth-card--registration .registration-plan-capacities > span,
.auth-card--registration .registration-plan-activation,
.auth-card--registration .registration-payment-note,
.auth-card--registration .registration-payment-note p,
.auth-card--registration .registration-legal-panel,
.auth-card--registration .registration-legal-panel p,
.auth-card--registration .registration-legal-consent span,
.auth-card--registration .registration-legal-consent small {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

.auth-card--registration .registration-field,
.auth-card--registration .registration-field input,
.auth-card--registration .registration-field select,
.auth-card--registration .registration-field textarea {
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

@media (max-width: 1100px) {
  .auth-card--registration .registration-plan-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .auth-card--registration .registration-details-grid,
  .auth-card--registration .registration-plan-price-options,
  .auth-card--registration .registration-billing-cycle {
    grid-template-columns: minmax(0, 1fr);
  }

  .auth-card--registration .registration-billing-cycle label,
  .auth-card--registration .registration-plan-card,
  .auth-card--registration .registration-plan-card__surface {
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }

  .auth-card--registration .registration-plan-card__badges {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .auth-card--registration .registration-plan-card__surface,
  .auth-card--registration .registration-details-grid,
  .auth-card--registration .registration-payment-note,
  .auth-card--registration .registration-legal-panel {
    overflow-wrap: anywhere;
  }
}