/* ==========================================================
   IK.NEWS — МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================== */


/* ==========================================================
   1. БАЗОВАЯ МОБИЛЬНАЯ СЕТКА
   ========================================================== */

@media (max-width: 700px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }


    .site-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }


    /* ======================================================
       ВЕРХНЯЯ ШАПКА
       ====================================================== */

    .topbar-v2 {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        padding: 10px 12px !important;

        display: grid !important;

        grid-template-columns: 1fr auto !important;

        gap: 10px !important;

        align-items: center !important;

        box-sizing: border-box;
    }


    .topbar-left {
        min-width: 0 !important;
        width: auto !important;
    }


    .site-logo {
        width: 138px !important;
        max-width: 100% !important;
    }


    .site-description {
        margin-top: 4px !important;

        font-size: 10px !important;
        line-height: 1.1 !important;

        white-space: nowrap !important;
    }


    .site-time {
        margin-top: 3px !important;

        font-size: 9px !important;
        line-height: 1.1 !important;
    }


    /* ------------------------------------------------------
       Погода
       ------------------------------------------------------ */

    .topbar-center {
        min-width: 0 !important;
        margin: 0 !important;
    }


    .weather-info {
        gap: 6px !important;
    }


    .weather-icon {
        width: 30px !important;
        height: 30px !important;
    }


    .weather-temp {
        font-size: 24px !important;
    }


    .weather-city {
        margin-top: 3px !important;
        font-size: 10px !important;
    }


    .location-icon {
        width: 10px !important;
        height: 10px !important;
    }


    /* ------------------------------------------------------
       Нижняя строка шапки
       ------------------------------------------------------ */

    .topbar-right {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        min-width: 0 !important;

        display: grid !important;

        grid-template-columns: auto auto 1fr !important;

        grid-template-areas:
        "currency region socials" !important;

        align-items: center !important;

        column-gap: 18px !important;

        row-gap: 0 !important;
    }


    /* Валюты */

    .topbar-currency {
        grid-area: currency !important;

        display: flex !important;

        align-items: center !important;

        gap: 4px !important;

        min-width: 0 !important;

        flex-shrink: 0 !important;
    }

    .currency-item span {
        font-size: 9px !important;
    }


    .currency-item strong {
        margin-top: 2px !important;

        font-size: 13px !important;
    }


    /* Соцсети */

    .topbar-socials {
        grid-area: socials !important;

        display: flex !important;

        align-items: center !important;

        justify-content: flex-end !important;

        gap: 4px !important;

        margin: 0 !important;

        min-width: 0 !important;
    }

    .social-link {
        width: 30px !important;
        height: 30px !important;

        flex: 0 0 30px !important;
    }


    .social-vk img {
        width: 28px !important;
        height: 28px !important;
    }


    .social-tg img {
        width: 25px !important;
        height: 25px !important;
    }


    .social-ok img {
        width: 27px !important;
        height: 27px !important;
    }


    .social-max img {
        width: 27px !important;
        height: 27px !important;
    }


    /* Телефон / почта / регион */

    .topbar-phone,
    .topbar-email {
        display: none !important;
    }

    .region-selector {
        grid-area: region !important;

        display: flex !important;

        align-items: center !important;

        width: auto !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        border: 0 !important;

        box-sizing: border-box !important;
    }

    .region-icon {
        width: 21px !important;
        height: 21px !important;

        flex: 0 0 21px !important;
    }

    .region-text {
        margin-left: 4px !important;
    }

    .region-title {
        display: none !important;
    }

    .region-current {
        font-size: 11px !important;

        line-height: 1.1 !important;

        white-space: nowrap !important;
    }


    .region-selector {
        flex: 0 0 auto !important;

        width: auto !important;

        margin: 0 !important;
    }

    /* ======================================================
       ВЕРХНИЙ РЕКЛАМНЫЙ БАННЕР
       ====================================================== */

    .header-banner-section {
        width: 100% !important;

        margin: 0 !important;

        padding: 8px 10px !important;

        box-sizing: border-box !important;

        background: inherit !important;
    }


    .header-banner-section .ik-banner {
        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;
    }


    .header-banner-section .ik-banner-image {
        display: block !important;

        width: 100% !important;

        height: auto !important;
    }


    /* ======================================================
       МОБИЛЬНОЕ МЕНЮ
       ====================================================== */

    .ik-rubrics__desktop {
        display: none !important;
    }


    .ik-rubrics__mobile {
        display: flex !important;

        width: 100% !important;
        height: 44px !important;

        padding: 0 10px !important;

        box-sizing: border-box !important;
    }


    .ik-mobile-menu-toggle,
    .ik-mobile-search {
        width: 40px !important;
        height: 44px !important;
    }


    /* ======================================================
       ЖИВАЯ ЛЕНТА
       ====================================================== */

    .ik-live-ticker__inner {
        min-height: 44px !important;

        padding: 4px 6px !important;

        gap: 6px !important;
    }


    .ik-live-ticker__label {
        min-height: 34px !important;

        padding: 0 10px !important;

        font-size: 9px !important;

        border-radius: 5px !important;

        flex-shrink: 0;
    }


    .ik-live-ticker__item {
        padding: 0 12px !important;

        font-size: 9px !important;

        white-space: nowrap;
    }


    .ik-live-ticker__next {
        width: 30px !important;
        height: 30px !important;

        flex: 0 0 30px !important;
    }


    /* ======================================================
       ГЛАВНАЯ
       ====================================================== */

    .ik-home {
        width: calc(100% - 20px) !important;

        margin: 12px 10px 0 !important;

        padding: 0 !important;
    }


    .ik-home__grid {
        display: flex !important;

        flex-direction: column !important;

        gap: 12px !important;
    }


    .ik-home__main,
    .ik-home__sidebar {
        width: 100% !important;

        min-width: 0 !important;
    }


    /* ======================================================
       ГЛАВНАЯ НОВОСТЬ
       ====================================================== */

    .ik-featured {
        width: 100% !important;

        margin: 0 !important;

        border-radius: 8px !important;
    }


    .ik-featured__slides {
        aspect-ratio: 16 / 10 !important;
    }


    .ik-featured__content {
        padding: 15px !important;
    }


    .ik-featured__title {
        font-size: 21px !important;

        line-height: 1.14 !important;
    }


    .ik-featured__excerpt {
        display: none !important;
    }


    .ik-featured__controls {
        top: 12px !important;
        right: 10px !important;
    }


    .ik-featured__arrow {
        width: 30px !important;
        height: 30px !important;
    }


    .ik-featured__dots {
        right: 14px !important;
        bottom: 12px !important;
    }


    /* ======================================================
       БЛОК НОВОСТЕЙ ДНЯ
       ====================================================== */

    .ik-home__news-day {
        width: 100% !important;

        margin-top: 12px !important;

        padding: 14px !important;

        box-sizing: border-box !important;
    }


    .ik-home__news-day-header {
        gap: 8px !important;
    }


    .ik-home__news-grid {
        grid-template-columns: 1fr !important;

        gap: 14px !important;
    }


    .ik-news-day-card__image {
        aspect-ratio: 16 / 9 !important;
    }


    /* ======================================================
       РУБРИКИ НА ГЛАВНОЙ
       ====================================================== */

    .ik-home-rubric {
        width: 100% !important;

        margin-top: 12px !important;

        padding: 14px !important;

        box-sizing: border-box !important;
    }


    .ik-home-rubric__grid {
        grid-template-columns: 1fr !important;

        gap: 14px !important;
    }


    /* ======================================================
       САЙДБАР НА ГЛАВНОЙ
       ====================================================== */

    .ik-home__sidebar {
        display: flex !important;

        flex-direction: column !important;

        gap: 12px !important;
    }


    /*
     * Баннер больше НЕ растягиваем на всю ширину телефона.
     * Он остаётся компактным и центрируется.
     */

    .ik-home-sidebar-banner {
        position: static !important;

        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;

        display: flex !important;

        justify-content: center !important;
    }


    .ik-home-sidebar-banner .ik-banner {
        width: 100% !important;

        max-width: 327px !important;

        margin: 0 auto !important;
    }


    .ik-home-sidebar-banner .ik-banner-image {
        display: block !important;

        width: 100% !important;

        height: auto !important;
    }


    /* ======================================================
       АРХИВЫ И РУБРИКИ
       ====================================================== */

    .ik-archive-page {
        width: 100% !important;

        padding: 12px 0 30px !important;
    }


    .ik-archive {
        width: calc(100% - 20px) !important;

        margin: 0 10px !important;
    }


    .ik-archive__container {
        display: flex !important;

        flex-direction: column !important;

        gap: 12px !important;
    }


    .ik-archive__content {
        width: 100% !important;

        padding: 14px !important;

        box-sizing: border-box !important;
    }


    .ik-archive__grid {
        grid-template-columns: 1fr !important;

        gap: 16px !important;
    }


    .ik-archive-card__image {
        aspect-ratio: 16 / 9 !important;
    }


    .ik-archive__sidebar {
        width: 100% !important;

        gap: 12px !important;
    }


    .ik-archive-sidebar-card {
        width: 100% !important;

        padding: 14px !important;

        box-sizing: border-box !important;
    }


    .ik-archive-sidebar-banner {
        width: 100% !important;

        max-width: none !important;

        display: flex !important;

        justify-content: center !important;

        background: #eeeeee !important;
    }


    .ik-archive-sidebar-banner .ik-banner {
        width: 100% !important;

        max-width: 327px !important;
    }


    /* ======================================================
       ОТДЕЛЬНАЯ НОВОСТЬ
       ====================================================== */

    .ik-single-page {
        width: 100% !important;

        padding: 12px 0 30px !important;
    }


    .ik-single-layout {
        width: calc(100% - 20px) !important;

        margin: 0 10px !important;

        display: flex !important;

        flex-direction: column !important;

        gap: 12px !important;
    }


    .ik-single {
        width: 100% !important;

        padding: 20px 14px !important;

        box-sizing: border-box !important;
    }

    .ik-single {
        border-radius: 8px !important;
        overflow: hidden !important;
    }


    .ik-single__comments {
        margin-top: 12px !important;

        padding: 18px 14px !important;

        border-radius: 8px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    .ik-single__comments h2 {
        font-size: 20px !important;

        margin-bottom: 16px !important;
    }


    .ik-single__comments textarea {
        min-height: 130px !important;

        padding: 10px !important;

        border-radius: 6px !important;
    }


    .ik-comments__login {
        padding: 14px !important;

        border-radius: 6px !important;

        font-size: 14px !important;
    }


    .ik-comments__submit {
        width: 100% !important;

        margin-top: 10px !important;

        padding: 11px 16px !important;

        border-radius: 6px !important;
    }

    .ik-single__title {
        font-size: 25px !important;

        line-height: 1.14 !important;
    }


    .ik-single__featured-image {
        width: 100% !important;
    }


    .ik-single__featured-image img {
        width: 100% !important;

        height: auto !important;
    }


    .ik-single__content {
        font-size: 15px !important;

        line-height: 1.55 !important;
    }


    .ik-single__content p {
        margin-bottom: 16px !important;
    }


    .ik-single__share {
        gap: 7px !important;

        margin: 20px 0 !important;
    }


    /* ------------------------------------------------------
       Боковой баннер в статье — тоже компактный
       ------------------------------------------------------ */

    .ik-sidebar-ad {
        width: 100% !important;

        display: flex !important;

        justify-content: center !important;
    }


    .ik-sidebar-ad .ik-banner {
        width: 100% !important;

        max-width: 327px !important;
    }


    .ik-sidebar-ad .ik-banner-image {
        width: 100% !important;

        height: auto !important;

        display: block !important;
    }


    /* ======================================================
       FOOTER
       ====================================================== */

    footer {
        width: 100% !important;
    }

}


