/* =========================
   TEMPLATE CORRECT
   ========================= */

#sp-main-body {
    padding: 0px 0;
    background-color: #fafafa;
}

/* ==================================================
   HERO — MOBILE
   ================================================== */

@media (max-width: 767.98px) {

    /* H1 */
    #sppb-addon-63465b98-0bcf-44e4-ab81-8a48e0db0f42
    .sppb-addon-header
    .sppb-addon-title {
        font-size: 36px !important;
        line-height: 0.95 !important;
        letter-spacing: -0.6px !important;
        margin-bottom: 16px !important;
    }

    /* Подзаголовок под H1 */
    #sppb-addon-e31b0b47-df4f-4c03-af30-9ba2085902ee
    .sppb-addon-content {
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    /* Кнопка */
    #sppb-addon-8f50085e-746c-45ab-bd92-b64ef4bdd0f9
    .sppb-btn {
        font-size: 14px !important;
        padding: 11px 15px !important;
    }

    /* Преимущества */
    .hero-benefits {
        gap: 12px !important;
        margin-top: 4px;
    }

    .hero-benefit {
        gap: 9px !important;
    }

    .hero-benefit__icon {
        width: 27px !important;
        height: 27px !important;
    }

    .hero-benefit__text {
        font-size: 12px !important;
        line-height: 1.25 !important;
    }

    /* Заголовок Tourvisor */
    .hero-tour-search__title {
        font-size: 17px !important;
        line-height: 1.25 !important;
    }

    .hero-tour-search {
        padding: 16px 16px 20px !important;
        border-radius: 16px !important;
    }

}


/* Очень узкие экраны */
@media (max-width: 360px) {

    #sppb-addon-63465b98-0bcf-44e4-ab81-8a48e0db0f42
    .sppb-addon-header
    .sppb-addon-title {
        font-size: 31px !important;
        line-height: 0.94 !important;
    }

}



/* =========================
   DOROGO.BY — SERVICE MENU
   ========================= */

.service-menu-module {
    margin: 0;
}

.service-menu-module .mod-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.service-menu-module .mod-menu > li {
    display: block;
    margin: 0;
    padding: 0;
}

.service-menu-module .mod-menu > li > a {
    display: block;
    color: #555;
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s ease;
}

.service-menu-module .mod-menu > li > a:hover,
.service-menu-module .mod-menu > li > a:focus {
    color: #222;
}



/* =========================
   DOROGO.BY — HEADER CTA
   ========================= */

.header-tour-cta {
    margin: 0;
    text-align: right;
}

.header-tour-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;

    padding: 11px 18px;

    border-radius: 6px;

    font-size: 14px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none;
}


/* =========================
   DOROGO.BY — TOP BAR
   ========================= */

.dorogo-top-bar {
    background: #f7f8fa;
    border-bottom: 1px solid #e7e9ec;
}

.dorogo-top-bar > .container,
.dorogo-top-bar > .container-fluid {
    min-height: 36px;
}

.dorogo-top-bar .row {
    min-height: 36px;
    align-items: center;
}

.dorogo-top-bar .sp-column {
    display: flex;
    align-items: center;
}

.dorogo-top-bar #sp-top2 .sp-column {
    justify-content: flex-end;
}


/* Сервисное меню */

.service-menu-module {
    margin: 0;
}

.service-menu-module .mod-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.service-menu-module .mod-menu > li {
    margin: 0;
    padding: 0;
}

.service-menu-module .mod-menu > li > a {
    color: #5c6670;
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s ease;
}

.service-menu-module .mod-menu > li > a:hover,
.service-menu-module .mod-menu > li > a:focus {
    color: #078acb;
}


/* Контакты справа */

.dorogo-top-bar .sp-contact-info {
    margin: 0;
}

.dorogo-top-bar .sp-contact-info li {
    font-size: 13px;
}

.dorogo-top-bar .sp-contact-info a {
    color: #5c6670;
    text-decoration: none;
}

.dorogo-top-bar .sp-contact-info a:hover {
    color: #078acb;
}


/* =========================
   DOROGO.BY — MAIN HEADER
   ========================= */

.dorogo-main-header {
    background: #fff;
    border-bottom: 1px solid #edf0f2;
}

.dorogo-main-header > .container,
.dorogo-main-header > .container-fluid {
    min-height: 76px;
}

.dorogo-main-header .row {
    min-height: 76px;
    align-items: center;
}

.dorogo-main-header .sp-column {
    display: flex;
    align-items: center;
}


/* Логотип */

.dorogo-main-header #sp-logo .sp-column {
    justify-content: flex-start;
}


/* Главное меню */

