/* 讓 form 變成 Flex 容器並撐滿高度 */
#checkoutModal form {
    display: flex;
    flex-direction: column;
    height: 100%; /* 關鍵：讓 form 填滿 content */
    margin-bottom: 0;
}

/* 讓 body 自動延伸，將 footer 擠到底部 */
#checkoutModal .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
}

/* 確保 footer 始終在底部且不縮小 */
#checkoutModal .modal-footer {
    flex-shrink: 0;
    background-color: #fff; /* 防止背景透明 */
    border-top: 1px solid #dee2e6;
}