/* 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?16738197406723*/
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;}
body .catalog.detail .head .previewtext p{
    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 <dialog> rather than a new page: the reader is choosing a document, not
   navigating away from the product they are reading about. */

.skbpa-schemes {
  width: min(640px, calc(100vw - 32px));
  max-height: min(78vh, 720px);
  padding: 0;
  border: none;
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(33, 29, 25, .28);
  overflow: hidden;
}
.skbpa-schemes::backdrop { background: rgba(33, 29, 25, .45); }

.skbpa-schemes__head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--mat-line, #e6e8ec);
}
.skbpa-schemes__title { margin: 0; font-size: 17px; line-height: 1.3; }
.skbpa-schemes__sub { margin: 3px 0 0; font-size: 13px; color: var(--mat-ink-faint, #6b7280); }
.skbpa-schemes__close {
  flex-shrink: 0; width: 30px; height: 30px; border: none; border-radius: 8px;
  background: transparent; font-size: 22px; line-height: 1; color: var(--mat-ink-faint, #6b7280);
  cursor: pointer;
}
.skbpa-schemes__close:hover { background: #f2f4f7; }

.skbpa-schemes__list {
  margin: 0; padding: 6px 0; list-style: none;
  max-height: min(56vh, 460px); overflow-y: auto;
}
.skbpa-schemes__row {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 11px 20px;
}
.skbpa-schemes__row + .skbpa-schemes__row { border-top: 1px solid #f0f2f5; }
.skbpa-schemes__name { font-size: 14px; line-height: 1.4; }
.skbpa-schemes__open {
  flex-shrink: 0; font-size: 13px; font-weight: 600; white-space: nowrap;
}
.skbpa-schemes__note {
  margin: 0; padding: 12px 20px 16px; font-size: 12px;
  color: var(--mat-ink-faint, #6b7280); border-top: 1px solid var(--mat-line, #e6e8ec);
}

@media (max-width: 560px) {
  .skbpa-schemes__row { flex-direction: column; align-items: flex-start; gap: 5px; }
}

/* The theme decorates every <li> with a dash pseudo-element. Inside this
   dialog that dash is noise, and because it takes width in a space-between
   row it also pushed the scheme names off the left edge. */
.skbpa-schemes__list li::before,
.skbpa-schemes__list li::marker {
  content: none !important;
  display: none !important;
}
.skbpa-schemes__row { padding-left: 20px; }
.skbpa-schemes__name { flex: 1 1 auto; text-align: left; }

/* End */


/* Start:/local/components/skbpa/product.assistant/templates/.default/style.css?178942049211814*/
/* skbpa:product.assistant — «Онлайн-помощь».

   A compact support window, not a full-screen modal. On desktop it docks to the
   bottom-right in the shape people already read as "live help", leaving the
   product page visible behind it; on phones it takes the viewport because
   anything smaller is unusable with a keyboard open.

   Visual register is deliberately industrial-professional: one restrained
   accent, no gradients, no avatars, no "AI" glow. It should look like SKB
   technical support, not a consumer messenger. */

.skbpa-as {
  --as-accent: #e36d38;
  --as-accent-deep: #b14819;
  --as-ink: #211d19;
  --as-ink-soft: #5c564d;
  --as-ink-faint: #918a7d;
  --as-line: #e7e2da;
  --as-surface: #fff;
  --as-surface-2: #f7f5f2;
  --as-bot: #f4f2ef;

  position: fixed;
  inset: auto 24px 24px auto;
  width: 400px;
  max-width: calc(100vw - 32px);
  height: 560px;
  max-height: calc(100vh - 48px);
  margin: 0;
  padding: 0;
  border: 1px solid var(--as-line);
  border-radius: 12px;
  background: var(--as-surface);
  color: var(--as-ink);
  box-shadow: 0 18px 48px rgba(24, 20, 16, .20);
  overflow: hidden;

  /* NO display here. A bare `display: flex` on the element overrides the UA
     rule `dialog:not([open]) { display: none }`, so the panel rendered inline
     in the page even while closed — and at mobile widths, where it is
     inset:0, that invisible-but-present box covered the viewport and
     swallowed the very click meant to open it. Only [open] gets a display. */
  flex-direction: column;
  font-size: 14px;
  line-height: 1.5;
}

.skbpa-as[open] { display: flex; }

/* Barely-there backdrop: the point of a docked support window is that the page
   behind it stays readable — you are usually looking something up ON it. At .18
   the page was noticeably greyed out, which made the panel read as a blocking
   modal instead of a companion. */
.skbpa-as::backdrop { background: rgba(24, 20, 16, .06); }

/* --- head -------------------------------------------------------------- */

.skbpa-as__head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 14px 14px 16px;
  border-bottom: 1px solid var(--as-line);
  background: var(--as-surface-2);
}

.skbpa-as__head-main {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  flex: 1 1 auto;
}

.skbpa-as__mark {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #fdf1ea;
  color: var(--as-accent-deep);
}

.skbpa-as__mark svg { width: 19px; height: 19px; }

.skbpa-as__head-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.skbpa-as__title {
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.25;
}

/* The product name is the whole point of a contextual assistant — it says
   "I already know what you are looking at". */
.skbpa-as__subject {
  font-size: 12px;
  color: var(--as-ink-faint);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.skbpa-as__close {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--as-ink-faint);
  cursor: pointer;
}

.skbpa-as__close svg { width: 17px; height: 17px; }

.skbpa-as__close:hover,
.skbpa-as__close:focus-visible {
  background: rgba(0, 0, 0, .06);
  color: var(--as-ink);
}

/* --- body -------------------------------------------------------------- */

.skbpa-as__body {
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.skbpa-as__body:focus { outline: none; }
.skbpa-as__body:focus-visible { outline: 2px solid var(--as-accent); outline-offset: -2px; }

.skbpa-as__msg {
  max-width: 92%;
  padding: 11px 13px;
  border-radius: 10px;
  font-size: 13.5px;
}

.skbpa-as__msg p { margin: 0 0 7px; }
.skbpa-as__msg p:last-child { margin-bottom: 0; }

.skbpa-as__msg--bot {
  align-self: flex-start;
  background: var(--as-bot);
  border-bottom-left-radius: 3px;
}

.skbpa-as__msg--user {
  align-self: flex-end;
  background: #fdf1ea;
  border: 1px solid #f3ddd0;
  border-bottom-right-radius: 3px;
}

.skbpa-as__msg-note { color: var(--as-ink-soft); font-size: 12.5px; }

/* Labels a reply that is NOT a settled answer. Non-negotiable: a knowledge gap
   or a source conflict must be visibly a different kind of thing from an
   answer, or the visitor reads the surrounding prose as one anyway. A plain
   answer carries no badge — the sources under it are its credential. */
.skbpa-as__badge {
  display: inline-block;
  margin: 0 0 7px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef1f6;
  color: #46536b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .02em;
}

.skbpa-as__badge--gap { background: #f3efe6; color: #7a6432; }
.skbpa-as__badge--conflict { background: #fbeceb; color: #9a3b32; }
.skbpa-as__badge--clarify { background: #eaf1f5; color: #38596b; }

/* The clarifying question itself, set apart from the sentence that leads to
   it — it is the thing the visitor is being asked to act on. */
.skbpa-as__ask {
  margin-top: 8px;
  font-weight: 600;
}

/* --- sources ------------------------------------------------------------ */

.skbpa-as__sources {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid var(--as-line);
}

.skbpa-as__sources-head {
  margin: 0 0 6px;
  font-size: 11.5px;
  color: var(--as-ink-faint);
}

/* ONE source, ONE card.
   The kind and the title used to sit side by side inside the chip — a small
   uppercase pill, then the document name — and read as two separate links to
   the same page. Stacked, they read as what they are: which kind of document,
   then which document. Both halves stay inside the single <a>, so the whole
   card is one click and the deep link is unchanged. */
.skbpa-as__sources .skbpa-as__chips {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Scoped under .skbpa-as__sources on purpose: the base .skbpa-as__chip rule is
   declared LATER in this file, so at equal specificity it wins and the card
   went back to align-items:center — the label sat centred over a left-aligned
   title. Measured, not eyeballed. The action chips outside this block keep the
   base styling. */
.skbpa-as__sources .skbpa-as__chip--source {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  max-width: 100%;
  border-radius: 9px;
  padding: 8px 11px;
  font-size: 12.5px;
  line-height: 1.35;
  text-align: left;
}

.skbpa-as__sources .skbpa-as__chip-kind {
  /* Not uppercase any more: it now reads «Руководство по эксплуатации», and
     a whole line of capitals is a shout, not a label. */
  color: var(--as-ink-faint);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .02em;
}

.skbpa-as__sources .skbpa-as__chip-title {
  width: 100%;
  color: inherit;
  font-size: 12.5px;
  line-height: 1.35;
}

.skbpa-as__sources .skbpa-as__chip--source:hover .skbpa-as__chip-kind,
.skbpa-as__sources .skbpa-as__chip--source:focus-visible .skbpa-as__chip-kind {
  color: var(--as-accent-deep);
}

/* A product named in the answer is a link to its catalogue page. Underlined
   rather than coloured-only: inside a paragraph of technical prose, colour
   alone is easy to miss and impossible for some readers to see at all. */
.skbpa-as__product-link {
  color: var(--as-accent-deep);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.skbpa-as__product-link:hover,
.skbpa-as__product-link:focus-visible {
  text-decoration-thickness: 2px;
}

/* --- pending ------------------------------------------------------------ */

/* Retrieval plus a verified answer takes a few seconds, and correctness is
   worth more than streaming here (§31) — so the wait needs to look deliberate
   rather than broken. */
.skbpa-as__typing {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 14px 13px;
}

.skbpa-as__typing i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--as-ink-faint);
  animation: skbpa-as-pulse 1.1s ease-in-out infinite;
}

.skbpa-as__typing i:nth-child(2) { animation-delay: .18s; }
.skbpa-as__typing i:nth-child(3) { animation-delay: .36s; }

@keyframes skbpa-as-pulse {
  0%, 60%, 100% { opacity: .28; transform: translateY(0); }
  30% { opacity: .85; transform: translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
  .skbpa-as__typing i { animation: none; opacity: .5; }
}

.skbpa-as__input:disabled,
.skbpa-as__send:disabled {
  opacity: .55;
  cursor: default;
}

.skbpa-as__send:disabled:hover { background: var(--as-accent); }

/* --- quick actions ------------------------------------------------------ */

.skbpa-as__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.skbpa-as__chips--inline { margin-top: 9px; }

.skbpa-as__chip {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid var(--as-line);
  border-radius: 999px;
  background: var(--as-surface);
  color: var(--as-ink);
  font-size: 13px;
  line-height: 1.25;
  text-decoration: none;
  transition: border-color .15s ease, background .15s ease;
}

.skbpa-as__chip:hover,
.skbpa-as__chip:focus-visible {
  border-color: var(--as-accent);
  background: #fdf6f2;
  color: var(--as-accent-deep);
  text-decoration: none;
}

.skbpa-as__chip:focus-visible {
  outline: 2px solid var(--as-accent);
  outline-offset: 2px;
}

/* --- input -------------------------------------------------------------- */

.skbpa-as__form {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 12px 10px;
  border-top: 1px solid var(--as-line);
  background: var(--as-surface);
}

.skbpa-as__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 38px;
  padding: 0 12px;
  border: 1px solid var(--as-line);
  border-radius: 999px;
  background: var(--as-surface-2);
  color: var(--as-ink);
  font-size: 13.5px;
}

.skbpa-as__input:focus {
  outline: none;
  border-color: var(--as-accent);
  background: var(--as-surface);
}

.skbpa-as__send {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--as-accent);
  color: #fff;
  cursor: pointer;
}

.skbpa-as__send svg { width: 17px; height: 17px; }
.skbpa-as__send:hover { background: var(--as-accent-deep); }
.skbpa-as__send:focus-visible { outline: 2px solid var(--as-accent-deep); outline-offset: 2px; }

.skbpa-as__disclaimer {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 14px 11px;
  font-size: 11px;
  line-height: 1.35;
  color: var(--as-ink-faint);
  background: var(--as-surface);
}

.skbpa-as__sr {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* --- mobile ------------------------------------------------------------- */

@media (max-width: 600px) {
  .skbpa-as {
    inset: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border: 0;
    border-radius: 0;
    /* dvh keeps the input reachable when the on-screen keyboard appears; the
       vh fallback above matters for browsers without it. */
    height: 100dvh;
    max-height: 100dvh;
  }
  .skbpa-as__msg { max-width: 100%; }
}

/* Cloudflare challenge, shown inline in the conversation only when the server
   asks for one. Centred so it does not read as part of an answer. */
.skbpa-as__turnstile {
    display: flex;
    justify-content: center;
    padding: 8px 0;
}

/* End */


/* Start:/local/components/skbpa/order.form/templates/.default/style.css?178942049217055*/
/* skbpa:order.form — embedded (#order-form) ordering block.

   Self-contained like docs.center/card-block.css: this renders inside the
   Aspro product template, not inside the .skbpa-docs shell, so it re-declares
   the palette locally instead of inheriting tokens that are not in scope
   here. Everything is namespaced under .skbpa-order so it cannot leak into
   the surrounding theme. */

.skbpa-order {
  --skbpa-order-accent: #e36d38;
  --skbpa-order-accent-dark: #b14819;
  --skbpa-order-ink: #211d19;
  --skbpa-order-ink-soft: #5c564d;
  --skbpa-order-ink-faint: #918a7d;
  --skbpa-order-line: #e7e2da;
  --skbpa-order-surface: #ffffff;
  --skbpa-order-surface-2: #f4f2ef;
  --skbpa-order-danger: #c0392b;

  /* Dialog geometry. The block used to sit in the page flow; as a compact
     ordering surface it is centred, capped in width, and scrolls internally so
     a long accessory list never pushes the submit button off-screen. */
  margin: auto;
  padding: 0;
  border: 1px solid var(--skbpa-order-line);
  background: var(--skbpa-order-surface);
  color: var(--skbpa-order-ink);
  font-size: 15px;
  line-height: 1.5;
  width: min(680px, calc(100vw - 32px));
  max-width: min(680px, calc(100vw - 32px));
  max-height: min(88vh, 900px);
  /* svh = the SMALL viewport: the height with the mobile browser's URL bar
     SHOWN. With plain vh the box is sized against the tall viewport, so on a
     phone the bottom of the form sits under the browser chrome — the submit
     button among it. Older engines ignore this line and keep the vh value. */
  max-height: min(88svh, 900px);
  /* The dialog itself no longer scrolls; .skbpa-order__form does. That is what
     keeps the title and the close button in place instead of letting them
     scroll away, and what makes "open at the top" a property of one small
     element rather than of the whole surface. */
  overflow: hidden;
  position: relative;
}

/* display ONLY while open, and this is not a detail.
 *
 * A closed <dialog> is hidden by `display: none` in the browser's own
 * stylesheet — which any author declaration outranks. Putting `display: flex`
 * on `.skbpa-order` therefore un-hid the form: it rendered inline in the page,
 * 792px tall, between «Топ материалов» and the tabs, on every product page and
 * at every width. Caught by looking at a screenshot; the contract test could
 * not see it, because that test opens the dialog before measuring anything.
 *
 * The header/body/footer layout belongs to the open state, so it is declared
 * there and the closed state is left to the browser. */
.skbpa-order[open] {
  display: flex;
  flex-direction: column;
}

/* Background lock. showModal() makes the page behind inert to clicks but does
   NOT stop it scrolling, so on a phone a swipe over the backdrop scrolled the
   product page under the open form. The class is applied by script.js and
   removed on close, with the scroll position restored explicitly. */
html.skbpa-order-locked,
html.skbpa-order-locked body {
  overflow: hidden;
}

.skbpa-order::backdrop {
  background: rgba(24, 20, 16, 0.55);
}

.skbpa-order__close {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 3;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--skbpa-order-ink-faint);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.skbpa-order__close:hover,
.skbpa-order__close:focus-visible {
  background: var(--skbpa-order-surface-2);
  color: var(--skbpa-order-ink);
}

/* --- modification selector -------------------------------------------

   The restored «выбор модификации». Radios rather than a <select>: an
   engineer choosing a temperature range or a mounting variant needs to see
   the alternatives and their prices side by side, and on a priced axis the
   figure is the whole point of the choice. */

.skbpa-order__mods { margin: 18px 0 0; }

.skbpa-order__mod {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
}

.skbpa-order__mod-legend {
  padding: 0;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--skbpa-order-ink-soft);
}

.skbpa-order__mod-legend i { color: var(--skbpa-order-accent); font-style: normal; }

.skbpa-order__mod-options { display: grid; gap: 8px; }

.skbpa-order__mod-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border: 1px solid var(--skbpa-order-line);
  border-radius: 6px;
  cursor: pointer;
}

.skbpa-order__mod-option:hover { border-color: var(--skbpa-order-accent); }

.skbpa-order__mod-option:has(input:checked) {
  border-color: var(--skbpa-order-accent);
  background: #fdf6f2;
}

.skbpa-order__mod-option:has(input:focus-visible) {
  outline: 2px solid var(--skbpa-order-accent);
  outline-offset: 2px;
}

.skbpa-order__mod-label { flex: 1 1 auto; min-width: 0; }

.skbpa-order__mod-price {
  flex: 0 0 auto;
  font-weight: 700;
  white-space: nowrap;
}

.skbpa-order__mod-price--request {
  font-weight: 500;
  color: var(--skbpa-order-ink-faint);
}

.skbpa-order__on-request {
  font-weight: 600;
  color: var(--skbpa-order-ink-soft);
}

@media (max-width: 480px) {
  .skbpa-order__mod-option { flex-wrap: wrap; }
  .skbpa-order__mod-price { width: 100%; }
}

/* --- head / body / foot ----------------------------------------------

   The three bands the form is built from. The head and the foot do not
   scroll, so the visitor always knows what this surface is and can always
   reach both «Закрыть» and «Отправить заказ». */

.skbpa-order__title {
  flex: 0 0 auto;
  /* 64px on the right keeps the text clear of the close button. */
  margin: 0;
  padding: 20px 64px 6px 28px;
  font-size: 22px;
  font-weight: 700;
}
.skbpa-order__lead {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 28px 14px;
  border-bottom: 1px solid var(--skbpa-order-line);
  color: var(--skbpa-order-ink-soft);
  font-size: 14px;
}
.skbpa-order__form {
  /* min-height:0 is load-bearing: without it a flex child refuses to shrink
     below its content and the "scrolling body" silently becomes a tall box
     that overflows the dialog instead. */
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 18px 28px 0;
}
.skbpa-order__success { flex: 1 1 auto; min-height: 0; overflow-y: auto; }

/* --- main line ------------------------------------------------------- */

.skbpa-order__product {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: var(--skbpa-order-surface-2);
  border: 1px solid var(--skbpa-order-line);
}
/* Specificity, not a bigger number.
 *
 * This rule already asked for 64x64 and was losing: the theme carries its own
 * `img { width: 100% }`, which is a class-level selector and beat a single
 * class here. The picture therefore rendered 306x221 on a 390px phone and the
 * product row cost 407px of a 1515px form — a quarter of the ordering surface
 * spent re-showing the device the visitor was already looking at when they
 * pressed «Заказать». Scoping under .skbpa-order wins the cascade honestly;
 * the sizes are unchanged from what was always intended. */
.skbpa-order .skbpa-order__product-img {
  width: 64px;
  height: 64px;
  min-width: 64px;
  max-width: 64px;
  object-fit: contain;
  background: #fff;
  flex: 0 0 auto;
}
.skbpa-order__product-main { flex: 1 1 auto; min-width: 0; }
.skbpa-order__product-name { font-weight: 600; overflow-wrap: break-word; }
.skbpa-order__product-price { margin-top: 4px; font-size: 17px; font-weight: 700; }
.skbpa-order__novat { font-size: 12px; font-weight: 400; color: var(--skbpa-order-ink-faint); }

.skbpa-order__qty { display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; }
.skbpa-order__qty-label { font-size: 12px; color: var(--skbpa-order-ink-faint); }
/* --- quantity stepper -------------------------------------------------
   One control, used for BOTH the main product and every accessory row (see
   skbpaUiQtyStepper()). The input stays a real number field -- keyboard entry
   and no-JS submission keep working; the buttons only add affordance. */

.skbpa-qty {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--skbpa-order-line);
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}

.skbpa-qty__btn {
  width: 40px;
  min-height: 40px;
  padding: 0;
  border: 0;
  background: #f5f7fa;
  color: var(--skbpa-order-ink);
  font: inherit;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background .12s, color .12s;
}
.skbpa-qty__btn:hover:not(:disabled) { background: #e8edf3; color: var(--skbpa-order-accent-dark); }
.skbpa-qty__btn:focus-visible { outline: 2px solid var(--skbpa-order-accent); outline-offset: -2px; }
.skbpa-qty__btn:disabled { opacity: .38; cursor: default; }
.skbpa-qty__btn--minus { border-right: 1px solid var(--skbpa-order-line); }
.skbpa-qty__btn--plus { border-left: 1px solid var(--skbpa-order-line); }

.skbpa-qty__input {
  width: 56px;
  min-height: 40px;
  padding: 6px 4px;
  border: 0;
  background: #fff;
  color: inherit;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}
.skbpa-qty__input::-webkit-outer-spin-button,
.skbpa-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.skbpa-qty__input:focus-visible { outline: 2px solid var(--skbpa-order-accent); outline-offset: -2px; }

/* --- collapsible sections -------------------------------------------- */

.skbpa-order__extras, .skbpa-order__optional { margin-top: 14px; }

.skbpa-order__extras-toggle, .skbpa-order__optional-toggle {
  display: flex; align-items: center; gap: 8px; width: 100%;
  padding: 12px 14px; background: none; cursor: pointer;
  border: 1px dashed var(--skbpa-order-line);
  font: inherit; font-weight: 600; color: var(--skbpa-order-ink); text-align: left;
}
.skbpa-order__extras-toggle:hover, .skbpa-order__optional-toggle:hover {
  border-color: var(--skbpa-order-accent); color: var(--skbpa-order-accent-dark);
}
.skbpa-order__extras-hint {
  margin-left: auto; font-size: 12px; font-weight: 400; color: var(--skbpa-order-ink-faint);
}
.skbpa-order__extras-caret {
  width: 0; height: 0; flex-shrink: 0;
  border-left: 5px solid currentColor;
  border-top: 4px solid transparent; border-bottom: 4px solid transparent;
  transition: transform .15s ease;
}
[aria-expanded="true"] .skbpa-order__extras-caret { transform: rotate(90deg); }

.skbpa-order__extras-body, .skbpa-order__optional-body {
  padding: 14px; border: 1px solid var(--skbpa-order-line); border-top: 0;
}
.skbpa-order__extras-note { margin: 0 0 12px; font-size: 13px; color: var(--skbpa-order-ink-faint); }

.skbpa-order__extra {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 0; border-top: 1px solid var(--skbpa-order-line);
}
.skbpa-order__extra:first-of-type { border-top: 0; }
.skbpa-order__extra-img { width: 44px; height: 44px; object-fit: contain; background: #fff; flex-shrink: 0; }
.skbpa-order__extra-img--empty { background: var(--skbpa-order-surface-2); display: inline-block; }
.skbpa-order__extra-main { flex: 1 1 auto; min-width: 0; }
.skbpa-order__extra-name { font-size: 14px; overflow-wrap: break-word; }
.skbpa-order__extra-price { font-size: 13px; color: var(--skbpa-order-ink-soft); }

/* --- totals ----------------------------------------------------------- */

.skbpa-order__totals {
  margin-top: 18px; padding: 14px 16px;
  background: var(--skbpa-order-surface-2); border: 1px solid var(--skbpa-order-line);
}
.skbpa-order__total-row { display: flex; justify-content: space-between; gap: 16px; padding: 3px 0; }
.skbpa-order__total-row--muted { color: var(--skbpa-order-ink-soft); font-size: 14px; }
.skbpa-order__total-row--grand {
  margin-top: 6px; padding-top: 10px; font-size: 17px;
  border-top: 1px solid var(--skbpa-order-line);
}
.skbpa-order__totals-note { margin: 8px 0 0; font-size: 12px; color: var(--skbpa-order-ink-faint); }

/* --- fields ----------------------------------------------------------- */

.skbpa-order__fields {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 20px;
}
.skbpa-order__field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.skbpa-order__field--wide { grid-column: 1 / -1; margin-top: 14px; }
.skbpa-order__label { font-size: 13px; color: var(--skbpa-order-ink-soft); }
.skbpa-order__label i { color: var(--skbpa-order-accent); font-style: normal; }
.skbpa-order__input {
  width: 100%; padding: 10px 12px; font: inherit; color: inherit;
  border: 1px solid var(--skbpa-order-line); background: #fff;
}
.skbpa-order__input:focus { outline: 2px solid var(--skbpa-order-accent); outline-offset: -1px; }
.skbpa-order__textarea { resize: vertical; }

.skbpa-order__contact-hint { margin: 8px 0 0; font-size: 12px; color: var(--skbpa-order-ink-faint); }

.skbpa-order__error { display: block; min-height: 0; font-size: 12.5px; color: var(--skbpa-order-danger); }
.skbpa-order__error--block:not(:empty) { margin-top: 8px; }

/* The consent block itself lives in /local/assets/skbpa/legal.css so every
   form on the site renders it identically. Only the in-form spacing and the
   accent colour override belong here. */
.skbpa-order .skbpa-consent { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--skbpa-order-line); }
.skbpa-order .skbpa-consent__box { accent-color: var(--skbpa-order-accent); }
.skbpa-order .skbpa-consent__box:focus-visible { outline-color: var(--skbpa-order-accent); }
.skbpa-order .skbpa-consent__label i { color: var(--skbpa-order-accent); }
.skbpa-order .skbpa-consent__links a { color: var(--skbpa-order-accent-dark); }
.skbpa-order .skbpa-consent__links a:hover,
.skbpa-order .skbpa-consent__links a:focus-visible { color: var(--skbpa-order-accent); }

.skbpa-order__submit-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  /* Sticky rather than a separate flex band, because that needs no change to
     the markup: the row is the last child of the scrolling form and pins
     itself to its bottom edge. The negative margin lets the background span
     the form's padding so content scrolls UNDER the bar, not beside it. */
  position: sticky;
  bottom: 0;
  z-index: 2;
  margin: 20px -28px 0;
  padding: 14px 28px;
  background: var(--skbpa-order-surface);
  border-top: 1px solid var(--skbpa-order-line);
}
.skbpa-order__submit {
  padding: 13px 34px; font: inherit; font-weight: 600; text-transform: uppercase;
  letter-spacing: .02em; cursor: pointer;
  border: 1px solid var(--skbpa-order-accent);
  background: var(--skbpa-order-accent); color: #fff;
}
.skbpa-order__submit:hover:not(:disabled) {
  background: var(--skbpa-order-accent-dark); border-color: var(--skbpa-order-accent-dark);
}
.skbpa-order__submit:disabled { opacity: .55; cursor: default; }
.skbpa-order__status { font-size: 14px; color: var(--skbpa-order-ink-soft); }

/* --- inline success --------------------------------------------------- */

.skbpa-order__success { text-align: center; padding: 34px 20px; }
.skbpa-order__success-icon {
  width: 52px; height: 52px; margin: 0 auto 14px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 26px; color: #fff; background: #4a9c5d;
}
.skbpa-order__success-title { margin: 0 0 6px; font-size: 20px; }
.skbpa-order__success-text { margin: 0; color: var(--skbpa-order-ink-soft); }

/* --- mobile ----------------------------------------------------------- */

@media (max-width: 700px) {
  /* Height is reclaimed from PADDING and from the lead's generosity, never
     from the controls: the 44px rules below are untouched, and the close
     button grew rather than shrank. */
  .skbpa-order { width: calc(100vw - 16px); max-width: calc(100vw - 16px); }
  .skbpa-order__title { padding: 14px 58px 4px 16px; font-size: 19px; }
  .skbpa-order__lead { padding: 0 16px 10px; font-size: 13px; }
  .skbpa-order__form { padding: 14px 16px 0; }
  .skbpa-order__submit-row { margin: 16px -16px 0; padding: 12px 16px; }
  .skbpa-order__fields { grid-template-columns: 1fr; }
  /* Thumbnail and name stay on one line; only the quantity stepper wraps
     beneath them. With the picture back at 64px there is room for both. */
  .skbpa-order__product { flex-wrap: wrap; gap: 12px; padding: 12px; }
  .skbpa-order__product-main { flex: 1 1 0; min-width: 0; }
  .skbpa-order__qty { width: 100%; align-items: flex-start; }
  .skbpa-order__extra { flex-wrap: wrap; }
  .skbpa-order__extra-main { flex: 1 1 100%; order: 1; }
  .skbpa-order__extra .skbpa-qty { order: 2; }
  /* Touch targets: 44px is the smallest comfortable tap area. */
  .skbpa-qty__btn { width: 44px; min-height: 44px; }
  .skbpa-qty__input { min-height: 44px; }
  .skbpa-order__submit { width: 100%; }
}

/* End */
/* /local/templates/aspro-priority_2021/components/bitrix/news/catalog/style.css?1673819740450 */
/* /bitrix/components/bitrix/breadcrumb/templates/.default/style.css?1673819705585 */
/* /local/templates/aspro-priority_2021/components/bitrix/news.detail/catalog/style.css?16738197406723 */
/* /local/components/skbpa/product.materials/templates/.default/style.css?17894204928475 */
/* /local/components/skbpa/product.assistant/templates/.default/style.css?178942049211814 */
/* /local/components/skbpa/order.form/templates/.default/style.css?178942049217055 */