/* Start:/local/templates/prof_2026/css/pages/price.css?17883441822756*/
/* Общие настройки для контейнера прайс-листа */
.price--top,
.element--similar-tabs {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333333;
    line-height: 1.6;
}
.element--similar-tabs {margin-top: var(--gap-b)}
/* Верхний информационный блок */
.price--top {
    background-color: #f8f9fa;
    border-left: 4px solid var(--main);
    padding: 20px 25px;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.price--top p {
    margin: 0 0 12px 0;
    font-size: 15px;
}

.price--top p:last-child {
    margin-bottom: 0;
}

.price--top strong {
    color: #111111;
}

/* Ссылка-запрос в тексте */
.price--top .js-form-order {
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dashed var(--main);
    transition: opacity 0.2s ease;
}

.price--top .js-form-order:hover {
    opacity: 0.8;
}

/* Блок каталога с разделами */
.element--similar-tabs h3 {
    color: #111111;
    margin: 0 0 20px 0;
    position: relative;
    width:100%
}

/* Сетка для ссылок-разделов */
.element--similar-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Стиль ссылок (карточек) */
.element--similar-tabs .section-link {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    color: #333333;
    text-decoration: none;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);

    width: auto;
}

/* Эффект при наведении на раздел */
.element--similar-tabs .section-link:hover {
    color: #ffffff;
    background-color: var(--main);
    border-color: var(--main);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(241, 101, 34, 0.2);
}

/* Адаптив под мобильные устройства */
@media (max-width: 768px) {
    .element--similar-tabs .section-link {
        flex: 1 1 100%;
    }

    .price--top {
        padding: 15px;
    }
}

/* Дополнительные стили для плавной анимации */
.panel--link .panel--collapse {
    display: none;
    overflow: hidden; /* Скрывает вылезающий текст при анимации */
    transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;
    padding-top: 0;
}

.panel--link.is--open .panel--collapse {
    display: block;
    padding-top: 12px;
}
/* End */


/* Start:/local/components/tichiy/catalog.sections/templates/list/style.css?17883441824097*/
.catalog--tree {position: relative}
.catalog--tree .menu--sub{display: flex;--gap: 1px;--columns: 1;gap: var(--gap);flex-wrap: wrap;row-gap:1px;position: relative;z-index: 2}
.panel--item {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));display: flex;gap:40px;margin-top:var(--gap-b)}
.panel--box {flex:1;display: flex;gap:20px;flex-wrap: wrap}
.section--lines {display: flex;width: 30px;align-items: center;justify-content: center;}
.panel--box > .panel--title {width:calc(100% - 50px);color:var(--text);margin: 0;}
.sections--sub {width:100%;display: flex;flex-direction: column;}

.panel--title{transition: color .4s;margin: 0;color:var(--text); text-decoration: none;}
.panel--title:hover {color:var(--main)}
.panel--box > .panel--title .count{font-size: 16px;}
.catalog--tree .count{color:var(--text-gray-dark)}

.level--2 {padding:5px;transition: background-color .4s}
.level--2:hover {background-color: var(--back-light)}
.level--2 .panel--title {font-size: 14px;font-weight: 600}

    /* --- Логика сворачивания для panel--link --- */
.panel--link {
    width: 100%;
}
.panel--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 50px);
}
.panel--header .panel--title {margin-bottom: 0}
.level--2 .panel--header {width: 100%}
.panel--toggle {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    color: var(--text);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, color 0.3s ease;
}
.panel--toggle:hover {
    color: var(--main);
}
.panel--toggle svg {
    transition: transform 0.3s ease;
}

/* Скрытый контент по умолчанию */
.panel--link .panel--collapse {
    display: none;
    padding-top: 12px;
}

/* Состояние ОФОРМЛЕНИЯ ОТКРЫТОГО БЛОКА */
/* Если первому блоку или открытому по клику задан класс is--open */
.panel--link.is--open .panel--collapse,
.panel--item.is--open .panel--collapse {
    display: block;
}
.panel--link.is--open .panel--toggle svg,
.panel--item.is--open .panel--toggle svg {
    transform: rotate(180deg); /* Поворот стрелки вверх */
}

/* --- Блок входящих товаров --- */
.panel--products {display: flex;flex-direction: column;gap:5px;width: 100%;}

/* --- Контейнер карточки товара --- */
.product-item-mini {
    display: flex;
    align-items: center;
    gap: 12px;
    padding:5px 10px;
    background: var(--back-gray);
    border: 1px solid var(--border-light);
    border-radius: 8px;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.product-item-mini:hover {
    background: var(--back-light);
    border-color: var(--main);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
.product-item-mini-image {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 4px;
    background: #ffffff;
    flex-shrink: 0;
}
.product-item-mini a {
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
    text-decoration: none;
    line-height: 1.3;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-item-mini:hover a {
    color: var(--main);
}
.product-item-mini-price {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    padding-left: 8px;
}

/* --- Медиа-запросы --- */
@media all and (max-width: 1280px) {
    .panel--box > .panel--title {font-size: 26px}
}
@media all and (max-width: 1152px) {
    .catalog--tree .menu--sub {--columns:1}
}
@media all and (max-width: 1024px) {
    .panel--box > .panel--title {font-size: 24px}
}
@media all and (max-width: 767px) {
    .panel--box > .panel--title {font-size: 22px}
    .panel--box {gap:16px}
}
/* End */
/* /local/templates/prof_2026/css/pages/price.css?17883441822756 */
/* /local/components/tichiy/catalog.sections/templates/list/style.css?17883441824097 */