/**
 * @file address.scss
 * @description Styles pour la page Address (Abonnement)
 */
/**
 * @file _tokens.scss
 * @description Variables de design (couleurs, typo, espacements, breakpoints)
 */
@media (min-width: 768px) {
  #page-address.container.tablet-bordered-card {
    width: clamp(740px, 85vw, 1000px);
    max-width: unset;
    min-width: unset;
    margin: 0 auto;
    padding-inline: clamp(1rem, 3vw, 4rem);
    padding-block: 4rem;
  }
  #page-address form#address {
    display: grid;
    gap: 4rem;
    grid-template-columns: 1fr 1.5fr;
    align-items: start;
    padding-inline: 2rem;
  }
  #page-address form#address > *:first-child {
    justify-items: start;
  }
  #page-address .credit-amount-display {
    width: clamp(200px, 70%, 300px);
    margin-inline: 0;
  }
}