/* Gagniz V114.72 — finition inscription mobile Redmi A5 uniquement */
@media(max-width:768px){
  .gzn-ma-signup{
    min-height:100dvh;
    padding-bottom:calc(24px + env(safe-area-inset-bottom));
  }

  .gzn-ma-signup .gzn-ma-head{
    min-height:60px;
    padding:calc(6px + env(safe-area-inset-top)) 14px 6px;
  }
  .gzn-ma-signup .gzn-ma-back{width:40px;height:40px;font-size:28px}
  .gzn-ma-signup .gzn-ma-brand img{height:30px}
  .gzn-ma-signup .gzn-ma-head-link{font-size:10px;min-height:38px;display:flex;align-items:center}

  .gzn-ma-signup .gzn-ma-hero{
    min-height:176px;
    padding:8px 14px 2px;
    grid-template-columns:minmax(0,60%) minmax(0,40%);
  }
  .gzn-ma-signup .gzn-ma-kicker{font-size:9px;padding:6px 9px}
  .gzn-ma-signup .gzn-ma-hero-copy h1{font-size:29px;line-height:.99;margin:9px 0 7px}
  .gzn-ma-signup .gzn-ma-hero-copy p{font-size:11px;line-height:1.4;max-width:200px}
  .gzn-ma-signup .gzn-ma-hero-agent{height:160px}
  .gzn-ma-signup .gzn-ma-agent-orb{width:136px;height:136px;right:-28px}
  .gzn-ma-signup .gzn-ma-hero-agent figure{width:128px;height:148px;right:-10px}
  .gzn-ma-signup .gzn-ma-agent-label{left:-10px;bottom:9px;min-width:112px;padding:8px 9px}
  .gzn-ma-signup .gzn-ma-agent-label b{font-size:10px}
  .gzn-ma-signup .gzn-ma-agent-label small{font-size:9px}

  .gzn-ma-signup .gzn-ma-steps{margin:5px 22px 12px;gap:7px}
  .gzn-ma-signup .gzn-ma-steps b{width:30px;height:30px;font-size:10px}
  .gzn-ma-signup .gzn-ma-steps small{font-size:9px;line-height:1.2}

  .gzn-ma-signup .gzn-ma-card{
    margin:0 13px;
    padding:18px 15px 16px;
    border-radius:22px;
  }
  .gzn-ma-signup .gzn-ma-card-head h2{font-size:23px}
  .gzn-ma-signup .gzn-ma-card-head p{font-size:11px;line-height:1.4}
  .gzn-ma-signup .gzn-ma-alert{font-size:10px;padding:10px 11px}

  .gzn-ma-signup .gzn-ma-form{gap:13px;margin-top:16px}
  .gzn-ma-signup .gzn-ma-field{gap:7px}
  .gzn-ma-signup .gzn-ma-field>span,
  .gzn-ma-signup .gzn-ma-field-row>b{font-size:10px}
  .gzn-ma-signup .gzn-ma-field>small{font-size:9px;line-height:1.35}
  .gzn-ma-signup .gzn-ma-field-row em{font-size:9px}

  .gzn-ma-signup .gzn-ma-control{
    min-height:54px;
    grid-template-columns:34px minmax(0,1fr) auto;
    padding:0 11px;
    border-radius:14px;
  }
  .gzn-ma-signup .gzn-ma-control>i{width:30px;height:30px;font-size:12px}
  .gzn-ma-signup .gzn-ma-control input{
    height:50px;
    font-size:16px!important;
  }
  .gzn-ma-signup .gzn-ma-control button{min-height:38px;font-size:10px;padding:0 2px}

  .gzn-ma-signup .gzn-ma-terms{gap:10px}
  .gzn-ma-signup .gzn-ma-terms input{width:20px;height:20px;flex-basis:20px}
  .gzn-ma-signup .gzn-ma-terms span{font-size:10px;line-height:1.45}

  .gzn-ma-signup .gzn-ma-submit{min-height:54px;font-size:12px;padding:0 15px}
  .gzn-ma-signup .gzn-ma-submit>i{width:29px;height:29px}

  .gzn-ma-signup .gzn-ma-switch{margin-top:14px;font-size:10px}
  .gzn-ma-signup .gzn-ma-trust{margin-top:14px;gap:8px 14px;font-size:9.5px;line-height:1.4}

  .gzn-ma-signup .gzn-ma-footer{margin:17px 13px 0;padding-bottom:4px}
  .gzn-ma-signup .gzn-ma-footer nav{gap:8px 14px}
  .gzn-ma-signup .gzn-ma-footer a{font-size:9.5px;line-height:1.45}
  .gzn-ma-signup .gzn-ma-footer>span{font-size:9px;margin-top:10px}
}

@media(max-width:370px){
  .gzn-ma-signup .gzn-ma-hero{grid-template-columns:minmax(0,59%) minmax(0,41%);min-height:172px}
  .gzn-ma-signup .gzn-ma-hero-copy h1{font-size:27px}
  .gzn-ma-signup .gzn-ma-hero-copy p{font-size:10.5px}
  .gzn-ma-signup .gzn-ma-hero-agent{height:156px}
  .gzn-ma-signup .gzn-ma-hero-agent figure{width:124px;height:144px}
  .gzn-ma-signup .gzn-ma-agent-label{left:-12px;min-width:108px}
  .gzn-ma-signup .gzn-ma-card{margin-left:11px;margin-right:11px;padding-left:14px;padding-right:14px}
  .gzn-ma-signup .gzn-ma-steps{margin-left:18px;margin-right:18px}
}

/* Quand le clavier Android réduit fortement la hauteur, le formulaire devient prioritaire. */
@media(max-width:768px) and (max-height:650px){
  .gzn-ma-signup .gzn-ma-hero{min-height:120px;padding-top:3px}
  .gzn-ma-signup .gzn-ma-hero-agent{height:116px}
  .gzn-ma-signup .gzn-ma-hero-agent figure{width:104px;height:112px}
  .gzn-ma-signup .gzn-ma-agent-orb{width:106px;height:106px}
  .gzn-ma-signup .gzn-ma-agent-label{display:none}
  .gzn-ma-signup .gzn-ma-hero-copy h1{font-size:24px;margin:5px 0}
  .gzn-ma-signup .gzn-ma-hero-copy p{font-size:10px}
  .gzn-ma-signup .gzn-ma-steps{margin-top:2px;margin-bottom:8px}
}