.modal.fade .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100vh - 1rem);
}

#modalShipping .modal-content,
#modalTerms .modal-content,
#modalPrivacy .modal-content {
    border-radius: 16px;
    border: none;
    overflow: hidden;

    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}

#modalShipping .modal-header,
#modalTerms .modal-header,
#modalPrivacy .modal-header {
    background: linear-gradient(135deg, #0d6efd, #1e3a8a);
    color: #fff;

    border-bottom: none;
    padding: 20px 25px;
}

#modalShipping .modal-title,
#modalTerms .modal-title,
#modalPrivacy .modal-title {
    font-weight: 600;
    font-size: 18px;
}

#modalShipping .btn-close,
#modalTerms .btn-close,
#modalPrivacy .btn-close {
    filter: invert(1);
    opacity: 0.8;
}

#modalShipping .btn-close:hover,
#modalTerms .btn-close:hover,
#modalPrivacy .btn-close:hover {
    opacity: 1;
}

#modalShipping .modal-body,
#modalTerms .modal-body,
#modalPrivacy .modal-body {
    padding: 30px;

    font-size: 15px;
    line-height: 1.7;

    color: #334155;
}

#modalShipping .modal-body h5,
#modalTerms .modal-body h5,
#modalPrivacy .modal-body h5 {
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;

    color: #0f172a;

    position: relative;
    padding-left: 14px;
}

#modalShipping .modal-body h5::before,
#modalTerms .modal-body h5::before,
#modalPrivacy .modal-body h5::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;

    width: 4px;
    height: 16px;

    background: #0d6efd;
    border-radius: 2px;
}

#modalShipping .modal-body p,
#modalTerms .modal-body p,
#modalPrivacy .modal-body p {
    margin-bottom: 10px;
}

#modalShipping .modal-body ul,
#modalTerms .modal-body ul,
#modalPrivacy .modal-body ul,
#modalShipping .modal-body ol,
#modalTerms .modal-body ol,
#modalPrivacy .modal-body ol {
    padding-left: 20px;
    margin-top: 10px;
}

#modalShipping .modal-body li,
#modalTerms .modal-body li,
#modalPrivacy .modal-body li {
    margin-bottom: 6px;
}

#modalShipping .modal-body a,
#modalTerms .modal-body a,
#modalPrivacy .modal-body a {
    color: #0d6efd;
    text-decoration: none;
}

#modalShipping .modal-body a:hover,
#modalTerms .modal-body a:hover,
#modalPrivacy .modal-body a:hover {
    text-decoration: underline;
}

#modalShipping .modal-body::-webkit-scrollbar,
#modalTerms .modal-body::-webkit-scrollbar,
#modalPrivacy .modal-body::-webkit-scrollbar {
    width: 6px;
}

#modalShipping .modal-body::-webkit-scrollbar-thumb,
#modalTerms .modal-body::-webkit-scrollbar-thumb,
#modalPrivacy .modal-body::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}