/* =====================================
   КАРТОЧКИ: СТАТЬИ И ТУРЫ
===================================== */

.articles_list_item .icms-content-fields,
.tours_list_item .icms-content-fields {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,.08);
    transition: .3s;
}

.articles_list_item .icms-content-fields:hover,
.tours_list_item .icms-content-fields:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0,0,0,.12);
}


/* Фото */

.articles_list_item .f_photo,
.tours_list_item .f_photo {
    order: 1;
}

.articles_list_item .f_photo img,
.tours_list_item .f_photo img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}


/* Заголовок */

.articles_list_item .f_title,
.tours_list_item .f_title {
    order: 2;
    padding: 30px 30px 15px;
}

.articles_list_item .f_title h3,
.tours_list_item .f_title h3 {
    margin: 0;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
}

.articles_list_item .f_title a,
.tours_list_item .f_title a {
    color: #24324a;
    text-decoration: none;
    transition: .3s;
}

.articles_list_item .f_title a:hover,
.tours_list_item .f_title a:hover {
    color: #0d6efd;
}


/* Текст */

.articles_list_item .f_content,
.tours_list_item .f_content {
    order: 3;
    padding: 0 30px 25px;
}

.articles_list_item .f_content .value,
.tours_list_item .f_content .value {
    color: #6b7280;
    font-size: 16px;
    line-height: 1.7;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;

    min-height: calc(1.7em * 4);
}


/* Нижняя панель */

.articles_list_item .info_bar,
.tours_list_item .info_bar {
    order: 4;
    padding: 20px 30px 25px !important;
    border-top: 1px solid #eef2f7 !important;

    display: flex;
    gap: 20px;
    flex-wrap: wrap;

    color: #9ca3af;
    font-size: 14px;
}


/* Мобильная версия */

@media (max-width: 992px) {

    .articles_list_item .f_title,
    .tours_list_item .f_title {
        padding: 25px 25px 15px;
    }

    .articles_list_item .f_content,
    .tours_list_item .f_content {
        padding: 0 25px 20px;
    }

}


@media (max-width: 576px) {

    .articles_list_item .f_photo img,
    .tours_list_item .f_photo img {
        height: 190px;
    }

    .articles_list_item .f_title h3,
    .tours_list_item .f_title h3 {
        font-size: 22px;
    }

}

/* =====================================
   СТРАНИЦЫ СТАТЕЙ И ТУРОВ
===================================== */

.articles_item,
.tours_item {
    background: #fff;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    margin-bottom: 40px;
}

.articles_item .f_photo,
.tours_item .f_photo {
    margin-bottom: 30px;
}

.articles_item .f_photo img,
.tours_item .f_photo img {
    width: 100%;
    display: block;
    border-radius: 18px;
}

.articles_item .f_content,
.tours_item .f_content {
    margin-bottom: 35px;
}

.articles_item .f_content .value,
.tours_item .f_content .value {
    font-size: 18px;
    line-height: 1.9;
    color: #4b5563;
    white-space: pre-line;
}

.articles_item .info_bar,
.tours_item .info_bar {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
    margin-top: 25px;
    border-top: 1px solid #eef2f7;
}

.articles_item .bar_item,
.tours_item .bar_item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6b7280;
    font-size: 15px;
    line-height: 1;
}

.articles_item .bar_item svg,
.tours_item .bar_item svg {
    width: 18px;
    height: 18px;
    color: #0d6efd;
    flex-shrink: 0;
}

.articles_item .bar_item a,
.tours_item .bar_item a {
    color: #24324a;
    text-decoration: none;
    transition: .3s;
}

.articles_item .bar_item a:hover,
.tours_item .bar_item a:hover {
    color: #0d6efd;
}

.articles_item .bar_item a,
.articles_item .bar_item time,
.articles_item .bar_item .time,
.tours_item .bar_item a,
.tours_item .bar_item time,
.tours_item .bar_item .time {
    display: flex;
    align-items: center;
    line-height: 1;
}

