/* =========================================================
   FIT-ONLY FINAL
   คงรูปแบบเดิมทุกอย่าง แก้เฉพาะขนาดให้พอดีจอและ popup อยู่กลาง
========================================================= */
.modal,
.baac-popup-backdrop{
  align-items:center !important;
  justify-content:center !important;
}

@media (max-width:600px){
  .container{
    width:92vw !important;
    max-width:410px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .modal{
    padding:14px !important;
  }

  .modal-box{
    width:min(90vw,390px) !important;
    max-width:390px !important;
    max-height:82dvh !important;
    overflow-y:auto !important;
    margin:auto !important;
    padding:22px 20px !important;
  }

  .baac-popup-backdrop{
    padding:14px !important;
  }

  .baac-popup-card{
    width:min(86vw,360px) !important;
    max-width:360px !important;
    max-height:78dvh !important;
    overflow:hidden !important;
    margin:auto !important;
  }

  .baac-popup-body{
    padding:22px 20px 16px !important;
  }

  .baac-popup-icon{
    width:54px !important;
    height:54px !important;
    font-size:27px !important;
  }

  .baac-popup-title{
    font-size:21px !important;
  }

  .baac-popup-message{
    font-size:15px !important;
    line-height:1.45 !important;
  }

  .baac-popup-btn{
    min-height:46px !important;
    font-size:16px !important;
  }
}

@media (min-width:601px) and (max-width:1100px){
  .modal-box{
    width:min(68vw,470px) !important;
    max-width:470px !important;
    margin:auto !important;
  }

  .baac-popup-card{
    width:min(58vw,430px) !important;
    max-width:430px !important;
    margin:auto !important;
  }
}