.dorogo-main-header #sp-menu .sp-column {
    justify-content: flex-end;
}

.dorogo-main-header .sp-megamenu-parent > li > a,
.dorogo-main-header .sp-megamenu-parent > li > span {
    color: #263746;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.dorogo-main-header .sp-megamenu-parent > li:hover > a,
.dorogo-main-header .sp-megamenu-parent > li.active > a {
    color: #078acb;
}


/* CTA */

.header-tour-cta {
    margin: 0;
    width: 100%;
    text-align: right;
}

.header-tour-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: 0 18px;

    background: #f47721;
    color: #fff;

    border-radius: 7px;

    font-size: 14px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none;
    white-space: nowrap;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.header-tour-button:hover,
.header-tour-button:focus {
    background: #e86612;
    color: #fff;
    box-shadow: 0 5px 16px rgba(244, 119, 33, .22);
    transform: translateY(-1px);
}


/* =========================
   DOROGO.BY — MEGA MENU
   ========================= */

/* Общий контейнер */
.sp-megamenu-parent .sp-dropdown-mega {
    border-radius: 0 0 12px 12px;
    box-shadow: 0 18px 45px rgba(24, 45, 60, 0.14);
    overflow: hidden;
}

/* Внутренние отступы */
.sp-megamenu-parent .sp-dropdown-mega .sp-dropdown-inner {
    padding: 26px 28px;
}

/* Первая строка */
.sp-megamenu-parent .sp-dropdown-mega .row:first-child {
    margin-bottom: 22px;
}

/* Вторая строка */
.sp-megamenu-parent .sp-dropdown-mega .row + .row {
    padding-top: 20px;
    border-top: 1px solid #e8edf1;
}


/* =========================
   ОБЩИЕ ЗАГОЛОВКИ
   ========================= */

.mega-countries__title,
.mega-choose__title,
.mega-consult__title {
    margin-bottom: 14px;

    color: #243746;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;

    text-transform: uppercase;
    letter-spacing: .05em;
}


/* =========================
   ПОПУЛЯРНЫЕ СТРАНЫ
   ========================= */

.mega-countries__links,
.mega-choose__links {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.mega-countries__links a,
.mega-choose__links a {
    color: #394b58;
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none;

    transition:
        color .18s ease,
        transform .18s ease;
}

.mega-countries__links a:hover,
.mega-choose__links a:hover {
    color: #078acb;
    transform: translateX(2px);
}

.mega-countries__all,
.mega-choose__all {
    display: inline-block;
    margin-top: 16px;

    color: #078acb;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.mega-countries__all:hover,
.mega-choose__all:hover {
    color: #f47721;
}


/* =========================
   КОНСУЛЬТАЦИЯ
   ========================= */

.mega-consult {
    height: 100%;
    padding: 18px 18px 17px;

    background: #f1f9fd;
    border: 1px solid #dceef7;
    border-radius: 10px;
}

.mega-consult__title {
    margin-bottom: 10px;
    color: #078acb;
}

.mega-consult__text {
    margin-bottom: 16px;

    color: #53636e;
    font-size: 13px;
    line-height: 1.55;
}

.mega-consult__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;
    padding: 0 15px;

    background: #f47721;
    color: #fff;

    border-radius: 6px;

    font-size: 13px;
    font-weight: 600;
    text-decoration: none;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.mega-consult__button:hover {
    background: #e86612;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(244, 119, 33, .2);
}


/* =========================
   НИЖНИЕ CTA
   ========================= */

.mega-action {
    display: flex;
    gap: 12px;

    height: 100%;
    padding: 16px;

    background: #f8fafb;
    border: 1px solid #e7ecef;
    border-radius: 9px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.mega-action:hover {
    border-color: #d4e5ed;
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(24, 45, 60, .08);
}

.mega-action__icon {
    flex: 0 0 auto;

    font-size: 20px;
    line-height: 1;
}

.mega-action__content {
    min-width: 0;
}

.mega-action__title {
    margin-bottom: 5px;

    color: #263746;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

.mega-action__text {
    margin-bottom: 9px;

    color: #667681;
    font-size: 12px;
    line-height: 1.45;
}

.mega-action__link {
    color: #078acb;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.mega-action__link:hover {
    color: #f47721;
}

.sp-megamenu-parent .sp-dropdown-mega .row:first-child {
    margin-bottom: 26px;
}

.mega-countries__title,
.mega-choose__title,
.mega-consult__title {
    font-size: 12.5px;
    font-weight: 800;
}

.mega-action {
    min-height: 94px;
    padding: 18px 16px;
    border-color: #edf1f3;
}

.mega-action__text {
    margin-bottom: 11px;
}