/* ==========================================================
   ОЧЕНЬ МАЛЕНЬКИЕ ТЕЛЕФОНЫ
   ========================================================== */

@media (max-width: 380px) {

    .topbar-v2 {
        padding: 8px 10px !important;
    }


    .site-logo {
        width: 125px !important;
    }


    .weather-temp {
        font-size: 22px !important;
    }


    .weather-icon {
        width: 27px !important;
        height: 27px !important;
    }


    .topbar-currency {
        gap: 8px !important;
    }


    .currency-item strong {
        font-size: 12px !important;
    }


    .topbar-socials {
        gap: 4px !important;
    }


    .social-link {
        width: 28px !important;
        height: 28px !important;

        flex-basis: 28px !important;
    }


    .ik-featured__title {
        font-size: 19px !important;
    }


    .ik-archive,
    .ik-single-layout {
        width: calc(100% - 16px) !important;

        margin-left: 8px !important;
        margin-right: 8px !important;
    }


    .ik-home {
        width: calc(100% - 16px) !important;

        margin-left: 8px !important;
        margin-right: 8px !important;
    }

}

/* ==========================================================
   ГЛАВНАЯ — ПОПУЛЯРНОЕ + БАННЕР В ОДНОЙ СТРОКЕ
   Для планшетов / широких телефонов
   ========================================================== */

