/* Bad Weather Modal */
.bad-weather-popup .popup-box .section-body {
    gap: 90px;
    background-color: var(--color-section-title);
    border-radius: 1rem;
    overflow: auto;
}

.bad-weather-popup .popup-box .section-body > img {
    width: 524px;
    height: auto;
    margin-block: auto;
}

.bad-weather-popup ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bad-weather-popup ul, 
.bad-weather-popup ul * { 
    color: var(--color-white);
}

.bad-weather-popup ul > li {
    margin-bottom: 68px;
}

.bad-weather-popup li:last-child {
    margin-bottom: 0;
}

.bad-weather-popup li h3 {
    color: var(--color-white);
    margin: 0 0 10px;
}

.bad-weather-popup li h3:after {
    content: none;
}

.bad-weather-popup li article {
    margin-bottom: 0;
}

.bad-weather-popup li article p, 
.bad-weather-popup ul > li article li {
    margin-bottom: 10px;
    font-size: 1.188rem;
}

.bad-weather-popup li ul {
    list-style-type: disc;
    padding-left: 2rem;
}

/* Responsive */
/* Desktop */
@media (min-width: 1281px) and (max-width: 1920px) { 
    /* Popups */
    .popup .popup-box .section-body { 
        padding: calc(100vw / 19.2); 
    }

    .popup .popup-heading {
        margin-bottom: calc(60vw / 19.2);
        font-size: calc(48vw / 19.2);
    }

    /* Bad Weather Popup */
    .bad-weather-popup .popup-box .section-body {
        gap: calc(90vw / 19.2);
    }

    .bad-weather-popup .popup-box .section-body > img {
        width: calc(524vw / 19.2);
    }

    .bad-weather-popup ul > li {
        margin-bottom: calc(60vw / 19.2);
    }

    .bad-weather-popup li h3 {
        font-size: calc(28vw / 19.2);
    }

    .bad-weather-popup li article p,
    .bad-weather-popup ul > li article li {
        font-size: calc(19vw / 19.2);
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1280px) { 
    /* Popup */
    .popup .popup-box { 
        padding-inline: calc(56vw / 12.8); 
    }

    .popup .popup-box .section-body { 
        padding: calc(100vw / 12.8); 
    }

    /* Bad Waether Popup */
    .popup .popup-box .section-body { 
        padding: 50px; 
    }

    .popup .popup-heading { 
        margin-bottom: 36px; 
        font-size: 2rem; 
    }

    .bad-weather-popup ul > li { 
        margin-bottom: 36px; 
    }

    .bad-weather-popup li h3 { 
        font-size: 1.125rem; 
    }

    .bad-weather-popup .popup-box .section-body { 
        gap: calc(30vw / 12.8); 
        align-items: flex-start; 
    }

    .bad-weather-popup .popup-box .section-body > img { 
        width: calc(300vw / 12.8); 
        margin-top: 0; 
    }
}

/* Mobile */
@media (max-width: 768px) {
    /* Popups */
    .popup .popup-box { 
        padding-inline: 20px; 
    }

    .popup .section-header { 
        margin-bottom: 22px; 
    }

    .popup .popup-heading { 
        margin-bottom: 40px; 
        font-size: 36px; 
    }

    /* Bad Weather */
    .bad-weather-popup .popup-box .section-body { 
        max-height: calc(100vh - 110px); 
        flex-direction: column; 
        gap: 0; 
        align-items: center; 
        border-radius: 8px; 
        padding: 50px 25px; 
        overflow: auto; 
    }

    .bad-weather-popup .popup-box .section-body > img { 
        width: 456px; 
        max-width: 100%; 
        margin-bottom: 50px; 
        order: 1; 
    }

    .bad-weather-popup .popup-box .section-body .section-content { 
        order: 2; 
    }

    .bad-weather-popup ul > li { 
        margin-bottom: 40px; 
    }

    .bad-weather-popup li h3 { 
        font-size: 22px; 
    }
}