.articles_item .time,
.tours_item .time {
    color: #9ca3af;
}

/* Планшет */

@media (max-width: 992px) {

    .articles_item,
    .tours_item {
        padding: 30px;
    }

}

/* Телефон */

@media (max-width: 576px) {

    .articles_item,
    .tours_item {
        padding: 22px;
        border-radius: 18px;
    }

    .articles_item .f_content .value,
    .tours_item .f_content .value {
        font-size: 16px;
        line-height: 1.8;
    }

    .articles_item .info_bar,
    .tours_item .info_bar {
        gap: 15px;
    }

}

/* =====================================
   БЛОК "ПОДОБРАТЬ ТУР"
===================================== */

.tour-cta {
    background: linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
    border: 1px solid #d9e7fb;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    margin: 40px 0;
}

.tour-cta h3 {
    margin: 0 0 18px;
    font-size: 32px;
    font-weight: 700;
    color: #24324a;
}

.tour-cta p {
    margin: 0 0 25px;
    color: #4b5563;
    line-height: 1.8;
    font-size: 17px;
}

.tour-cta ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.tour-cta li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: #24324a;
    font-size: 16px;
}

.tour-cta li::before {
    content: "✓";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}

.tour-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 34px;
    background: #0d6efd;
    color: #fff !important;
    text-decoration: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    transition: .3s;
}

.tour-btn:hover {
    background: #0b5ed7;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(13, 110, 253, .25);
}

.tour-btn,
.tour-btn:hover,
.tour-btn:focus,
.tour-btn:active {
    text-decoration: none !important;
    color: #fff !important;
}

/* Планшет */

@media (max-width: 992px) {

    .tour-cta {
        padding: 30px;
    }

}

/* Телефон */

@media (max-width: 576px) {

    .tour-cta {
        padding: 25px;
        border-radius: 18px;
    }

    .tour-cta h3 {
        font-size: 26px;
    }

    .tour-cta p {
        font-size: 16px;
    }

    .tour-btn {
        width: 100%;
    }

}

/* =====================================
   ПОХОЖИЕ ТУРЫ, ПОДХОДЯЩИЕ ТУРЫ И ПОХОЖИЕ СТАТЬИ
===================================== */

#widget_wrapper_98,
#widget_wrapper_153,
#widget_wrapper_154 {
    border: none;
    box-shadow: none;
    background: transparent;
}

#widget_wrapper_98 .card-header,
#widget_wrapper_153 .card-header,
#widget_wrapper_154 .card-header {
    background: transparent;
    border: none;
    padding: 0 0 25px;
    font-size: 34px;
    font-weight: 700;
    color: #24324a;
}

#widget_wrapper_98 .card-body,
#widget_wrapper_153 .card-body,
#widget_wrapper_154 .card-body {
    padding: 0;
}

/* Карточки */

#widget_wrapper_98 .icms-content-fields,
#widget_wrapper_153 .icms-content-fields,
#widget_wrapper_154 .icms-content-fields {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    transition: .3s;
}

#widget_wrapper_98 .icms-content-fields:hover,
#widget_wrapper_153 .icms-content-fields:hover,
#widget_wrapper_154 .icms-content-fields:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

/* Фото */

#widget_wrapper_98 .f_photo,
#widget_wrapper_153 .f_photo,
#widget_wrapper_154 .f_photo {
    order: 1;
    margin: 0;
}

#widget_wrapper_98 .f_photo img,
#widget_wrapper_153 .f_photo img,
#widget_wrapper_154 .f_photo img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
}

/* Заголовок */

#widget_wrapper_98 .f_title,
#widget_wrapper_153 .f_title,
#widget_wrapper_154 .f_title {
    order: 2;
    padding: 25px 25px 15px;
}

#widget_wrapper_98 .f_title h3,
#widget_wrapper_98 .f_title h4,
#widget_wrapper_153 .f_title h3,
#widget_wrapper_153 .f_title h4,
#widget_wrapper_154 .f_title h3,
#widget_wrapper_154 .f_title h4 {
    margin: 0;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
}