@media (min-width: 601px) and (max-width: 700px) {

    .ik-home__sidebar {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) 327px !important;

        gap: 12px !important;

        align-items: start !important;
    }


    .ik-home__sidebar .ik-popular {
        width: 100% !important;

        min-width: 0 !important;

        height: auto !important;

        box-sizing: border-box !important;
    }


    .ik-home-sidebar-banner {
        position: static !important;

        width: 100% !important;

        max-width: 327px !important;

        margin: 0 !important;

        padding: 0 !important;

        justify-self: end !important;

        align-self: start !important;
    }


    .ik-home-sidebar-banner .ik-banner {
        width: 100% !important;

        max-width: 327px !important;

        margin: 0 !important;
    }


    .ik-home-sidebar-banner .ik-banner-image {
        display: block !important;

        width: 100% !important;

        height: auto !important;
    }

}


/* ==========================================================
   ОБЫЧНЫЕ ТЕЛЕФОНЫ
   До 600 px оставляем вертикальный вариант
   ========================================================== */

@media (max-width: 600px) {

    .ik-home__sidebar {
        display: flex !important;

        flex-direction: column !important;

        gap: 12px !important;
    }


    .ik-home-sidebar-banner {
        position: static !important;

        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        display: flex !important;

        justify-content: center !important;
    }


    .ik-home-sidebar-banner .ik-banner {
        width: 100% !important;

        max-width: 327px !important;

        margin: 0 auto !important;
    }

}

