/* Start:/bitrix/templates/aspro-priority/components/bitrix/news/catalog/style.min.css?1783416950356*/
@media(max-width:767px){.catalog.detail .head .maxwidth-theme .row{display:flex;flex-direction:column-reverse}.catalog.detail .head .item .info.wpadding{padding-top:0;padding-bottom:0}.catalog.detail .head .item>.galery{padding-top:40px}.catalog.detail .head>.maxwidth-theme>.row>.item{padding-bottom:46px}.catalog.detail .detail_right_block{display:none}}
/* End */


/* Start:/bitrix/templates/aspro-priority/components/bitrix/news.detail/catalog3/style.css?178472969337603*/
body .banners-content{margin-bottom:0;}

.item:has(.properties .no) .price_default,
.item:has(.properties .no) .name {
  opacity: 0.5 !Important;
}

.properties:has(.no) ~ .buy_block_wrap .price_default,
.properties:has(.no) ~ .top_block_wrap .name {
	opacity: 0.50 !Important;
}

.item .info:has(.status-icon.nostock) .price,
.item .info:has(.status-icon.nostock) .price_new {
    //color: #999 !important;
    //opacity: 0.7;
    //transition: all 0.3s ease;
  opacity: 0.5 !Important;
}
/* ============================================================
   ЛП: лендинг-режим продуктовой страницы (редизайн /solutions/)
   Активируется свойством LP_HERO_TITLE. 11.07.2026 (ред. 3)
   Акцент: var(--lp-accent), по умолчанию #dd130a (тема CUSTOM_s1).
   Переопределяется свойством LP_ACCENT_COLOR (класс .lp-accent).
   ============================================================ */

