/* V1.27.44 — checkout mobile respeita a barra fixa superior e o dock inferior. */
@media (max-width:700px){
  body #checkoutModal.modal.open{
    --v12744-checkout-top:calc(var(--campaign-header-height,60px) + max(8px,env(safe-area-inset-top,0px)));
    --v12744-checkout-bottom:max(10px,env(safe-area-inset-bottom,0px));
    position:fixed!important;
    inset:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding-top:var(--v12744-checkout-top)!important;
    padding-right:max(10px,env(safe-area-inset-right,0px))!important;
    padding-bottom:var(--v12744-checkout-bottom)!important;
    padding-left:max(10px,env(safe-area-inset-left,0px))!important;
  }

  /* Quando as TAGs sociais fixas estão visíveis, o card também termina acima delas. */
  body.has-social-tag-dock #checkoutModal.modal.open{
    --v12744-checkout-bottom:calc(48px + max(8px,env(safe-area-inset-bottom,0px)));
  }

  body #checkoutModal.modal.open > .modal-card{
    position:relative!important;
    inset:auto!important;
    width:min(520px,100%)!important;
    max-height:calc(100dvh - var(--campaign-header-height,60px) - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    margin:0 auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    transform:none!important;
  }

  body.has-social-tag-dock #checkoutModal.modal.open > .modal-card{
    max-height:calc(100dvh - var(--campaign-header-height,60px) - 66px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  }
}