#widget_wrapper_98 .f_title a,
#widget_wrapper_153 .f_title a,
#widget_wrapper_154 .f_title a {
    color: #24324a;
    text-decoration: none;
    transition: .3s;
}

#widget_wrapper_98 .f_title a:hover,
#widget_wrapper_153 .f_title a:hover,
#widget_wrapper_154 .f_title a:hover {
    color: #0d6efd;
    text-decoration: none;
}

/* Описание */

#widget_wrapper_98 .f_content,
#widget_wrapper_153 .f_content,
#widget_wrapper_154 .f_content {
    order: 3;
    padding: 0 25px 25px;
}

#widget_wrapper_98 .f_content .value,
#widget_wrapper_153 .f_content .value,
#widget_wrapper_154 .f_content .value {
    color: #6b7280;
    font-size: 16px;
    line-height: 1.8;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;

    min-height: calc(1.8em * 4);
}

/* Планшет */

@media (max-width:992px) {

    #widget_wrapper_98 .card-header,
    #widget_wrapper_153 .card-header,
    #widget_wrapper_154 .card-header {
        font-size: 30px;
    }

    #widget_wrapper_98 .f_photo img,
    #widget_wrapper_153 .f_photo img,
    #widget_wrapper_154 .f_photo img {
        height: 220px;
    }

}

/* Телефон */

@media (max-width:576px) {

    #widget_wrapper_98 .card-header,
    #widget_wrapper_153 .card-header,
    #widget_wrapper_154 .card-header {
        font-size: 26px;
        padding-bottom: 20px;
    }

    #widget_wrapper_98 .f_photo img,
    #widget_wrapper_153 .f_photo img,
    #widget_wrapper_154 .f_photo img {
        height: 190px;
    }

    #widget_wrapper_98 .f_title,
    #widget_wrapper_153 .f_title,
    #widget_wrapper_154 .f_title {
        padding: 20px 20px 12px;
    }

    #widget_wrapper_98 .f_content,
    #widget_wrapper_153 .f_content,
    #widget_wrapper_154 .f_content {
        padding: 0 20px 20px;
    }

}

/* =====================================
   ПАГИНАЦИЯ
===================================== */

.pagination {
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 50px 0 !important;
}

.pagination .page-item {
    margin: 0;
}

.pagination .page-link {

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

    height: 48px;
    min-width: 48px;
    padding: 0 18px;

    border-radius: 14px !important;
    border: 1px solid #e5e7eb;

    background: #fff;
    color: #24324a;

    font-size: 16px;
    font-weight: 500;

    text-decoration: none;
    transition: .3s;

    gap: 8px;
}

/* Наведение */

.pagination .page-link:hover {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
    text-decoration: none;
}

/* Активная */

.pagination .active .page-link {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

/* Disabled */

.pagination .disabled .page-link {
    background: #f8fafc;
    color: #6b7280;
    border-color: #e5e7eb;
    cursor: default;
}

/* Следующая */

.pagination .page-item-next .page-link {
    padding: 0 22px;
    gap: 10px;
}

/* SVG */

.pagination .page-link svg {
    width: 16px;
    height: 16px;
}

/* Информация */

.pagination .disabled .page-link {
    padding: 0 20px;
    font-size: 15px;
    font-weight: 400;
}

/* Телефон */

@media (max-width:576px) {

    .pagination {
        gap: 8px;
    }

    .pagination .page-link {
        min-width: 42px;
        height: 42px;
        font-size: 15px;
        border-radius: 12px !important;
    }

}

.pagination .disabled {
    display: none !important;
}

/* Активная страница */

.pagination .active .page-link {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;

    box-shadow: 0 8px 18px rgba(13, 110, 253, .25);
}

/* Убираем Bootstrap-эффекты */

.pagination .page-link:focus,
.pagination .page-link:active,
.pagination .active .page-link:focus,
.pagination .active .page-link:active {
    outline: none !important;
    box-shadow: 0 8px 18px rgba(13, 110, 253, .25) !important;
}