.lp-banner,.lp-sections{--lp-accent:#dd130a;}

/* --- Акцентный цвет: кнопки внутри ЛП-областей --- */
.lp-accent .btn.btn-default{background-color:var(--lp-accent);border-color:var(--lp-accent);}
.lp-accent .btn.btn-default:hover,.lp-accent .btn.btn-default:focus,.lp-accent .btn.btn-default:active{background-color:var(--lp-accent);border-color:var(--lp-accent);filter:brightness(1.15);}
.lp-accent .btn.btn-default.white{color:var(--lp-accent);border-color:var(--lp-accent);background:#fff;}
.lp-accent .btn.btn-default.white:hover{color:#fff;background:var(--lp-accent);border-color:var(--lp-accent);filter:none;}

/* --- Акцентный цвет: штатные элементы внутри ЛП (аккордеон, вкладки, «Нужна консультация», цветные блоки) --- */
.lp-accent .accordion-head:hover .arrow_open{background:var(--lp-accent);border-color:var(--lp-accent);}
.lp-accent .accordion-head .arrow_open:hover{background:var(--lp-accent);border-color:var(--lp-accent);filter:brightness(1.15);}
/* стрелки-кнопки карточек (публикации/связанные списки): a.arrow_open.link */
.lp-accent .item:hover .arrow_open.link{background:var(--lp-accent);border:1px solid var(--lp-accent);}
.lp-accent .item .arrow_open.link:hover{background:var(--lp-accent);border:1px solid var(--lp-accent);filter:brightness(1.15);}
.lp-accent .item.opened .accordion-head:before{background:var(--lp-accent);}
.lp-accent .accordion-head.accordion-open a,.lp-accent .accordion-head:hover a{color:var(--lp-accent);}
.lp-accent .tabs .nav-tabs a:hover,.lp-accent .tabs .nav-tabs a:active,.lp-accent .tabs .nav-tabs a:focus{color:var(--lp-accent);}
.lp-accent .nav-tabs > li.active:after{background:var(--lp-accent);}
.lp-accent .ask_a_question .outer,.lp-accent .ask_a_question:hover .outer{background-color:var(--lp-accent);}
.lp-accent .ask_a_question:hover .outer>span{border-color:var(--lp-accent);}
.lp-accent .ask_a_question .outer:hover{background-color:var(--lp-accent);filter:brightness(1.15);}
.lp-accent .ask_a_question .outer>span:hover{border-color:var(--lp-accent);}
.lp-accent .ask_a_question .inner .text-block:before{background-color:var(--lp-accent);}
.lp-accent blockquote.info:before,.lp-accent blockquote:before{background-color:var(--lp-accent);}
.lp-accent .switch_gallery:hover{background-color:var(--lp-accent);}
.lp-accent .list.icons .fa{color:var(--lp-accent);}
/* ссылки: тема красит все простые <a> в красный — внутри ЛП перекрашиваем в акцент товара
   (тёмные ссылки .dark-color/.dark_link остаются тёмными, у них акцент только на hover) */
.lp-accent a:not(.btn):not(.dark-color):not(.dark_link){color:var(--lp-accent);}
.lp-accent a:hover:not(.btn),.lp-accent a.dark-color:hover,.lp-accent .dark_link:hover,.lp-accent .dark-color:hover{color:var(--lp-accent);}
.lp-accent a.colored,.lp-accent .colored{color:var(--lp-accent);}

.lp-accent table.table th{background-color:var(--lp-accent);}

/* --- Заголовки секций: штатные отступы h2 принудительно (13.07.2026) --- */
.lp-sections h2{margin:31px 0 23px !important;}

/* --- Баннер: бейдж, цена, чипы (скругления — как у кнопок баннера) --- */
.lp-banner .lp-badge{display:inline-block;background:#fff;color:var(--lp-accent);border-radius:30px;padding:3px 14px;font-size:.8em;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px;}
/* мобильная копия баннера (.wrap_tablet_text видна только <768px): тема не задаёт цвета текста
   (наследуется #777) и прячет картинку — задаём явно, скоуп .lp-banner */
.lp-banner .tablet_text .h1{display:block;font-size:2em;font-weight:normal;line-height:1.2em;margin:14px 0 10px;color:#333;}
.lp-banner .tablet_text .intro-text{color:#333;}
.lp-banner .tablet_text .lp-banner-price .price_new{color:#333;}
.lp-banner .wrap_tablet_text .tablet_img{display:flex;visibility:visible;height:250px;background-size:cover !important;align-items:flex-end;justify-content:center;overflow:hidden;}
.lp-banner .wrap_tablet_text .tablet_img img{max-height:calc(100% - 20px);width:auto;}

.lp-banner-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
@media (min-width:992px){
	.lp-banner-btns{flex-wrap:nowrap;}
}
.lp-banner-price{display:inline-flex;align-items:center;}
.lp-banner-price .price_new{font-size:1.4667em;font-weight:bold;color:#333;line-height:1.2em;white-space:nowrap;}
.lp-banner .text.light .lp-banner-price .price_new{color:#fff;}
.lp-chips{display:flex;gap:10px;margin-top:38px;flex-wrap:wrap;}
.lp-chip{border:1px solid #e5e5e5;background:rgba(255,255,255,.9);border-radius:30px;padding:4px 14px;font-size:.8em;color:#555;display:inline-flex;gap:8px;align-items:center;}
.lp-chip i{width:7px;height:7px;background:var(--lp-accent);border-radius:50%;flex:none;}

/* --- Тёмная полоса проблемы: вплотную под баннером, ограничение по ширине фоновых картинок сайта --- */
/* цвета полосы управляются свойствами элемента LP_PROBLEM_BG / LP_PROBLEM_COLOR
   (inline-переменные на .lp-problem); по умолчанию — исходные #222/#fff,
   текст пунктов — смесь цвета текста с фоном (при дефолтах ≈ прежний #ccc) */
.lp-problem{background:var(--lp-problem-bg,#222);color:var(--lp-problem-color,#fff);margin:0 auto;max-width:1920px;}
.lp-problem-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;align-items:start;padding:34px 0;}
.lp-problem-title{font-size:1.4em;font-weight:bold;line-height:1.4em;color:var(--lp-problem-color,#fff);}
.lp-problem-item{font-size:.9em;line-height:1.6em;color:color-mix(in srgb,var(--lp-problem-color,#fff) 78%,var(--lp-problem-bg,#222));}
.lp-problem-item b{display:block;color:var(--lp-problem-color,#fff);font-weight:500;margin-bottom:4px;}

/* --- Секции: заголовки h2 — штатные отступы шаблона (не переопределяем) --- */
.lp-sections{margin-top:0;}
.lp-sect{margin-top:10px;padding:0 0 6px;} /* межблочные отступы дают drag_block; класс wraps из связки убран (bugfix заказчика 13.07.2026) */
.lp-note{margin:-14px 0 4px;color:#777;}

/* --- Сетки карточек --- */
.lp-grid{display:grid;gap:14px;margin-top:20px;}
/* сетки с фиксированным числом колонок: выбираются в epilog по количеству карточек */
.lp-cols-3{grid-template-columns:repeat(3,1fr);}
.lp-cols-4{grid-template-columns:repeat(4,1fr);}
.lp-grid-4{grid-template-columns:repeat(4,1fr);}
/* тарифы: если карточек меньше, чем колонок в строке, — растягиваются на всю ширину */
.lp-grid-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}

/* --- Карточка (в духе .item.border.shadow) --- */
.lp-card{background:#fff;border:1px solid #f1f1f1;border-radius:4px;padding:17px 20px;transition:box-shadow .3s ease;}
.lp-card:hover{box-shadow:0 4px 22px rgba(0,0,0,.09);}
.lp-card > b{display:block;color:#333;line-height:1.5;margin-bottom:3px;}
.lp-card > span{display:block;font-size:.8667em;line-height:1.54em;color:#777;}

/* --- Hero (fallback для продуктов без детального баннера) --- */
.lp-mode{padding-bottom:0;}
.lp-hero{padding:26px 0 10px;}
.lp-hero .lp-badge{display:inline-block;background:#fdeceb;color:var(--lp-accent);border-radius:30px;padding:3px 14px;font-size:.8em;letter-spacing:.6px;text-transform:uppercase;margin-bottom:14px;}
.lp-hero-sub{font-size:1.0667em;line-height:1.65em;color:#555;}
.lp-hero-btns{display:flex;gap:14px;margin-top:22px;align-items:center;flex-wrap:wrap;}
.lp-price-note{font-size:.8667em;color:#777;}
.lp-hero-img{border:1px solid #e5e5e5;border-radius:4px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);}

/* --- Шаги: карточки с вертикальной акцентной чертой (.info) --- */
.lp-step.info{border-left:3px solid var(--lp-accent);border-radius:0 4px 4px 0;background:#fafafa;}
.lp-step-num{font-size:1.8667em;font-weight:bold;color:var(--lp-accent);line-height:1.2em;margin-bottom:8px;}

/* --- Тарифы --- */
#lp-tarifs{position:relative;}
#lp-tarifs > span[id]{position:absolute;top:-80px;}
.lp-price-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;}
.lp-price-head .lp-note{margin:0;}
.lp-tarif{position:relative;display:flex;flex-direction:column;padding:24px 26px;}
.lp-tarif.main{border:2px solid var(--lp-accent);}
.lp-sticker{position:absolute;top:-10px;left:22px;background:var(--lp-accent);color:#fff;font-size:10px;letter-spacing:.8px;text-transform:uppercase;border-radius:20px;padding:2px 12px;line-height:16px;}
.lp-tarif-name{font-weight:bold;color:#333;font-size:1.0667em;}
.lp-tarif-price{font-size:1.8667em;font-weight:bold;color:#333;margin:8px 0 2px;line-height:1.2em;}
.lp-tarif-alt{font-size:.8em;color:#777;}
.lp-tarif-text{font-size:.9em;line-height:1.6em;color:#777;margin-top:10px;flex:1;}
.lp-tarif .btn{margin-top:16px;align-self:flex-start;}

/* --- Для кого: карточки с верхней акцентной чертой --- */
.lp-aud{border-top:3px solid var(--lp-accent);border-radius:0 0 4px 4px;}
.lp-aud > span{margin-top:4px;}
.lp-aud-lbl{color:#333;font-weight:500;}

/* --- Счётчики --- */
.lp-counter{text-align:center;padding:22px 16px;}
.lp-counter > b{font-size:2.1333em;color:var(--lp-accent);line-height:1.2em;margin-bottom:5px;}

/* --- Детальный текст: убрать штатный верхний паддинг (.detail .content.wttabs{padding-top:52px}),
       но ТОЛЬКО когда текст начинается с вкладок (Бэкап) — без вкладок (Поток) штатный отступ нужен,
       иначе текст липнет к полосе проблемы. Специфичность выше штатной (4 класса),
       т.к. бандл шаблона грузится после бандла страницы --- */
.detail .lp-sections .content.wttabs:has(> .tabs){padding-top:0;}

/* --- Документы: float-сетка Bootstrap 3 ломается при разной высоте карточек — переводим ряд на flex --- */
.lp-sections .docs-block .docs_wrap .row{display:flex;flex-wrap:wrap;}

/* --- Сценарии использования: карточки с иконками (вкладка «Для ИТ-специалистов») --- */
.lp-scen{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin:18px 0 6px;}
.lp-scen-card{background:#fff;border:1px solid #f1f1f1;border-radius:6px;padding:18px 18px 16px;transition:box-shadow .3s ease;}
.lp-scen-card:hover{box-shadow:0 4px 22px rgba(0,0,0,.09);}
.lp-scen-ico{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb, var(--lp-accent) 10%, #fff);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--lp-accent);}
.lp-scen-ico svg{width:24px;height:24px;display:block;}
/* иконки через CSS-mask по классу (lpi + ключ): визуальный редактор Битрикса вырезает inline-SVG
   из DETAIL_TEXT при сохранении, а классы на div сохраняет; цвет = currentColor (--lp-accent) */
.lp-scen-ico.lpi::before{content:"";width:24px;height:24px;background:currentColor;-webkit-mask:var(--lp-ico) center/contain no-repeat;mask:var(--lp-ico) center/contain no-repeat;}
.lp-scen-ico.i-onboard{--lp-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='9.5' cy='8.5' r='3.5'/><path d='M3 20c1.1-3.2 3.5-4.8 6.5-4.8 1 0 1.9.2 2.7.5'/><line x1='18' y1='14' x2='18' y2='20'/><line x1='15' y1='17' x2='21' y2='17'/></svg>");}
.lp-scen-ico.i-offboard{--lp-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='9.5' cy='8.5' r='3.5'/><path d='M3 20c1.1-3.2 3.5-4.8 6.5-4.8 1 0 1.9.2 2.7.5'/><line x1='15' y1='17' x2='21' y2='17'/></svg>");}
.lp-scen-ico.i-clock{--lp-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='8.5'/><polyline points='12 7 12 12 15.5 14'/></svg>");}
.lp-scen-ico.i-shield{--lp-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l8 3v5c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6z'/><line x1='12' y1='8' x2='12' y2='13'/><line x1='12' y1='16' x2='12' y2='16.01'/></svg>");}
.lp-scen-ico.i-nodes{--lp-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='5.5' cy='12' r='2.5'/><circle cx='18.5' cy='5.5' r='2.5'/><circle cx='18.5' cy='18.5' r='2.5'/><path d='M8 12h5'/><path d='M13 12c2 0 3-1 3-3V7.5'/><path d='M13 12c2 0 3 1 3 3v1.5'/></svg>");}
.lp-scen-ico.i-transfer{--lp-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='8' cy='8' r='3'/><path d='M2.5 19c1-2.8 3-4.2 5.5-4.2S12.5 16.2 13.5 19'/><polyline points='16 8 21 8'/><polyline points='18.5 5.5 21 8 18.5 10.5'/></svg>");}
.lp-scen-ico.i-archive{--lp-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='4' rx='1'/><path d='M5 8v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8'/><path d='M9.5 12h5'/></svg>");}
.lp-scen-card b{display:block;color:#333;line-height:1.45em;margin-bottom:5px;}
/* текст карточки: <p> (редактор Битрикса вырезает span при сохранении элемента) */
.lp-scen-card span,.lp-scen-card p{display:block;font-size:.8667em;line-height:1.55em;color:#777;}
.lp-scen-card p{margin:0;}
.lp-scen.cols3{grid-template-columns:repeat(3,1fr);}
@media (max-width:1023px){
	.lp-scen.cols3{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){
	.lp-scen,.lp-scen.cols3{grid-template-columns:1fr;gap:10px;}
	.lp-scen-card{display:grid;grid-template-columns:46px 1fr;gap:4px 14px;}
	.lp-scen-card.wti{display:block;}
	.lp-scen-ico{margin-bottom:0;grid-row:1 / span 2;}
}

/* --- Иконки карточек «Что копируется» (лендинг) --- */
.lp-card .lp-copied-ico{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb, var(--lp-accent) 10%, #fff);display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--lp-accent);}
.lp-card .lp-copied-ico svg{width:21px;height:21px;display:block;}
@media (max-width:767px){
	.lp-card .lp-copied-ico{display:none;} /* на мобиле карточки-пилюли */
}

/* --- Сравнение с альтернативами: карточки-колонки (вкладка «Для ИТ-специалистов») --- */
.lp-cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;margin:18px 0 10px;}
.lp-cmp-card{background:#fff;border:1px solid #f1f1f1;border-radius:8px;padding:20px 22px;}
.lp-cmp-card.main{position:relative;border:2px solid var(--lp-accent);padding:32px 22px;box-shadow:0 6px 26px rgba(0,0,0,.10);}
.lp-cmp-head{font-weight:bold;color:#333;font-size:1.0667em;line-height:1.4em;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid #f1f1f1;}
.lp-cmp-card.main .lp-cmp-head{color:var(--lp-accent);}
.lp-cmp-row{padding:9px 0;border-bottom:1px solid #f7f7f7;}
.lp-cmp-row:last-child{border-bottom:none;}
.lp-cmp-row i{display:block;font-style:normal;font-size:.7333em;line-height:1.5em;letter-spacing:.5px;text-transform:uppercase;color:#999;}
.lp-cmp-row span{display:block;font-size:.8667em;line-height:1.55em;color:#555;}
.lp-cmp-card.main .lp-cmp-row span{color:#333;}
@media (max-width:1023px){
	.lp-cmp{grid-template-columns:1fr;align-items:stretch;}
	.lp-cmp-card.main{padding:22px;order:-1;}
}

/* --- Схема архитектуры (вкладка «Для ИТ-специалистов») --- */
.lp-arch{display:grid;grid-template-columns:1fr 74px 1.25fr 74px 1fr;gap:0;align-items:stretch;margin:18px 0 6px;}
.lp-arch-col{background:#fff;border:1px solid #e5e5e5;border-top:3px solid var(--lp-accent);border-radius:0 0 6px 6px;padding:16px 18px;}
.lp-arch-head{font-weight:bold;color:#333;font-size:1.0667em;margin-bottom:12px;}
.lp-arch-col ul{list-style:none;margin:0;padding:0;}
.lp-arch-col ul li{border:1px solid #eee;border-radius:5px;background:#fafafa;padding:6px 12px;margin:0 0 7px;font-size:.9em;line-height:1.5em;color:#555;}
.lp-arch-item{border:1px solid #eee;border-radius:5px;background:#fafafa;padding:8px 12px;margin:0 0 7px;}
.lp-arch-item b{display:block;color:#333;font-size:.9333em;line-height:1.5em;}
.lp-arch-item span{display:block;font-size:.8em;line-height:1.45em;color:#999;}
.lp-arch-item.core{border-style:dashed;border-color:var(--lp-accent);background:#fff;}
.lp-arch-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 6px;}
.lp-arch-link .lp-arch-arrow{color:var(--lp-accent);font-size:1.4em;line-height:1;}
.lp-arch-link span{font-size:.7333em;line-height:1.35em;color:#999;text-align:center;}
.lp-arch-tree{font-family:ui-monospace,Consolas,Menlo,monospace;font-size:.8667em;line-height:1.75em;color:#555;background:#fafafa;border:1px solid #eee;border-radius:5px;padding:8px 12px;}
.lp-arch-flow{border:1px solid #e5e5e5;border-radius:6px;background:#f8f9fb;padding:18px 22px;margin:14px 0 6px;}
.lp-arch-flow-title{font-weight:bold;color:#333;margin-bottom:14px;}
.lp-arch-flow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.lp-arch-step{font-size:.8em;line-height:1.5em;color:#555;}
.lp-arch-step i{display:block;font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--lp-accent);color:#fff;font-weight:bold;text-align:center;line-height:28px;margin-bottom:8px;}
@media (max-width:1023px){
	.lp-arch{grid-template-columns:1fr;}
	.lp-arch-link{flex-direction:row;padding:10px 0;}
	.lp-arch-link .lp-arch-arrow{transform:rotate(90deg);}
	.lp-arch-flow-steps{grid-template-columns:1fr;gap:10px;}
	.lp-arch-step i{display:inline-block;margin:0 8px 0 0;vertical-align:middle;}
}

/* --- FAQ: отступ под штатный аккордеон --- */
.lp-faq .accordion-type-1{margin-top:0;}

/* --- Финальный CTA (штатный .styled-block + грид) --- */
.styled-block.lp-cta{margin:28px 0 40px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border-left-color:var(--lp-accent);}
.lp-cta-title{font-size:1.6em;font-weight:bold;color:#333;line-height:1.3em;}
.lp-cta-sub{margin-top:8px;line-height:1.6em;}
.lp-cta-contact{margin-top:8px;font-size:.9em;color:#555;}
.lp-cta-btns{display:flex;gap:12px;flex-wrap:wrap;}

/* --- Планшет --- */
@media (max-width:1023px){
	.lp-grid-4,.lp-cols-4,.lp-cols-3{grid-template-columns:repeat(2,1fr);}
	.lp-problem-grid{grid-template-columns:1fr 1fr;gap:22px;}
	.styled-block.lp-cta{grid-template-columns:1fr;}
}

/* --- Мобильный (вариант 1c) --- */
@media (max-width:767px){
	.lp-grid{gap:10px;margin-top:14px;}
	.lp-grid-4,.lp-cols-4,.lp-cols-3{grid-template-columns:1fr;}
	.lp-grid-3{grid-template-columns:1fr;}
	.lp-problem-grid{grid-template-columns:1fr;gap:14px;padding:24px 0;}
	.lp-problem-title{font-size:1.1333em;}
	.lp-banner-btns{flex-direction:column;align-items:stretch;}
	.lp-banner-btns .btn{width:100%;}
	.lp-banner-price{justify-content:center;}
	.lp-chips{justify-content:center;}
	.lp-hero-btns{flex-direction:column;align-items:stretch;}
	.lp-hero-btns .btn{width:100%;}
	.styled-block.lp-cta{padding:20px 18px;margin:20px 0 28px;}
	.lp-cta-title{font-size:1.2667em;}
	.lp-cta-btns .btn{width:100%;}
}

/* === Штатные тарифы Аспро (tarifs_linked_8) в акценте продукта =====================
   Тема жёстко красит акцент тарифа в фирменный красный (#dd130a) и стикер RECOMMEND в
   фиолетовый (#7558d2). Перекрашиваем в --lp-accent scoped-правилами (специфичность выше
   штатной за счёт префикса .lp-accent — бандл темы грузится позже бандла страницы). */
/* активная/наведённая цена */
.lp-accent .item-views.tarifs.type_8 .item .prices .all_price li:hover .price_title:before,
.lp-accent .item-views.tarifs.type_8 .item .prices .all_price li.active .price_title:before{border-color:var(--lp-accent);background:var(--lp-accent);}
/* стикер «Основной»/HIT — форма пилюли + акцент (в т.ч. для нового enum sticker_main) */
.lp-accent .item-views.tarifs .stickers .stickers-wrapper [class^="sticker_"]{background:var(--lp-accent);color:#fff;display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;line-height:1.4;}
/* кнопка «Заказать»: вид зависит от беджа «Основной» (класс .whit по свойству HIT).
   Тема бьёт цепочкой .item-views.tarifs .flexslider .item:hover .order .btn:hover
   (спец. 0,8,0) — перекрываем !important.
   • Тариф с беджем «Основной» (.whit) — кнопка всегда в акценте (заливка).
   • Тариф без беджа — «призрачная» кнопка: белая с акцентным контуром,
     при выделении (наведении на карточку или кнопку) заливается акцентом. */
/* --- основной тариф (.whit): всегда акцентная заливка --- */
.lp-accent .item-views.tarifs .item.whit .btn.btn-default,
.lp-accent .item-views.tarifs .item.whit .btn.btn-default:hover,
.lp-accent .item-views.tarifs .item.whit .btn.btn-default:focus,
.lp-accent .item-views.tarifs .item.whit .btn.btn-default:active,
.lp-accent .item-views.tarifs .flexslider .item.whit:hover .order .btn,
.lp-accent .item-views.tarifs .flexslider .item.whit:hover .order .btn:hover,
.lp-accent .item-views.tarifs .flexslider .item.whit:hover .buy_block .btn,
.lp-accent .item-views.tarifs .flexslider .item.whit:hover .buy_block .btn:hover{background-color:var(--lp-accent) !important;border-color:var(--lp-accent) !important;color:#fff !important;}
.lp-accent .item-views.tarifs .item.whit .btn.btn-default:hover{filter:brightness(1.08);}
/* --- обычный тариф (без беджа): белая кнопка с акцентным контуром --- */
.lp-accent .item-views.tarifs .item:not(.whit) .btn.btn-default,
.lp-accent .item-views.tarifs .item:not(.whit) .btn.btn-default:focus{background-color:#fff !important;border:1px solid var(--lp-accent) !important;color:var(--lp-accent) !important;}
/* при выделении (наведение на карточку ИЛИ на кнопку) — заливка акцентом */
.lp-accent .item-views.tarifs .item:not(.whit) .btn.btn-default:hover,
.lp-accent .item-views.tarifs .item:not(.whit) .btn.btn-default:active,
.lp-accent .item-views.tarifs .flexslider .item:not(.whit):hover .order .btn,
.lp-accent .item-views.tarifs .flexslider .item:not(.whit):hover .order .btn:hover,
.lp-accent .item-views.tarifs .flexslider .item:not(.whit):hover .buy_block .btn,
.lp-accent .item-views.tarifs .flexslider .item:not(.whit):hover .buy_block .btn:hover{background-color:var(--lp-accent) !important;border:1px solid var(--lp-accent) !important;color:#fff !important;}
/* кнопка: уже по ширине, скруглённая пилюля, по центру */
.lp-accent .item-views.tarifs .item .order{text-align:center;margin-top:20px;}
/* уже по ширине + пилюля: тема тянет .type_8 .flexslider .item .order .btn на 100% — бьём !important */
.lp-accent .item-views.tarifs.type_8 .flexslider .item .order .btn{display:inline-block !important;width:auto !important;padding:11px 28px !important;border-radius:22px !important;font-size:.7333em;line-height:1.4 !important;}
/* тема раздувает внутренний span: .order .btn>span{padding:19px 0 18px} — обнуляем, иначе кнопка становится огромной по высоте */
.lp-accent .item-views.tarifs.type_8 .flexslider .item .order .btn > span,
.lp-accent .item-views.tarifs.type_8 .flexslider .item .buy_block .btn > span{padding:0 !important;display:inline !important;line-height:inherit !important;}
/* карточки: рамка + акцентная рамка «Основного» (класс whit по свойству HIT) */
.lp-accent .item-views.tarifs.type_8 .item > .wrap{border:1px solid #eff1f5;border-radius:4px;}
.lp-accent .item-views.tarifs.type_8 .item:before,
.lp-accent .item-views.tarifs.type_8 .item:after{display:none !important;}
.lp-accent .item-views.tarifs.type_8 .item.whit > .wrap{border:2px solid var(--lp-accent);}
.lp-accent .item-views.tarifs.type_8 .item.whit > .wrap:before{display:none;}
/* цена: крупная (сопоставима с ЛП), одна — без радио; годовая — подписью под ценой */
.lp-accent .item-views.tarifs.type_8 .item .prices{padding-bottom:0;}
.lp-accent .item-views.tarifs.type_8 .all_price.single{margin:0;}
.lp-accent .item-views.tarifs.type_8 .all_price.single li{padding:4px 0;}
.lp-accent .item-views.tarifs.type_8 .all_price.single li:before,
.lp-accent .item-views.tarifs.type_8 .all_price.single li:after{display:none !important;}
.lp-accent .item-views.tarifs.type_8 .all_price.single li .price_title{display:none;}
/* цена по центру (тема/Bootstrap .pull-right{float:right!important} — бьём !important) */
.lp-accent .item-views.tarifs.type_8 .all_price.single{text-align:center;}
.lp-accent .item-views.tarifs.type_8 .all_price.single li{text-align:center;}
.lp-accent .item-views.tarifs.type_8 .all_price.single li .value{float:none !important;width:100% !important;text-align:center !important;padding:0;margin:0;font-size:1.8667em;font-weight:bold;color:#333;line-height:1.2;}
.lp-accent .item-views.tarifs .tarif-price-unit{text-align:center;font-size:.8em;color:#777;margin-top:2px;}
.lp-accent .item-views.tarifs .tarif-year-note{text-align:center;font-size:.8em;color:#777;margin-top:2px;}
.lp-accent .item-views.tarifs .tarif-year-note--empty{visibility:hidden;}
/* характеристики: убрать маркер-точку */
.lp-accent .item-views.tarifs .item .properties .property .title-prop{padding-left:0;}
.lp-accent .item-views.tarifs .item .properties .property .title-prop:before{display:none;}
/* стикер «Основной»: пилюля НА верхней рамке карточки, как бедж «Наш продукт» (.lp-sticker).
   Якорь абсолютного позиционирования — сама рамка .wrap; промежуточные .body-wrap/.image принудительно static,
   иначе стикер цепляется за них и уезжает ВНУТРЬ карточки (ниже верхней рамки). */
.lp-accent .item-views.tarifs.type_8 .item > .wrap{position:relative !important;padding-bottom:30px;}
.lp-accent .item-views.tarifs.type_8 .item .body-wrap{position:static !important;}
.lp-accent .item-views.tarifs.type_8 .item .image .stickers{position:absolute !important;top:-11px;left:22px;z-index:5;margin:0 !important;padding:0 !important;}
.lp-accent .item-views.tarifs.type_8 .item .image .stickers .stickers-wrapper{margin:0;padding:0;}
/* пустой блок .image (у тарифов нет иконки) не должен занимать место над названием — и НЕ должен быть якорем позиционирования */
.lp-accent .item-views.tarifs.type_8 .item .image{position:static !important;min-height:0 !important;height:auto !important;margin:0 !important;padding:0 !important;}
.lp-accent .item-views.tarifs.type_8 .item .image .wrap{position:static !important;min-height:0 !important;height:auto !important;border:0 !important;}
.lp-accent .item-views.tarifs.type_8 .item .top_block{padding-top:8px;}
/* отступ под кнопкой: даём padding-bottom самой рамке (.wrap выше) — работает на ВСЕХ карточках,
   а не только на короткой «Легкий» (у тарифов разной высоты margin у .order виден только там, где есть запас) */
.lp-accent .item-views.tarifs.type_8 .flexslider .item .order{margin:20px 0 0 !important;padding:0 !important;}

/* === Add-on (дополнения к тарифу): плашка в стиле блока «Поток» === */
.lp-addons{margin-top:22px;}
.lp-addon{position:relative;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px;background:#fff;border:1px dashed #eff1f5;border-radius:6px;padding:32px 28px;min-height:120px;}
.lp-addon-badge{position:absolute;top:-10px;left:22px;background:#eef1f6;color:#333;font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:700;border-radius:20px;padding:3px 12px;line-height:16px;border:1px solid #e2e7ee;}
.lp-addon-ic{flex:0 0 auto;width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--lp-accent);}
.lp-addon-ic svg{width:24px;height:24px;}
.lp-addon-body{flex:1;min-width:220px;}
.lp-addon-body b{display:block;font-size:1.0667em;color:#333;line-height:1.4;}
.lp-addon-body span{display:block;font-size:.9em;color:#777;line-height:1.5;margin-top:2px;}
.lp-addon-price{font-size:1.0667em;font-weight:bold;color:#333;white-space:nowrap;}
.lp-addon .btn{margin:0;}
@media (max-width:767px){
	.lp-addon{gap:12px;}
	.lp-addon .btn{width:100%;}
}
/* Плавающий блок «Нужна консультация?»: подтекст контрастным + кнопка-пилюля =============== */
/* подтекст наследует body #777 (низкий контраст) — делаем тёмным, введение (.introtext) не трогаем */
.lp-accent .ask_a_question .inner .text-block p:not(.introtext){color:#333;}
/* кнопка «Задать вопрос»: из планки-подвала (акцентная полоса .outer) — в скруглённую пилюлю */
.lp-accent .ask_a_question .outer,
.lp-accent .ask_a_question:hover .outer,
.lp-accent .ask_a_question .outer:hover{background-color:transparent !important;margin:0 !important;padding:0 24px 24px !important;}
.lp-accent .ask_a_question .outer>span{display:inline-block;width:auto;margin:0;padding:12px 30px;border:0 !important;border-radius:26px;background-color:var(--lp-accent);color:#fff !important;line-height:1.4;transition:filter .2s ease;}
.lp-accent .ask_a_question:hover .outer>span,
.lp-accent .ask_a_question .outer>span:hover{background-color:var(--lp-accent);color:#fff !important;filter:brightness(1.1);}


/* ===== Блок социального доказательства (lp-trust) — 2026-07-22; типографика по em-шкале темы ===== */
.lp-trust{border:1px solid #eee;background:#fff;padding:32px 34px;} /* без скругления — согласовано с соседними LP-блоками */
@media(max-width:767px){.lp-trust{padding:22px 18px;}}
.lp-trust__eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:4px 14px;border-radius:30px;background:#eaf1fe;color:var(--lp-accent);font-size:.8em;font-weight:700;letter-spacing:.6px;text-transform:uppercase;}
.lp-trust__eyebrow::before{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--i-shield) center/contain no-repeat;mask:var(--i-shield) center/contain no-repeat;}
.lp-trust__title{margin:0 0 8px;} /* размер/начертание — из стиля h2 темы */
.lp-trust__lead{margin:0 0 26px;font-size:1.0667em;line-height:1.65em;color:#555;} /* = .lp-hero-sub */
.lp-trust__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#eee;border:1px solid #eee;border-radius:6px;overflow:hidden;margin:0 0 28px;}
.lp-tstat{background:#fafafa;padding:20px 16px;text-align:center;}
.lp-tstat__num{font-size:2.1333em;font-weight:bold;color:var(--lp-accent);line-height:1.2em;font-variant-numeric:tabular-nums;} /* = .lp-counter>b */
.lp-tstat__label{margin-top:5px;font-size:.8667em;line-height:1.5em;color:#777;}
.lp-trust__cases{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 26px;}
.lp-tcase{background:#fff;border:1px solid #eee;border-radius:6px;padding:20px;}
.lp-tcase__ico{width:40px;height:40px;margin:0 0 12px;border-radius:8px;background:#eaf1fe;}
.lp-tcase__ico::before{content:"";display:block;width:100%;height:100%;background:var(--lp-accent);-webkit-mask:var(--ico) center/21px no-repeat;mask:var(--ico) center/21px no-repeat;}
.lp-tcase__kind{margin:0 0 12px;font-size:1.0667em;font-weight:bold;line-height:1.35em;color:#333;}
.lp-tmetric{position:relative;margin:0 0 8px;padding-left:15px;font-size:.9em;line-height:1.5em;color:#777;}
.lp-tmetric:last-child{margin-bottom:0;}
.lp-tmetric::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--lp-accent);}
.lp-tmetric b{color:#333;font-weight:bold;font-variant-numeric:tabular-nums;}
.lp-trust__industries{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:22px;border-top:1px solid #f1f1f1;}
.lp-tind-lbl{margin:0 4px 0 0;font-size:.8667em;color:#999;}
.lp-tchip{padding:4px 14px;border-radius:30px;background:#fff;border:1px solid #e5e5e5;font-size:.8em;color:#555;}
.lp-trust__note{margin:18px 0 0;font-size:.8667em;line-height:1.5em;color:#999;}
.lp-trust__eyebrow.i-shield{--i-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.4-2.9 7.6-7 9-4.1-1.4-7-4.6-7-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");}
.lp-tcase__ico.i-farm{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V9l8-5 8 5v11'/%3E%3Cpath d='M4 20h16'/%3E%3Cpath d='M9 20v-5h6v5'/%3E%3C/svg%3E");}
.lp-tcase__ico.i-bolt{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E");}
.lp-tcase__ico.i-users{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M4 20v-1c0-2.8 2.2-5 5-5s5 2.2 5 5v1'/%3E%3Cpath d='M16 11a3 3 0 100-6'/%3E%3Cpath d='M20 20v-1c0-2.2-1.4-4.1-3.4-4.7'/%3E%3C/svg%3E");}
@media(max-width:767px){.lp-trust__stats{grid-template-columns:repeat(2,1fr);}.lp-trust__cases{grid-template-columns:1fr;}}
@media(max-width:420px){.lp-trust__stats{grid-template-columns:1fr;}}

/* End */
/* /bitrix/templates/aspro-priority/components/bitrix/news/catalog/style.min.css?1783416950356 */
/* /bitrix/templates/aspro-priority/components/bitrix/news.detail/catalog3/style.css?178472969337603 */