/* Start:/local/templates/aspro-priority_2021/components/bitrix/news/catalog/style.css?1673819740450*/
@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;}
}
section.accessoires {
margin-top: 70px;
}
/* End */
/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.css?1673819705585*/
.bx-breadcrumb {
margin: 10px 0;
}
.bx-breadcrumb i {
color: #b5bdc2;
line-height: 13px;
font-size: 12px;
vertical-align: middle;
margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
float: left;
margin-bottom: 10px;
white-space: nowrap;
line-height: 13px;
vertical-align: middle;
margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 13px;
white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}
/* End */
/* Start:/local/templates/aspro-priority_2021/components/bitrix/news.detail/catalog/style.css?17896002568022*/
body .banners-content{margin-bottom:0;}
body .catalog.detail .galery{padding:0 44px 0 0;width:100%;}
body .catalog.detail .head{border:0}
body .catalog.detail .head>.maxwidth-theme>.row>.item{display:flex;align-items:center;}
body h1 {
margin-bottom:10px;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 47px;
letter-spacing: 0em;
text-align: left;
color:#000;
}
.catalog.detail .head .price .price_new .price_val {
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
}
.catalog.item-views.table .items{margin:0 -16px;}
body .wraps.goods-block .item-wrap.col-md-4 {width:25%;padding:16px;margin-bottom:10px;}
.goods .catalog.item-views.table .item .footer-button {opacity:1;visibility:visible;height:auto;padding: 0 25px;}
.goods .catalog.item-views.table .item .footer-button .btn{color:#FF6C2F;background:none;height:auto;line-height:33px;padding:0;
font-size: 14px;
font-weight: 500;
letter-spacing: 0em;
border-radius:0;
}
.goods .catalog.item-views.table .item .footer-button .btn:hover{
color:#fff;
background:#FF6C2F;
}
.goods .item-views.table .item{
border: 1px solid #9B9B9B;
}
html[xmlns] .goods .slice_price.clearfix {
display: none;
}
body .catalog.item-views.table .items .item .footer-button .btn{padding:0;}
/* Интро-колонка карточки товара: абзацы И элементы списка.
Раньше здесь был только `p`, поэтому во вводном тексте не попадал
ни под одно правило font-size и наследовал body (18px/22px), тогда как
соседние абзацы прижаты к 14px/16px -- внутри одной колонки список
оказывался на 4px крупнее вводящих его абзацев. Измерено на живой
странице 2026-09-17: `.previewtext p` = 14px/16px, `.previewtext ol li`
= 18px/22px, причём у не совпадало НИ ОДНО правило с font-size.
Из 58 активных товаров список во вводном тексте есть только у
HART-монитора, он этот пробел и вскрыл; значения не новые -- это те же
токены, что уже заданы для `p`, так что иерархия H1 -> интро -> список
сохраняется, а будущие товары со списками получают её автоматически. */
body .catalog.detail .head .previewtext p,
body .catalog.detail .head .previewtext li{
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
}
body .catalog.detail .head .previewtext{margin:13px 0 47px; 0;}
body .catalog.detail .head .price{margin-bottom:0;}
.compare {display:table;clear:both;margin-top:30px;max-width:1030px;}
.compare .tr{display:table-row;}
.compare .td{width:33%;display:table-cell;padding:22px 25px;border-bottom:1px solid #BFC1BE;border-right:1px solid #BFC1BE;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;letter-spacing: 0em;text-align: left;vertical-align: middle;}
.compare .td:last-child{border-right:0;}
.compare .tr:first-child .td:first-child{position:relative;min-height:106px;height: 105px;}
.compare .tr:first-child .td:first-child:before{
content:"";
position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;
display:block;
width:100%;
background: linear-gradient(to top right, #fff calc(50% - 1px), #BFC1BE, #fff calc(50% + 1px) )
}
.compare .tr:first-child .td:first-child > span {
position:relative;
z-index:1;
}
.compare .tr:first-child .td:first-child > span.tr{
display:block;
position:absolute;
right:25px;
top: 24px;
}
.compare .tr:first-child .td:first-child > span.ld{
position:absolute;
display:block;
bottom: 18px;
}
body .panel-collapse .accordion-body{padding:33px 68px}
.accordion-body p {
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
}
.tab-content .content {max-width:890px;}
body .tabs .tab-content{padding-top:0px;}
body .catalog.detail .wrapper-block-btn .btn{height:40px;padding:0;line-height:40px;border-radius:0;}
body .catalog.detail .head .row>.item{padding-bottom:15px;}
body .detail .order-block{background:transparent;border:1px solid #FF6C2F; margin:0;}
.detail .order-block .text:before{content:none;}
.detail .order-block td{padding:22px 69px;}
.detail .order-block .text{padding:0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
margin-bottom:29px;
}
.detail .order-block .price-description{
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
margin-bottom:10px;
}
.detail .order-block .prices .price{
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
}
.detail .order-block td .btns{text-align:left;
}
.detail .order-block td .btns>span{border-radius:0;}
.detail .order-block .btn.order{padding:12px 54px;height: 40px;border-radius: 0;}
.tabs .accordion-type-1 .item h2{
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #000000;
}
.tabs .accordion-body p{
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
}
.accordion-type-1 {
clear: both;
margin-top: 30px;
}
.tabs .accordion-type-1 .item .accordion-head .arrow_open,
.tabs .accordion-type-2 .item .accordion-head .arrow_open{
top:15px;
}
.tabs .item.border{margin-bottom:2px;}
.catalog.detail .accordion-type-1 .item.opened,
.tabs .catalog.detail .accordion-type-2 .item.opened{
margin-bottom:7px;
}
.accordion-body .table-wrap {padding:0;}
.accordion-body .table-wrap table.table tr td,
.accordion-body .table-wrap table.table:not(.table-bordered) > tbody > tr:hover td:last-of-type,
.accordion-body .table-wrap table.table tr:hover td{
padding:10px 15px;
font-size:13px;
}
.accordion-body .table-wrap table.table > tbody > tr:hover td {
padding-left: 15px !important;
}
table.table thead+tbody tr:last-of-type td{border-bottom: 1px solid #bfc0bf!important;}
.compare .td img{max-width:72px;max-height:58px;margin-right:15px;}
body .accordion-body .docs-block .docs_wrap {padding:0;border: 0;}
body .accordion-body .docs-block .blocks .inner-wrapper a.arrow_link,
body .accordion-body .docs-block .previewtext{display:none;}
body .accordion-body .docs-block .blocks .inner-wrapper .title a{
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
margin-bottom:4px;
}
.accordion-body .docs-block .blocks .inner-wrapper:before{
top: 1px;
}
body .accordion-body .docs-block .blocks {
padding-bottom: 0px;
margin-top: 0;
margin-bottom: 12px;
border-bottom:1px solid #B9B9B9;
}
body .accordion-body .docs-block .blocks .inner-wrapper{
padding-left:41px;
}
body .accordion-body .docs-block .item:last-child .blocks{
border:0;
margin-bottom:0;
}
body .accordion-body .docs-block{
margin-bottom:-10px;
}
html body.with_decorate section.page-top.maxwidth-theme {
padding: 48px 0 20px;
}
body .catalog.detail{border:0;}
.bx-breadcrumb .bx-breadcrumb-item a{color:#000;}
.bx-breadcrumb .bx-breadcrumb-item a span {font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
}
.fa-angle-right:before{content:"–";color:#000;}
body .bx-breadcrumb .bx-breadcrumb-item{margin-right:5px;}
body .bx-breadcrumb i{margin-right:0;}
body .compare a {color:#000;}
/* End */
/* Start:/local/components/skbpa/product.materials/templates/.default/style.css?17894204928475*/
/* skbpa:product.materials — «Топ материалов прибора».
A horizontal resource strip that sits between the product hero and the detail
tabs. Namespaced and self-contained: it renders inside the Aspro product
template, not inside the .skbpa-docs shell, so it declares its own tokens
rather than inheriting ones that are not in scope.
SPACING SCALE
Deliberately a small fixed set, so the block reads as designed rather than as
a pile of one-off margins:
4px icon/text micro gap
8px grid gutter, label to sub-label
14px card inner padding (vertical), head to grid
20px card inner padding (horizontal)
28px block separation from what sits above and below
These match the theme's own 20px rhythm rather than importing a foreign one. */
.skbpa-mat {
--mat-accent: #e36d38;
--mat-accent-deep: #b14819;
--mat-ink: #211d19;
--mat-ink-soft: #5c564d;
--mat-ink-faint: #918a7d;
--mat-line: #e7e2da;
--mat-line-soft: #f0ece6;
--mat-surface: #fff;
margin: 28px 0;
color: var(--mat-ink);
}
/* --- head ------------------------------------------------------------- */
/* Title only. space-between and the wrapping gap existed for the auxiliary
links that used to sit on the right; with those gone they would just be
leftovers that do nothing. */
.skbpa-mat__head {
margin: 0 0 14px;
padding-bottom: 10px;
border-bottom: 1px solid var(--mat-line);
}
.skbpa-mat__title {
margin: 0;
font-size: 17px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0;
text-transform: none;
color: var(--mat-ink);
}
/* --- grid -------------------------------------------------------------
Fixed column counts rather than auto-fit. With auto-fit the last row
stretches its one or two survivors across the full width, which makes a
7-item block look broken; fixed columns keep every card the same size and
simply leave the tail row short, which reads as intentional. */
.skbpa-mat__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
}
/* Column count follows the number of entries so the tail row is never a single
stranded card. Real counts in this catalogue are 5, 6 and 7:
7 -> 4 + 3 6 -> 3 + 3 5 -> 3 + 2
A fixed 4-track grid would give 4+1 for a five-item product, which reads as a
mistake rather than a layout. */
/* Scoped to the desktop range on purpose. An attribute selector out-specifies
the plain .skbpa-mat__grid rules in the media queries below, so leaving this
unscoped pinned six-item products to three columns even on a 390px phone. */
@media (min-width: 1200px) {
.skbpa-mat[data-count="5"] .skbpa-mat__grid,
.skbpa-mat[data-count="6"] .skbpa-mat__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.skbpa-mat__item {
display: flex;
align-items: center;
gap: 12px;
min-height: 62px;
padding: 14px 20px 14px 14px;
border: 1px solid var(--mat-line);
border-radius: 8px;
background: var(--mat-surface);
color: var(--mat-ink);
text-decoration: none;
transition: border-color .15s ease, box-shadow .15s ease;
}
.skbpa-mat__item:hover,
.skbpa-mat__item:focus-visible {
border-color: var(--mat-accent);
box-shadow: 0 2px 12px rgba(179, 72, 25, .10);
color: var(--mat-ink);
text-decoration: none;
}
.skbpa-mat__item:focus-visible {
outline: 2px solid var(--mat-accent);
outline-offset: 2px;
}
.skbpa-mat__icon {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 8px;
background: #fdf1ea;
color: var(--mat-accent-deep);
}
.skbpa-mat__icon svg { width: 18px; height: 18px; }
/* The two always-present support routes are quieter than the documents. They
are on every product, so making them as loud as a register map would train
the eye to skip the whole strip. */
.skbpa-mat__item--support .skbpa-mat__icon {
background: #eef1f6;
color: #46536b;
}
.skbpa-mat__text {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.skbpa-mat__label {
font-size: 14px;
font-weight: 600;
line-height: 1.3;
/* Up to two lines. Software entries are now named by what the file actually
is («Настройка MACX MCR-S-MUX в PACTware»), and on a single nowrap line the
longest of them were ellipsised — cutting exactly the words that make two
software cards tell each other apart. Uneven text height is harmless here:
grid items stretch to the tallest in the row. */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.skbpa-mat__second {
font-size: 12px;
line-height: 1.35;
color: var(--mat-ink-faint);
/* Two lines, not one nowrap line with an ellipsis. A document name cut at
the card edge («Описание регистров протокола M…») costs the reader the
word that identifies it and gives nothing back: the card is a fixed grid
cell either way, and the row already stretches to its tallest item. */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* --- responsive -------------------------------------------------------- */
@media (max-width: 1199px) {
.skbpa-mat__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
.skbpa-mat__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
.skbpa-mat { margin: 22px 0; }
.skbpa-mat__head { margin-bottom: 12px; }
.skbpa-mat__title { font-size: 16px; }
/* Two columns stay on phones: these are short labelled targets, not reading
content, and one per row would make the strip taller than the hero. */
.skbpa-mat__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.skbpa-mat__item {
flex-direction: column;
align-items: flex-start;
gap: 8px;
min-height: 0;
padding: 12px;
}
.skbpa-mat__icon { width: 30px; height: 30px; }
.skbpa-mat__label { white-space: normal; }
.skbpa-mat__second { display: none; }
}
/* --- all connection schemes, in one window ------------------------------ */
/* A