@media (min-width: 861px) and (max-width: 1450px) {
    .dropdown-panel {
        width: min(960px, calc(100vw - 80px));
        padding: 16px 18px;
    }

    .mega-service-page {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px 12px;
    }

    .mega-service-card {
        min-height: 84px;
        aspect-ratio: 2.35 / 1;
        padding: 14px 16px;
        border-radius: 12px;
        font-size: 12.5px;
        line-height: 1.2;
    }

    .mega-pager {
        margin-top: 10px;
        padding-top: 10px;
    }
}

@media (min-width: 861px) and (max-width: 1100px) {
    .dropdown-panel {
        width: min(880px, calc(100vw - 54px));
    }

    .mega-service-card {
        min-height: 78px;
        padding: 12px 14px;
        font-size: 12px;
    }
}