

/* Start:/local/templates/lin_pro/components/bitrix/news.list/manufacturers/style.css?17645803607581*/
/* Общий стиль */
.b-partners__item{
  transition-duration: 0.5s;
}
.b-partners__item:hover{
  transition-duration: 0.5s;
  box-shadow: 15px 10px 10px 5px rgba(0, 0, 0, 0.2);
}


body {
    margin: 0;
    font-family: "Inter", "Segoe UI", sans-serif;
    background: #f6f7f9;
    color: #222;
    line-height: 1.55;
}

/* Контейнер */
.container {
    /* width: min(1200px, 95%); */
    margin: 0 auto;
}

/* Шапка */
.header {
    padding: 60px 0 40px;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
}

.header h1 {
    margin: 0;
    font-size: 34px;
    font-weight: 600;
    color: #1c1c1c;
}

.subtitle {
    margin-top: 12px;
    font-size: 17px;
    /* color: #666; */
}

/* Заголовки секций */
.section {
    padding: 50px 0;
}

.section-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 25px;
}



/* Примечание */
.note {
    margin-top: 30px;
    background: #fff;
    padding: 20px 25px;
    border-left: 4px solid #4b75ff;
    border-radius: 6px;
    font-size: 15px;
    color: #444;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}


/* --- Улучшенная таблица --- */

.table-wrapper {
    overflow-x: hidden;
    background: #ffffff;
    padding: 10px;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,.06);
    border: 1px solid #e6e9ef;
}

.pricing-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 15px;
    color: #2a2a2a;
}

/* Заголовок таблицы */
.pricing-table thead th {
    background: #f3f5f9;
    padding: 15px 12px;
    font-weight: 600;
    text-align: center;
    border-bottom: 2px solid #dfe3ea;
    border-right: 1px solid #e6e9ef;
}

.pricing-table thead th:last-child {
    border-right: none;
}

/* Строки */
.pricing-table tbody td {
    padding: 14px 12px;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    background: #ffffff;
    transition: background 0.25s ease;
}

.pricing-table tbody td:last-child {
    border-right: none;
}

/* Последняя строка — без бордера */
.pricing-table tbody tr:last-child td {
    border-bottom: none;
}

/* Ховер строки */
.pricing-table tbody tr:hover td {
    background: #f8faff;
}

/* Подписи в заголовках */
.pricing-table .sub {
    font-size: 11px;
    color: #7c869b;
}

/* Мобильная версия */
@media (max-width: 768px) {
    .pricing-table thead {
        display: none;
    }

    .pricing-table tr {
        display: block;
        margin-bottom: 20px;
        border-radius: 12px;
        box-shadow: 0 3px 10px rgba(0,0,0,.05);
        overflow: hidden;
    }

    .pricing-table td {
        display: flex;
        justify-content: space-between;
        padding: 12px 15px;
        border: none !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    .pricing-table td:last-child {
        border-bottom: none !important;
    }

    .pricing-table td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #4b4b4b;
    }
}

/* Сноски в виде иконки вопроса */
.fn-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    border-radius: 50%;
    border: 1px solid #c4c9d9;
    font-size: 11px;
    font-weight: 600;
    color: #4b75ff;
    background: #f3f6ff;
    cursor: help;
    position: relative;
}




.fn-tooltip:hover::after {
    transform: translate(-50%, -2px);
}



.mobile-tabs{
    display: none;
}

/* ==============================
   Вкладки для мобильной версии
   ============================== */
@media (max-width: 768px) {

    .mobile-tabs {
        display: flex;
        flex-direction: column;
        gap: 8px;
        overflow-x: auto;
        padding: 10px 0 15px;
        margin-bottom: 15px;
        scrollbar-width: none;
    }
    .mobile-tabs::-webkit-scrollbar {
        display: none;
    }

    .mobile-tab {
        flex-shrink: 0;
        padding: 8px 14px;
        background: #f1f4fa;
        border-radius: 20px;
        border: 1px solid #d3d7e3;
        font-size: 15px;
        cursor: pointer;
        transition: .2s;
        white-space: nowrap;
    }

    .mobile-tab.active {
        background: #4b75ff;
        color: #fff;
        border-color: #4b75ff;
    }

    /* Скрываем таблицу и показываем только нужную колонку */
    .pricing-table thead {
        display: none;
    }

    .pricing-table tr {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        padding: 14px 18px;
        background: #fff;
        border-radius: 12px;
        border: 1px solid #e2e5ec;
        box-shadow: 0 3px 10px rgba(0,0,0,.04);
        margin-bottom: 12px;
    }

    .pricing-table td {
        display: none !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }

    .pricing-table td.active-col {
        display: flex !important;
    }

    .pricing-table td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #3b3b3b;
        margin-right: auto;
        padding-right: 20px;
        width: 45%;
    }
        .pricing-table td[data-col="service"] {
        display: flex !important;
        font-weight: 600;
        background: #fff;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    /* Услуга — первая строка карточки */
    /* .pricing-table td[data-col="service"]::before {
        content: "Услуга";
        font-weight: 600;
        color: #3b3b3b;
        width: 45%;
    } */
    /* У услуговой строки есть подпись "Услуга" */
    /* .pricing-table td[data-col="service"]::before {
        content: "Услуга";
    } */

    /* У тарифных строк НЕ ДОЛЖНО быть ::before */
    /* .pricing-table td:not([data-col="service"])::before {
        content: "";
        width: auto;
        margin-right: 0;
        padding-right: 0;
    } */
    
}



@media (max-width: 768px) {

    /* Каждая строка — одна карточка */



    .pricing-table td[data-col="service"],
    .pricing-table td.active-col {
        display: block !important;
    }

    /* Услуга слева */
    .pricing-table td[data-col="service"] {
        font-weight: 600;
        font-size: 15px;
        color: #1e1e1e;
        flex: 1;
    }

    /* Убираем подписи `Услуга:` */
    .pricing-table td[data-col="service"]::before {
        content: "" !important;
        padding-right:0;
    }

    /* Цена справа */
    .pricing-table td.active-col {
        flex-shrink: 0;
        font-size: 15px;
        font-weight: 600;
        text-align: right;
        white-space: nowrap;
    }

    /* Полностью убираем ::before у тарифов */
    .pricing-table td.active-col::before {
        content: "" !important;
    }
}


/* End */


/* Start:/local/templates/lin_pro/components/bitrix/news.list/privacy_policy/style.css?1707812012150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /local/templates/lin_pro/components/bitrix/news.list/manufacturers/style.css?17645803607581 */
/* /local/templates/lin_pro/components/bitrix/news.list/privacy_policy/style.css?1707812012150 */
