.popup-avail .homepage-popup {padding:24px 24px 24px 32px;     display: block;
    position: fixed;
    top: 50%;
    left: 0;
    background: var(--primary-white);
    z-index: 9999999;
    border: none;
    border-radius: 24px;
    width: calc(100% - 46px);
    max-width: 825px;
    max-height: 80vh;
    overflow: auto;
    transform: translateY(-50%);}
.popup-content {gap:24px; max-width:723px;}
.homepage-popup__top {padding:16px 0 0 0; border-bottom:1px solid var(--primary-black-01);}
.homepage-popup__main p {margin-bottom:16px;}
.homepage-popup > a.homepage-popup__close {padding:0;}
a.homepage-popup__close {padding:9px 18px; border-radius:40px;}
.close-ic {position:absolute; right:24px; text-decoration:none; font-size:24px;}
.homepage-popup__bottom {padding:8px 0 0 0; justify-content:end;}
.homepage-popup__main *:last-child {margin-bottom:0;}
body.popup-avail:before {content:''; width:100%; height:100%; position:fixed; left:0; top:0; background:var(--primary-carbon); opacity:0.2; z-index:100;}

@media all and (max-width: 991.98px) {
.header-main__hamburger {gap:16px; min-width:64px;}
body.popup-avail {overflow-y:hidden;}
}

@media all and (max-width: 767.98px) {
.popup-avail .homepage-popup {padding:24px; }
.homepage-popup > a {padding:0;}
.homepage-popup__top {padding:0px;}
.homepage-popup__main {padding:0 17px 0 0;}
.homepage-popup__bottom {padding: 17px 0 0 0;}
}

.homepage-popup__top .homepage-popup__close {width:16px !important; margin-top:5px;}

@media (max-width: 767.98px) and (orientation:landscape) {
.homepage-popup__main {height:200px;}
}