/* ==========================================================
   МОБИЛЬНЫЙ ВЫБОР РЕГИОНА
   Отдельно от рубрик
   ========================================================== */

@media (max-width: 700px) {

    .ik-mobile-region {
        display: block;

        width: 100%;

        background: #eeeeee;

        box-sizing: border-box;
    }


    .ik-mobile-region__button {
        width: 100%;

        min-height: 42px;

        padding: 0 16px;

        display: flex;

        align-items: center;
        justify-content: space-between;

        border: 0;

        background: transparent;

        color: #222222;

        font-family: inherit;

        font-size: 11px;

        font-weight: 700;

        cursor: pointer;
    }


    .ik-mobile-region__arrow {
        font-size: 20px;

        font-weight: 400;

        line-height: 1;
    }


    .ik-mobile-region__dropdown {
        display: none;
    }


    .ik-mobile-region__dropdown.is-open {
        display: block;
    }


    .ik-mobile-region__dropdown a {
        display: flex;

        align-items: center;

        width: 100%;

        min-height: 38px;

        padding: 0 16px;

        box-sizing: border-box;

        background: #f7f7f7;

        border-top: 1px solid #e2e2e2;

        color: #555555;

        font-family: inherit;

        font-size: 10px;

        font-weight: 600;

        text-decoration: none;
    }


    .ik-mobile-region__dropdown a:hover {
        background: #e5e5e5;

        color: #d71920;
    }

}


@media (min-width: 701px) {

    .ik-mobile-region {
        display: none;
    }

}

/* ==========================================================
   МОБИЛЬНЫЕ «НОВОСТИ ДНЯ»
   ========================================================== */

