/* =========================================================
   BHOWCO PROMO POPUP
   Professional Viewport Modal
   Version 3.4
   Priority: Face > Gesture > Exhibition Environment
   ========================================================= */


/* =========================================================
   1. OVERLAY
   ========================================================= */

.mfp-bg {
    position: fixed !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 999990 !important;

    background: rgba(4, 18, 31, 0.82) !important;

    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}


/* =========================================================
   2. REAL WOODMART PROMO WRAPPER
   ========================================================= */

.mfp-wrap.wd-mfp-popup-wrap-legacy {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;

    margin: 0 !important;

    z-index: 999999 !important;

    overflow: hidden !important;
}


/* =========================================================
   3. VIEWPORT CENTERING
   ========================================================= */

.mfp-wrap.wd-mfp-popup-wrap-legacy > .mfp-container {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 30px !important;

    box-sizing: border-box !important;

    text-align: initial !important;
}


.mfp-wrap.wd-mfp-popup-wrap-legacy > .mfp-container::before {
    display: none !important;
    content: none !important;
}


/* =========================================================
   4. CONTENT CARRIER
   ========================================================= */

.mfp-wrap.wd-mfp-popup-wrap-legacy .mfp-content {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 1060px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    vertical-align: initial !important;
}


/* =========================================================
   5. WOODMART ANIMATION WRAPPER
   Transform intentionally untouched.
   ========================================================= */

.mfp-wrap.wd-mfp-popup-wrap-legacy .wd-popup-wrap {
    position: relative !important;

    width: 100% !important;
    max-width: 1060px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   6. POPUP BODY
   Compact composition retained.
   Image anchor corrected to protect face.
   ========================================================= */

#popup-legacy.wd-promo-popup {
    position: relative !important;

    width: 100% !important;
    max-width: 1060px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 14px;

    background-repeat: no-repeat !important;
    background-size: cover !important;

    /*
     * Source: 1536 × 1024
     * Compact popup crop retained.
     * Vertical anchor moved upward to restore head/eyes
     * while preserving as much of the invitation gesture
     * as the compact frame allows.
     */
    background-position: center 32% !important;

    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.48),
        0 4px 18px rgba(0, 0, 0, 0.25);
}


#popup-legacy .wd-popup-inner {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   7. CONTENT LAYOUT
   ========================================================= */

#popup-legacy .bhowco-investment-popup {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    width: 100%;
    min-height: 590px;

    padding: 38px 44px;

    box-sizing: border-box;
}


/* =========================================================
   8. GLASS PANEL
   ========================================================= */

#popup-legacy .bhowco-investment-popup__glass {
    width: 46%;
    max-width: 450px;

    padding: 29px 31px 30px;

    box-sizing: border-box;

    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;

    background: rgba(9, 27, 52, 0.80);

    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);

    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.27),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}


/* =========================================================
   9. EYEBROW
   ========================================================= */

#popup-legacy .bhowco-investment-popup__eyebrow {
    margin: 0 0 14px;

    color: #fbbf24;

    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;

    letter-spacing: 0.11em;
    text-transform: uppercase;
}


/* =========================================================
   10. HEADLINE
   ========================================================= */

#popup-legacy .bhowco-investment-popup__title {
    margin: 0 0 19px !important;

    color: #ffffff !important;

    font-size: 29px;
    font-weight: 500;
    line-height: 1.18;

    letter-spacing: -0.025em;
}


#popup-legacy .bhowco-investment-popup__title strong {
    color: #ffffff !important;
    font-weight: 700;
}


/* =========================================================
   11. MESSAGE
   ========================================================= */

#popup-legacy .bhowco-investment-popup__message {
    margin: 0 0 24px;
}


#popup-legacy .bhowco-investment-popup__message p {
    margin: 0 0 6px !important;

    color: rgba(255, 255, 255, 0.82) !important;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}


#popup-legacy .bhowco-investment-popup__message p:last-child {
    margin-bottom: 0 !important;
}


#popup-legacy .bhowco-investment-popup__message strong {
    color: #ffffff !important;
    font-weight: 600;
}


/* =========================================================
   12. CTA
   ========================================================= */

#popup-legacy .bhowco-investment-popup__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 47px;

    padding: 12px 19px;

    border: 1px solid #fbbf24;
    border-radius: 7px;

    background: #fbbf24;

    color: #132238 !important;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;

    text-decoration: none !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


#popup-legacy .bhowco-investment-popup__cta span {
    display: inline-block;

    font-size: 17px;
    line-height: 1;

    transition: transform 0.2s ease;
}


#popup-legacy .bhowco-investment-popup__cta:hover,
#popup-legacy .bhowco-investment-popup__cta:focus-visible {
    border-color: #ffffff;

    background: #ffffff;

    color: #132238 !important;

    transform: translateY(-1px);
}


#popup-legacy .bhowco-investment-popup__cta:hover span,
#popup-legacy .bhowco-investment-popup__cta:focus-visible span {
    transform: translateX(3px);
}


/* =========================================================
   13. CLOSE BUTTON
   ========================================================= */

.mfp-wrap.wd-mfp-popup-wrap-legacy .wd-popup-close {
    position: absolute !important;

    top: 12px !important;
    right: 12px !important;

    z-index: 50 !important;
}


.mfp-wrap.wd-mfp-popup-wrap-legacy .wd-popup-close a {
    color: #ffffff !important;
}


/* =========================================================
   14. SMALL LAPTOP
   ========================================================= */

@media (max-width: 1100px) {

    .mfp-wrap.wd-mfp-popup-wrap-legacy > .mfp-container {
        padding: 24px !important;
    }

    .mfp-wrap.wd-mfp-popup-wrap-legacy .mfp-content,
    .mfp-wrap.wd-mfp-popup-wrap-legacy .wd-popup-wrap,
    #popup-legacy.wd-promo-popup {
        max-width: 940px !important;
    }

    #popup-legacy .bhowco-investment-popup {
        min-height: 535px;

        padding: 30px 34px;
    }

    #popup-legacy.wd-promo-popup {
        background-position: center 32% !important;
    }

    #popup-legacy .bhowco-investment-popup__glass {
        width: 48%;
        max-width: 420px;

        padding: 26px;
    }

    #popup-legacy .bhowco-investment-popup__title {
        font-size: 26px;
    }
}


/* =========================================================
   15. SHORT DESKTOP / LAPTOP VIEWPORT
   ========================================================= */

@media (min-width: 769px) and (max-height: 720px) {

    .mfp-wrap.wd-mfp-popup-wrap-legacy > .mfp-container {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    #popup-legacy .bhowco-investment-popup {
        min-height: 520px;
    }

    #popup-legacy.wd-promo-popup {
        background-position: center 30% !important;
    }

    #popup-legacy .bhowco-investment-popup__glass {
        padding-top: 24px;
        padding-bottom: 25px;
    }

    #popup-legacy .bhowco-investment-popup__title {
        margin-bottom: 15px !important;
        font-size: 26px;
    }

    #popup-legacy .bhowco-investment-popup__message {
        margin-bottom: 19px;
    }
}


/* =========================================================
   16. TABLET
   ========================================================= */

@media (max-width: 768px) {

    .mfp-wrap.wd-mfp-popup-wrap-legacy > .mfp-container {
        padding: 16px !important;
    }

    .mfp-wrap.wd-mfp-popup-wrap-legacy .mfp-content,
    .mfp-wrap.wd-mfp-popup-wrap-legacy .wd-popup-wrap,
    #popup-legacy.wd-promo-popup {
        max-width: 720px !important;
    }

    #popup-legacy.wd-promo-popup {
        background-position: 42% 32% !important;
    }

    #popup-legacy .bhowco-investment-popup {
        min-height: 500px;

        padding: 22px;
    }

    #popup-legacy .bhowco-investment-popup__glass {
        width: 52%;
        max-width: 390px;

        padding: 23px;
    }

    #popup-legacy .bhowco-investment-popup__title {
        font-size: 24px;
    }
}


/* =========================================================
   17. MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .mfp-wrap.wd-mfp-popup-wrap-legacy {
        overflow: hidden !important;
    }

    .mfp-wrap.wd-mfp-popup-wrap-legacy > .mfp-container {
        align-items: center !important;

        padding: 10px !important;
    }

    .mfp-wrap.wd-mfp-popup-wrap-legacy .mfp-content,
    .mfp-wrap.wd-mfp-popup-wrap-legacy .wd-popup-wrap {
        width: 100% !important;
        max-width: 440px !important;
    }

    #popup-legacy.wd-promo-popup {
        width: 100% !important;
        max-width: 440px !important;

        max-height: calc(100dvh - 20px);

        overflow-y: auto !important;

        border-radius: 12px;

        background-position: 38% 32% !important;
    }

    #popup-legacy .bhowco-investment-popup {
        align-items: flex-end;
        justify-content: center;

        min-height: min(650px, calc(100dvh - 20px));

        padding: 14px;
    }

    #popup-legacy .bhowco-investment-popup__glass {
        width: 100%;
        max-width: none;

        padding: 20px 19px 21px;

        border-radius: 10px;

        background: rgba(9, 27, 52, 0.87);

        -webkit-backdrop-filter: blur(9px);
        backdrop-filter: blur(9px);
    }

    #popup-legacy .bhowco-investment-popup__eyebrow {
        margin-bottom: 9px;

        font-size: 9px;
    }

    #popup-legacy .bhowco-investment-popup__title {
        margin-bottom: 13px !important;

        font-size: clamp(21px, 6vw, 25px);
        line-height: 1.17;
    }

    #popup-legacy .bhowco-investment-popup__message {
        margin-bottom: 17px;
    }

    #popup-legacy .bhowco-investment-popup__message p {
        font-size: 13px;
        line-height: 1.45;
    }

    #popup-legacy .bhowco-investment-popup__cta {
        width: 100%;

        min-height: 47px;

        padding: 11px 14px;

        font-size: 12.5px;
    }
}


/* =========================================================
   18. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {

    .mfp-wrap.wd-mfp-popup-wrap-legacy > .mfp-container {
        padding: 7px !important;
    }

    #popup-legacy.wd-promo-popup {
        max-height: calc(100dvh - 14px);
    }

    #popup-legacy .bhowco-investment-popup {
        min-height: min(620px, calc(100dvh - 14px));

        padding: 10px;
    }

    #popup-legacy .bhowco-investment-popup__glass {
        padding: 17px 16px 18px;
    }

    #popup-legacy .bhowco-investment-popup__title {
        font-size: 20px;
    }

    #popup-legacy .bhowco-investment-popup__message p {
        font-size: 12.5px;
    }
}