@media (max-width: 600px) {

    .ik-home__news-day {
        width: 100% !important;

        margin-top: 12px !important;

        padding: 12px !important;

        box-sizing: border-box !important;

        border-radius: 8px !important;
    }


    .ik-home__news-day-header {
        margin-bottom: 10px !important;
    }


    .ik-home__news-day-header h2 {
        font-size: 16px !important;
    }


    .ik-home__news-day-header > a {
        font-size: 11px !important;
    }


    .ik-home__news-grid {
        display: flex !important;

        flex-direction: column !important;

        gap: 10px !important;
    }


    .ik-news-day-card {
        display: grid !important;

        grid-template-columns: 120px minmax(0, 1fr) !important;

        column-gap: 10px !important;

        align-items: start !important;

        padding: 0 !important;

        min-width: 0 !important;
    }


    .ik-news-day-card__image {
        width: 120px !important;

        height: 75px !important;

        aspect-ratio: auto !important;

        border-radius: 5px !important;

        grid-column: 1 !important;

        grid-row: 1 / span 3 !important;
    }


    .ik-news-day-card__image img {
        width: 100% !important;

        height: 100% !important;

        object-fit: cover !important;
    }


    .ik-news-day-card__category {
        grid-column: 2 !important;

        grid-row: 1 !important;

        margin-top: 0 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: space-between !important;

        gap: 6px !important;

        font-size: 9px !important;
    }


    .ik-news-day-card__category time {
        font-size: 9px !important;

        color: #777 !important;

        white-space: nowrap !important;
    }


    .ik-news-day-card__bottom {
        grid-column: 2 !important;

        grid-row: 2 !important;

        margin-top: 4px !important;

        display: block !important;
    }


    .ik-news-day-card h3 {
        font-size: 13px !important;

        line-height: 1.2 !important;

        margin: 0 !important;
    }

}

/* ==========================================================
   МОБИЛЬНЫЕ КАРТОЧКИ РУБРИК НА ГЛАВНОЙ
   ========================================================== */

@media (max-width: 600px) {

    .ik-home-rubric {
        width: 100% !important;

        margin-top: 12px !important;

        padding: 12px !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       Заголовок рубрики
       ------------------------------------------------------ */

    .ik-home-rubric__header {
        margin-bottom: 10px !important;

        padding-bottom: 8px !important;
    }


    .ik-home-rubric__header h2 {
        font-size: 16px !important;
    }


    .ik-home-rubric__header > a {
        font-size: 10px !important;
    }


    /* ------------------------------------------------------
       Список новостей
       ------------------------------------------------------ */

    .ik-home-rubric__grid {
        display: flex !important;

        flex-direction: column !important;

        gap: 10px !important;
    }


    /* ------------------------------------------------------
       Одна новость
       ------------------------------------------------------ */

    .ik-home-rubric__card {
        display: grid !important;

        grid-template-columns: 120px minmax(0, 1fr) !important;

        grid-template-rows: auto auto !important;

        column-gap: 10px !important;

        align-items: start !important;

        min-width: 0 !important;

        padding: 0 !important;
    }


    /* ------------------------------------------------------
       Фото
       ------------------------------------------------------ */

    .ik-home-rubric__image {
        grid-column: 1 !important;

        grid-row: 1 / span 3 !important;

        width: 120px !important;

        height: 75px !important;

        aspect-ratio: auto !important;

        border-radius: 5px !important;

        overflow: hidden !important;
    }


    .ik-home-rubric__image img {
        display: block !important;

        width: 100% !important;

        height: 100% !important;

        object-fit: cover !important;
    }


    /* ------------------------------------------------------
       Рубрика + время
       ------------------------------------------------------ */

    .ik-home-rubric__meta {
        grid-column: 2 !important;

        grid-row: 1 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: space-between !important;

        gap: 6px !important;

        margin: 0 !important;

        min-width: 0 !important;
    }


    .ik-home-rubric__category {
        font-size: 9px !important;

        line-height: 1 !important;
    }


    .ik-home-rubric__meta time {
        font-size: 9px !important;

        white-space: nowrap !important;
    }


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

    .ik-home-rubric__card h3 {
        grid-column: 2 !important;

        grid-row: 2 !important;

        margin: 4px 0 0 !important;

        min-width: 0 !important;

        font-size: 13px !important;

        line-height: 1.2 !important;

        display: -webkit-box !important;

        -webkit-box-orient: vertical !important;

        -webkit-line-clamp: 3 !important;

        overflow: hidden !important;
    }


    /* ------------------------------------------------------
       Дату снизу карточки убираем:
       она уже есть рядом со временем
       ------------------------------------------------------ */

    .ik-home-rubric__stats {
        display: none !important;
    }

    @media (max-width: 700px) {

}