/* Start:/local/templates/aspro_max/components/bitrix/catalog/main/style.min.css?178474726860137*/
.d-inline {
  display: inline;
}
.right_block .section-content-wrapper.with-leftblock .filter-compact-block {
  display: block;
}

.product-container {
  position: relative;
  padding-top: 4px;
}

.product-container .product-side {
  width: 305px;
}
.product-view--side-right + .product-side {
  float: left;
}
.product-view--side-left + .product-side {
  float: right;
}

.product-container .product-info {
  padding: 27px 39px 39px;
  margin: 0px 0px 0px;
}

.js-load-wrapper .item-cnt + .group_description_block.bottom,
.js-load-wrapper .item-cnt + .linked-blog-list + .group_description_block.bottom {
  padding-top: 0px;
}

.product-view--side-left.product-view--big-gallery .product-info{
  padding: 0;
  border: none;
}
.product-container .product-view--mix.product-view--big-gallery:not(.product-view--mix-wide) .product-info{
  padding: 0;
}
.product-container .product-view--mix-wide.product-view--big-gallery .product-info{
  padding-top: 0;
  padding-bottom: 0;
}
.with_left_block .product-container .product-view--mix-wide.product-view--big-gallery .product-info{
  padding: 0;
}
.product-container .product-view--mix.product-view--big-gallery .product-info-wrapper{
  border: none;
}
body .wrapper_inner.wide_page .product-view--type2.product-view--big-gallery .product-info{
  padding-top: 0;
}
.product-view--type2.product-view--big-gallery .product-info-wrapper{
  border-top: none;
}
.product-view--type2.product-view--big-gallery .product-info.product-info--type2 > .flexbox > .product-detail-gallery{
  width: 49%;
}
.product-container .product-view--mix.product-view--big-gallery .product-detail-gallery{
  width: 60%;
}

.product-info-headnote + .two_columns {
  padding-top: 20px;
}
@media (max-width:767px) {
  .product-info .two_columns {
    flex-direction: column;
  }
}
.product-info-headnote.product-info-headnote--woffset{
  margin-bottom: 12px;
  --gap: 12px;
}
.product-info-headnote__additional{
  column-gap: 25px;
  row-gap: 6px;
}

.product-container .product-detail-gallery__item.product-detail-gallery__item--thmb,
.product-container .product-detail-gallery__item .gallery__picture {
  width: auto;
  display: inline-block;
}
.product-container .product-detail-gallery__item .gallery__picture{
  width: auto !important;
}
.product-container .product-detail-gallery__item.product-detail-gallery__item--big a .gallery__picture {
  cursor: zoom-in;
}
.owl-carousel .owl-item .product-detail-gallery__item {
  display: block;
  margin: auto;
}

.product-detail-gallery__container.product-detail-gallery__container--vertical {
  position: relative;
}
.product-detail-gallery__container.product-detail-gallery__container--vertical .product-detail-gallery__thmb-inner {
  display: block;
}

.product-container .product-detail-gallery__thmb-inner {
  display: inline-block;
}
.product-container .product-detail-gallery__thmb-inner:not(.vertical) {
  margin-top: 17px;
}
.product-container .gallery-slider-thumb {
  margin: 0px;
}
.gallery-slider-thumb .gallery__picture {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
}

  .product-detail-gallery-sticky {
    position: sticky;
    top:112px;
  }
@media(max-width:991px) {
  .product-detail-gallery-sticky {
    top:0px;
  }
}

@media (min-width:768px) {
  .product-container .product-detail-gallery__thmb-inner:not(.vertical) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px 60px;
    flex-wrap: wrap;
  }
}

.product-container .product-detail-gallery__item.product-detail-gallery__item--thmb {
  height: 60px;
  line-height: 60px;
  width: 60px;
  cursor: pointer;
  position: relative;
}

.tabs-block .owl-carousel.owl-hidden {
  opacity: 1;
}

@media (min-width: 768px) and (max-width: 991px) {
  .product-detail-gallery.left_info {
    width: 50%;
  }
  .product-info .right_info {
    width: 49%;
  }
}

.product-container .content_wrapper_block.front_tizers {
  border: 1px solid #ececec;
  border-color: var(--stroke_black);
  border-radius: 3px;
  margin: -1px 0px 3.133rem;
  background: #fff;
  background: var(--black_bg_black);
}
.product-view--big-gallery.product-view--mix .content_wrapper_block.front_tizers,
.product-view--big-gallery.product-view--side-left .content_wrapper_block.front_tizers{
  margin-top: 2rem;
}
.product-container .content_wrapper_block.front_tizers > .maxwidth-theme {
  padding: 31px 32px 0px;
}
.product-container .content_wrapper_block.front_tizers > .maxwidth-theme .item-views.tizers {
  padding: 0px;
}
.product-container .content_wrapper_block.front_tizers > .maxwidth-theme .item-views.tizers .item {
  padding-bottom: 27px;
  overflow: hidden;
}
.product-container .item-views.tizers .item .title {
  font-weight: normal;
}

.complect {
  padding: 1.26rem;
}
.complect > .row > div:hover {
  z-index: 2;
}

.set_block .flexbox {
  align-items: stretch
}
.set_block .item .item_inner {
  padding: 20px 20px 15px;
  height: 100%;
  display: flex;
    flex-direction: column;
}
.set_block .item .item_info {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex:1
}
.set_block .item .item_inner .thumb {
  position: static;
}
.set_block .item .item_inner .image .quantity {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 29px;
  height: 29px;
  line-height: 29px;
  background: #ddd;
  color: #fff;
  border-radius: 100%;
}

.set_block .separator:before,
.set_block .separator:after {
  content: "";
  display: block;
  position: absolute;
  top: 91px;
  background: #999999;
  right: 3px;
  z-index: 2;
}
.set_block .separator:after {
  width: 10px;
  height: 2px;
  margin-top: -1px;
  margin-right: -8px;
}
.set_block .separator:before {
  width: 2px;
  height: 10px;
  margin-top: -5px;
  margin-right: -4px;
}

.catalog_detail .set_wrapp .item .image,
.bx_item_set_hor .bx_item_set_hor_item .bx_item_set_img_container a,
.bx_modal_body .bx_kit_item .image a,
.bx_kit .bx_kit_img_container a,
.bx_modal_body .bx_kit_item .image,
.bx_kit .bx_kit_img_container {
  display: block;
  height: 140px;
  line-height: 140px;
  width: 140px;
  text-align: center;
  position: relative;
  zoom: 1;
  margin: 0px auto 0.6rem;
}
.catalog_detail .set_wrapp .item .image img,
.bx_item_set_hor .bx_item_set_hor_item .bx_item_set_img_container img,
.bx_modal_body .bx_kit_item .image img,
.bx_kit .bx_kit_img_container img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.catalog_detail .set_block .item .item-title a,
.bx_item_set_hor .bx_item_set_hor_item .item-title a,
.bx_modal_body .bx_kit_item .item-title a {
  line-height: 1.538em;
}
.set_block .item .item-title {
  margin: 0px 0px 2px;
}
.set_block .item .item-title a span {
  display: block;
}

.catalog_detail .bx_item_set_hor_container_big .total_wrapp .total_title {
  font-size: 14px;
  display: inline-block;
}
.set_block .item .total_wrapp .cost .price,
.bx_kit_result_two .price,
.bx_kit_result_one .price,
.bx_kit_result_tre .price,
.bx_kit_result_two .price *,
.bx_kit_result_one .price *,
.bx_kit_result_tre .price * {
  font-size: 28px;
  line-height: 28px;
  font-weight: 600;
  display: inline-block;
  float: none;
  margin: 0px 0px 3px;
}
.catalog_detail .bx_item_set_hor_container_big .total_wrapp .total_price {
  vertical-align: bottom;
}
.set_block .total_wrapp .buttons_wrapp {
  margin: 20px 0px 0px;
}
.catalog_detail .bx_item_set_hor_container_big .total_wrapp .total_buttons .buttons_wrapp .one_click {
  margin-left: 10px;
}
.set_block .item .total_wrapp .price.discount,
.set_block .item .total_wrapp .price.discount * {
  font-size: 16px;
  line-height: 18px;
  display: block;
  font-weight: 400;
  margin: 0px 0px 12px;
}

.set_block .item .cost.prices .price.font_mxs {
  font-size: 0.933em;
}
.set_block .item .cost.prices .price .font_xs {
  font-size: 0.8em;
}

@media (min-width:768px) {
.product-container .info_item .adaptive-block {
    margin: 30px 30px;
  }
}
@media (max-width:767px) {
  .product-container .info_item .adaptive-block {
      margin: 20px auto 0px;
    }
  }
.product-container .info_item .adaptive-block .text-form {
  margin-top: 14px;
}
.product-container .info_item .adaptive-block .text-form + .text-form {
  margin-top: 9px;
}
.product-container .info_item .adaptive-block .char-side {
  margin: 23px 0px 0px;
}

.detail .chars .props_table tr td:first-child {
  text-align: left;
  padding-right: 10px;
  padding-left: 0;
}
.detail .chars .char-wrapp {
  padding: 25px 35px 26px;
  border: 1px solid #f1f1f1;
  word-wrap: break-word;
}
.detail .chars .char-wrapp tr td {
  font-size: 1em;
  vertical-align: top;
  background: url(/local/templates/aspro_max/components/bitrix/catalog/main/images/dott.png) 0 15px repeat-x;
  width: 60%;
}
.detail .chars .char-wrapp .char_name .hint .tooltips {
  display: none;
  position: absolute;
  left: -30px;
  top: 40px;
  width: 100px;
  padding: 5px;
  box-shadow: 0 0 10px;
  z-index: 9;
  background: #fff;
}
.detail .chars .char-wrapp .char_name .hint .icons:hover + .tooltips {
  display: block;
}
.detail .chars .props_table {
  width: 100%;
}
.detail .chars .props_table td {
  padding: 2px 0 2px 10px;
  text-align: right;
}
.detail .chars .props_table .char_name > span,
.detail .chars .props_table .char_value > span {
  position: relative;
  background: #fff;
  padding: 0;
  display: inline-block;
  color: #666;
}
.detail .chars .props_table .char_name > span {
  font-style: normal;
  padding-right: 12px;
  color: #555;
}
.detail .chars .props_table .char_name .hint {
  position: relative;
  top: 1px;
  margin: 0 0 0 3px;
}
.detail .chars .props_table .char_name .hint .icon svg {
  opacity: 0.35;
}
.detail .chars .props_table .char_name .hint .icon:hover svg {
  opacity: 1;
}
.detail .chars .props_table .char_name .hint .tooltip {
  visibility: hidden;
  padding: 14px 18px;
  left: -121px;
  bottom: 23px;
  width: 256px;
  max-width: 256px;
  opacity: 0;
  font-size: 0.8667em;
  line-height: 1.3846em;
  color: #777777;
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
  transition: opacity 0.1s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.1s ease;
  -webkit-transition: opacity 0.1s ease;
}
.detail .chars .props_table .char_name .hint .tooltip:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin: 0 0 0 -5px;
  border: 5px solid transparent;
  border-top: 5px solid #fff;
}
.detail .chars .props_table .char_name .hint:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.product-container .cost.prices.detail .price.font_mxs {
  font-size: 1.733em;
}
.product-container .cost.prices.detail .js-info-block .price.font_mxs {
  font-size: 1.133em;
}

.quantity_block_wrapper {
  padding: 1px 0px;
  margin: 0px -12px;
}
.quantity_block_wrapper > div {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 12px;
  margin: 5px 0px;
}
.quantity_block_wrapper .value:hover {
  color: #666;
}
.quantity_block_wrapper .item-stock .icon {
  width: 6px;
  height: 6px;
  margin: 4px 9px 0px 0px;
}

.tab-pane.stores .stores_tab {
  padding-top: 9px;
}
.tab-pane.stores .ordered-block__title {
  padding-bottom: 1.533rem;
}

.tab-pane.reviews {
  padding-top: 7px;
}

.tab-pane.buy_services {
  padding-top: 7px;
}
.product-view .product-action .js-services {
  opacity: 0;
  height: 0px;
  transition: opacity 0.2s ease;
}
.product-view .product-action .js-services.active {
  opacity: 1;
  height: auto;
}

.product-container .counter_wrapp .button_block:not(.to-cart) svg,
#headerfixed .item-buttons .to-order .svg,
#headerfixed .item-buttons .to-subscribe .svg,
#headerfixed .item-buttons .in-subscribe .svg {
  display: none;
}
.product-container .counter_wrapp .button_block .svg-inline-prediction svg {
  display: block;
}
.product-container .counter_wrapp .button_block .in-cart span {
  padding-left: 24px;
}
.product-container .counter_wrapp .button_block .in-cart {
  position: relative;
}
.product-container .counter_wrapp .button_block .in-cart i:not(.svg-inline-prediction) {
  position: absolute;
  top: 50%;
  margin-top: -6px;
}

.product-container .buy_block .sku_props > div {
  padding: 0px;
  margin: 0px;
}
.product-container div + .buy_block {
  padding: 9px 0px 0px;
}
.product-container .slide_offer {
  width: 100%;
}
.product-container div + .slide_offer,
.product-container div + .buy_block .slide_offer {
  margin-top: 9px;
}

.product-container .buy_block .counter_wrapp.list {
  padding-top: 18px;
}

.wrapper1 .detail .bx_catalog_item_scu:not(.sku_in_section) .bx_scu ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  margin: -2px -2px 0px;
  line-height: 0px;
}
.wrapper1 .detail .bx_catalog_item_scu:not(.sku_in_section) .bx_scu ul li {
  width: 50px;
  padding: 0;
  margin: 4px 4px;
  max-height: 56px;
}
.wrapper1 .detail .bx_catalog_item_scu:not(.sku_in_section) .bx_scu ul li:before {
  display: none;
}
.wrapper1 .detail .bx_catalog_item_scu:not(.sku_in_section) ul li .cnt1 {
  width: 100%;
  display: inline-block;
  padding-top: 100%;
}
.wrapper1 .detail .bx_catalog_item_scu:not(.sku_in_section) ul li .cnt_item {
  border: 2px solid #fff;
  position: absolute;
  width: 100%;
  height: 100%;
}
.wrapper1 .detail .bx_catalog_item_scu:not(.sku_in_section) .bx_item_detail_scu {
  margin-bottom: 4px;
}
.wrapper1 .detail .bx_catalog_item_scu:not(.sku_in_section) .bx_item_detail_scu + div {
  margin-top: -4px;
}

.js-offers-scroll.offers {
  position: relative;
  z-index: 2;
}
.js-offers-scroll .counter_wrapp {
  padding-top: 0px;
}
.js-offers-scroll .wrapp-one-click {
  margin-top: 8px;
}
body .catalog_detail .js-offers-scroll .main_item_wrapper .total_summ {
  border-bottom: none;
}
.js-offers-scroll .table-view__item {
  padding: 23px 24px 18px;
}
.js-offers-scroll .table-view__item .item-title {
  color: #333;
  color: var(--white_text_black);
}
.js-offers-scroll .table-view .item-icons,
.js-offers-scroll .table-view .item-actions .item-buttons,
.js-offers-scroll .table-view .item-actions .item-price {
  align-self: normal;
}
.js-offers-scroll .table-view .item-actions .item-price {
  margin-top: -5px;
}
.js-offers-scroll .table-view .item-actions .item-buttons .text-form {
  margin: 8px 0px 0px;
}
.js-offers-scroll .like_icons.list > div {
  padding-right: 8px;
}
.js-offers-scroll .like_icons.list > div:last-of-type {
  padding-right: 0px;
}
.js-offers-scroll .stores-icons {
  flex-basis: 62px;
  flex-shrink: 0;
  text-align: right;
}
.js-offers-scroll .stores-icons .svg {
  top: -4px;
}
.js-offers-scroll .stores-icons .btn.closed {
  transform: rotate(180deg);
}
.js-offers-scroll .like_icons.list.icons > div span {
  height: 36px;
  line-height: 18px;
}
.js-offers-scroll .table-view .item-info .item-title {
  margin-top: -3px;
  padding: 0px;
}
.js-offers-scroll .table-view .properties__item.properties__item--compact {
  margin-top: -2px;
  line-height: 22px;
}
.js-offers-scroll .table-view .properties__item.properties__item--compact:first-of-type {
  padding-top: 4px;
}
.js-offers-scroll .quantity_block_wrapper {
  margin: 0px -10px;
}
.js-offers-scroll .quantity_block_wrapper > div {
  padding: 0px 10px;
}
.js-offers-scroll .counter_wrapp > .button_block:first-of-type {
  float: none;
  width: 100%;
}
.js-offers-scroll .table-view__item--has-stores .quantity_block_wrapper .item-stock .value:hover {
  color: #333;
  color: var(--white_text_black);
}

.js-offers-scroll .stores_block_wrap {
  border-top: 1px solid #ececec;
  padding-top: 13px;
  margin: 18px 0px 0px;
  border-color: var(--stroke_black);
}
.js-offers-scroll .stores_block_wrap .stores_block {
  border: none;
  padding: 5px 0px 3px 0px;
}
.js-offers-scroll .stores_block_wrap .stores_block:before {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  background: url("/local/templates/aspro_max/components/bitrix/catalog/main/../../../../images/dott.png") 0px 0px repeat-x;
}
.js-offers-scroll .stores_block_wrap .stores_block.wo_image .stores_text_wrapp {
  padding-left: 0px;
}
.js-offers-scroll .stores_block_wrap .stores_block.wo_image .item-stock {
  padding: 0px 0px 0px 10px;
  margin-right: 0px;
}
.js-offers-scroll .offer-stores .stores_block_wrap .stores_block.wo_image .item-stock {
  top: 50%;
  margin-top: -8px;
}

.box-shadow:hover .stores_block_wrap .stores_block,
.box-shadow:hover .stores_block_wrap .stores_block .stores_text_wrapp,
.box-shadow:hover .stores_block_wrap .stores_block .item-stock {
  background: var(--card_bg_hover_black);
}

body .product-container .js-info-block .more-btn a {
  display: none;
}

.additional-gallery {
  position: relative;
}
.additional-gallery .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}
.additional-gallery .small-gallery-block .row {
  row-gap: 32px;
}
.additional-gallery .small-gallery-block .item {
  transition: opacity 0.3s ease;
}
.additional-gallery .item:hover a {
  cursor: zoom-in;
}
.additional-gallery .small-gallery-block .item:hover {
  opacity: 0.7;
}
.big-gallery-block .owl-carousel {
  max-height: 700px;
  min-height: 150px;
}
.big-gallery-block .owl-carousel .item img {
  max-height: 650px;
}

body #headerfixed .logo-row.wproducts {
  display: block;
}
body #headerfixed .ajax-head-row + .logo-row {
  display: none;
}
#headerfixed .table-view__item {
  padding: 15px 0;
  background-color: var(--card_bg_black);
  margin-bottom: 0;
}
#headerfixed .table-view .item-foto {
  flex-basis: 50px;
}
#headerfixed .table-view .item-foto__picture {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
#headerfixed .table-view .item-info {
  min-width: 350px;
}
#headerfixed .table-view .more_text {
  display: none;
}
#headerfixed .table-view .item-buttons svg {
  display: none;
}
#headerfixed .table-view .item-buttons .svg-inline-prediction svg {
  display: block;
}
#headerfixed .table-view .item-buttons .svg {
  top: -1px;
}
#headerfixed .table-view .like_icons.list > div:last-of-type {
  padding-right: 0px;
}
#headerfixed .table-view .item-actions {
  width: auto;
}
#headerfixed .table-view .item-actions .item-price {
  width: auto;
  padding-right: 80px;
  max-width: 300px;
}
#headerfixed .table-view .item-actions .item-sku {
  max-width: 300px;
}
#headerfixed .table-view .item-actions .item-sku .but-cell {
  flex-wrap: wrap;
}
#headerfixed .table-view .item-icons.s_2 {
  width: 99px;
}
#headerfixed .table-view .item-icons .like_icons > div {
  margin-bottom: 0;
}
#headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .price_group:not(.min) {
  display: none;
}
#headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .price_group {
  margin: 0px;
}
#headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .price_group .price_name {
  display: none;
}
#headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .prices-wrapper,
#headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .prices-wrapper + .sale_block .sale_wrapper {
  padding-left: 0px;
}

#headerfixed .table-view .item-actions .item-sku .but-cell > div {
  padding: 5px 5px 5px;
}
#headerfixed .table-view .item-actions .item-sku .but-cell > div:last-of-type {
  margin-right: 44px;
}
#headerfixed .table-view .item-actions .item-sku .but-cell > div .bx_item_detail_scu,
#headerfixed .table-view .item-actions .item-sku .but-cell > div ul,
#headerfixed .table-view .item-actions .item-sku .but-cell > div li {
  margin: 0px;
}
#headerfixed .table-view .item-actions .item-sku .but-cell .bx_item_detail_scu li {
  width: 30px;
}
#headerfixed .table-view .item-actions .item-sku .but-cell .bx_item_detail_size li {
  width: auto;
  padding: 0px 10px;
  text-align: center;
  max-width: none;
}
#headerfixed .table-view .item-actions .buy_block i:not(.svg-inline-prediction) {
  margin-right: 10px;
  width: 12px;
  position: absolute;
  top: auto;
  margin-top: 1px;
  height: 10px;
  background: url(/local/templates/aspro_max/components/bitrix/catalog/main/../../../../images/svg/catalog/check_inbasket.svg) 0px 1px no-repeat;
}
#headerfixed .table-view .item-actions .buy_block .btn:not(.to-order):not(.to-subscribe):not(.in-subscribe) i + span {
  padding-left: 27px;
}
#headerfixed .table-view .item-actions .more-btn a {
  display: none;
}

#headerfixed .table-view .item-actions .item-buttons {
  width: auto;
  max-width: none;
}
#headerfixed .table-view .item-actions .buy_block {
  margin-right: 36px;
  display: block;
}
#headerfixed .table-view .item-actions .item-buttons .btn {
  width: 200px;
}
#headerfixed .prices .price_matrix_block .price_group:first-of-type {
  margin-top: 0px;
}
#headerfixed .table-view .votes_block.nstar {
  display: flex;
}

.product-info-headnote__toolbar .like_icons.list span {
  margin: 0px;
}
.product-info-headnote__toolbar .like_icons.list.sm .btn-xs {
  padding: 9px 14px 7px;
  height: 31px;
}

.ordered-block .item-views.front.staff-items {
  padding-bottom: 0px;
}
.ordered-block .item-views.staff1.within {
  margin-bottom: -32px;
}

body .product-side.left_block {
  margin-top: 0px;
}
body .product-side.left_block > div:first-of-type,
body .product-side.left_block .product-main > div:first-of-type,
body .product-side.left_block > div:first-of-type .brand-detail-info {
  margin-top: 0px;
}
body .product-side.left_block > .inner-wrapper-sticky > div:first-of-type {
  margin-top: 0px;
}

body .product-side.left_block .list-sales-compact {
  margin: 0px 0px 16px;
}

body .product-side.left_block .view_sale_block {
  margin: 26px 0px 0px;
}

body .product-side.left_block .cost {
  margin: 10px 0px 0px;
}
body .product-side.left_block .cost.detail .sale_block {
  margin-top: 0px;
}
body .product-side.left_block .cost.detail .js-info-block .more-btn a {
  display: none;
}

body .detail .prices .price_matrix_block .price_wrapper_block > div > div {
  background-color: var(--black_bg_black);
}
body .shadowed-block .prices .price_matrix_block .price_wrapper_block > div > div,
body .ajax_load .prices .price_matrix_block .price_wrapper_block > div > div {
  background-color: var(--card_bg_black);
}
body .fixed .prices .price_matrix_block .price_wrapper_block > div > div {
  background-color: var(--darkerblack_bg_black);
}

.product-side.main_item_wrapper .js-prices-in-side .bx_catalog_item_scu.wrapper_sku {
  padding-top: 8px;
}

body .product-side.left_block .text-form {
  margin-top: 14px;
}
body .product-side.left_block .text-form + .text-form {
  margin-top: 9px;
}
body .product-container .text-form .svg-inline-info_big {
  padding-top: 3px;
  width: 18px;
}
body .product-container .text-form .svg-inline-info_big svg {
  margin: auto;
}
body .product-container .text-form .text-form-info {
  padding-left: 27px;
}

body .product-side div + .char-side {
  margin-top: 30px;
}
body .char-side {
  margin: 13px 0px 29px;
}
body .char-side .properties {
  margin-top: 13px;
}
body .char-side .properties + div {
  margin: 10px 0px 0px;
}
body .char-side .properties .properties.js-offers-props {
  margin: 0px 0px 0px;
}
.char-side .properties__item.properties__item--compact {
  margin-top: 2px;
}
.text-additional {
  margin-top: 29px;
}

.product-side div + .brand-detail {
  margin-top: 34px;
}
.ordered-block .bigdata-wrapper{
  margin: 0;
}
.bigdata-wrapper {
  margin: 28px 0px 0px;
}
.bigdata-wrapper .subtitle {
  margin: 0px 0px 23px;
}
.product-side .bigdata-wrapper .price_matrix_wrapper > .price.font_mxs,
.product-side .bigdata-wrapper .price_matrix_wrapper > .prices-wrapper > .price.font_mxs {
  font-size: 0.933em;
}

.catalog_detail .sku_props .bx_size_scroller_container.form-control {
  margin-top: 2px;
}

.product-view--type2 .product-info-wrapper {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  border-color: var(--stroke_black);
}
.wrapper_inner.wide_page .product-view--type2 .product-info {
  padding: 2.533rem 30px;
  margin: auto;
}
.product-info > .flexbox {
  align-items: normal;
}
.product-view--type2 .product-info > .flexbox .product-detail-gallery {
  order: 1;
  flex-shrink: 0;
  padding: 0.733rem 1.5rem 0px;
  width: 50%;
}
.product-view--type2 .product-info > .flexbox > div:last-of-type {
  order: 2;
}
.product-view--type2 .product-info > .flexbox > div:not(.product-detail-gallery) {
  flex-basis: 25%;
  flex-grow: 1;
}

.product-view--type2 .product-info > .flexbox .product-detail-gallery + .product-chars .product-info-headnote {
  padding-bottom: 27px;
}
.product-view--type2 .product-info > .flexbox .product-detail-gallery + .product-chars .list-sales-compact {
  padding-bottom: 35px;
}

.product-view--type2 .product-chars {
  position: relative;
}
.product-view--type2 .product-chars .js-sales,
.product-view--mix .product-main .js-sales {
  opacity: 0;
  height: 0px;
  transition: opacity 0.2s ease;
}
.product-view--type2 .product-chars .js-sales.active,
.product-view--mix .product-main .js-sales.active {
  opacity: 1;
  height: auto;
}
.product-view--type2 .product-chars .js-sales:not(.active) .list-sales-compact__title {
  margin-top: 0px;
}
.product-view--type2 .product-chars .list-sales-compact {
  position: relative;
  padding: 0px 0px 22px 37px;
}
.product-view--type2 .product-chars .list-sales-compact__icons {
  top: 2px;
}
.product-container .product-view--type2 .buy_block {
  padding-top: 0px;
}
.product-view--type2 .buy_block .sku_props .bx_catalog_item_scu {
  margin-top: -6px;
}
.product-view--type2 .product-chars .char-side {
  margin-top: 18px;
}
.product-view--type2 .product-chars .table_sizes {
  margin-bottom: 22px;
}
.product-view--type2 .product-chars .table_sizes.w-offers {
  margin-top: 6px;
}

.product-view--type2 .product-detail-gallery__container {
  position: relative;
}
.product-view--type2 .text-additional {
  padding: 26px 40px 5px;
  text-align: center;
}


.product-view--type2 .product-action .product-info-headnote {
  padding: 0px 0px 28px;
}
.product-view--type2 .product-action .product-info-headnote .flexbox > div {
  padding: 11px 0px;
}
.product-view--type2 .product-action .prices_block div + .cost.prices {
  margin: 10px 0px 0px;
}
.product-view--type2 .product-action .middle-info-wrapper {
  margin: 0px 0px 16px;
}
.product-action .shadowed-block {
  background-color: var(--card_bg_black);
}
.product-view--type2 .product-action .text-form + .text-form {
  padding: 10px 0px 16px;
}
.wrapper_inner.wide_page .product-view--type2 .content_wrapper_block.front_tizers {
  border-left-width: 0px;
  border-right-width: 0px;
}
.product-view--type2 .bottom-info-wrapper .bottom-info {
  margin-top: -3.133rem;
}

body .catalog_detail .common_select .common_select-link .trigger {
  line-height: 40px;
}

.linked-blog-list {
  display: block;
  width: 100%;
}

.linked-blog-list.content {
  display: none;
  opacity: 0;
}
.js_append.flexbox .linked-blog-list.content {
  display: block;
}
.js_append.flexbox .linked-blog-list.content.visible {
  opacity: 1;
}

.search_page .section-content-wrapper:not(.with-filter) .menu_top_block {
  display: none;
}

.wrapper_inner.wide_page .product-view--type2 .product-info.product-info--type2 {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.product-view--type2 .product-info.product-info--type2 > .flexbox > .product-detail-gallery {
  padding: 0px;
  width: 42%;
}


.product-info.product-info--type2 .product-chars .list-sales-compact {
  padding-top: 0px;
  padding-left: 42px;
}
.product-info.product-info--type2 .product-chars .list-sales-compact .list-sales-compact__icons {
  top: 2px;
}

.shadowed-block {
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.12);
}

.product-info.product-info--type2 .shadowed-block .prices_block {
  padding: 20px 30px 20px;
}
.product-info.product-info--type2 .shadowed-block .buy_block {
  overflow: hidden;
  border-radius: 0px 0px 3px 3px;
}
.product-info.product-info--type2 .shadowed-block .buy_block .counter_block,
.product-info.product-info--type2 .shadowed-block .buy_block .btn {
  border-radius: 0px;
}
.product-info.product-info--type2 .shadowed-block .buy_block .counter_block {
  border-left-color: transparent;
}
.product-info.product-info--type2 .shadowed-block .buy_block .btn.one_click {
  border-color: transparent;
  padding-top: 16px;
  padding-bottom: 16px;
  border: none;
}
.product-info.product-info--type2 .shadowed-block .buy_block .btn.one_click:hover {
  background: #fff;
  color: #333;
}
.catalog_detail .main_item_wrapper .shadowed-block .total_summ {
  border-top: 1px solid #ececec;
  padding: 11px 20px;
  text-align: center;
}

.product-info--type2 .price_txt.filed {
  margin: 2.666rem 0px -12px;
}

.product-info-headnote--bordered {
  border-bottom: 1px solid #ececec;
  margin: 0px 0px 38px;
  padding: 0px 0px 27px;
  border-color: var(--stroke_black);
}
.product-main .product-info-headnote--bordered {
  margin-top: -3px;
}

.product-info .shadowed-block .view_sale_block.compact {
  display: block;
  background: #fc482d;
  padding: 9px 29px 8px;
  height: auto;
  border-radius: 3px 3px 0px 0px;
  margin: 0px;
}
.product-info .shadowed-block .view_sale_block.compact.red .countdown,
.product-info .shadowed-block .view_sale_block.compact.red .quantity_block .item {
  background: transparent;
  border-color: transparent;
}
.product-info .shadowed-block .view_sale_block.compact .icons .values {
  margin: 0px -3px 0px 0px;
}
.product-info .shadowed-block .view_sale_block.compact .icons .values .item {
  padding-top: 3px;
}
.product-info .shadowed-block .view_sale_block.compact .svg {
  display: block;
}
.product-info .shadowed-block .view_sale_block.compact .svg svg {
  width: 16px;
}
.product-info .shadowed-block .view_sale_block.compact.red .svg svg path {
  fill: #fff;
}
.product-info .shadowed-block .view_sale_block.compact .quantity_block .values {
  margin-left: -1px;
}
.product-info .shadowed-block .view_sale_block.compact .quantity_block .item {
  position: relative;
  padding-top: 4px;
  padding-left: 12px;
}
.product-info .shadowed-block .view_sale_block.compact .quantity_block .item:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 2px;
  background: #fff;
  top: 11px;
  left: 0px;
  display: block;
}

.product-container .product-view--mix .product-info {
  padding-bottom: 31px;
}
.product-container .product-view--mix .product-info-wrapper {
  border: 1px solid #ececec;
  border-color: var(--stroke_black);
}
.product-view--mix .product-info-headnote {
  padding-bottom: 23px;
}
.product-view--mix .preview-text {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ececec;
  border-color: var(--stroke_black);
}
.product-view--mix .preview-text .text-block {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-view--mix .item-views.list-sales-compact {
  padding-bottom: 25px;
  border-bottom: 1px solid #ececec;
  border-color: var(--stroke_black);
}
.product-view--mix .js-sales.active {
  margin-bottom: 25px;
}
.product-view--mix .js-sales:not(.active) + .actions-bottom {
  border-top: 1px solid #ececec;
  border-color: var(--stroke_black);
  padding-top: 20px;
}
.product-container .product-view--mix .buy_block .counter_wrapp.list {
  padding-top: 11px;
}
.product-container .product-view--mix .product-info--type2 .price_txt.filed {
  margin: 0px;
  border: none;
  padding-top: 23px;
}
.product-container .bottom-info-wrapper {
  margin-top: 3.133rem;
}
.product-container .product-view--mix:not(.product-view--mix-wide) .bottom-info-wrapper {
  padding: 0px;
}
.product-container .product-view--mix .ordered-block.js-store-scroll {
  margin-top: 0px;
}
.product-view--mix .sku_props .wrapper_sku > div:first-child {
  margin-top: -8px;
}
.product-view--mix .product-info.product-info--type2 .info_item > div:not(.main_item_wrapper) {
  padding: 0px;
  margin-top: 9px;
}
.product-view--mix .product-info--type2 .product-chars .char-side {
  margin: 20px 0px 0px;
}
.catalog_page_detail_with_left .product-view--mix .product-action {
  flex-basis: 100%;
}
.catalog_page_detail_with_left .product-view--mix .product-chars {
  display: none;
}
.product-container .product-view--mix div + .offer-props-wrapper {
  padding: 13px 0px 4px;
}
.product-container .product-view--mix.product-view--mix-wide div + .offer-props-wrapper {
  padding: 18px 0px 4px;
}

.product-view--mix.product-view--mix-wide .product-info {
  max-width: 1422px;
  margin-left: auto;
  margin-right: auto;
}
.product-view--mix.product-view--mix-wide .like_icons.list {
  top: 0px;
  bottom: auto;
  left: auto;
}
.product-view--mix.product-view--mix-wide .buy_block .counter_wrapp.list {
  width: 65%;
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  max-width: 300px;
}
.product-view--mix.product-view--mix-wide .buy_block .wrapp-one-click {
  display: inline-block;
  vertical-align: top;
  padding-top: 11px;
}
.product-view--mix.product-view--mix-wide .product-main .product-chars {
  padding-left: 0px;
  display: block;
}

.product-main .info_ext_block {
  width: 100%;
  padding: 24px 0 17px;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  margin: 34px 0px 0px;
  border-color: var(--stroke_black);
}
.product-main .info_ext_block + .info_ext_block {
  margin-top: -1px;
}
.product-main .info_ext_block .title {
  text-transform: uppercase;
  color: #222;
  color: var(--white_text_black2);
  letter-spacing: 0.3px;
  position: relative;
  padding: 0 0 6px;
  cursor: pointer;
}
.product-main .info_ext_block .title:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
  height: 12px;
  background-image: url("/local/templates/aspro_max/components/bitrix/catalog/main/../../../../images/svg/catalog/pluscross_sprite.svg");
  background-position: var(--light, 0px 0px) var(--dark, -46px 0px);
  background-repeat: no-repeat;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.product-main .info_ext_block .title:hover:before {
  background-position: var(--light, -22px 0px) var(--dark, -46px 0px);
}
.product-main .info_ext_block .title.opened:before {
  background-position: var(--light, -12px 0px) var(--dark, -58px 0px);
  width: 10px;
}
.product-main .info_ext_block .title.opened:hover:before {
  background-position: var(--light, -35px 0px) var(--dark, -58px 0px);
}
.product-main .info_ext_block .title:hover:before {
  opacity: 1;
  background-color: var(--light, var(--theme-base-color)) var(--dark, var(--black_bg_black));
}
.product-main .info_ext_block .text {
  padding: 0 0 8px;
  display: none;
}
.product-main .info_ext_block .text.text--with-pt {
  padding-top: 15px;
  color: #777;
  color: var(--light_basic_text_black);
}
.catalog_page_detail_with_left .product-container .product-view--mix.product-view--mix-wide .bottom-info-wrapper {
  padding: 0px;
}

#main #content .product-view--mix .bottom-info-wrapper .linked_sales {
  display: none;
}
.catalog_page_detail .left_block {
  padding-top: 4px;
}
.catalog_page_detail .left_block .menu_top_block {
  border-top: 1px solid #ececec;
  border-color: var(--stroke_black);
}

body #content .catalog_page_detail_with_left .product-container .product-side.left_block {
  display: none;
}

#main .catalog_detail .item-stock > span,
#main .catalog_detail .cheaper_form > span,
#main .catalog_detail .table_sizes span,
#main .catalog_detail .calculate-delivery-preview .font_sxs,
#main .catalog_detail .calculate-delivery-preview .font_xs,
#main .catalog_detail .price_txt {
  font-size: 12px;
}

.js-store-scroll.stores {
  position: relative;
}
.stores-title {
  position: absolute;
  top: 4px;
  right: 0px;
}
.stores-title .stores-title__list {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.stores-title .stores-title__list:last-of-type {
  padding-left: 24px;
}
.stores-title .stores-title__list:not(.stores-title--active):hover {
  cursor: pointer;
}
.stores-title .stores-title__list:hover,
.stores-title .stores-title__list.stores-title--active {
  opacity: 1;
}
.stores-title .stores-title__list .svg {
  margin-right: 4px;
  top: -1px;
}

.stores_block_wrap.combine .contacts_map_list {
  padding-bottom: 0px;
}
.stores_block_wrap.combine .wrapper_block.title_left .block_container {
  height: 502px;
}
.stores_block_wrap.combine .contacts_map_list .bx-yandex-view-layout {
  border: 1px solid #ececec;
}

.tab-pane.stores .stores_tab .stores_block_wrap.combine {
  position: relative;
}
.tab-pane.stores .stores_tab .stores_block_wrap .stores-title {
  top: -12px;
}
.tab-pane.stores {
  position: relative;
}

.stores-amount-list:not(.stores-amount-list--active) {
  display: none;
}
.with_title .block_container .items .item .item-stock {
  margin: 7px 0px 0px;
}
body .map_info_store .item-stock {
  margin: 10px 0px 0px;
}

.item-views.tizers {
  padding: 3px 0px 23px;
}
.wrapper1:not(.with_left_block) .wrapper_inner.front .drag-block.container .item-views.tizers {
  padding-bottom: 33px;
}
.item-views.tizers.top {
  padding-top: 9px;
}
.item-views.tizers .item-wrapper > .item {
  padding-bottom: 32px;
}
.item-views.tizers .item-wrapper > .item .image {
  margin-bottom: 10px;
  max-height: 50px;
  flex-shrink: 0;
  align-self: normal;
}
.item-views.tizers .item-wrapper > .item .image img {
  max-width: 100%;
  max-height: 100%;
}
.item-views.tizers:not(.top) .item-wrapper > .item .image {
  margin-top: 6px;
  max-width: 40px;
}

.item-views.tizers .items.small-block > .row,
.item-views.tizers .items.tops > .row {
  align-items: start;
}
.item-views.tizers .items.small-block .image {
  width: 32px;
  height: 32px;
}
.item-views.tizers .items.small-block .image img,
.item-views.tizers .items.small-block .image svg {
  max-width: 100%;
  max-height: 32px;
}

body .items_wrapper.simple .row .item_block {
  height: auto;
}
body .items_wrapper.simple .row .item_block .catalog_item,
body .items_wrapper.simple .row .item_block .catalog_item .inner_wrap {
  height: 100% !important;
}
body .items_wrapper.simple .row .item_block .catalog_item .sale_block {
  display: none;
}
body .items_wrapper.simple .row .item_block .catalog_item .sale_block {
  display: none;
}
body .simple_page .top-content-block > div {
  padding-bottom: 34px;
}

#main .catalog_detail .counter_wrapp.fixed {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
#main .bottom-icons-panel-Y .catalog_detail .counter_wrapp.fixed {
  bottom: 62px;
}
#main .catalog_detail .counter_wrapp.fixed .counter_block {
  border-radius: 0px;
}
#main .catalog_detail .element_3 .counter_wrapp.fixed ~ .wrapp-one-click {
  border-top: 1px solid #eeeeee;
  border-color: var(--stroke_black);
}

.catalog_detail .char_block {
  padding: 30px 40px;
}
.catalog_detail .props_list {
  width: 100%;
  margin: 0px 0px 0px;
  color: #555;
}
.catalog_detail .tabs_content .char_block {
  margin-bottom: 30px;
}
.catalog_detail .props_list td:first-of-type {
  width: 45%;
}
.catalog_detail .props_list td.char_value {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 55%;
}
.catalog_detail .props_list td.char_value span {
  padding: 0px 0px 0px 10px;
  color: #333;
  color: var(--white_text_black);
}
.catalog_detail .props_list .props_item,
.catalog_detail .props_block .char_name .props_item,
.catalog_detail .props_block .char_value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog_detail .props_list .props_item span {
  background: #fff;
  background-color: var(--card_bg_black);
  padding-right: 10px;
  color: #777;
  color: var(--light_basic_text_black);
}
.catalog_detail .offers_table .property .props_item.whint > span {
  padding-left: 22px;
}

#main .list-offers .table-view .calculate-delivery {
  position: relative;
  padding-left: 27px;
  line-height: 18px;
  margin-top: 12px;
}
.list-offers .table-view .calculate-delivery .svg {
  position: absolute;
  left: 0px;
  top: -1px;
}
.list-offers .table-view .calculate-delivery .animate-load {
  line-height: 18px;
}

.catalog_detail .props_list.line td.char_value span {
  padding-left: 0px;
}
.catalog_detail .props_list.line .props_item span {
  padding-right: 4px;
}

.char_name .hint.active .tooltip {
  opacity: 1;
  z-index: 204;
}
.char_name .hint .tooltip:after {
  left: 2px;
}

.properties__title .hint {
  display: inline;
  position: relative;
  top: -1px;
}
.properties__title .icon {
  border: 1px solid #e5e5e5;
  border-color: var(--stroke_black);
  border-radius: 100%;
  text-align: center;
  padding: 2px 4px 0px;
  cursor: pointer;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.properties__title .icon i {
  color: #383838;
  color: var(--white_text_black);
  line-height: 11px;
  font-size: 11px;
  font-style: normal;
  display: inline-block;
  vertical-align: top;
}
.properties__title .icon:hover i {
  color: #fff;
}
.properties__title .hint .tooltip {
  left: 1px;
  text-align: left;
}
.properties__title .hint.active .tooltip {
  opacity: 1;
  z-index: 204;
}
.properties__title .hint .tooltip:after {
  left: 2px;
}

.complect-block {
  margin-bottom: 32px;
}
.complect-block__title {
  display: none;
  padding-bottom: 32px;
  color: #000;
  color: var(--white_text_black);
}
.complect-block-wrapper .complect-block__title,
.complect-block.loaded .complect-block__title {
  display: block;
}
.item_block__complect-checkbox {
  height: 40px;
  flex-shrink: 0;
  margin-top: -2px;
}
.item_block__complect-checkbox label {
  height: 100%;
}
.complect-block .item_block__complect-checkbox input[type="checkbox"] + label {
  z-index: 10;
}
.complect_switch_block .label_block {
  display: inline-block;
}
.complect_switch_block .label_block:first-of-type {
  margin-right: 30px;
}
.complect_header_block {
  padding-bottom: 1.933rem;
}
.complect_header_block .ordered-block__title {
  padding-bottom: 16px;
}
.complect_header_block .buy_complect_wrap {
  padding-bottom: 4px;
  padding-top: 5px;
}
.complect_main_wrap .complect_header_block .opt-buy {
  padding-bottom: 7px;
}
.opt_action.button_buy_complect .text {
  display: inline-block;
  padding: 0 1px 0 1px;
  margin-right: -3px;
  color: #fff;
}
.button_buy_complect.no-action {
  opacity: 0.5 !important;
}
.complect_prices_block--bmargin {
  margin-bottom: 14px;
}

@media (min-width: 601px) {
  .item-views.tizers .item-wrapper > .item .pull-left + .inner-text {
    padding-left: 26px;
  }
  .item-views.tizers .item-wrapper > .item .pull-right + .inner-text {
    padding-right: 26px;
  }

  .item-views.tizers .small-block .item-wrapper > .item .pull-left + .inner-text {
    padding-left: 20px;
  }
}
@media (max-width: 600px) {
  .item-views.tizers:not(.top) .item-wrapper > .item .image {
    float: none !important;
  }
  .item-views.tizers .items.small-block .item .image + .inner-text,
  .item-views.tizers .items.tops .item .image + .inner-text {
    padding-left: 20px;
  }
  body .wrapper1:not(.with_left_block) .wrapper_inner.front .drag-block.container .item-views.tizers {
    padding-bottom: 3px;
  }
  .tizers.left .flexbox:not(.mobile-list) .item.flexbox--row {
    flex-direction: column;
    align-items: flex-start;
  }
  .tizers.left .flexbox:not(.mobile-list) .item.flexbox--row .inner-text {
    padding-left: 0;
    word-break: break-word;
  }
}

@media (max-width: 1399px) {
  #headerfixed .table-view .item-info {
    min-width: 250px;
  }
  #headerfixed .table-view .item-actions .item-sku {
    max-width: 250px;
  }

  .catalog_detail .view_sale_block.v2 > div.icons .values .item {
    display: none;
  }
}

@media (max-width: 1199px) {
  .product-view--type2 .product-info > .flexbox,
  .product-view--mix .product-info > .flexbox {
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 0 var(--theme-page-width-padding, 16px);
  }
  .product-view--type2 .product-info > .flexbox .product-detail-gallery {
    flex: 0 0 100%;
    order: 0;
  }

  .product-view--type2 .product-info > .flexbox > div:not(.product-detail-gallery) {
    padding-top: 40px;
    flex-basis: 40%;
  }

  body .product-view--type2 .product-info.product-info--type2 > .flexbox > .product-main {
    flex-basis: 100%;
    max-width: none;
    padding-left: 0px;
  }

  .product-view--mix .product-info > .flexbox .product-detail-gallery {
    flex: 0 0 100%;
    order: 0;
    padding-right: 0px;
    min-width: 0px;
  }
  body .product-view--mix .product-main {
    flex-basis: auto;
    margin-top: 35px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-view--type2 .product-info > .flexbox > div:not(.product-detail-gallery) {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .right_block:not(.catalog_page_detail_with_left) .product-view--side-left,
  .right_block:not(.catalog_page_detail_with_left) .product-view--side-right {
    width: calc(100% - 345px);
  }
  .right_block:not(.catalog_page_detail_with_left) .product-view--side-left {
    float: left;
  }
  .right_block:not(.catalog_page_detail_with_left) .product-view--side-right {
    float: right;
  }
  body #content .product-container .product-side.left_block,
  body #content .product-container .product-side.left_block > * {
    display: block;
  }
}
@media (max-width: 991px) {
  .left_block.sticky-sidebar-custom {
    display: none;
  }
  .product-view--type2 .bottom-info-wrapper .bottom-info {
    margin-top: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .product-container .content_wrapper_block.front_tizers > .maxwidth-theme .item-views.tizers .item-wrapper {
    width: 50%;
  }
}

@media (max-width: 900px) {
  .list-offers .table-view .table-view__item-wrapper {
    align-items: normal;
  }
  .list-offers .table-view .item-actions {
    width: 40%;
    flex-direction: column;
  }
  .list-offers .table-view .table-view__item-wrapper .item-actions > div:first-of-type {
    margin-top: -8px;
  }
  .list-offers .table-view .table-view__item-wrapper .item-actions > div {
    width: 100%;
    max-width: none;
    padding: 8px 0px 0px;
  }
  .list-offers .table-view .item-info {
    padding-top: 6px;
  }
}
@media (min-width: 768px) {
  body #content .product-container .product-side.left_block > .view_sale_block {
    display: inline-block;
  }
  body #content .product-container .view_sale_block .icons {
    display: inline-block;
  }

  .product-view--type2 .product-info.product-info--type2 > .flexbox > .product-main {
    flex-grow: 1;
    padding-left: 36px;
  }
  .product-info--type2 .product-chars {
    padding-right: 60px;
  }

  .wide_page
    .catalog_page_detail:not(.catalog_page_detail_with_left)
    .product-container
    .content_wrapper_block.front_tizers {
    border-top: none;
  }
  .wide_page
    .catalog_page_detail:not(.catalog_page_detail_with_left)
    .product-container
    .content_wrapper_block.front_tizers
    > .maxwidth-theme {
    padding-top: 0px;
  }
  .wide_page
    .catalog_page_detail:not(.catalog_page_detail_with_left)
    .product-container
    .content_wrapper_block.front_tizers
    > .maxwidth-theme
    .item-views.tizers {
    border-top: 1px solid #ececec;
    padding: 31px 32px 0px;
    border-color: var(--stroke_black);
  }

  .product-info.product-info--type2 .info_item > div:not(.main_item_wrapper) {
    padding-left: 30px;
    padding-right: 30px;
  }

  .js-offers-scroll .table-view .item-actions .item-price {
    width: 50%;
  }
  .js-offers-scroll .table-view .item-actions .item-buttons {
    width: 50%;
  }

  .product-container .product-view--mix .product-detail-gallery {
    width: 50%;
    padding-right: 39px;
    flex-shrink: 0;
  }
  .product-view--mix .product-main {
    flex-grow: 1;
  }
  .product-view--mix .product-action .info_item {
    padding-right: 20px;
  }
  .product-view--mix .product-info--type2 .product-chars {
    padding-left: 19px;
    padding-right: 0px;
  }
  .product-view--mix .product-info--type2 .product-chars .char-side {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .product-container .product-detail-gallery__thmb-inner {
    display: block;
  }
  .js-offers-scroll .stores-icons {
    flex-basis: 48px;
  }

  .product-view--type2 .product-info > .flexbox,
  .product-view--mix .product-info > .flexbox {
    justify-content: space-around;
  }
  .product-container .product-info {
    padding-left: 32px;
    padding-right: 32px;
  }
  .stores_block_wrap.combine .wrapper_block.title_left .block_container {
    box-shadow: none;
  }

  body .flex-50 {
    flex-basis: 100%;
  }
  .text-additional {
    margin-top: 15px;
  }
}
@media (min-width: 601px) {
  .js-offers-scroll .table-view__item--has-stores .quantity_block_wrapper .item-stock .value {
    border-bottom: 1px dotted;
    cursor: pointer;
  }

  .product-view--mix.product-view--mix-wide
    .product-info.product-info--type2
    .info_item
    > div.middle-info-wrapper
    + div {
    margin-top: -2px;
  }
}
@media (max-width: 600px) {
  .js-offers-scroll .wrapp-one-click,
  .js-offers-scroll .table-view .item-actions .item-buttons .text-form,
  .js-offers-scroll .stores-icons {
    display: none;
  }
  .js-offers-scroll .offer-stores {
    display: none !important;
  }

  .product-view--type2 .product-info > .flexbox > div:not(.product-detail-gallery) {
    flex-basis: 100%;
  }

  body .product-container .product-info {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-view--mix.product-view--mix-wide .buy_block {
    max-width: 300px;
  }
  .product-view--mix.product-view--mix-wide .buy_block .counter_wrapp.list {
    min-width: 100%;
    display: block;
    max-width: none;
    padding-right: 0px;
    width: auto;
  }
  .product-view--mix.product-view--mix-wide .buy_block .wrapp-one-click {
    padding: 0px;
    display: block;
  }

  .wrapper1:not(.compact-catalog) .list-offers .item .item_info.catalog-adaptive {
    padding-bottom: 0px;
  }
}
@media (max-width: 550px) {
  .stores_block_wrap.combine .contacts_map_list .bx-yandex-view-layout {
    min-height: 200px;
  }
  .stores_block_wrap.combine .contacts_map_list .bx-yandex-view-layout .bx-yandex-map {
    height: 200px !important;
  }
}
@media (max-width: 600px) and (min-width: 501px) {
  .compact-catalog .list-offers .btn.has_prediction:after {
    right: -1px;
    top: -1px;
    background-image: url("/local/templates/aspro_max/components/bitrix/catalog/main/../../../../images/svg/prediction_square.svg");
  }
}
@media (max-width: 500px) {
  .compact-catalog .items_wrapper.simple .ajax_load .item .catalog_item > div {
    padding-bottom: 0px;
  }

  .catalog_detail .char_block {
    padding: 10px 29px 27px;
  }
  .catalog_detail .char_block .props_list td {
    background-image: none;
    display: block;
    width: auto;
    padding-top: 0px;
    padding-bottom: 0;
  }
  .catalog_detail .char_block .props_list td.char_name {
    margin-top: 11px;
    margin-bottom: -1px;
  }
  .catalog_detail .char_block .props_list td.char_value {
    padding-left: 0;
    line-height: 21px;
  }
  .catalog_detail .char_block .props_list td.char_value span {
    padding-left: 0;
  }
  .catalog_detail .char_block .props_list .props_item > span {
    font-size: 0.867em;
    line-height: 1.692em;
  }

  .compact-catalog .list-offers .catalog-adaptive {
    padding-bottom: 34px;
  }
  .compact-catalog .list-offers .quantity_block_wrapper {
    display: none;
  }
  .compact-catalog .list-offers .item-actions .item-price {
    padding-top: 0px;
  }
  .compact-catalog .list-offers .item .item_info.catalog-adaptive .counter_wrapp.list {
    left: 19px;
    right: 19px;
    bottom: 19px;
  }
  .compact-catalog .list-offers .item .item_info.catalog-adaptive .item-buttons{
    padding-top: 22px;
  }
}

/* ================================================================
   SM redesign 2026-07-20: общие элементы страниц каталога
   (грузится при всех видах листинга: block / list / table).
   Файл в бандле идёт раньше styles.css/custom.css/smx-main.css,
   поэтому селекторы усилены (body-префикс) против правил той же
   специфичности из поздних файлов.
   ================================================================ */

/* --- Пагинация: «...» как текст, стрелки без рамок --------------- */
body .module-pagination .nums .point_sep {
  width: auto;
  height: auto;
  min-width: 0;
  border: 0;
  background: none;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 26px;
  vertical-align: middle;
}
body .module-pagination .flex-direction-nav > li > a {
  border: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

/* --- «Показать ещё» — secondary-кнопка канона -------------------- */
body .bottom_nav .ajax_load_btn:not(.ajax) {
  display: block;
  width: auto;
  max-width: 280px;
  height: 44px;
  margin: 0 auto 30px;
  padding: 0 32px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
}
body .bottom_nav .ajax_load_btn:not(.ajax):not(:hover) {
  background: #fff;
}
body .bottom_nav .ajax_load_btn:not(.ajax):hover {
  background: #fff;
  border-color: #1d2029;
}
body .bottom_nav .ajax_load_btn .more_text_ajax:not(.btn) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #1d2029;
  text-transform: none;
  letter-spacing: 0;
}
body .bottom_nav .ajax_load_btn:hover .more_text_ajax:not(.btn) {
  color: #1d2029;
}
/* компенсируем сдвиг кнопки из общего стиля (top:-22px) */
body .catalog_block + .bottom_nav .ajax_load_btn,
body .ajax_load + .bottom_nav .ajax_load_btn {
  top: 0;
  margin-bottom: 24px;
}

/* --- Плитки подразделов: грид на всю ширину, r12 ----------------- */
body .top-content-block .section-compact-list .row.flexbox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
  width: auto;
}
/* псевдоэлементы бутстраповского .row становятся грид-элементами и
   занимают лишние треки — убираем, иначе auto-fit не растягивает плитки */
body .top-content-block .section-compact-list .row.flexbox::before,
body .top-content-block .section-compact-list .row.flexbox::after {
  content: none;
}
body .top-content-block .section-compact-list .row.flexbox > div[class*="col-"] {
  width: auto;
  max-width: none;
  padding: 0;
}
body .top-content-block .section-compact-list__item.item.bordered {
  height: 100%;
  min-height: 96px;
  margin: 0;
  border: 1px solid #ececec;
  border-radius: 12px;
  box-shadow: none;
  background: #fff;
  transition: border-color .15s ease;
}
body .top-content-block .section-compact-list__item.item.bordered:hover {
  border-color: #1d2029;
  box-shadow: none;
}
body .top-content-block .section-compact-list__image img {
  object-fit: contain;
}

/* --- Тулбар: один кластер переключателей вида -------------------- */
body .filter-panel .filter-panel__view.controls-linecount {
  display: none;
}
/* шеврон сворачивания фильтра — по строке тулбара */
body .left_block .bx_filter .slide-block__head {
  display: flex;
  align-items: center;
}
body .left_block .bx_filter .slide-block__head .svg-inline-down {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}

/* --- Хлебные крошки ПОД H1 (как на bigms), контраст #777 ---------
   SMX-FIX R5 (2026-07-20): откат переноса крошек над заголовком.
   Было (SMX-FIX R1): .page-top переводился в flex-column, а
   #navigation получал order:-1 — крошки поднимались над H1.
   Владелец вернул штатный порядок bigms: H1 сверху, крошки под ним.
   В DOM .topic (H1) и так идёт ПЕРВЫМ, а #navigation — вторым,
   поэтому достаточно убрать перестановку: раскладка возвращается к
   обычному потоку. Разметку BreadcrumbList не трогаем — правились
   только display/order, сама разметка компонента не менялась. */
body .wrapper1.catalog_page .breadcrumbs__item-name {
  color: #777;
}
body .wrapper1.catalog_page .breadcrumbs__link:hover .breadcrumbs__item-name {
  color: #1d2029;
}

/* --- Фильтр: группы через hairline, поля цены читаемые ----------- */
body .left_block .bx_filter .bx_filter_section {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body .left_block .bx_filter .bx_filter_parameters_box {
  border: 0;
  border-bottom: 1px solid #ececec;
  border-radius: 0;
  background: none;
  margin: 0;
}
body .left_block .bx_filter .bx_filter_parameters_box_title {
  font-size: 14px;
  font-weight: 600;
  color: #222;
}
body .left_block .bx_filter .bx_filter_parameters_box_title > div {
  color: #222;
}
body .left_block .bx_filter .bx_filter_input_container {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: none;
}
body .left_block .bx_filter .bx_filter_input_container input {
  background: #fff;
  color: #222;
  font-size: 14px;
}

/* ============================================================
   SMX-FIX R5 (2026-07-20): компактное меню подразделов
   Было: 5 колонок, плитка 110px (padding 24/25, иконка 40px,
   имя 15/20) — 17 подразделов занимали 532px и отжимали листинг
   ниже первого экрана. Стало: 6 колонок, строка ~64px.
   ============================================================ */
body .top-content-block .section-compact-list .row.flexbox{
	grid-template-columns:repeat(auto-fill,minmax(192px,1fr));
	gap:8px;
}
body .top-content-block .section-compact-list__item.item.bordered{
	min-height:64px;
	padding:10px 12px;
	align-items:center;
}
body .top-content-block .section-compact-list__image{
	width:34px;height:34px;flex:none;
}
body .top-content-block .section-compact-list__image .thumb,
body .top-content-block .section-compact-list__image img{
	width:34px;height:34px;max-width:34px;max-height:34px;object-fit:contain;
}
body .top-content-block .section-compact-list__info{
	padding-left:10px;min-width:0;
}
/* имя: два кегля вниз и не больше двух строк — длинные названия
   («Краны шаровые для сантехнических приборов») не растягивают ряд */
body .top-content-block .section-compact-list__link{
	display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
	font-size:12.5px;line-height:1.3;color:#222;word-break:break-word;
}
body .top-content-block .section-compact-list__item:hover .section-compact-list__link{color:#1d2029}
/* счётчик товаров — мелкой метой под названием */
body .top-content-block .section-compact-list__info .section-compact-list__count,
body .top-content-block .section-compact-list__info .muted,
body .top-content-block .section-compact-list__info .font_xs{
	margin-top:2px;font-size:11px;line-height:1.2;color:#6a6a6a;
}
/* планшет/мобайл: колонки уже, но строка остаётся компактной */
@media (max-width:991px){
	body .top-content-block .section-compact-list .row.flexbox{
		grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
	}
}
@media (max-width:575px){
	body .top-content-block .section-compact-list .row.flexbox{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	body .top-content-block .section-compact-list__link{font-size:12.5px}
}
@media (min-width:992px) and (max-width:1299.98px){.catalog_page .section-content-wrapper.with-leftblock{width:calc(100% - 276px)}}
.catalog_page .element-count.muted,.catalog_page .element-count2.muted{color:#6a6a6a}

/* End */


/* Start:/local/templates/aspro_max/components/bitrix/catalog.element/smx_detail/style.css?1784783698181900*/
/*new table*/
.offers_table_detail{
    overflow-y: auto ;
}
.offers_table_detail table {
    width: auto;
    border-spacing: 20px;
    border-collapse: separate;
}
td.name_offer_table_to_buy > div{
    min-width: 200px;
    max-width: 300px;
}
td.props_table_to_buy > div,td.prices_table_to_buy > div,td.prices_table_to_buy > div{
    min-width: 150px;
    max-width: 200px;
}
td.props_table_to_buy > div{
    min-width: 100px;
    max-width: 200px;
}
 td.buttons_table_to_buy > div{
    width: 300px;
}/* ============================================================================
   SMX-D v2 — карточка товара, полировка (2026-07-18).
   Геометрия: .catalog_detail.element_1 = flex-строка из ДВУХ колонок:
     левая .product-view (галерея + шапка + СЕКЦИИ в естественном потоке),
     правая .left_block.product-side (sticky в границах строки).
   Секции НЕ выносятся из .product-view — перекрытие sticky-колонкой
   геометрически невозможно. JS-перенос из эпилога удалён.
   Палитра-лок: #4dbcec только отклик/индикация (hover #69c6ef), тёмный
   #1d2029 только мелкое (текст/кнопки), нейтрали; радиусы 12/16; Rubik.
   ============================================================================ */

/* ---------- 1. Каркас ---------- */
.catalog_detail.element_1{
	display:flex;
	align-items:flex-start;
	gap:40px;
	font-family:'Rubik',Arial,sans-serif;
}
.catalog_detail.element_1 .product-view{
	flex:1 1 0%;
	min-width:0;
	width:auto!important;
	float:none!important;
	margin:0;
}
.catalog_detail.element_1>.left_block.product-side{
	flex:0 0 384px;
	width:384px!important;
	min-width:0;
	float:none!important;
	margin:0;
	position:sticky;
	top:96px; /* под sticky-хедером */
	align-self:flex-start;
}
/* страховка от JS-параллакса Aspro (moveBuyBlock/sticky-sidebar) на десктопе */
@media (min-width:992px){
	.catalog_detail.element_1>.left_block.product-side{transform:none!important}
}

/* ---------- 2. Шапка карточки (арт/бренд) ---------- */
.element_1 .product-info{border:0;border-radius:0;padding:0;margin:0 0 8px}
.element_1 .product-info-headnote__inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0}
.element_1 .product-info-headnote__inner>div{padding:0}
/* пустые звёзды рейтинга (отзывов нет) — шум, скрываем блок целиком */
.element_1 .product-info-headnote .rating,
.element_1 .product-info-headnote .votes_block{display:none!important}
/* артикул в шапке */
.element_1 .product-info-headnote .article{font-size:13px;color:#999}
.element_1 .product-info-headnote .article .value{color:#555;font-variant-numeric:tabular-nums}

/* стикеры: единый код — ХИТ тёмный, SALE красный, прочее голубая заливка-тинт */
.smx-d-page .stickers [class*="sticker_"]{
	background:#1d2029;color:#fff;border-radius:8px;
	font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;
	padding:4px 10px;line-height:1.3;
}
.smx-d-page .stickers .sticker_rasprodazha,
.smx-d-page .stickers .sticker_sale{background:#EF3000;color:#fff}
.smx-d-page .stickers .sticker_sovetuem,
.smx-d-page .stickers .sticker_rekomenduem{background:rgba(77,188,236,.15);color:#1d2029}

/* ---------- 3. Галерея ---------- */
.element_1 .product-detail-gallery{margin:0}
.element_1 .product-detail-gallery .detail-gallery-big{
	border:1px solid #ececec;border-radius:16px;overflow:hidden;background:#fff;
}
.element_1 .detail-gallery-big-slider-thumbs{margin-top:14px}
.element_1 .detail-gallery-big-slider-thumbs .swiper-slide{
	border:1px solid #ececec;border-radius:10px;overflow:hidden;opacity:.75;transition:opacity .15s,border-color .15s;
}
.element_1 .detail-gallery-big-slider-thumbs .swiper-slide:hover{opacity:1}
.element_1 .detail-gallery-big-slider-thumbs .swiper-slide-thumb-active{
	border-color:#4dbcec;opacity:1;
}

/* ---------- 4. Правая колонка ---------- */
.element_1 .product-side .product-main{display:flex;flex-direction:column;gap:16px}

/* Карточка покупки */
.element_1 .smx-d-buy{
	display:flex;flex-direction:column;gap:14px;
	background:#fff;border:1px solid #ececec;border-radius:16px;
	padding:24px;
}
/* цена: «от» — вторичный, число — якорь */
.element_1 .smx-d-buy .price_wrapper_block,
.element_1 .smx-d-buy .js_price_wrapper{margin:0}
.element_1 .smx-d-buy .price{
	font-size:28px;font-weight:700;color:#1d2029;font-variant-numeric:tabular-nums;line-height:1.15;
}
.element_1 .smx-d-buy .price .price_prefix,
.element_1 .smx-d-buy .price .from_price{font-size:16px;font-weight:400;color:#999}
.element_1 .smx-d-buy .price.discount,
.element_1 .smx-d-buy .discount .values_wrapper{font-size:14px;color:#999;font-weight:400;text-decoration:line-through}

/* наличие: точка-индикатор голубая, текст нейтральный (никакого зелёного) */
.element_1 .smx-d-buy .item-stock{display:flex;align-items:center;gap:8px;font-size:13px}
.element_1 .smx-d-buy .item-stock .icon{
	width:8px;height:8px;border-radius:50%;background:#4dbcec!important;flex:none;
}
.element_1 .smx-d-buy .item-stock .value{color:#555!important}

/* «Нашли дешевле?» и прочие сервис-ссылки */
.element_1 .smx-d-buy a:not(.btn),
.element_1 .smx-d-buy .link{
	color:#555;font-size:13px;text-decoration:underline;
	text-decoration-color:#4dbcec;text-decoration-thickness:1.5px;text-underline-offset:3px;
}
.element_1 .smx-d-buy a:not(.btn):hover{color:#1d2029}

/* главная кнопка — канон primary: тёмная, белый текст, h48, r10 */
.element_1 .smx-d-buy .btn.btn-default:not(.white){
	height:48px;border-radius:10px;font-size:15px;font-weight:600;
	letter-spacing:.2px;text-transform:none;width:100%;
	display:flex;align-items:center;justify-content:center;
	background:#1d2029;border-color:#1d2029;color:#fff;
}
.element_1 .smx-d-buy .btn.btn-default:not(.white):hover{background:#333;border-color:#333}
/* счётчик количества рядом с кнопкой */
.element_1 .smx-d-buy .counter_block{
	border:1px solid #ddd;border-radius:10px;height:48px;overflow:hidden;
}
.element_1 .smx-d-buy .counter_block input{font-weight:600;color:#1d2029}

/* сервисные строки под кнопкой (самовывоз/доставка) */
.element_1 .smx-d-buy .delivery-info,
.element_1 .smx-d-buy .help-text{font-size:13px;color:#777;line-height:1.5}
.element_1 .smx-d-buy .delivery-info .svg path{fill:#4dbcec}

/* Карточки «Доставка и оплата» / «Характеристики» / бренд */
.element_1 .smx-d-info,
.element_1 .product-side .char-side,
.element_1 .product-side .brand-side,
.element_1 .product-side .props_block{
	display:flex;flex-direction:column;gap:12px;
	background:#fff;border:1px solid #ececec;border-radius:16px;padding:20px 24px;
}
.element_1 .smx-d-info__title,
.element_1 .product-side .char-side .title,
.element_1 .product-side .props_block .title{
	font-size:15px;font-weight:600;color:#1d2029;margin:0;
}
.element_1 .smx-d-info__row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#555;line-height:1.5}
.element_1 .smx-d-info__icon{
	width:18px;height:18px;flex:none;margin-top:1px;
	stroke:#4dbcec;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;
}
/* ссылки в карточках колонки: тёмные с голубым подчёркиванием (не голубой текст) */
.element_1 .product-side a:not(.btn){
	color:#1d2029;font-size:13px;text-decoration:underline;
	text-decoration-color:#4dbcec;text-decoration-thickness:1.5px;text-underline-offset:3px;
}
.element_1 .product-side a.btn{text-decoration:none}
/* краткие характеристики в колонке: строки без «телефонной книги» */
.element_1 .product-side .props_list{width:100%}
.element_1 .product-side .props_list td{font-size:13px;padding:5px 0;border:0}
.element_1 .product-side .props_list .char_name{color:#999}
.element_1 .product-side .props_list .char_value{color:#333;text-align:right}

/* дисклеймер под колонкой */
.element_1 .product-side .info_text,
.element_1 .product-side .disclaimer{font-size:12px;color:#999;line-height:1.5;padding:0 4px}

/* ---------- 5. Секции (в потоке левой колонки) ---------- */
.smx-d-sections{margin-top:40px;display:flex;flex-direction:column;gap:40px}

/* заголовки секций */
.smx-d-sections .ordered-block__title,
.smx-d-sections h2.title,
.smx-d-sections .title_block{
	font-size:22px;font-weight:700;color:#1d2029;margin:0 0 16px;
	text-transform:none;letter-spacing:-.01em;
}

/* --- таблица торговых предложений --- */
.smx-d-sections .offers_table_detail{border:1px solid #ececec;border-radius:16px;overflow:hidden}
.smx-d-sections .offers_table_detail table{margin:0}
.smx-d-sections .offers_table_detail th{
	font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:#999;
	background:#f7f7f7;border:0;padding:12px 16px;
}
.smx-d-sections .offers_table_detail td{
	font-size:14px;color:#333;border:0;border-top:1px solid #ececec;
	padding:14px 16px;vertical-align:middle;background:#fff;
}
/* зебру и ховер-заливки глушим — строки разделяет hairline */
.smx-d-sections .offers_table_detail tr:nth-child(odd) td,
.smx-d-sections .offers_table_detail tr:hover td{background:#fff}
/* колонка «Код» дублирует артикул — скрываем (артикул остаётся) */
.smx-d-sections .offers_table_detail th:nth-child(3),
.smx-d-sections .offers_table_detail td:nth-child(3){display:none}
/* цена в таблице */
.smx-d-sections .offers_table_detail .price{
	font-size:16px;font-weight:700;color:#1d2029;font-variant-numeric:tabular-nums;
}
/* наличие в таблице: без зелёного */
.smx-d-sections .offers_table_detail .item-stock .icon{width:8px;height:8px;border-radius:50%;background:#4dbcec!important}
.smx-d-sections .offers_table_detail .item-stock .value{color:#555!important;font-size:13px}
/* кнопки строк ТП — единый on-palette стиль вынесен в блок v6 «покрытие кнопок» ниже
   (прежние правила давали серую рамку #d6dade и тёмный ховер с невидимым текстом). */
.smx-d-sections .offers_table_detail .counter_block{
	border:1px solid #ececec;border-radius:10px;height:40px;overflow:hidden;
}

/* --- табы --- */
.smx-d-sections .tabs-block ul.nav.nav-tabs{
	display:flex;flex-wrap:wrap;gap:2px 26px;margin:0 0 20px;padding:0;
	border:0;border-bottom:1px solid #ececec;
	text-transform:none!important;letter-spacing:0;
}
.smx-d-sections .tabs-block ul.nav.nav-tabs li{margin:0;float:none}
.smx-d-sections .tabs-block ul.nav.nav-tabs li a,
.smx-d-sections .tabs-block ul.nav.nav-tabs li span{
	display:block;padding:0 0 12px;margin:0;border:0;background:none;
	font-size:15px;font-weight:500;color:#777;
	border-bottom:2px solid transparent;border-radius:0;
}
.smx-d-sections .tabs-block ul.nav.nav-tabs li a:hover{color:#1d2029}
.smx-d-sections .tabs-block ul.nav.nav-tabs li.active a,
.smx-d-sections .tabs-block ul.nav.nav-tabs li.active span{
	color:#1d2029;border-bottom-color:#4dbcec;
}

/* тексты описания: мерная строка 760px, спокойный ритм */
.smx-d-sections .content,
.smx-d-sections .detail_text{font-size:15px;line-height:1.65;color:#555;max-width:760px}
.smx-d-sections .detail_text b,.smx-d-sections .content b{color:#333}

/* «развернуть»: обычный регистр, тёмная с голубым подчёркиванием */
.smx-d-sections .expand-link,
.smx-d-sections [data-role="expand"],
.smx-d-sections .js-show-more,
.smx-d-sections .more_text_toggle{
	font-size:13px;letter-spacing:0;text-transform:none;
	color:#1d2029;text-decoration:underline;
	text-decoration-color:#4dbcec;text-decoration-thickness:1.5px;text-underline-offset:3px;
}
.smx-d-sections .expand-link .svg path{fill:#4dbcec}

/* таблица характеристик в табе: name слева #999, значение #333, hairline */
.smx-d-sections .props_block table td,
.smx-d-sections .chars_block td{
	font-size:14px;padding:10px 0;border:0;border-bottom:1px solid #f2f2f2;
}
.smx-d-sections .props_block .char_name,
.smx-d-sections .chars_block .char_name{color:#999}
.smx-d-sections .props_block .char_value,
.smx-d-sections .chars_block .char_value{color:#333}

/* ---------- 6. «Ранее вы смотрели» и прочие ленты под карточкой ---------- */
.smx-d-page ~ .ordered-block .catalog_item .inner_wrap,
.wrapper_inner .viewed_block .catalog_item .inner_wrap{
	border:1px solid #ececec;border-radius:12px;
}

/* ---------- 7. Мобильная деградация ---------- */
/* Мобайл: штатная раскладка Aspro (галерея + родной блок покупки .right_info
   внутри карточки .product-info, ниже — секции). Десктоп-колонку .product-side
   не показываем (её контент помечен hidden-xs/sm). Родной блок покупки стилизуем
   отдельно ниже (секция «Мобильный блок покупки»). */
@media (max-width:991px){
	.catalog_detail.element_1{display:block}
	.catalog_detail.element_1 > .left_block.product-side{display:none}
	.smx-d-sections{margin-top:28px;gap:28px}
	.smx-d-sections .offers_table_detail{overflow-x:visible}

	/* --- v5m: родной мобильный блок покупки (.right_info) под стиль десктоп-карточки --- */
	.product-info{padding:0!important}
	.product-info .two_columns{display:block}
	.product-info .right_info{
		background:#fff;border:1px solid #ececec;border-radius:16px;
		padding:20px;margin-top:18px;
		display:flex;flex-direction:column;gap:14px;
	}
	.product-info .right_info .main_item_wrapper,
	.product-info .right_info .product-main{display:flex;flex-direction:column;gap:14px}
	/* цена: «от» вторичный 15px, число-якорь 28/700 */
	.product-info .right_info .price{
		font-size:15px!important;font-weight:400!important;color:#999!important;
		display:flex;align-items:baseline;gap:6px;margin:0;line-height:1.2;
	}
	.product-info .right_info .price .values_wrapper{font-size:28px!important;font-weight:700!important;color:#1d2029!important}
	.product-info .right_info .price.discount .values_wrapper{font-size:14px!important;font-weight:400!important;color:#999!important;text-decoration:line-through}
	/* наличие: голубая точка, нейтральный текст */
	.product-info .right_info .item-stock{display:flex;align-items:center;gap:8px;font-size:13px;margin:0}
	.product-info .right_info .item-stock .icon.stock,
	.product-info .right_info .item-stock .icon{width:8px;height:8px;border-radius:50%;background:#4dbcec!important;flex:none}
	.product-info .right_info .item-stock .value{color:#555!important;font-size:13px}
	/* «Нашли дешевле?» и сервис-ссылки */
	.product-info .right_info .dotted,
	.product-info .right_info .link_to_order{
		color:#555;font-size:13px;text-decoration:underline;
		text-decoration-color:#4dbcec;text-decoration-thickness:1.5px;text-underline-offset:3px;border:0;
	}
	/* строка доставки/самовывоза */
	.product-info .right_info .text-form-info{font-size:13px;color:#777;line-height:1.5;margin:0}
	/* главная кнопка (для товаров с одним ТП) — канон primary, во всю ширину */
	.product-info .right_info .btn.btn-default:not(.white){
		height:48px;border-radius:10px!important;background:#1d2029;border-color:#1d2029;color:#fff!important;
		font-size:15px;font-weight:600;text-transform:none;width:100%;
		display:flex;align-items:center;justify-content:center;
	}
	.product-info .right_info .btn.btn-default:not(.white):hover{background:#333;border-color:#333}
	.product-info .right_info .counter_block{border:1px solid #ddd;border-radius:10px;height:48px;overflow:hidden}
	/* блок «Характеристики» */
	.product-info .right_info .char-side{border-top:1px solid #f2f2f2;padding-top:14px;margin:0}
	.product-info .right_info .char-side__title{font-size:15px!important;font-weight:600!important;color:#1d2029!important;margin-bottom:6px}
	.product-info .right_info .char-side .choise{
		color:#1d2029;font-size:13px;text-transform:none;border:0;
		text-decoration:underline;text-decoration-color:#4dbcec;text-decoration-thickness:1.5px;text-underline-offset:3px;
	}
	.product-info .right_info .char-side .properties:not(:has(*)){display:none}
	/* дисклеймер — мелкий, вне карточки, без рамки */
	.product-info .right_info .price_txt{font-size:12px!important;color:#666!important;line-height:1.5;margin:8px 0 0}
}

/* ===== v2.1 — добор после живого смотра (2026-07-18) ===== */
/* таблица ТП: убираем border-spacing 20px — из-за него th выглядели «островами» */
.smx-d-sections .offers_table_detail table{border-collapse:collapse!important;border-spacing:0!important;width:100%}
.smx-d-sections .offers_table_detail th{border-bottom:1px solid #ececec}
/* все ссылки секций: тёмные с голубым подчёркиванием (название в таблице, «развернуть», якоря) */
.smx-d-sections a:not(.btn){color:#1d2029;text-decoration:underline;text-decoration-color:#4dbcec;text-decoration-thickness:1.5px;text-underline-offset:3px}
.smx-d-sections a:not(.btn):hover{color:#333}
/* кроме табов — им подчёркивание текста не нужно */
.smx-d-sections .tabs-block ul.nav.nav-tabs li a{text-decoration:none;border-bottom-color:transparent!important;background:none!important}
.smx-d-sections .tabs-block ul.nav.nav-tabs li a span{border:0!important}
.smx-d-sections .tabs-block ul.nav.nav-tabs li.active a{border-bottom:2px solid #4dbcec!important}
/* «развернуть»: обычный регистр */
.smx-d-sections [class*="expand"],.smx-d-sections [class*="more"]{text-transform:none!important;letter-spacing:0!important}

/* ===== v2.2 КАРТОЧКА: галерея и ритм правой колонки ===== */
/* рамка галереи: классы detail-gallery-big на САМОМ контейнере (прошлый селектор был потомком) */
.element_1 .product-detail-gallery.detail-gallery-big{
	border:1px solid #ececec;border-radius:16px;background:#fff;padding:20px;box-sizing:border-box;
}
/* глушим квадратный ratio-модификатор — он раздувал пустое поле */
.element_1 .detail-gallery-big .detail-gallery-big-slider .swiper-slide{
	height:420px;display:flex;align-items:center;justify-content:center;
}
.element_1 .detail-gallery-big .detail-gallery-big-slider .swiper-slide img{
	max-height:100%;width:auto;object-fit:contain;
}
/* превью: размер слайдов НЕ переопределяем — ширину считает swiper (инлайн-стили);
   прежний width:76px!important раздвигал ряд шире расчёта swiper, из-за чего
   последний тамб обрезался, а стрелка ложилась поверх обрезка. Маска ряда +
   стрелки — в блоке v9 ниже. */
/* стикер в шапке дублирует стикер галереи — скрыт; строка шапки: арт слева, сравнение справа */
.element_1 .product-info-headnote__stickers{display:none}
.element_1 .product-info-headnote__inner{justify-content:space-between;width:100%}
/* правая колонка: покупка → доставка → характеристики → дисклеймер (последним, мелко) */
.element_1 .product-side .product-main > .smx-d-buy{order:1}
.element_1 .product-side .product-main > .smx-d-info{order:2}
.element_1 .product-side .product-main > .char-side{order:3}
.element_1 .product-side .product-main > .text-additional{
	order:4;font-size:12px;color:#999;line-height:1.5;padding:0 4px;border:0;background:none;
}
.element_1 .product-side .char-side{gap:8px;padding:18px 24px}

/* ===== v3: строки-карточки торговых предложений (вместо таблицы) =====
   Масштабируются на любое число свойств: свойства — строкой меты с
   подписями, переносятся; колонок и обрезаний нет по построению. */
.smx-offers{display:flex;flex-direction:column;border:1px solid #ececec;border-radius:16px;background:#fff}
.smx-offer{display:flex;align-items:center;gap:24px;padding:18px 24px}
.smx-offer + .smx-offer{border-top:1px solid #ececec}
.smx-offer__main{flex:1 1 auto;min-width:0}
.smx-offer__name{
	display:inline-block;font-size:14px;font-weight:500;line-height:1.4;color:#1d2029;
	text-decoration:underline;text-decoration-color:#4dbcec;text-decoration-thickness:1.5px;text-underline-offset:3px;
}
.smx-offer__name:hover{color:#333}
.smx-offer__meta{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:#555}
.smx-offer__meta i{font-style:normal;color:#999}
.smx-offer__price{flex:0 0 auto;min-width:110px;text-align:right}
.smx-offer__price .price{font-size:16px;font-weight:700;color:#1d2029;font-variant-numeric:tabular-nums}
.smx-offer__buy{flex:0 0 auto}
.smx-offer__buy .counter_wrapp{display:flex;align-items:center;gap:8px}
/* прежние табличные правила не нужны — таблицы больше нет; отступ секции */
.smx-d-sections .ordered-block .smx-offers{margin-top:4px}
@media (max-width:767px){
	.smx-offer{flex-wrap:wrap;gap:12px;padding:16px}
	.smx-offer__main{flex-basis:100%}
	.smx-offer__price{text-align:left}
}

/* ===== v4 — полный QA-проход по странице (2026-07-18) ===== */
/* (3) строка над галереей (иконка сравнения): без пустой высоты */
.element_1 .product-info-headnote{min-height:0;margin:0 0 10px}
/* (4) цена колонки: «от» — вторичный текст, число — якорь 28/700 */
.element_1 .smx-d-buy .price{font-size:15px;font-weight:400;color:#777}
.element_1 .smx-d-buy .price .values_wrapper{font-size:28px;font-weight:700;color:#1d2029;font-variant-numeric:tabular-nums;margin-left:2px}
.element_1 .smx-d-buy .price.discount .values_wrapper{font-size:14px;font-weight:400;color:#999;text-decoration:line-through}
/* (5) кнопки в строках ТП: зеркалим radius-!important из round-elements */
.smx-offers .btn.btn-default:not(.white){border-radius:10px!important}
/* (7) табы: глушим рамки/скругления li.bordered.rounded3 бандла */
.smx-d-sections .tabs-block ul.nav.nav-tabs li.bordered{border:0!important;background:none!important;border-radius:0!important}
.smx-d-sections .tabs-block ul.nav.nav-tabs li.bordered a{border:0!important;background:none!important;box-shadow:none!important}
.smx-d-sections .tabs-block ul.nav.nav-tabs li.bordered.active a{border-bottom:2px solid #4dbcec!important}
/* (8) «Развернуть»: обычный регистр, тёмный с голубым подчёркиванием, стрелка голубая */
.smx-d-sections .ordered-block__spoiler-btn-label{
	text-transform:none;letter-spacing:0;font-size:13px;color:#1d2029;
	text-decoration:underline;text-decoration-color:#4dbcec;text-decoration-thickness:1.5px;text-underline-offset:3px;
}
.smx-d-sections .ordered-block__spoiler-btn .svg path{fill:#4dbcec}
/* (9) вертикальный ритм секций: без двойных зазоров бандла */
.smx-d-sections{gap:32px;margin-top:32px}
.smx-d-sections .ordered-block{margin:0!important;padding:0!important}
/* (12) блок «Характеристики» колонки: пустой контейнер свойств не зияет */
.element_1 .product-side .char-side{gap:8px}
.element_1 .char-side .properties:not(:has(*)){display:none}
.element_1 .char-side .more-char-link .choise{
	border:0;color:#1d2029;font-size:13px;text-transform:none;letter-spacing:0;
	text-decoration:underline;text-decoration-color:#4dbcec;text-decoration-thickness:1.5px;text-underline-offset:3px;
}
/* (10)(13) воздух между карточкой и серой полосой «Ранее вы смотрели» */
.catalog_detail.element_1{margin-bottom:56px}
/* v4.1: счётчик количества в строках ТП — читаемые +/− */
.smx-offers .counter_block .plus,
.smx-offers .counter_block .minus{color:#555;opacity:1}
.smx-offers .counter_block .plus:hover,
.smx-offers .counter_block .minus:hover{color:#1d2029}

/* SM-R5 (пересмотр 2026-07-20): канон кнопок вместо голубых CTA.
   Главный CTA = primary (#1d2029/белый), строки ТП = secondary (белая/#ddd/тёмный текст). */
.element_1 .smx-d-buy .btn.btn-default:not(.white){background:#1d2029;border-color:#1d2029;color:#fff}
.element_1 .smx-d-buy .btn.btn-default:not(.white):hover{background:#333;border-color:#333;color:#fff}
/* secondary-кнопки строк ТП: белая, рамка #ddd, тёмный текст; hover — рамка #1d2029 */
.smx-offers .btn.btn-default:not(.white){background:#fff;border:1px solid #ddd;color:#1d2029}
.smx-offers .btn.btn-default:not(.white):hover{background:#fff;border-color:#1d2029;color:#1d2029}
/* стикеры: голубой код вместо тёмного (SALE остаётся красным) */
.smx-d-page .stickers [class*="sticker_"]{background:#4dbcec;color:#1d2029}
.smx-d-page .stickers .sticker_rasprodazha,
.smx-d-page .stickers .sticker_sale{background:#EF3000;color:#fff}
/* SM-R5b: радиус главного CTA в общей шкале */
.element_1 .smx-d-buy .btn.btn-default:not(.white){border-radius:10px!important}

/* ============================================================================
   v5 — ЛЕЙАУТ КАК В КРУПНОМ МАГАЗИНЕ (референс lemanapro.ru).
   Было: секции (Цены/табы/описание) жили ВНУТРИ левой колонки 716px → зажаты,
   справа под короткой sticky-панелью — пустота. «Обрезание» таблицы вариантов
   и «куча пустого пространства» родом отсюда.
   Стало: .product-container = CSS-grid. .product-view «растворён» (display:contents),
   его дети раскладываются напрямую в сетку: верхний ряд [галерея | покупка],
   второй ряд — .smx-d-sections НА ВСЮ ШИРИНУ. Никакого JS-переноса (ломался на
   ajax-перерисовке): grid переприменяется сам после любой перекомпоновки DOM.
   ============================================================================ */
@media (min-width:992px){
  .catalog_detail.element_1{
    display:grid;
    grid-template-columns:minmax(0,1fr) 384px;
    column-gap:40px;
    row-gap:44px;
    align-items:start;
  }
  .catalog_detail.element_1 > .product-view{display:contents}
  /* верхний ряд, левая ячейка — шапка карточки + галерея */
  .catalog_detail.element_1 > .product-view > .product-info{
    grid-column:1; grid-row:1; margin:0; min-width:0;
  }
  /* верхний ряд, правая ячейка — колонка покупки (уже не sticky: ряд заполнен) */
  .catalog_detail.element_1 > .left_block.product-side{
    grid-column:2; grid-row:1;
    position:static;
    width:384px!important; transform:none!important; margin:0; align-self:start;
  }
  /* второй ряд — секции на всю ширину контейнера */
  .catalog_detail.element_1 > .product-view > .smx-d-sections{
    grid-column:1 / -1; grid-row:2; margin:0; min-width:0;
  }
  /* служебные 0×0 узлы product-view не должны плодить лишние ряды */
  .catalog_detail.element_1 > .product-view > .basket_props_block,
  .catalog_detail.element_1 > .product-view > .sale_prediction_product_detail_container,
  .catalog_detail.element_1 > .product-view > script{
    grid-column:1; grid-row:1; width:0; height:0;
  }
}

/* v5b — строки ТП это НЕ таблица: убираем унаследованный от таблицы overflow-x:auto
   (он визуально обрезал длинные названия на мобайле). Имя переносится всегда. */
.smx-d-sections .smx-offers.offers_table_detail{overflow:visible}
.smx-offer__name{word-break:normal;overflow-wrap:break-word;white-space:normal}
/* пустой кросс-селл «С этим товаром покупают» не должен резервировать высоту */
.smx-d-sections .ordered-block.goods:empty{display:none;margin:0}
.smx-d-sections .ordered-block.goods:not(:has(.catalog_item)):not(:has(.item_block)){min-height:0}

/* v5c — префикс цены «от»: тема раздувает его до 26px (.font_mxs) вровень с числом.
   Делаем вторичным: 15px, лёгкий, приглушённый — число остаётся якорем 28/700. */
.element_1 .smx-d-buy .price,
.element_1 .smx-d-buy .price.font_mxs,
.element_1 .smx-d-buy .price.font-bold{
  /* SMX-R3 MINOR-6: «от» — осмысленный текст, поднимаем контраст #999→#767676
     (2.85:1 → 4.54:1). Число в .values_wrapper ниже остаётся тёмным якорем. */
  font-size:15px!important;font-weight:400!important;color:#767676!important;
  display:flex;align-items:baseline;gap:6px;line-height:1.2;
}
.element_1 .smx-d-buy .price .values_wrapper{
  font-size:28px!important;font-weight:700!important;color:#1d2029!important;
}
.element_1 .smx-d-buy .price .values_wrapper.muted{
  font-size:14px!important;font-weight:400!important;color:#999!important;
}

/* ============================================================================
   v6 — АУДИТ 2026-07-18: покрытие ВСЕХ кнопок + типографика заголовков + мелочи.
   Причина: тема-дефолт красит .btn.btn-default в тёмный #1d2029, а базовый
   .button (состояния «Под заказ»/«Уведомить») — в серый #888. Прошлые правила
   ловили только .btn-default:not(.white) → прочие состояния «чернели». Теперь
   ни одна кнопка карточки не проваливается в тёмное/серое.
   ============================================================================ */
/* --- строки ТП (.smx-offers): «В корзину» = канон secondary --- */
.smx-offers .btn.btn-default:not(.white),
.smx-offers .button_block .btn:not(.white),
.smx-offers .button_block > a.button,
.smx-offers .button_block > span.btn{
	height:40px;border-radius:10px!important;padding:0 18px;
	font-size:13px;font-weight:500;text-transform:none;letter-spacing:.2px;box-shadow:none;
	display:inline-flex;align-items:center;justify-content:center;
	background:#fff!important;border:1px solid #ddd!important;color:#1d2029!important;
}
.smx-offers .btn.btn-default:not(.white):hover,
.smx-offers .button_block .btn:not(.white):hover,
.smx-offers .button_block > a.button:hover{
	background:#fff!important;border-color:#1d2029!important;color:#1d2029!important;
}
/* «В корзине» (уже в корзине) — белая с голубой рамкой, тёмный текст */
.smx-offers .in-cart,.smx-offers .btn.in-cart{background:#fff!important;border-color:#4dbcec!important;color:#1d2029!important}
.smx-offers .in-cart:hover,.smx-offers .btn.in-cart:hover{background:#fff!important;border-color:#4dbcec!important;color:#1d2029!important}
/* «Под заказ» / «Уведомить» (базовый .button) — серый контур, приглушённый текст */
.smx-offers .button_block .to-order,.smx-offers .button_block .to-subscribe,
.smx-offers .to-order.button,.smx-offers .to-subscribe.button{
	height:40px;border-radius:10px!important;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;
	background:#fff!important;border:1px solid #ddd!important;color:#555!important;font-weight:500;text-transform:none;
}
.smx-offers .button_block .to-order:hover,.smx-offers .button_block .to-subscribe:hover{
	background:#f5f5f5!important;border-color:#b8b8b8!important;color:#1d2029!important;
}
/* недоступно / нельзя купить */
.smx-offers .not-avail,.smx-offers .button_block [disabled],.smx-offers .button_block .disabled{
	background:#f5f5f5!important;border:1px solid #ececec!important;color:#999!important;
}

/* --- правая колонка (.smx-d-buy): главная CTA всегда primary тёмная --- */
.element_1 .smx-d-buy .btn.btn-default:not(.white),
.element_1 .smx-d-buy .button_block .btn:not(.white),
.element_1 .smx-d-buy .slide_offer{
	background:#1d2029!important;border-color:#1d2029!important;color:#fff!important;border-radius:10px!important;
}
.element_1 .smx-d-buy .btn.btn-default:not(.white):hover,
.element_1 .smx-d-buy .slide_offer:hover{background:#333!important;border-color:#333!important;color:#fff!important}
/* «Под заказ»/«Уведомить» в колонке — серый контур (вторичное действие) */
.element_1 .smx-d-buy .to-order.button,.element_1 .smx-d-buy .to-subscribe.button{
	background:#fff!important;border:1px solid #ddd!important;color:#555!important;border-radius:10px!important;
	height:48px;display:flex;align-items:center;justify-content:center;font-weight:600;
}
.element_1 .smx-d-buy .to-order.button:hover,.element_1 .smx-d-buy .to-subscribe.button:hover{background:#f5f5f5!important;border-color:#b8b8b8!important;color:#1d2029!important}

/* --- ПРОЧИЕ крупные btn-default в секциях (комплекты «Купить комплект», аналоги) ---
   отличаются от строк ТП размером (.btn-lg/.btn-sm/.type_block); у строк ТП класс .small,
   поэтому catch-all НЕ трогает secondary-кнопки строк. */
.smx-d-page .smx-d-sections .btn.btn-default.btn-lg:not(.white):not(.small):not(.to-order):not(.to-subscribe),
.smx-d-page .smx-d-sections .btn.btn-default.btn-sm:not(.white):not(.small):not(.to-order):not(.to-subscribe),
.smx-d-page .smx-d-sections .btn.btn-default.type_block:not(.white):not(.small):not(.to-order):not(.to-subscribe){
	background:#1d2029!important;border-color:#1d2029!important;color:#fff!important;
}
.smx-d-page .smx-d-sections .btn.btn-default.btn-lg:not(.white):not(.small):hover,
.smx-d-page .smx-d-sections .btn.btn-default.btn-sm:not(.white):not(.small):hover,
.smx-d-page .smx-d-sections .btn.btn-default.type_block:not(.white):not(.small):hover{
	background:#333!important;border-color:#333!important;color:#fff!important;
}

/* --- заголовки секций: не должны перебивать H1 (было 700/#1d2029 → 600 мягче) --- */
.smx-d-sections .ordered-block__title,
.smx-d-sections h2.title,
.smx-d-sections .title_block,
.smx-d-sections .ordered-block__title.option-font-bold.font_lg{
	font-size:20px!important;font-weight:600!important;color:#2b303a!important;letter-spacing:-.005em;
}
/* --- название ТП: без сплошного подчёркивания (96 строк = шум); подчёркивание на hover --- */
.smx-offer__name{text-decoration:none!important}
.smx-offer__name:hover{text-decoration:underline!important;text-decoration-color:#4dbcec!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px!important;color:#1d2029!important}
/* --- стикеры: радиус в общей шкале (8 → 10) --- */
.smx-d-page .stickers [class*="sticker_"]{border-radius:10px!important}
/* --- таблицы внутри табов (Доставка): чёрные inline-рамки → нейтральные --- */
.smx-d-sections .tab-content table,
.smx-d-sections .tab-content td,
.smx-d-sections .tab-content th,
.smx-d-sections .tab-pane table,
.smx-d-sections .tab-pane td,
.smx-d-sections .tab-pane th{border-color:#ececec!important}

/* --- мобайл: панель табов не должна обрезаться (переносим на строки) --- */
@media (max-width:767px){
	.smx-d-sections .tabs-block,
	.smx-d-sections .tabs-block .tabs,
	.smx-d-sections .tabs-block .tab-controls{overflow:visible!important}
	.smx-d-sections .tabs-block ul.nav.nav-tabs{
		display:flex!important;flex-wrap:wrap!important;
		width:100%!important;max-width:100%!important;box-sizing:border-box;
		overflow:visible!important;white-space:normal!important;
		row-gap:6px;column-gap:18px;
	}
	.smx-d-sections .tabs-block ul.nav.nav-tabs li{flex:0 0 auto;white-space:nowrap}
}

/* один ТП: таблица «Цены» дублирует карточку покупки — прячем ТОЛЬКО на десктопе.
   На мобайле правая колонка скрыта, и эта строка — единственный путь купить, поэтому её оставляем. */
@media (min-width:992px){
	.smx-d-sections .ordered-block.offers:has(.smx-offers--single){display:none}
}

/* ============================================================================
   v7 (2026-07-19) — ЕДИНЫЙ БЛОК ПОКУПКИ + ТАБЫ-ПИЛЮЛИ + СНЯТИЕ ПРИЛИПАНИЯ.
   Замечания владельца: (1) правая колонка развалена на 3 квадрата без смысла;
   (2) при скролле она прилипает и «таранит» вёрстку (JS Aspro sticky-sidebar
   вернулся вместе с настройками темы прода — inline-стили бьют обычный CSS,
   поэтому здесь !important + класс снимается в sm-redesign.js);
   (3) табы — две линии, наползающие на текст.
   ============================================================================ */

/* --- 1. НИКАКОГО ПРИЛИПАНИЯ: колонка живёт в потоке --- */
.catalog_detail.element_1 > .left_block.product-side,
.catalog_detail.element_1 > .left_block.product-side.sticky-sidebar-custom{
	position:static!important;top:auto!important;bottom:auto!important;
	transform:none!important;will-change:auto!important;
}
.catalog_detail.element_1 > .left_block.product-side.fixed,
.catalog_detail.element_1 > .left_block.product-side.fix{position:static!important}

/* --- 2. ТРИ КАРТОЧКИ -> ОДИН БЛОК с волосяными разделителями --- */
@media (min-width:992px){
	.element_1 .product-side .product-main{
		background:#fff;border:1px solid #ececec;border-radius:16px;
		padding:22px;gap:0;
	}
	/* внутренние блоки теряют собственные рамки/фон — они больше не «квадраты» */
	.element_1 .smx-d-buy,
	.element_1 .smx-d-info,
	.element_1 .product-side .char-side,
	.element_1 .product-side .props_block{
		background:none!important;border:0!important;border-radius:0!important;
		padding:0!important;margin:0!important;
	}
	/* смысловые группы разделяем hairline + воздух */
	.element_1 .product-side .product-main > .smx-d-info{
		border-top:1px solid #f1f2f3!important;margin-top:18px!important;padding-top:16px!important;
	}
	.element_1 .product-side .product-main > .char-side{
		border-top:1px solid #f1f2f3!important;margin-top:16px!important;padding-top:14px!important;
	}
	/* дисклеймер — вне карточки, мелкий */
	.element_1 .product-side .product-main > .text-additional{
		margin-top:12px!important;padding:0 2px!important;font-size:12px;color:#9aa0a6;line-height:1.5;
	}
	/* заголовок «Доставка и оплата» компактнее */
	.element_1 .smx-d-info__title{font-size:14px;font-weight:600;color:#1d2029;margin-bottom:2px}
	/* «Характеристики» — заголовок мельче, ссылка ближе */
	.element_1 .product-side .char-side .char-side__title{font-size:14px!important;font-weight:600!important;color:#1d2029!important;margin-bottom:6px}
}

/* --- 3. ТАБЫ (канон 2026-07-20): активный = тёмный текст + underline 2px #4dbcec.
   Ряд подчёркнут hairline #ececec, никаких пилюль/заливок. --- */
.smx-d-sections .tabs-block ul.nav.nav-tabs{
	border:0!important;border-bottom:1px solid #ececec!important;
	gap:0 28px;margin:0 0 20px;padding:0;
}
.smx-d-sections .tabs-block ul.nav.nav-tabs li,
.smx-d-sections .tabs-block ul.nav.nav-tabs li.bordered{
	border:0!important;background:none!important;border-radius:0!important;
	margin:0 0 -1px!important; /* underline активного таба ложится на hairline ряда */
}
.smx-d-sections .tabs-block ul.nav.nav-tabs li a,
.smx-d-sections .tabs-block ul.nav.nav-tabs li.bordered a{
	display:block;
	padding:2px 0 11px!important;margin:0!important;
	border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;
	background:transparent!important;box-shadow:none!important;
	font-size:15px;font-weight:500;color:#777!important;
	text-transform:none;letter-spacing:0;text-decoration:none!important;
	transition:color .15s,border-color .15s;
}
.smx-d-sections .tabs-block ul.nav.nav-tabs li a:hover{
	background:transparent!important;color:#1d2029!important;
}
.smx-d-sections .tabs-block ul.nav.nav-tabs li.active a,
.smx-d-sections .tabs-block ul.nav.nav-tabs li.bordered.active a{
	background:transparent!important;color:#1d2029!important;font-weight:600;
	border:0!important;border-bottom:2px solid #4dbcec!important;
}
/* SMX-R3 NIT-9: таб-бар был 29px — зона касания ниже 44px, ощутимо в планшетной
   полосе. Поднимаем тач-таргет до 44px, кегль текста (15px) не трогаем: ссылка
   становится flex-боксом min-height:44, текст прижат к низу над подчёркиванием. */
.smx-d-sections .tabs-block ul.nav.nav-tabs li a,
.smx-d-sections .tabs-block ul.nav.nav-tabs li.bordered a{
	min-height:44px;display:flex;align-items:flex-end;
	padding-top:0!important;padding-bottom:11px!important;box-sizing:border-box;
}

/* --- v7.1: порядок смыслов в едином блоке покупки + плотность ---
   Было (после слияния): цена → CTA → доставка(родная) → Характеристики →
   дисклеймер → «Доставка и оплата». Смыслы разорваны.
   Стало: цена/наличие/CTA → доставка+оплата → характеристики → дисклеймер. */
@media (min-width:992px){
	.element_1 .product-side .product-main{display:flex;flex-direction:column}
	.element_1 .product-side .product-main > .smx-d-buy{order:1!important}
	.element_1 .product-side .product-main > .smx-d-info{order:2!important}
	.element_1 .product-side .product-main > .char-side,
	.element_1 .product-side .product-main > .props_block{order:3!important}
	.element_1 .product-side .product-main > .text-additional{order:4!important}
	/* прочее (служебное) — в конец, чтобы не разрывало смыслы */
	.element_1 .product-side .product-main > *{order:5}

	/* плотнее: меньше воздуха внутри групп, больше между ними */
	.element_1 .smx-d-buy{gap:12px!important}
	.element_1 .smx-d-info{gap:9px!important}
	.element_1 .smx-d-info__row{font-size:13px;line-height:1.45}
	.element_1 .smx-d-buy .help-text,
	.element_1 .smx-d-buy .text-form-info{font-size:13px;line-height:1.45;color:#6b7178}
	/* «Все характеристики» — компактной ссылкой, без лишнего отступа */
	.element_1 .product-side .char-side .more-char-link{margin:0}
	/* дисклеймер — самый тихий элемент */
	.element_1 .product-side .product-main > .text-additional{
		border-top:1px solid #f1f2f3!important;margin-top:14px!important;padding-top:12px!important;
		font-size:11.5px;color:#9aa0a6;
	}
}

/* v7.2: order работает только во flex/grid, а тема держит .product-main блочным —
   поэтому смысловой порядок (покупка → доставка/оплата → характеристики → дисклеймер)
   не применялся. Форсируем flex-контекст. */
@media (min-width:992px){
	.element_1 .product-side .product-main{display:flex!important;flex-direction:column!important}
}

/* ============================================================================
   v7.3 (2026-07-19) — ИНСПЕКЦИЯ DOM: обрезка кнопки в строках ТП + ширина табов.
   ========================================================================= */

/* --- 1. «В корзину» в строках ТП обрезалась на ~14px ---
   Причина: аспровское легаси `.counter_wrapp.list > div{float:left;width:50%}`
   (раскладка на флоатах). Я сделал .counter_wrapp флексом, но дети сохранили
   width:50%: счётчику 97px много (нужно 73), кнопке 97px мало (нужно 101) —
   и overflow:hidden срезал последний символ. Отдаём обоим ширину по контенту.
   Скоуп строго .smx-offers: в правой колонке 50/50 раскладка штатная. */
.smx-offers .counter_wrapp.list > div{
	float:none!important;width:auto!important;margin:0!important;padding:0!important;
}
.smx-offers .counter_wrapp.list > .counter_block_inner,
.smx-offers .counter_wrapp.list > .button_block{flex:0 0 auto!important}
/* кнопка не сжимается и не режет подпись */
.smx-offers .button_block .btn,
.smx-offers .button_block .button{white-space:nowrap;overflow:visible}

/* --- 2. Панель табов раздувалась до 3660px (300% контейнера) ---
   Механика Aspro arrow_scroll: сверхширокий ul + стрелки прокрутки. Ширину
   держит `min-width:300%`, а НЕ `width` — поэтому прежнее `width:100%!important`
   (в т.ч. в мобильном блоке v6) не работало вообще: min-width всегда сильнее
   width. Отсюда же следовало, что на узких экранах табы не переносились, а
   уезжали под клип и становились недоступны (стрелок прокрутки тема не рисует).
   Снимаем min-width — ul становится по ширине контейнера, пилюли переносятся.
   overflow контейнера НЕ трогаем: без сверхширокого ul переполнения больше нет,
   а снятие клипа роняло горизонтальную прокрутку на всю страницу. */
.smx-d-sections .tabs-block ul.nav.nav-tabs{
	min-width:0!important;width:100%!important;max-width:100%!important;
	flex-wrap:wrap!important;
}

/* v7.4: голубая полоска над активным табом. Тема рисует её псевдоэлементом
   li.active::after (2px, ширина таба, цвет #4dbcec) — наследие подчёркивания
   из старого оформления вкладок. С пилюлями она лишняя и читается как мусор.
   Заодно гасим li::before с содержимым «—» (разделитель для узких экранов). */
.smx-d-sections .tabs-block ul.nav.nav-tabs li:after,
.smx-d-sections .tabs-block ul.nav.nav-tabs li.active:after,
.smx-d-sections .tabs-block ul.nav.nav-tabs li:before,
.smx-d-sections .tabs-block ul.nav.nav-tabs li.active:before{
	content:none!important;display:none!important;background:none!important;height:0!important;
}

/* ============================================================================
   v8 — БЛОК ПОКУПКИ КАК ЕДИНАЯ КОМПОЗИЦИЯ.
   Было: набор разрозненных элементов с повторами. Тема выводила серым абзацем
   «Самовывоз сегодня — бесплатно / Доставка завтра — от 20000 ₽», а ниже мой
   блок повторял самовывоз уже с адресом: два раза про самовывоз, два раза про
   доставку, разными словами и разной типографикой. Плюс во вложенном SVG темы
   лежит <style>, и его текст попадает в содержимое абзаца.
   Стало: одна вертикаль с тремя ступенями — «сколько стоит и можно ли купить»,
   «как получить и чем заплатить», «мелкий шрифт». Единый шаг отступов,
   один тип разделителя, одна типографическая пара (подпись + значение).
   ========================================================================= */
@media (min-width:992px){

	/* --- дубль темы убран: его смысл перенесён в блок «Доставка и оплата» --- */
	.element_1 .smx-d-buy .text-form{display:none!important}

	/* --- ступень 1: цена -> наличие -> действие --- */
	.element_1 .product-side .product-main{padding:24px!important}
	.element_1 .smx-d-buy{gap:0!important}
	.element_1 .smx-d-buy > .cost.prices.detail{margin:0 0 14px!important}
	.element_1 .smx-d-buy > .quantity_block_wrapper{margin:0 0 18px!important}
	.element_1 .smx-d-buy .item-stock{margin:0}
	/* «Нашли дешевле?» — сервисная ссылка, а не часть статуса наличия */
	.element_1 .smx-d-buy .cheaper_form{margin-top:10px!important;font-size:12.5px}
	.element_1 .smx-d-buy > .js-prices-in-side{margin:0!important}

	/* --- ступень 2: как получить и чем заплатить --- */
	.element_1 .product-side .product-main > .smx-d-info{
		border-top:1px solid #f1f2f3!important;
		margin:20px 0 0!important;padding:18px 0 0!important;
		display:flex;flex-direction:column;gap:14px;
	}
	.element_1 .smx-d-info__title{
		font-size:13px!important;font-weight:600;color:#767676!important;
		letter-spacing:.4px;text-transform:uppercase;margin:0!important;
	}
	.element_1 .smx-d-info__row{
		display:grid!important;grid-template-columns:20px minmax(0,1fr);
		align-items:start;gap:0 12px;margin:0!important;
		font-size:13px;line-height:1.45;color:#6b7178;
	}
	.element_1 .smx-d-info__icon{
		width:18px;height:18px;margin-top:1px;
		stroke:#4dbcec;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;
	}
	/* подпись — тёмная и плотная, значение — тихое: пара читается сразу */
	.element_1 .smx-d-info__row b{
		display:block;font-size:13.5px;font-weight:600;color:#2b303a;margin-bottom:2px;
	}

	/* --- ступень 3: мелкий шрифт --- */
	.element_1 .product-side .product-main > .text-additional{
		border-top:1px solid #f1f2f3!important;
		margin:18px 0 0!important;padding:14px 0 0!important;
		font-size:11.5px;line-height:1.5;color:#9aa0a6;
	}
}

/* ============================================================================
   v9 (2026-07-20) — ФИНАЛЬНЫЙ QA-ПРОХОД ПО КАРТОЧКЕ.
   1) Степпер строк ТП был схлопнут: тема даёт span.minus/.plus высоту 0 —
      собираем флекс-строку с кликабельными зонами 32×40.
   2) Бейдж наличия в строках ТП (точка 8px + текст 13px).
   3) Спек-строка выбранного варианта над главным CTA.
   4) Точка наличия и «Нашли дешевле?» — на одной оси с остальным текстом.
   5) Маска ряда превью галереи (без обрезков под стрелкой).
   6) Мёртвая пустота под табами: пустые секции не создают flex-gap.
   ========================================================================= */

/* --- 1. Степпер количества в строках ТП --- */
.smx-offers .counter_block{
	display:flex!important;align-items:stretch!important;
	height:40px;width:auto;background:#fff!important;
	border:1px solid #ddd!important;border-radius:10px!important;overflow:hidden;
}
.smx-offers .counter_block .minus,
.smx-offers .counter_block .plus{
	display:flex!important;align-items:center;justify-content:center;
	/* SMX-R3-r4: ширина зоны нажатия 40px (было 32) — тач-таргет держится на
	   планшете и десктопе; на ≤991/coarse её перекрывает min-width:44 !important. */
	width:40px!important;min-width:40px;height:auto!important;min-height:38px;
	margin:0!important;padding:0!important;cursor:pointer;background:#fff;
	user-select:none;line-height:normal!important;
}
.smx-offers .counter_block .minus:hover,
.smx-offers .counter_block .plus:hover{background:#f5f5f5}
.smx-offers .counter_block input.text{
	display:block!important;width:40px!important;height:auto!important;
	border:0!important;background:#fff!important;box-shadow:none!important;
	margin:0!important;padding:0!important;text-align:center;
	font-size:14px!important;font-weight:600;color:#1d2029;
	font-variant-numeric:tabular-nums;line-height:normal!important;
}
.smx-offers .counter_block .svg{display:flex;align-items:center;justify-content:center;position:static!important;margin:0!important}
.smx-offers .counter_block .svg svg{display:block}
.smx-offers .counter_block .minus svg rect,
.smx-offers .counter_block .plus svg path{fill:#555}
.smx-offers .counter_block .minus:hover svg rect,
.smx-offers .counter_block .plus:hover svg path{fill:#1d2029}

/* --- 2. Бейдж наличия в строках ТП --- */
.smx-offer__stock{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:13px;line-height:1.3;color:#555}
.smx-offer__stock-dot{width:8px;height:8px;border-radius:50%;background:#4dbcec;flex:none}
.smx-offer__stock--order .smx-offer__stock-dot,
.smx-offer__stock--out .smx-offer__stock-dot{background:#b8b8b8}
.smx-offer__stock--order span{color:#777}
.smx-offer__stock--out span{color:#999}

/* --- 3. Спек-строка выбранного варианта над CTA --- */
.element_1 .smx-d-buy .smx-buy-spec{
	font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;
	color:#777;font-variant-numeric:tabular-nums;margin:0 0 8px;
}
@media (min-width:992px){
	.element_1 .smx-d-buy > .quantity_block_wrapper{margin:0 0 14px!important}
}

/* --- 4. Наличие и «Нашли дешевле?» — одна вертикальная ось --- */
.element_1 .smx-d-buy .quantity_block_wrapper{margin-left:0;padding-left:0}
.element_1 .smx-d-buy .item-stock{
	display:grid!important;grid-template-columns:14px minmax(0,1fr);gap:0 8px;
	align-items:center;justify-items:start;padding:0!important;margin:0!important;
}
.element_1 .smx-d-buy .item-stock .icon{justify-self:center;margin:0!important}
.element_1 .smx-d-buy .cheaper_form{
	display:grid!important;grid-template-columns:14px minmax(0,1fr);gap:0 8px;
	align-items:center;justify-items:start;padding:0!important;margin-left:0!important;
}
.element_1 .smx-d-buy .cheaper_form .svg{justify-self:center;margin:0!important;position:static!important}

/* --- 5. Ряд превью галереи: маска и стрелки --- */
.element_1 .detail-gallery-big-slider-thumbs .detail-gallery-big-slider-thumbs__inner{overflow:hidden;position:relative}
.element_1 .detail-gallery-big-slider-thumbs .gallery-slider-thumb-button{background:#fff}
.element_1 .detail-gallery-big-slider-thumbs .gallery-slider-thumb-button.swiper-button-disabled{opacity:0;pointer-events:none}

/* --- 6. Пустые секции не создают мёртвую пустоту (flex-gap) --- */
.smx-d-sections > .ordered-block.goods:not(:has(.catalog_item)):not(:has(.item_block)){display:none!important}
.smx-d-sections > div:not([class]):not(:has(div,section,table,ul,img,p)){display:none!important}

/* --- 7. Верхние кромки галереи и бай-бокса на одной горизонтали ---
   Разъезд на 32px давали: паддинг темы .two_columns (20px) + практически
   пустая строка headnote (2px + отступ 10px): рейтинг в ней скрыт, артикула
   у товаров с ТП нет (он в спек-строке бай-бокса). Прячем headnote только
   когда в ней нет артикула — у товаров без ТП строка остаётся. */
@media (min-width:992px){
	.element_1 .product-info .two_columns{padding-top:0}
	.element_1 .product-info-headnote:not(:has(.article)){display:none;margin:0}
	/* служебные 0-высотные дети .product-view (span/script) не должны создавать
	   третий грид-ряд: он добавлял 44px пустоты (row-gap) под секциями */
	.catalog_detail.element_1 > .product-view > :not(.product-info):not(.smx-d-sections){
		grid-column:1;grid-row:1;width:0;height:0;margin:0;padding:0;
	}
}
/* нижний отступ карточки: без двойного зазора с полосой «Ранее вы смотрели» */
.catalog_detail.element_1{margin-bottom:40px}

/* --- 8. «В корзине» в строках ТП: голубая рамка-подтверждение.
   Специфичность выше генерик-правила кнопок строк (5 классов против 4),
   иначе border:#ddd!important из общего правила перебивал голубую рамку. */
.smx-offers .in-cart.btn.btn-default:not(.white),
.smx-offers .button_block .in-cart.btn:not(.white),
.smx-offers .button_block > a.in-cart.button{border-color:#4dbcec!important;color:#1d2029!important;background:#fff!important}
.smx-offers .in-cart.btn.btn-default:not(.white):hover,
.smx-offers .button_block .in-cart.btn:not(.white):hover{border-color:#69c6ef!important;color:#1d2029!important;background:#fff!important}

/* --- 9. «Под заказ»/«Уведомить»: серые независимо от btn-default на кнопке.
   У реальных кнопок темы есть и .btn.btn-default — генерик-правила кнопок
   (4 класса) перебивали серый вариант; здесь специфичность выше (5 классов). */
.smx-offers .btn.btn-default.to-order:not(.white),
.smx-offers .btn.btn-default.to-subscribe:not(.white),
.smx-offers .button_block .button.to-order,
.smx-offers .button_block .button.to-subscribe{
	background:#fff!important;border-color:#ddd!important;color:#555!important;
}
.smx-offers .btn.btn-default.to-order:not(.white):hover,
.smx-offers .btn.btn-default.to-subscribe:not(.white):hover{
	background:#f5f5f5!important;border-color:#b8b8b8!important;color:#1d2029!important;
}
/* бай-бокс: «под заказ»/«уведомить» — серый контур вместо тёмной заливки
   (специфичность равна primary-правилу, но это правило ниже по каскаду) */
.element_1 .smx-d-buy .btn.to-order:not(.white),
.element_1 .smx-d-buy .btn.to-subscribe:not(.white),
.element_1 .smx-d-buy .button.to-order,
.element_1 .smx-d-buy .button.to-subscribe{
	background:#fff!important;border:1px solid #ddd!important;color:#555!important;
	height:48px;border-radius:10px!important;font-weight:600;
	display:flex;align-items:center;justify-content:center;
}
.element_1 .smx-d-buy .btn.to-order:not(.white):hover,
.element_1 .smx-d-buy .btn.to-subscribe:not(.white):hover{
	background:#f5f5f5!important;border-color:#b8b8b8!important;color:#1d2029!important;
}

/* ============================================================
   SMX-FIX R2 (2026-07-20): шлифовка по критике раунда 2
   ============================================================ */
/* Спек-строка бай-бокса: «Арт. RSVLF50004 · 4 секции» — обычный регистр,
   капсом только значение артикула */
.element_1 .smx-d-buy .smx-buy-spec{text-transform:none;letter-spacing:.2px}
.element_1 .smx-d-buy .smx-buy-spec .sm-art-value{text-transform:uppercase}

/* Артикул в строке варианта — тем же форматом */
.smx-offers .smx-offer__prop--art i{font-style:normal}
.smx-offers .smx-offer__prop--art .sm-art-value{text-transform:uppercase;font-variant-numeric:tabular-nums}

/* Подсветка строки выбранного варианта (артикул совпадает со спек-строкой) */
.smx-offers .smx-offer--current{background:#f7f7f7;box-shadow:inset 3px 0 0 #4dbcec}

/* Степпер: иконки читаемые — #555, hover #1d2029 (были светло-серые) */
.smx-offers .counter_block .minus svg,
.smx-offers .counter_block .plus svg{fill:#555}
.smx-offers .counter_block .minus:hover svg,
.smx-offers .counter_block .plus:hover svg{fill:#1d2029}

/* Неактивные табы: #555 вместо #777 (AA на 13-14px) */
.element_1 .tabs ul.nav.nav-tabs > li:not(.active) > a,
.element_1 .tabs ul.nav.nav-tabs > li:not(.active) > a span{color:#555}

/* ============================================================
   SMX-FIX R3 (2026-07-20, решение владельца): кнопка «В корзину» — голубая
   ============================================================ */
/* Главный CTA бай-бокса: заливка #4dbcec, тёмный текст (голубой не носитель
   белого текста), hover #69c6ef. У мульти-SKU главная кнопка — .slide_offer
   (btn-default btn-lg), у одиночных — .to-cart: кроем обе, зеркаля селектор
   тёмного правила SM-R5 (.btn.btn-default:not(.white)). */
.element_1 .smx-d-buy .btn.btn-default:not(.white),
.element_1 .smx-d-buy .to-cart.btn,
.element_1 .smx-d-buy .btn.to-cart{
	background:#4dbcec!important;border-color:#4dbcec!important;color:#1d2029!important;
}
.element_1 .smx-d-buy .btn.btn-default:not(.white):hover,
.element_1 .smx-d-buy .to-cart.btn:hover,
.element_1 .smx-d-buy .btn.to-cart:hover{
	background:#69c6ef!important;border-color:#69c6ef!important;color:#1d2029!important;
}
.element_1 .smx-d-buy .btn.btn-default:not(.white) span,
.element_1 .smx-d-buy .btn.btn-default:not(.white) .svg{color:#1d2029!important;fill:#1d2029}
.element_1 .smx-d-buy .btn.to-cart span,
.element_1 .smx-d-buy .btn.to-cart .svg{color:#1d2029!important}
/* Кнопки «В корзину» в строках «Вариантов» — тем же голубым, компактные.
   !important — зеркалим важность раннего белого правила secondary из SM-R5. */
.smx-offers .smx-offer__buy .btn.to-cart{
	background:#4dbcec!important;border-color:#4dbcec!important;color:#1d2029!important;
}
.smx-offers .smx-offer__buy .btn.to-cart:hover{
	background:#69c6ef!important;border-color:#69c6ef!important;color:#1d2029!important;
}
.smx-offers .smx-offer__buy .btn.to-cart span{color:#1d2029!important}
/* «В корзине» — остаётся белой с голубой рамкой */

/* ============================================================================
   SMX-T (2026-07-20): ТАБЛИЦА ВАРИАНТОВ ТП (.smx-offers-table)
   Замена строк-карточек .smx-offer: значения свойств выстроены в колонки,
   различия между вариантами видны с одного взгляда.
   Стилистика — канон Сантехмарки, воздушнее эталона bigms: белая шапка вместо
   тёмной #061124, без зебры #f7f8fa, hairline #ececec, паддинги 15/14px.
   Корневой элемент несёт и класс .smx-offers — на нём висят канон-стили
   кнопок/счётчика из SM-R5/R3, здесь глушим только его flex-раскладку.
   ============================================================================ */
.smx-offers-table{display:block;border:1px solid #ececec;border-radius:16px;background:#fff;overflow:hidden}
/* горизонтальный скролл только при нехватке ширины и только внутри обёртки,
   колонку контента страницы таблица не распирает */
.smx-offers-table__scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;max-width:100%}
.smx-offers-table__table{
	width:100%;margin:0;
	border-collapse:collapse!important;border-spacing:0!important;
	background:#fff;
}
/* --- шапка: 12px/600 uppercase #777 на белом, hairline снизу --- */
.smx-offers-table__th{
	padding:12px 14px;text-align:left;vertical-align:bottom;
	background:#fff;border:0;border-bottom:1px solid #ececec;
	font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.04em;
	text-transform:uppercase;color:#777;
	/* подписи переносятся: nowrap раздувал «ПЛОЩАДЬ ПОМЕЩЕНИЯ, М2» до 209px
	   и выталкивал колонку «Купить» за пределы контейнера */
	white-space:normal;
}
.smx-offers-table__th--price{text-align:right;white-space:nowrap}
.smx-offers-table__th--buy{text-align:right;white-space:nowrap}
/* --- ячейки: 15px вертикально / 14px горизонтально, без зебры --- */
.smx-offers-table__td{
	padding:15px 14px;vertical-align:middle;
	background:#fff;border:0;border-top:1px solid #ececec;
	font-size:14px;line-height:1.45;color:#555;
}
.smx-offers-table__table tbody tr:first-child .smx-offers-table__td{border-top:0}
/* ховер-подсветка строки — очень мягкая, не спорит с текущим вариантом */
.smx-offers-table__row:hover .smx-offers-table__td{background:#fcfcfc}
/* значения свойств короткие — не переносим, колонка держит ширину по контенту */
.smx-offers-table__td--prop{white-space:nowrap}
/* артикул — как в спек-строке бай-бокса: капс + моноширинные цифры.
   ::before глушим отдельно: в мобильной карточке подпись из data-label
   иначе тоже уходит в капс («АРТИКУЛ» среди «Код», «Теплоотдача, Вт»). */
.smx-offers-table__td--art{text-transform:uppercase;font-variant-numeric:tabular-nums}
.smx-offers-table__td--art:before{text-transform:none}
/* --- наименование варианта --- */
/* min-width подобран так, чтобы сумма минимумов всех колонок укладывалась
   в 1218px контентной колонки: колонка имени — единственная переносимая,
   она и забирает остаток ширины при table-layout:auto */
.smx-offers-table__td--name{color:#222;min-width:200px}
.smx-offers-table__name{
	font-size:14px;font-weight:500;line-height:1.45;color:#222;
	text-decoration:none!important;
	overflow-wrap:break-word;word-break:normal;white-space:normal;
}
.smx-offers-table__name:hover{
	color:#1d2029!important;
	text-decoration:underline!important;text-decoration-color:#4dbcec!important;
	text-decoration-thickness:1.5px!important;text-underline-offset:3px!important;
}
.smx-offers-table__dash{color:#999}
/* --- бейдж «Этот вариант» --- */
.smx-offers-table__current-badge{
	display:inline-block;margin-left:8px;padding:2px 8px;vertical-align:middle;
	border:1px solid #ececec;border-radius:10px;background:#fff;
	font-size:11px;font-weight:500;line-height:1.6;color:#555;white-space:nowrap;
}
/* --- строка текущего варианта: фон #f7f7f7 + левая полоса 3px #4dbcec --- */
.smx-offers-table__row--current .smx-offers-table__td,
.smx-offers-table__row--current:hover .smx-offers-table__td{background:#f7f7f7}
.smx-offers-table__row--current .smx-offers-table__td--name{box-shadow:inset 3px 0 0 #4dbcec}
/* --- цена --- */
.smx-offers-table__td--price{text-align:right;white-space:nowrap}
.smx-offers-table__td--price .price,
.smx-offers-table__td--price .price_value,
.smx-offers-table__td--price .values_wrapper .price{
	font-size:17px;font-weight:700;color:#1d2029;
	font-variant-numeric:tabular-nums;white-space:nowrap;
}
.smx-offers-table__td--price .price_matrix_block,
.smx-offers-table__td--price .prices{margin:0}
/* --- купить: счётчик + кнопка в одну строку, прижаты вправо --- */
.smx-offers-table__td--buy{text-align:right;white-space:nowrap}
.smx-offers-table__td--buy .counter_wrapp{
	display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;
}
.smx-offers-table__td--buy .counter_wrapp:after,
.smx-offers-table__td--buy .counter_wrapp:before{display:none}
/* «В корзину» из строки таблицы — голубая канона (перенос правила SMX-FIX R3
   со старого .smx-offer__buy на ячейку таблицы) */
.smx-offers .smx-offers-table__td--buy .btn.to-cart{
	background:#4dbcec!important;border-color:#4dbcec!important;color:#1d2029!important;
}
.smx-offers .smx-offers-table__td--buy .btn.to-cart:hover{
	background:#69c6ef!important;border-color:#69c6ef!important;color:#1d2029!important;
}
.smx-offers .smx-offers-table__td--buy .btn.to-cart span{color:#1d2029!important}
/* кнопка в строке компактнее, чем в бай-боксе: колонка «Купить» не должна
   выталкивать таблицу в горизонтальный скролл на 1218px контента */
.smx-offers .smx-offers-table__td--buy .btn,
.smx-offers .smx-offers-table__td--buy .button_block > .button{padding:0 14px!important}
/* Степпер: ширина строго по контенту (32+40+32=104px). Тема-дефолт ставит
   .counter_block.sm{min-width:88px} при overflow:hidden — «плюс» обрезался
   и клик по нему не работал. */
.smx-offers .smx-offers-table__td--buy .counter_block{width:auto!important;min-width:0!important}
/* Легаси-ширины, из-за которых «Купить» уезжала за правый край:
   td.buttons_table_to_buy > div{width:300px} (строки 22-24 этого файла) и
   тема-дефолт .price_matrix_wrapper{min-width:150px}. Классы
   buttons_table_to_buy/prices_table_to_buy оставлены для JS корзины Aspro,
   поэтому глушим только ширины. */
.smx-offers-table__td--buy > .counter_wrapp{width:auto!important}
.smx-offers-table__td--price .price_matrix_wrapper,
.smx-offers-table__td--price .prices-wrapper{min-width:0!important;width:auto!important}
/* компактная таблица (нет колонок свойств) не должна растягивать «Купить» */
.smx-offers-table--compact .smx-offers-table__td--name{width:100%}
/* Один вариант — подсвечивать и подписывать «Этот вариант» нечего: выбора нет,
   а серая заливка единственной строки читается как «неактивно». */
.smx-offers-table--single .smx-offers-table__current-badge{display:none}
.smx-offers-table--single .smx-offers-table__row--current .smx-offers-table__td,
.smx-offers-table--single .smx-offers-table__row--current:hover .smx-offers-table__td{background:#fff}
.smx-offers-table--single .smx-offers-table__row--current .smx-offers-table__td--name{box-shadow:none}

/* --- МОБИЛЬНЫЙ И ПЛАНШЕТНЫЙ (<992px): строки превращаются в карточки
       по data-label, горизонтального скролла нет вообще ---

   SMX-R13 БЛОКЕР-2: брейкпоинт поднят 767 → 991. На 768…991 таблица
   не влезала и колонка «Купить» уезжала за правый край физически:
   радиатор Rommer тип 22 (7 колонок свойств, ширина таблицы 1051px)
       992 → видно 915, срезано 136
       900 → видно 823, срезано 228
       850 → видно 773, срезано 278
       768 → видно 691, срезано 360
   Строка обрубалась посередине степпера, от подписи «КУПИТЬ» оставалась
   половина буквы, кнопки не было вовсе. Горизонтальный скролл у
   .smx-offers-table__scroll формально есть (overflow-x:auto), но родитель
   .smx-offers-table держит overflow:hidden ради радиуса, полоса прокрутки
   overlay-типа не видна, и жест «протащить вбок» остаётся единственным
   способом добраться до покупки. Скрытая за скроллом кнопка покупки хуже
   перестроенной раскладки — включаем карточки, механика уже работала на 390,
   разметка не менялась. */
@media (max-width:991px){
	.smx-offers-table{border-radius:12px}
	.smx-offers-table__scroll{overflow-x:visible}
	.smx-offers-table__table,
	.smx-offers-table__table tbody,
	.smx-offers-table__row,
	.smx-offers-table__td{display:block;width:auto}
	.smx-offers-table__table thead{display:none}
	.smx-offers-table__row{padding:14px 0;border-top:1px solid #ececec}
	.smx-offers-table__table tbody tr:first-child{border-top:0}
	.smx-offers-table__td{
		border-top:0;padding:4px 16px;
		display:flex;align-items:baseline;justify-content:space-between;gap:14px;
		font-size:14px;
	}
	.smx-offers-table__td--prop:before{
		content:attr(data-label);
		flex:0 1 auto;min-width:0;
		font-size:13px;font-weight:400;line-height:1.45;color:#777;
	}
	.smx-offers-table__td--prop{text-align:right}
	.smx-offers-table__td--name{
		display:block;padding-bottom:8px;min-width:0;
	}
	.smx-offers-table__name{font-size:15px}
	.smx-offers-table__current-badge{margin:6px 0 0 0;display:table}
	/* цена — крупно слева, подпись справа не нужна */
	.smx-offers-table__td--price{
		justify-content:flex-start;text-align:left;padding-top:8px;
	}
	.smx-offers-table__td--price:before{
		content:attr(data-label-mobile);flex:0 0 auto;
		font-size:13px;font-weight:400;color:#777;
	}
	.smx-offers-table__td--price .price{font-size:18px}
	/* кнопка покупки — во всю ширину карточки */
	.smx-offers-table__td--buy{padding-top:10px;white-space:normal}
	/* сама обёртка счётчика тоже должна тянуться на ширину карточки,
	   иначе flex:1 на .button_block растёт внутри 211px, а не 358px */
	.smx-offers .smx-offers-table__td--buy .counter_wrapp{
		justify-content:flex-start;flex-wrap:nowrap;flex:1 1 auto;width:100%;
	}
	/* Специфичность выше правила SM-R5 `.smx-offers .counter_wrapp.list >
	   .button_block{flex:0 0 auto!important}`, иначе кнопка не тянется
	   и справа от неё остаётся пустая треть карточки. */
	.smx-offers .smx-offers-table__td--buy .counter_wrapp.list > .button_block{flex:1 1 auto!important;min-width:0}
	.smx-offers .smx-offers-table__td--buy .button_block .btn,
	.smx-offers .smx-offers-table__td--buy .button_block .button{width:100%}
	/* левая полоса текущего варианта — на всю карточку */
	.smx-offers-table__row--current{background:#f7f7f7;box-shadow:inset 3px 0 0 #4dbcec}
	.smx-offers-table--single .smx-offers-table__row--current{background:#fff;box-shadow:none}
	.smx-offers-table__row--current .smx-offers-table__td,
	.smx-offers-table__row--current:hover .smx-offers-table__td{background:transparent}
	.smx-offers-table__row--current .smx-offers-table__td--name{box-shadow:none}
}


/* ============================================================================
   SMX-R12 (2026-07-21): четыре претензии владельца по карточке товара.
   Все правила живут в style.css шаблона smx_detail (штатное место стилей
   компонента). smx-main.css и sm-filter-v1.* НЕ трогаются — их правят
   параллельные процессы.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   R12-1. ТИПОГРАФИКА ТАБЛИЦЫ «ЦЕНЫ И ДОСТУПНЫЕ ВАРИАНТЫ»

   Было: все th — text-align:left, кроме «Цена, ₽» и «Купить» (right).
   Значения свойств (td--prop) тоже слева. При этом колонка свойства получает
   ширину по ДЛИННОМУ ЗАГОЛОВКУ («Диаметр условного прохода, Ду» = 263px),
   а значение в ней короткое («15») и липнет к левому краю — заголовок
   зрительно «не над своими данными». В колонке «Купить» ещё хуже: подпись
   у правого края, кнопка своей ширины — они вообще не связаны.

   Стало (осмысленная схема, а не text-align:center на всё):
     • Наименование      — по левому краю. Это текст, его читают построчно,
                           и он единственный переносится.
     • Артикул/Код/      — по ЦЕНТРУ вместе со своим заголовком. Это короткие
       значения свойств     коды и числа: центр держит их под подписью при
                            любой ширине колонки, которую задаёт заголовок.
     • Цена, ₽           — по ПРАВОМУ краю. Канон для денег: единицы под
                           единицами, сотни под сотнями — суммы сравнимы
                           взглядом (у чисел уже включён tabular-nums).
                           Заголовок тоже правый — стоит ровно над разрядами.
     • Купить            — по центру: подпись над кнопкой, а не сбоку от неё.

   Число колонок свойств переменное (\Santeh\Helper::getDetailOfferTableProps
   отдаёт свой набор на каждый раздел), поэтому правила НЕ перечисляют колонки
   поимённо: центр задаётся классом --prop / th без модификатора. Работает
   и на 0 колонок (--compact), и на 5 (радиаторы).

   Правила заперты в min-width:992px (SMX-R13 поднял границу с 768 вместе
   с брейкпоинтом карточного режима): ниже строки таблицы превращаются
   в карточки «подпись слева — значение справа», там своё выравнивание.
   ---------------------------------------------------------------------------- */
@media (min-width:992px){
	/* заголовок стоит ровно над своими данными */
	.smx-offers-table__th--name,
	.smx-offers-table__td--name{text-align:left}
	.smx-offers-table__th:not(.smx-offers-table__th--name):not(.smx-offers-table__th--price):not(.smx-offers-table__th--buy),
	.smx-offers-table__td--prop{text-align:center}
	.smx-offers-table__th--price,
	.smx-offers-table__td--price{text-align:right}
	.smx-offers-table__th--buy,
	.smx-offers-table__td--buy{text-align:center}
	/* счётчик+кнопка — по центру колонки, а не прижаты вправо;
	   специфичность выше .smx-offers-table__td--buy .counter_wrapp выше в файле */
	.smx-offers .smx-offers-table__td--buy .counter_wrapp{justify-content:center}

	/* white-space:nowrap на td--prop оставлен как был (SMX-T): значения свойств —
	   короткие коды и числа, перенос им не нужен, а ширину колонки всё равно
	   задаёт более длинный заголовок. Центровка ничего не добавляет к ширине,
	   поэтому баланс колонок и отсутствие горизонтального скролла сохраняются
	   при любом числе колонок свойств (проверено на 0/2/3/5 колонках).

	   вертикаль: подписи прижаты к низу шапки, значения по центру строки —
	   при двухстрочном заголовке («Площадь помещения, м2») связь заголовок↔
	   данные не рвётся */
	.smx-offers-table__th{vertical-align:bottom}
}

/* ----------------------------------------------------------------------------
   R12-2 + R12-3. КРОШКИ ПОД H1 И ВЕРТИКАЛЬНЫЙ РИТМ СВЕРХУ

   Разметку не меняем: тема собирает верх страницы в page_blocks/page_title_3
   (и _4), где в DOM уже правильный семантический порядок —
     .page-top > [ div.topic (H1) , div#navigation (BreadcrumbList) ].
   Это и есть решение, применённое к разделам каталога: порядок задаётся
   разметкой, а не переносом узлов. Микроразметка BreadcrumbList и
   единственный H1 остаются нетронутыми — правится только визуальный порядок.

   Ломало картинку одно правило из smx-main.css (SMX-FIX R11):
       .page-top{display:flex;flex-direction:column}
       .page-top > #navigation{order:-1; padding:15px 0 0; margin:0 0 14px}
   flex-order переворачивал крошки НАД заголовком. Файл smx-main.css сейчас
   правит параллельный процесс, поэтому не редактируем его, а перебиваем
   правило более высокой специфичностью и только на карточке (body.detail_page):
       (1,2,1) body.detail_page .page-top > #navigation
       (1,1,0) .page-top > #navigation
   Порядок подключения файлов на результат не влияет.

   SMX-R15 (2026-07-22): оверрайды сняты. Порядок «H1 → крошки» и ритм
   верха (24 / 8 / 24, на ≤767 — 16 / 8 / 16) теперь задаёт глобальный
   блок SMX-FIX R15 в css/smx-main.css — одинаково для карточки, страницы
   ТП, разделов и статичных страниц. Дублирующие body.detail_page-правила
   удалены: именно рассинхрон двух источников дал регрессию R14-4.
   ---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
   R12-4. МИНИАТЮРЫ ГАЛЕРЕИ — ПО ЦЕНТРУ ОТНОСИТЕЛЬНО ФОТО

   Тема центрует ряд превью так: .detail-gallery-big-slider-thumbs__inner
   раскрыт на всю дорожку (position:absolute; inset:0) и центрует превью
   внутри себя (justify-content:center). Пункт 5 выше в этом файле переопределил
   его на position:relative (нужно для маски и стрелок) — блок схлопнулся
   по содержимому (204px при дорожке 754px) и как flex-элемент встал у левого
   края, тогда как главное фото центровано (.detail-gallery-big-slider-main__
   inner{margin:0 auto;max-width:450px}). Отсюда «варианты картинок укатились
   влево».

   Чиним на уровне дорожки — центруем сам flex-элемент. Случаи:
     • 1 превью        — по центру под фото;
     • 2-3 превью      — по центру под фото;
     • много превью    — ряд занимает всю дорожку (inner == 754px), центровка
                         становится no-op, работает штатный swiper со стрелками;
                         обрезки и горизонтального скролла страницы нет.
   На <768px тема прячет превью (.gallery-slider-thumb__container{display:none})
   и переключает дорожку в display:block — правило там инертно.
   ---------------------------------------------------------------------------- */
.element_1 .detail-gallery-big--horizontal .detail-gallery-big-slider-thumbs{
	justify-content:center;
}
/* Страховка на переполнение: дорожка не выпускает ряд превью за свои границы,
   поэтому центровка не может дать «уехавший» левый край или скролл страницы. */
.element_1 .detail-gallery-big--horizontal .detail-gallery-big-slider-thumbs .detail-gallery-big-slider-thumbs__inner{
	max-width:100%;
}

/* ----------------------------------------------------------------------------
   R12-5 (побочная находка, НЕ из списка владельца): горизонтальный скролл
   страницы на 992px.

   Найдено при проверке ширин: на 992 документ шире вьюпорта (1038 > 992).
   Виноват не блок карточки — это выпадашка последней хлебной крошки
   .breadcrumbs__dropdown-wrapper{position:absolute;left:-18px}: она отрисована
   всегда (закрытое состояние = visibility:hidden, а не display:none), поэтому
   её 294px попадают в scrollWidth страницы. На 992 последняя крошка стоит
   у правого края → панель уходит за границу на 46px.
   Проверено: дефект ЕСТЬ и на исходной версии файла (бэкап
   style.css.bak_20260721_r12) — не регрессия правок R12; на разделах каталога
   он тоже воспроизводится, но там правится не отсюда.

   Чиним по-минимуму и только на карточке: последней крошке (единственной,
   которая упирается в правый край) выпадашка раскрывается влево от своего
   правого края. Механика открытия по hover/классу .hover не тронута.
   ---------------------------------------------------------------------------- */
@media (min-width:768px){
	body.detail_page .breadcrumbs__item--with-dropdown:last-of-type .breadcrumbs__dropdown-wrapper{
		left:auto;right:-18px;
	}
}


/* ============================================================================
   SMX-R13 (2026-07-21): БЛОКЕРЫ ПОКУПКИ.
   Правила живут в style.css шаблона smx_detail. css/smx-main.css и
   js/autoload/sm-redesign.js правит параллельный процесс — сюда не пишем,
   чужие правила перебиваем специфичностью.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   R13-1. СЧЁТЧИК КОЛИЧЕСТВА В БЛОКЕ ПОКУПКИ: ВЫСОТА 0, ГЛИФЫ В ОДНОЙ ТОЧКЕ.

   Замер (1440, /catalog/product/…elsen_strong_t//…_3_4/):
       .counter_block.md   x964  w161 h48
       .minus              x965  w40  h0   display:flex
       .plus               x1052 w40  h0   display:flex
       svg минуса          x1038 11x1      ← оба глифа в одной точке,
       svg плюса           x1038 11x11       внутри поля ввода (1005..1052)

   Причина (matched-rules, победители):
     тема   .counter_block .plus, .counter_block .minus{position:absolute;
            top:0;bottom:0;height:auto}
     тема   .counter_block > span .svg{position:absolute;left:50%;top:50%;
            margin:-7px 0 0 -6px;width:11px;height:11px}
     наше   css/smx-main.css:1169 .counter_block > .minus,.counter_block > .plus
            {position:static!important;…;display:flex}

   Иконка позиционируется абсолютно ОТНОСИТЕЛЬНО кнопки. Правка в smx-main.css
   вернула кнопки в поток (position:static), и кнопка перестала быть
   containing block: обе иконки ушли считать 50%/50% от .counter_block
   (у него position:relative) и легли в одну точку — центр коробки. Внутри
   кнопок не осталось ни одного элемента в потоке, поэтому их высота стала 0:
   при overflow:hidden у .counter_block минус превратился в невидимую
   волосяную линию (<rect width="11" height="1">) под плюсом.

   Чиним причину — противоречие «static + absolute-ребёнок», а не симптом:
   иконку возвращаем в поток кнопки и центрируем флексом, который в
   smx-main.css уже задан. Тогда кнопка получает высоту от содержимого,
   а align-self:stretch добивает её до полной высоты коробки — тач-таргет
   40x48 вместо 40x0.

   smx-main.css не редактируем: перебиваем (0,3,0) против (0,2,0) с !important,
   область — только карточка товара (body.detail_page).

   Побочно: тема вешает на ОБЕ кнопки класс .svg-inline-wish (иконка
   «избранное»), поэтому селекторы здесь идут по .minus/.plus и по прямому
   потомку .svg — правила «по иконке» рикошетом бьют в счётчик.
   ---------------------------------------------------------------------------- */
body.detail_page .counter_block > .minus,
body.detail_page .counter_block > .plus{
	position:relative!important;   /* containing block для .svg вернулся */
	align-self:stretch;            /* высота = высоте коробки, а не 0 */
	display:flex;align-items:center;justify-content:center;
}
/* Тач-таргет 44px берём с коробки счётчика, а не с кнопки: у .counter_block
   стоит overflow:hidden, и кнопка выше коробки просто обрезалась бы, уводя
   глиф на 3px ниже оптической середины (замер: коробка sm 1062..1102,
   кнопка 1063..1107, глиф y=1085 при центре 1082). Коробка md в блоке
   покупки уже 48px; компактную sm из строк таблицы поднимаем до 44px там,
   где ввод пальцем — в карточном режиме. */
@media (max-width:991px){
	.smx-offers .counter_block{height:44px}
	.smx-offers .counter_block .minus,
	.smx-offers .counter_block .plus{min-height:42px}
	.smx-offers .smx-offers-table__td--buy .btn,
	.smx-offers .smx-offers-table__td--buy .button_block > .button{min-height:44px}
}
body.detail_page .counter_block > .minus > .svg,
body.detail_page .counter_block > .plus > .svg{
	position:static!important;     /* иконка — в потоке своей кнопки */
	margin:0!important;top:auto;left:auto;
	display:flex;align-items:center;justify-content:center;
	width:11px;height:11px;line-height:0;
}
body.detail_page .counter_block > .minus > .svg > svg,
body.detail_page .counter_block > .plus > .svg > svg{display:block}
/* Тема глушит иконку до opacity:.5 (.counter_block > span:not(:hover) .svg) —
   #555 на белом падает до ~#aaa, минус-волосок читается как грязь на экране.
   Держим полную непрозрачность, разницу состояний показываем цветом. */
body.detail_page .counter_block > .minus > .svg,
body.detail_page .counter_block > .plus > .svg{opacity:1}
body.detail_page .counter_block > .minus svg rect,
body.detail_page .counter_block > .minus svg path,
body.detail_page .counter_block > .plus svg rect,
body.detail_page .counter_block > .plus svg path{fill:#555}
body.detail_page .counter_block > .minus:hover svg rect,
body.detail_page .counter_block > .minus:hover svg path,
body.detail_page .counter_block > .plus:hover svg rect,
body.detail_page .counter_block > .plus:hover svg path{fill:#1d2029}
/* Минус — <rect width="11" height="1">: волосяная линия в 1px на 11px ширины
   на глаз читается как артефакт. Поднимаем до 1.5px масштабом самого rect —
   геометрия иконки темы не трогается. */
body.detail_page .counter_block > .minus svg rect{transform:scaleY(1.5);transform-origin:center}
/* Неактивная кнопка (минимальное количество) должна отличаться от рабочей */
body.detail_page .counter_block > .minus.disabled svg rect,
body.detail_page .counter_block > .plus.disabled svg path{fill:#b8b8b8}

/* ----------------------------------------------------------------------------
   R13-2. ТАБЛИЦА ВАРИАНТОВ НА ПЛАНШЕТЕ.

   Сам переход в карточный режим сделан выше по файлу: у блока SMX-T
   брейкпоинт поднят 767 -> 991, там же замеры обрезки колонки «Купить».
   Здесь — только то, что нужно диапазону 560…991: ширины хватает, чтобы
   пары «подпись — значение» шли в две колонки и карточка не превращалась
   в ленту из девяти строк. Имя, цена и кнопка остаются на всю ширину.
   ---------------------------------------------------------------------------- */
@media (min-width:560px) and (max-width:991px){
	.smx-offers-table__row{
		display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
		column-gap:8px;padding:16px 0;
	}
	.smx-offers-table__td--name,
	.smx-offers-table__td--price,
	.smx-offers-table__td--buy{grid-column:1 / -1}
	/* кнопка покупки не расползается на всю ширину планшета */
	.smx-offers .smx-offers-table__td--buy .counter_wrapp{width:auto;max-width:420px}
}

/* ----------------------------------------------------------------------------
   R13-3. ВИДИМЫЙ ФОКУС НА ОРГАНАХ ПОКУПКИ.

   Кнопки покупки и счётчика тема печатает спанами; tabindex/role им выдаёт
   R13-слой в script.js. Без видимого кольца фокуса таб-порядок бесполезен:
   пользователь не знает, где он находится. :focus-visible — кольцо только
   при клавиатуре, мышиный клик его не рисует.
   ---------------------------------------------------------------------------- */
body.detail_page .to-cart:focus-visible,
body.detail_page .in-cart:focus-visible,
body.detail_page .one_click:focus-visible,
body.detail_page .slide_offer:focus-visible,
body.detail_page .counter_block > .minus:focus-visible,
body.detail_page .counter_block > .plus:focus-visible,
body.detail_page .counter_block input.text:focus-visible,
body.detail_page .smx-offers-table__name:focus-visible,
body.detail_page .notice__closer:focus-visible{
	outline:2px solid #1d2029!important;outline-offset:2px!important;
	border-radius:10px;
}
/* На голубой кнопке тёмное кольцо контрастнее белого: #1d2029 на #4dbcec */
body.detail_page .counter_block > .minus:focus-visible,
body.detail_page .counter_block > .plus:focus-visible{
	outline-offset:-2px!important;border-radius:8px;
}
/* Поле количества фокус тоже показывает — тема снимала его box-shadow:none */
body.detail_page .counter_block input.text:focus-visible{outline-offset:-2px!important}

/* Служебная живая область для скринридера (MAJOR-7): вне экрана, но
   не display:none — скрытые так области не объявляются. */
.smx-a11y-live{
	position:absolute!important;width:1px;height:1px;
	margin:-1px;padding:0;border:0;overflow:hidden;
	clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
}

/* ----------------------------------------------------------------------------
   R13-4. СТАРАЯ ЦЕНА В ТАБЛИЦЕ ВАРИАНТОВ.

   \Aspro\Functions\CAsproMaxItem::showItemPrices печатает при скидке две
   цены подряд в одном .prices-wrapper:
       .price.font-bold.font_mxs           — актуальная
       .price.discount > .values_wrapper   — старая
   Правило SMX-T (выше в этом файле) задаёт кегль колонки цены селектором
   `.smx-offers-table__td--price .price` — под него попадала и .price.discount,
   поэтому старая цена выходила тем же кеглем 17px, тем же весом 700 и тем же
   цветом #1d2029, что актуальная. Две одинаковые цены рядом — покупатель
   не понимает, какая спишется.

   Возвращаем иерархию: старая мельче, приглушена и зачёркнута; красный
   #EF3000 отдан бейджу выгоды — он в каноне зарезервирован под скидку
   и работает как единственный акцент.

   На тесте активных скидок нет (b_catalog_discount: одно правило на раздел
   без товаров), поэтому ветка проверена подстановкой в живую страницу
   разметки ровно того вида, что печатает showItemPrices.
   ---------------------------------------------------------------------------- */
.smx-offers-table__td--price .price.discount,
.smx-offers-table__td--price .price.discount .values_wrapper,
.smx-offers-table__td--price .price.discount .price_value,
.smx-offers-table__td--price .price.discount .price_currency{
	font-size:13px!important;font-weight:500!important;color:#767676!important;
	text-decoration:line-through!important;
	text-decoration-thickness:1px;text-decoration-color:#999;
}
.smx-offers-table__td--price .prices-wrapper{
	display:flex;flex-direction:column;align-items:flex-end;gap:2px;
}
.smx-offers-table__td--price .price.discount{margin:0}
/* «Экономия N ₽» — сумма на СВЕТЛОЙ подложке .inner-sale (#FDEDE9) остаётся
   красной: единственный красный текст на светлом фоне. */
.smx-offers-table__td--price .sale_block .inner-sale .text .values_wrapper{
	color:#EF3000!important;font-weight:700;
}
/* SMX-R3 MAJOR-3: бейдж «−N%» — плотная красная плашка (#EF3000), значит сам
   процент печатаем БЕЛЫМ (контраст 4.9:1). Прежде тот же .value красился
   #EF3000 селектором большей специфичности, чем белое правило R14-11 ниже,
   и процент выходил красным по красному — невидимым. Кроем и таблицу
   (.smx-offers-table__td--price), и правую колонку (.smx-d-buy). */
.smx-offers-table__td--price .sale_block .sale-number .value,
.smx-offers-table__td--price .sale_block .sale-number .value span,
.element_1 .smx-d-buy .sale_block .sale-number .value,
.element_1 .smx-d-buy .sale_block .sale-number .value span{
	color:#fff!important;font-weight:700;
}
.smx-offers-table__td--price .sale_block{margin:4px 0 0}
.smx-offers-table__td--price .sale_block .sale_wrapper{font-size:12px;line-height:1.3}
/* Блок покупки: старая цена уже мельче актуальной (14 против 28), но
   зачёркивание там держится на .values_wrapper — фиксируем на самом .price,
   чтобы правило пережило смену разметки темы. */
.element_1 .smx-d-buy .price.discount,
.element_1 .smx-d-buy .price.discount .values_wrapper{
	font-size:14px!important;font-weight:400!important;color:#767676!important;
	text-decoration:line-through!important;text-decoration-color:#999;
}
/* Карточный режим (<992): цена слева, старая под ней — не в одну строку */
@media (max-width:991px){
	.smx-offers-table__td--price .prices-wrapper{
		flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap;
	}
}


/* ----------------------------------------------------------------------------
   R13-5. КАРТОЧНЫЙ РЕЖИМ ПО ФАКТУ НЕВМЕЩЕНИЯ, А НЕ ТОЛЬКО ПО ШИРИНЕ ЭКРАНА.

   Брейкпоинт 991 закрывает планшет и телефон, но не закрывает случай, когда
   колонок много, а контентная колонка узкая. Замер после включения карточек
   до 991 (обрезка колонки «Купить» осталась):
       Rommer тип 22, 7 колонок свойств, таблица 1048px
           992  → контент 915  → срезано 133, кнопка покупки за краем у 25 строк
       Rifar Supremo, 8 колонок свойств, таблица 1124px
           992  → контент 915  → срезано 209, кнопка за краем у 17 строк
           1180 → контент 1103 → срезано  21, кнопка за краем
   Набор колонок задаётся на каждый раздел (SantehHelper::getDetailOfferTableProps),
   поэтому любой фиксированный брейкпоинт рано или поздно промахнётся —
   переключение должно зависеть от того, влезла таблица или нет.

   Класс .smx-offers-table--cards вешает script.js, когда
   table.scrollWidth > scroll.clientWidth (см. блок SMX-R13 fitOffersTables).
   Правила ниже — те же карточки, что в @media (max-width:991px), но по классу.
   Дублирование намеренное: CSS не умеет объединять медиа-условие и класс
   в одном наборе правил, а генерировать разметку по-разному на сервере
   значит потерять реакцию на resize.

   Зависимость от JS новой не является: кнопки покупки у темы — это
   <span class="to-cart"> с делегированным click-обработчиком, без JS
   на этой карточке нельзя купить в принципе.
   ---------------------------------------------------------------------------- */

.smx-offers-table.smx-offers-table--cards{border-radius:12px}
.smx-offers-table--cards .smx-offers-table__scroll{overflow-x:visible}
.smx-offers-table--cards .smx-offers-table__table,
.smx-offers-table--cards .smx-offers-table__table tbody,
.smx-offers-table--cards .smx-offers-table__row,
.smx-offers-table--cards .smx-offers-table__td{display:block;width:auto}
.smx-offers-table--cards .smx-offers-table__table thead{display:none}
.smx-offers-table--cards .smx-offers-table__row{padding:14px 0;border-top:1px solid #ececec}
.smx-offers-table--cards .smx-offers-table__table tbody tr:first-child{border-top:0}
.smx-offers-table--cards .smx-offers-table__td{
	border-top:0;padding:4px 16px;
	display:flex;align-items:baseline;justify-content:space-between;gap:14px;
	font-size:14px;
}
.smx-offers-table--cards .smx-offers-table__td--prop:before{
	content:attr(data-label);
	flex:0 1 auto;min-width:0;
	font-size:13px;font-weight:400;line-height:1.45;color:#777;
}
.smx-offers-table--cards .smx-offers-table__td--prop{text-align:right}
.smx-offers-table--cards .smx-offers-table__td--name{
	display:block;padding-bottom:8px;min-width:0;
}
.smx-offers-table--cards .smx-offers-table__name{font-size:15px}
.smx-offers-table--cards .smx-offers-table__current-badge{margin:6px 0 0 0;display:table}
/* цена — крупно слева, подпись справа не нужна */
.smx-offers-table--cards .smx-offers-table__td--price{
	justify-content:flex-start;text-align:left;padding-top:8px;
}
.smx-offers-table--cards .smx-offers-table__td--price:before{
	content:attr(data-label-mobile);flex:0 0 auto;
	font-size:13px;font-weight:400;color:#777;
}
.smx-offers-table--cards .smx-offers-table__td--price .price{font-size:18px}
/* кнопка покупки — во всю ширину карточки */
.smx-offers-table--cards .smx-offers-table__td--buy{padding-top:10px;white-space:normal}
/* SMX-R3: селекторы вычищены — раньше многострочные комментарии были склеены
   в сам селектор («.smx-offers-table--cards <комментарий> .smx-offers …»),
   из-за чего требовался вложенный .smx-offers и правило НЕ применялось: в
   --cards-режиме кнопка «В корзину» оставалась контентной ширины. Обёртка
   счётчика тянется на ширину карточки, кнопка заполняет свою долю. */
.smx-offers.smx-offers-table--cards .smx-offers-table__td--buy .counter_wrapp{
	justify-content:flex-start;flex-wrap:nowrap;flex:1 1 auto;width:100%;
}
/* Специфичность выше правила SM-R5 `.smx-offers .counter_wrapp.list >
   .button_block{flex:0 0 auto!important}`, иначе кнопка не тянется и справа
   от неё остаётся пустая треть карточки. */
.smx-offers.smx-offers-table--cards .smx-offers-table__td--buy .counter_wrapp.list > .button_block{flex:1 1 auto!important;min-width:0}
.smx-offers.smx-offers-table--cards .smx-offers-table__td--buy .button_block .btn,
.smx-offers.smx-offers-table--cards .smx-offers-table__td--buy .button_block .button{width:100%}
/* левая полоса текущего варианта — на всю карточку */
.smx-offers-table--cards .smx-offers-table__row--current{background:#f7f7f7;box-shadow:inset 3px 0 0 #4dbcec}
.smx-offers-table--cards .smx-offers-table--single .smx-offers-table__row--current{background:#fff;box-shadow:none}
.smx-offers-table--cards .smx-offers-table__row--current .smx-offers-table__td,
.smx-offers-table--cards .smx-offers-table__row--current:hover .smx-offers-table__td{background:transparent}
.smx-offers-table--cards .smx-offers-table__row--current .smx-offers-table__td--name{box-shadow:none}

/* Карточка на десктопе широкая — пары «подпись — значение» ставим в колонки,
   иначе 8 свойств вытягиваются в ленту на 1218px пустой ширины. */
@media (min-width:560px){
	.smx-offers-table--cards .smx-offers-table__row{
		display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
		column-gap:8px;padding:16px 0;
	}
	.smx-offers-table--cards .smx-offers-table__td--name,
	.smx-offers-table--cards .smx-offers-table__td--price,
	.smx-offers-table--cards .smx-offers-table__td--buy{grid-column:1 / -1}
	.smx-offers.smx-offers-table--cards .smx-offers-table__td--buy .counter_wrapp{width:auto;max-width:420px}
}
/* SMX-R3-r4: fit-режим на десктопе (992-~1150; класс --cards ставит JS, когда
   таблица шире контейнера). Прежняя раскладка — жёсткая сетка repeat(3): карточка
   растягивалась на всю колонку (~915px), пары label→value расходились по краям
   ячейки ~300px (justify:space-between), а нечётный остаток свойств висел одинокой
   строкой в сетке (Rommer 7 → 3+3+1). Делаем плотнее и осмысленнее: свойства —
   компактные пары «label: value», упакованные потоком flex-wrap; label вплотную к
   value; строка заполняется слева направо и переносится естественно, без пустых
   столбцов-зазоров и без сиротской ячейки. */
@media (min-width:992px){
	.smx-offers-table--cards .smx-offers-table__row{
		display:flex;flex-wrap:wrap;align-items:baseline;
		column-gap:28px;row-gap:7px;padding:16px 0;
	}
	/* наименование, цена, кнопка — каждая занимает полную строку карточки */
	.smx-offers-table--cards .smx-offers-table__td--name,
	.smx-offers-table--cards .smx-offers-table__td--price,
	.smx-offers-table--cards .smx-offers-table__td--buy{flex:0 0 100%}
	/* свойство — чип по ширине содержимого; label вплотную к value (не по краям) */
	.smx-offers-table--cards .smx-offers-table__td--prop{
		flex:0 1 auto;max-width:100%;
		justify-content:flex-start;text-align:left;gap:6px;
	}
	.smx-offers-table--cards .smx-offers-table__td--prop:before{content:attr(data-label) ":"}
}

/* Тач-таргет 44px привязан к карточному режиму, а не только к ширине экрана:
   на 992 карточки включает класс --cards (таблица не влезла), и степпер там
   должен быть таким же, как на планшете. */
/* SMX-R3-r4: раньше блок был 44px, но рамка 1px съедала высоту и кнопки
   выходили 42px. Даём блоку 46px (44 контента + рамки), кнопки — ровно 44px. */
.smx-offers-table--cards .counter_block{height:auto;min-height:46px}
.smx-offers-table--cards .counter_block .minus,
.smx-offers-table--cards .counter_block .plus{min-height:44px}
.smx-offers-table--cards .counter_block input.text{min-height:44px}
.smx-offers-table--cards .smx-offers-table__td--buy .btn,
.smx-offers-table--cards .smx-offers-table__td--buy .button_block > .button{min-height:44px}

/* ПРИМЕЧАНИЕ для следующего агента (вёрстка): в карточном режиме ширина
   кнопки «В корзину» разная — 306px на 900 и 97px на 992. Функционально
   кнопка везде видна целиком и держит тач-таргет 44px, это чистая эстетика.
   Причина не в брейкпоинте: на 992 .counter_wrapp не растягивается на ширину
   карточки, и .button_block{flex:1 1 auto} нечего заполнять. Правка width
   через !important на > .counter_wrapp результата не даёт — тянуть надо
   раскладку самой ячейки. */


/* ============================================================================
   SMX-R14 (2026-07-21): ВЁРСТКА И ТИПОГРАФИКА КАРТОЧКИ.

   Правила живут в style.css шаблона smx_detail. css/smx-main.css и
   js/autoload/sm-redesign.js правит параллельный процесс — сюда не пишем,
   чужие правила перебиваем специфичностью.

   Каждый блок ниже начинается с НАЙДЕННОЙ ПРИЧИНЫ (замер в CDP), а не с
   описания симптома: правки, сделанные «на глаз», в этом файле уже один раз
   давали регресс (см. SMX-R13 БЛОКЕР-4).
   ============================================================================ */

/* ----------------------------------------------------------------------------
   R14-A. «Поделиться» — сирота в строке заголовка.

   Замер: .topic__inner display:block, .share лежит ПЕРВЫМ в DOM и уводится
   вправо флоатом; H1 — блок во всю ширину (1220px), но текст заголовка
   кончается на x=558. Между текстом и кнопкой 738px пустоты, кнопка читается
   как случайно оброненная.
   Причина — не позиция кнопки, а то, что H1 занимает всю строку независимо
   от длины текста. Делаем строку заголовка флексом: H1 сжимается по контенту
   (flex:0 1 auto), кнопка встаёт сразу за ним по общей базовой линии.
   Длинный заголовок по-прежнему занимает всю ширину и переносится — тогда
   кнопка стоит справа от блока текста, а не от пустоты.
   ---------------------------------------------------------------------------- */
body.detail_page .topic__inner{
	display:flex;flex-wrap:wrap;align-items:baseline;
	gap:4px 14px;
}
/* заголовок сжимается по содержимому (в теме это либо прямой h1, либо
   обёртка .topic__heading — кроем оба); кнопка встаёт сразу за ним */
body.detail_page .topic__inner > h1,
body.detail_page .topic__inner > .topic__heading{
	order:1;flex:0 1 auto;min-width:0;margin:0;
}
/* SMX-R3: width:auto!important обязателен — тема держала .share ~41px (размер
   старой иконки), и наш более широкий контрол «Поделиться» вылезал за правый
   край на длинных заголовках (замер Rifar@1366: +2px горизонтального скролла). */
body.detail_page .topic__inner > .share{
	order:2;flex:0 0 auto;width:auto!important;min-width:0;
	float:none!important;margin:0;align-self:center;position:relative;top:0;
}
/* десктоп/планшет: строка не переносится — заголовок ужимается, кнопка держится
   в строке справа от текста и не может дать переполнение */
@media (min-width:768px){
	body.detail_page .topic__inner{flex-wrap:nowrap}
}
/* SMX-R3 MAJOR-4: тема-иконку с hover-меню (.shares-block) прячем — вместо
   неё script.js вставляет осмысленный контрол .smx-share__link «Поделиться».
   Прежний DIV.share был сиротой: иконка 41×25 без подписи, роли и имени. */
body.detail_page .topic__inner > .share .shares-block{display:none!important}
body.detail_page .smx-share__link{
	position:relative;
	display:inline-flex;align-items:center;gap:6px;
	padding:7px 13px;min-height:34px;box-sizing:border-box;
	border:1px solid #ececec;border-radius:999px;background:#fff;
	color:#555;font-size:13px;font-weight:500;line-height:1;
	text-decoration:none!important;transition:border-color .15s,color .15s;
}
/* SMX-R3-r4: тач-таргет 44px без изменения вида. Пилюля остаётся 34px, а
   кликабельную площадь добираем псевдоэлементом по вертикали (тот же приём,
   что у .notice__closer). Работает на всех ширинах, включая 390. */
body.detail_page .smx-share__link::after{
	content:"";position:absolute;left:0;right:0;top:50%;
	height:44px;min-height:44px;transform:translateY(-50%);
}
body.detail_page .smx-share__link:hover{border-color:#4dbcec;color:#1d2029}
body.detail_page .smx-share__link:focus-visible{outline:2px solid #1d2029;outline-offset:2px}
body.detail_page .smx-share__icon{width:14px;height:14px;flex:none;display:block}
body.detail_page .smx-share__text{white-space:nowrap}

@media (max-width:767px){
	/* на мобиле заголовок занимает всю строку, кнопка уходит под него влево —
	   так она остаётся частью композиции заголовка, а не углом экрана */
	body.detail_page .topic__inner{gap:6px 12px}
	body.detail_page .topic__inner > h1,
	body.detail_page .topic__inner > .topic__heading{flex:1 1 100%}
	body.detail_page .topic__inner > .share{order:3}
}

/* H1 на узком экране: «…Elsen Strong T» оставлял на четвёртой строке
   одиночную «T». text-wrap:balance выравнивает длины строк и убирает висяк;
   в браузерах без поддержки правило инертно. */
@media (max-width:575px){
	body.detail_page .topic__inner > h1,
	body.detail_page .topic__inner > .topic__heading{text-wrap:balance}
}

/* ----------------------------------------------------------------------------
   R14-B. Табы смещены на 28px от сетки.

   Замер: .tabs x=103 w=1220 (по сетке), ul.nav-tabs padding:0, у первой li
   margin-left:0 — но её левый край на x=131.
   Причина: ul — display:flex (наша раскладка табов) + gap:0 28px, а у ul от
   бутстраповского клирфикса живёт ::before{content:" ";display:table}.
   Во флекс-контейнере псевдоэлемент становится ПОЛНОЦЕННЫМ флекс-элементом
   нулевой ширины, и gap между ним и первой li даёт ровно те самые 28px.
   Клирфикс во флексе не нужен — снимаем оба псевдоэлемента.
   ---------------------------------------------------------------------------- */
.smx-d-sections .tabs-block ul.nav.nav-tabs::before,
.smx-d-sections .tabs-block ul.nav.nav-tabs::after,
.product-item-detail-tabs-list.nav.nav-tabs::before,
.product-item-detail-tabs-list.nav.nav-tabs::after{
	content:none!important;display:none!important;
}

/* ----------------------------------------------------------------------------
   R14-1. Полоса 768…991: половина ширины и стопка.

   Замер (900px): .two_columns display:block, у обоих детей width:50%
   (.product-detail-gallery 412.5px, .right_info 404.25px) — они блочные,
   поэтому встают друг под друга, каждый в половину контейнера, а правая
   половина страницы пустая на всю высоту карточки.
   Причина: тема гасит display:flex у .two_columns ниже 992, но не снимает
   ширины 50% — раскладка остаётся «двухколоночной по ширине» и «одноколоночной
   по потоку». Возвращаем честные две колонки на планшетной полосе (это ровно
   та композиция, что на десктопе), а ниже 768 — одна колонка во всю ширину.
   ---------------------------------------------------------------------------- */
@media (min-width:768px) and (max-width:991px){
	.element_1 .product-info .two_columns{
		display:grid!important;
		grid-template-columns:minmax(0,1fr) minmax(284px,336px);
		gap:0 24px;align-items:start;
	}
	.element_1 .product-info .two_columns > .product-detail-gallery,
	.element_1 .product-info .two_columns > .right_info{
		width:auto!important;max-width:none!important;float:none!important;
	}
	.element_1 .product-info .right_info{margin-top:0!important}
	/* галерея в узкой колонке: квадрат фото не должен выдавливать колонку покупки */
	.element_1 .product-info .two_columns > .product-detail-gallery .detail-gallery-big-slider-main__inner{
		max-width:100%;
	}
}
@media (max-width:767px){
	.element_1 .product-info .two_columns > .product-detail-gallery,
	.element_1 .product-info .two_columns > .right_info{
		width:100%!important;max-width:none!important;float:none!important;
	}
}

/* ----------------------------------------------------------------------------
   R14-2. Планшет/мобайл показывали ДРУГОЙ набор, чем десктоп.

   Замер набора блоков правой колонки:
     десктоп (.product-side .product-main): цена+наличие, «Арт. …»,
       CTA, «Доставка и оплата» (3 строки), дисклеймер;
     ≤991 (.right_info .adaptive-block): цена+наличие, CTA, короткая строка
       «Самовывоз сегодня / Доставка завтра», блок «Характеристики»,
       дисклеймер — БЕЗ артикула и БЕЗ «Доставки и оплаты».
   Причина: тема рендерит правую колонку ДВАЖДЫ (десктопная копия в
   .product-side, мобильная в .right_info) и переносит между ними только
   .buy_block. Наши блоки (спек-строка с артикулом и «Доставка и оплата»)
   приходят через AddViewContent('PRODUCT_SIDE_INFO') и попадают только в
   десктопную копию.
   Чиним причину, а не симптом: сами блоки НЕ дублируем — script.js переносит
   узлы между копиями тем же приёмом, что тема носит .buy_block (R14-2 в
   script.js). Здесь остаётся снять две мобильные добавки, которых нет на
   десктопе: короткая строка доставки (её факты уже в «Доставке и оплате») и
   боковой блок «Характеристики» (полные характеристики — во вкладке ниже,
   на десктопе он тоже скрыт).
   ---------------------------------------------------------------------------- */
@media (max-width:991px){
	.element_1 .product-info .right_info .adaptive-block > .text-form,
	.element_1 .product-info .right_info .adaptive-block > .char-side{display:none!important}

	/* перенесённые блоки в мобильной копии — тот же вид, что на десктопе */
	.element_1 .product-info .right_info .smx-buy-spec{
		font-size:13px;color:#767676;margin:0;padding:0;border:0;background:none;
	}
	.element_1 .product-info .right_info .smx-buy-spec .sm-art-value{
		text-transform:uppercase;color:#555;
	}
	.element_1 .product-info .right_info .smx-d-info{
		display:flex;flex-direction:column;gap:9px;
		border-top:1px solid #f1f2f3;margin:0;padding:14px 0 0;background:none;
	}
	/* SMX-R3 MAJOR-2: тот же заголовок, что на десктопе (v8): капс, серый
	   #9aa0a6, 13px. Прежде мобильная копия печатала его тёмным 14px без капса,
	   и карточка на ≤991 читалась как другая система. */
	.element_1 .product-info .right_info .smx-d-info__title{
		font-size:13px!important;font-weight:600;color:#767676!important;
		letter-spacing:.4px;text-transform:uppercase;margin:0 0 2px;
	}
	/* Раскладка строки — та же, что на десктопе (см. ступень 2 выше): сетка
	   «иконка + текст» и подпись блоком. Первый заход оставил b строчным,
	   и адрес прилипал к подписи: «Самовывоз — бесплатноТОГК «Славянский Мир»».
	   Набор фактов обязан совпадать с десктопом не только составом, но и видом. */
	.element_1 .product-info .right_info .smx-d-info__row{
		display:grid;grid-template-columns:20px minmax(0,1fr);
		align-items:start;gap:0 12px;margin:0;
		font-size:13px;line-height:1.45;color:#6b7178;
	}
	.element_1 .product-info .right_info .smx-d-info__row b{
		display:block;font-size:13.5px;font-weight:600;color:#2b303a;margin-bottom:2px;
	}
}

/* ----------------------------------------------------------------------------
   SMX-R3 MAJOR-2. Главный CTA мобильной копии бай-бокса — тот же голубой канон.

   Замер (Rifar, один товар): @1440/1280/992 CTA «В корзину» голубой #4dbcec
   с тёмным текстом (десктопная копия .product-side .smx-d-buy); @900/768/390
   CTA тёмный #1d2029 (мобильная копия .right_info .adaptive-block .buy_block).
   Причина: тема рендерит правую колонку дважды и переносит между копиями
   только .buy_block; наше голубое правило (SMX-FIX R3) заскоуплено на
   .smx-d-buy, а мобильная копия .buy_block лежит ВНЕ .smx-d-buy — под неё
   попадал тема-дефолт (тёмная заливка). Кроем ту же кнопку по её точному
   контейнеру .buy_block внутри .right_info: голубой не носит белый текст,
   поэтому текст тёмный (#1d2029 на #4dbcec = 4.9:1). Форма — h48/r10, как
   десктоп. Таблицу вариантов правило не задевает: её кнопки в .button_block,
   а не .buy_block, и вне .right_info.
   ---------------------------------------------------------------------------- */
.element_1 .product-info .right_info .buy_block .btn.btn-default:not(.white):not(.to-order):not(.to-subscribe),
.element_1 .product-info .right_info .buy_block .to-cart.btn,
.element_1 .product-info .right_info .buy_block .btn.to-cart,
.element_1 .product-info .right_info .buy_block .slide_offer{
	background:#4dbcec!important;border-color:#4dbcec!important;color:#1d2029!important;
	height:48px;border-radius:10px!important;font-size:15px;font-weight:600;
	letter-spacing:.2px;text-transform:none;width:100%;
	display:flex;align-items:center;justify-content:center;
}
.element_1 .product-info .right_info .buy_block .btn.btn-default:not(.white):not(.to-order):not(.to-subscribe):hover,
.element_1 .product-info .right_info .buy_block .to-cart.btn:hover,
.element_1 .product-info .right_info .buy_block .btn.to-cart:hover,
.element_1 .product-info .right_info .buy_block .slide_offer:hover{
	background:#69c6ef!important;border-color:#69c6ef!important;color:#1d2029!important;
}
.element_1 .product-info .right_info .buy_block .btn.btn-default:not(.white) span,
.element_1 .product-info .right_info .buy_block .btn.btn-default:not(.white) .svg,
.element_1 .product-info .right_info .buy_block .to-cart span,
.element_1 .product-info .right_info .buy_block .slide_offer span{color:#1d2029!important;fill:#1d2029}
/* «Под заказ» / «Уведомить» — вторичные серые, как в .smx-d-buy на десктопе */
.element_1 .product-info .right_info .buy_block .btn.to-order:not(.white),
.element_1 .product-info .right_info .buy_block .btn.to-subscribe:not(.white),
.element_1 .product-info .right_info .buy_block .button.to-order,
.element_1 .product-info .right_info .buy_block .button.to-subscribe{
	background:#fff!important;border:1px solid #ddd!important;color:#555!important;
	height:48px;border-radius:10px!important;font-weight:600;
	display:flex;align-items:center;justify-content:center;
}
.element_1 .product-info .right_info .buy_block .btn.to-order:not(.white):hover,
.element_1 .product-info .right_info .buy_block .btn.to-subscribe:not(.white):hover{
	background:#f5f5f5!important;border-color:#b8b8b8!important;color:#1d2029!important;
}
/* SMX-R3 MINOR-6 (мобильная копия): «от» в .adaptive-block тоже был #999
   (2.85:1) — поднимаем до #767676 (4.54:1). Число (.values_wrapper текущей
   цены) держим тёмным явно; старую цену .discount не трогаем. */
.element_1 .product-info .right_info .adaptive-block .price{color:#767676!important}
.element_1 .product-info .right_info .adaptive-block .price:not(.discount) .values_wrapper{color:#1d2029!important}

/* ----------------------------------------------------------------------------
   R14-3. Статус наличия: акцент был отдан слабому состоянию.

   Замер листинга (эталон, /catalog/armatura_dlya_kotelnykh/):
     «Много» / «Достаточно»            .icon.stock                  #4dbcec
     «Мало»                            .item-stock.sm-stock-few     #777
     «В наличии на удаленном складе»   .icon.order                  #b8b8b8
   Замер карточки: «В наличии на удаленном складе» — тот же .icon.order, но
   #4dbcec, то есть канонный акцент достался самому слабому состоянию.
   Причина: наше же правило било по РОДОВОМУ селектору
   `.item-stock .icon{background:#4dbcec!important}` — под него попадал и
   .order. Разводим состояния ровно по шкале листинга; «Мало» приводим к
   канонной нейтрали #767676 (4.54:1 вместо 4.48:1 у #777).
   ---------------------------------------------------------------------------- */
.element_1 .item-stock .icon{background:#b8b8b8!important}
.element_1 .item-stock .icon.stock{background:#4dbcec!important}
.element_1 .item-stock .icon.order{background:#b8b8b8!important}
.element_1 .item-stock.sm-stock-few .icon.stock{background:#767676!important}
.element_1 .product-info .right_info .item-stock .icon{background:#b8b8b8!important}
.element_1 .product-info .right_info .item-stock .icon.stock{background:#4dbcec!important}
.element_1 .product-info .right_info .item-stock .icon.order{background:#b8b8b8!important}
.element_1 .product-info .right_info .item-stock.sm-stock-few .icon.stock{background:#767676!important}

/* ----------------------------------------------------------------------------
   R14-4 → СНЯТ в SMX-R15 (2026-07-22).

   R14-4 переворачивал крошки НАД H1 на карточке «для единообразия с
   разделами» — но требование владельца противоположное и глобальное:
   крошки ПОД заголовком ВЕЗДЕ, как на bigms.ru. Теперь и порядок, и ритм
   верха страницы (24 / 8 / 24) задаёт ОДИН блок SMX-FIX R15 в
   css/smx-main.css — для карточки, ТП, разделов и статичных страниц сразу.
   Здесь оверрайдов не осталось намеренно: два источника истины и дали
   эту регрессию. Висячее тире крошек — по-прежнему блок R14-4 в
   components/bitrix/breadcrumb/main/style.css.
   ---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
   R14-5. Мобильная карточка варианта: «Цена» единственная выключена влево.

   Замер (390): у .smx-offers-table__td--prop  text-align:right,
   justify-content:space-between; у .smx-offers-table__td--price
   text-align:left, justify-content:flex-start — значение цены прилипало
   к подписи слева, а все остальные значения стояли у правого края.
   Причина: в карточном режиме ячейка цены не получила того же правила
   раскладки, что остальные ячейки. Выдаём его явно.
   ---------------------------------------------------------------------------- */
.element_1 .smx-offers-table--cards .smx-offers-table__td--price,
.element_1 .smx-offers-table__td--price[data-label-mobile]{}
@media (max-width:991px){
	.element_1 .smx-offers-table__td--price{
		justify-content:space-between!important;text-align:right!important;
	}
	.element_1 .smx-offers-table__td--price .price_matrix_wrapper,
	.element_1 .smx-offers-table__td--price .prices-wrapper,
	.element_1 .smx-offers-table__td--price .price{text-align:right!important}
}
.element_1 .smx-offers-table--cards .smx-offers-table__td--price{
	justify-content:space-between!important;text-align:right!important;
}

/* ----------------------------------------------------------------------------
   R14-9. «Цена, ₽» на 3px левее правого края своей колонки.

   Замер (STOUT): у th и td правый край ячейки одинаковый (1034.8) и одинаковый
   padding-right:14px, значит текст обоих обязан кончаться на 1020.8. Факт:
   заголовок 1020.8, число 1023.8.
   Причина: .prices-wrapper внутри ячейки цены несёт margin:0 -3px (компенсация
   колонок из темы) и выносит число на 3px за padding-box. Снимаем компенсацию
   в ячейке таблицы — заголовок и число встают на одну вертикаль.
   ---------------------------------------------------------------------------- */
.element_1 .smx-offers-table__td--price .prices-wrapper{margin-left:0!important;margin-right:0!important}

/* ----------------------------------------------------------------------------
   R14-11. Жёлтые плашки скидки вне канона.

   Замер: .sale-number{background:#FFD83A}, .inner-sale{background:#FFF8DB}.
   Канон отдаёт скидке #EF3000 и запрещает жёлтый. Процент — плотный #EF3000
   с белым текстом (контраст 4.9:1), подложка «Экономии» — светлый оттенок
   того же тона.
   ---------------------------------------------------------------------------- */
.element_1 .sale-number,
.element_1 .sale_block .sale-number{background:#EF3000!important;color:#fff!important}
.element_1 .sale-number .value,
.element_1 .sale-number .value span{color:#fff!important}
.element_1 .inner-sale,
.element_1 .sale_block .inner-sale{background:#FDEDE9!important;color:#EF3000!important}
.element_1 .inner-sale .title,
.element_1 .inner-sale .values_wrapper,
.element_1 .inner-sale .text{color:#EF3000!important}

/* ----------------------------------------------------------------------------
   R14-12 + R14-13 + R14-15. Ритм строк, шапка таблицы, контраст.

   12. Замер: строка без скидки 71px, со скидкой 106px — цена разворачивалась
   в три уровня (актуальная / старая / плашка «Экономия N ₽» + процент) и
   тянула строку. Причина ритма не в строке, а в высоте блока цены.
   Приводим цену к ДВУМ строкам фиксированной высоты (22px + 17px = 39px),
   что меньше высоты кнопки покупки (40px) — значит высоту строки задаёт
   кнопка, и она одинакова со скидкой и без. Плашку «Экономия» в таблице
   не показываем: в колонке шириной ~90px она всё равно не читается, а её
   смысл несёт процент.
   13. Замер: text-transform:uppercase у th ломает единицы — «Диаметр
   условного прохода, Ду» превращается в «…, ДУ», а «Ду» это обозначение,
   а не слово. Капс снимаем, различимость шапки держим весом и цветом.
   15. Замер: 13 элементов карточки (шапка таблицы, крошки, строка артикула)
   покрашены #777 = 4.48:1. Канон даёт #767676 = 4.54:1.
   ---------------------------------------------------------------------------- */
.element_1 .smx-offers-table__th{
	text-transform:none!important;letter-spacing:0!important;
	font-size:12px;font-weight:600;color:#767676!important;
}
.element_1 .smx-offers-table__td--art,
.element_1 .smx-buy-spec,
.element_1 .spec-line{color:#767676}
.element_1 .smx-offers-table__dash{color:#b8b8b8}

/* SMX-R3 БЛОКЕР-1: height:71px запираем в @media(min-width:992px).
   Прежде правило шло без медиа-условия и снималось только классом --cards.
   Но карточный режим на ≤991 включает НЕ класс, а @media(max-width:991px)
   (JS снимает --cards, т.к. display:block-таблица влезает в контейнер).
   В карточном режиме строка — display:block/grid, и height (не min-height)
   жёстко обрезает её до 71px: содержимое карточки (~220px) вываливалось
   и наезжало на соседнюю карточку (замер: overshoot 152px на всех строках
   Rommer@900, кран@768, Stout@768). В реальной таблице (≥992, display:table-row)
   height работает как минимум — там правило и нужно, там его и оставляем. */
@media (min-width:992px){
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__row{height:71px}
}

/* ----------------------------------------------------------------------------
   SMX-R3 MINOR-5 + NIT-10. Липкая шапка длинной таблицы + тач-таргеты 44px
   в реальной таблице (≥992, не --cards; в карточном режиме thead display:none,
   а органы покупки уже 44px — там правила инертны).

   MINOR-5: на 74 строках (Stout) шапка колонок уезжала за экран и Артикул/Код
   читались без подписи. Родитель .smx-offers-table держит overflow:hidden ради
   радиуса — position:sticky относительно страницы там не работает (ancestor
   клипует). Поэтому действительно длинная таблица (>30 строк, класс --long)
   прокручивается ВНУТРИ .smx-offers-table__scroll (max-height), а th липнет к
   его верху. SMX-R3-r4: порог поднят 12 → 30 (в offers.php), чтобы средние
   таблицы (17 Rifar, 25 Rommer, 30 Stout хром) не боксировались внутренним
   скроллом, а показывались целиком. Короткие/средние скролл-бокс не получают;
   его берёт только Stout 74 и подобные. Тень держит хайрлайн под липкой
   шапкой (при border-collapse нижняя граница th «отклеивается» при скролле).

   NIT-10: на десктопе кнопка «В корзину» была 40px, счётчик 38px — ниже 44px.
   На тач-ширинах (≤991 / --cards) 44px уже стоял; здесь добираем десктоп. */
@media (min-width:992px){
	.element_1 .smx-offers-table--long:not(.smx-offers-table--cards) .smx-offers-table__scroll{
		max-height:70vh;overflow-y:auto;
	}
	.element_1 .smx-offers-table--long:not(.smx-offers-table--cards) thead .smx-offers-table__th{
		position:sticky;top:0;z-index:3;background:#fff;
		box-shadow:inset 0 -1px 0 #ececec;
	}
	/* NIT-10: 44px по высоте у органов покупки в табличном режиме */
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__td--buy .btn,
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__td--buy .to-cart,
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__td--buy .in-cart,
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__td--buy .button_block > .button{min-height:44px}
	/* SMX-R3-r4: степпер +/− в реальной таблице на десктопе (мышь) был 40×42.
	   Поднимаем зону нажатия до 44px по высоте (блок 46 = 44 контента + рамки 1px)
	   и ≥40px по ширине (базовое правило). Задача card-polish отменяет прежнее
	   решение «на мыши оставить 40px»: тач-таргет нужен и на гибридном планшете. */
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__td--buy .counter_block{height:auto;min-height:46px}
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__td--buy .counter_block .minus,
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__td--buy .counter_block .plus{min-height:44px}
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__td--buy .counter_block input.text{min-height:44px}
}

/* цена: два уровня фиксированной высоты */
.element_1 .smx-offers-table__td--price .price{
	line-height:22px;font-size:17px;font-weight:700;color:#1d2029;margin:0;
	font-variant-numeric:tabular-nums;
}
.element_1 .smx-offers-table__td--price .price.discount{
	line-height:17px;font-size:13px;font-weight:500;color:#767676;
	text-decoration:line-through;margin:0;
}
.element_1 .smx-offers-table__td--price .sale_block .inner-sale{display:none!important}
.element_1 .smx-offers-table__td--price .sale_block{margin:0;padding:0}
.element_1 .smx-offers-table__td--price .sale-number{
	display:inline-block;line-height:17px;font-size:11px;font-weight:600;
	padding:0 5px;border-radius:4px;vertical-align:baseline;
}

/* ----------------------------------------------------------------------------
   R14-14. 74 строки одной таблицей — стена одинаковых строк.

   Замер (STOUT): 74 строки, таблица 5294px, все строки 71px, под каждой
   одинаковый хайрлайн — глазу не за что зацепиться, счёт строк теряется.
   Ритм даём разрядкой: зебра очень светлым тоном + усиленная линия каждые
   пять строк (глаз считает пятёрками). Класс --long ставит offers.php,
   когда строк больше 30 (SMX-R3-r4, было 12): разрядка нужна только на
   реально длинной стене строк, на средней таблице она была бы шумом.
   ---------------------------------------------------------------------------- */
/* SMX-R3: зебра — только в реальной таблице (≥992, не --cards). На ≤991
   строки уже карточки, зебра по nth-child красила бы фон ячеек карточки. */
@media (min-width:992px){
.element_1 .smx-offers-table--long:not(.smx-offers-table--cards) .smx-offers-table__row:nth-child(even) > .smx-offers-table__td{
	background:#fcfcfd;
}
.element_1 .smx-offers-table--long:not(.smx-offers-table--cards) .smx-offers-table__row:nth-child(5n) > .smx-offers-table__td{
	border-bottom-color:#e2e4e6;
}
.element_1 .smx-offers-table--long:not(.smx-offers-table--cards) .smx-offers-table__row--current > .smx-offers-table__td{
	background:#fff;
}
}

/* ----------------------------------------------------------------------------
   R14-21a. Текущий вариант размечен тремя маркерами сразу.

   Замер: у .smx-offers-table__row--current одновременно чип «Этот вариант»,
   заливка строки #f7f7f7 (на ≤991) и увеличенный вес наименования (500).
   Один смысл — один маркер. Оставляем чип: он единственный, который читает
   скринридер, остальные два снимаем.
   ---------------------------------------------------------------------------- */
.element_1 .smx-offers-table__row--current > .smx-offers-table__td{background:transparent}
.element_1 .smx-offers-table__row--current .smx-offers-table__name{font-weight:inherit}

/* ----------------------------------------------------------------------------
   R14-10. Чип «Этот вариант» на ≤390 схлопывал паддинги.

   Замер: display:table (наследие темы) — вертикальные паддинги в таком
   контексте не дают высоты, чип 19.6px против 23.6px на десктопе, текст
   упирается в рамку. Переводим в inline-flex с явной высотой.
   ---------------------------------------------------------------------------- */
.element_1 .smx-offers-table__current-badge{
	display:inline-flex!important;align-items:center;
	min-height:22px;padding:3px 9px!important;
	line-height:1.25!important;font-size:11px;white-space:nowrap;
	border:1px solid #ececec;border-radius:999px;color:#767676;background:#fff;
}

/* ----------------------------------------------------------------------------
   R14-7 + R14-8. Ритм галереи и ровный нижний край.

   7. Замер (1440): квадрат фото .detail-gallery-big-slider-main__ratio-wrap
   450x450, но ссылка-зум внутри него — 450x420 (30px внизу зарезервированы
   под точки пагинации, класс .show-bottom-pagination). Фото 400x400 центровано
   в этих 420 → сверху 10px, снизу 40px; дальше ещё gap 24px + margin 14px до
   превью. Итого дыра 78px, при том что снизу под превью 21px. Точки на ≥768
   не показываются (там превью), значит 30px — мёртвый резерв. Возвращаем
   ссылке полную высоту квадрата и сводим двойной отступ (24+14) к одному 20px.
   На <768 резерв не трогаем — там точки действительно рисуются.
   8. Замер: .catalog_detail — grid с align-items:start, поэтому колонка
   покупки (557.6px) кончается на 36px выше галереи (594px) — рваный низ.
   Растягиваем колонку по строке грида: теперь низ обеих карточек совпадает
   по построению, при любой высоте содержимого.
   ---------------------------------------------------------------------------- */
@media (min-width:768px){
	.element_1 .detail-gallery-big-slider-main__ratio-wrap > .detail-gallery-big__link{
		top:0!important;bottom:0!important;height:auto!important;
		display:flex;align-items:center;justify-content:center;
	}
	.element_1 .detail-gallery-big-slider-main__ratio-wrap > .detail-gallery-big__link > img{
		margin:0!important;
	}
	.element_1 .product-detail-gallery__container{gap:20px}
	.element_1 .detail-gallery-big--horizontal .detail-gallery-big-slider-thumbs{margin-top:0!important}
}
@media (min-width:992px){
	.catalog_detail.element_1 > .left_block.product-side{align-self:stretch!important}
	.catalog_detail.element_1 .product-info{align-self:stretch!important}
	.element_1 .product-side > .product-main{height:100%}
}

/* ----------------------------------------------------------------------------
   R14-16. Тач-таргеты меньше 44px на 390.

   Замер (390): .counter_block высотой 44px, но кнопки внутри 42px (съедает
   рамка блока), ссылка-наименование в карточке варианта 18px, крестик тоста
   меньше 44px. Порог канона — 44px.
   ---------------------------------------------------------------------------- */
@media (max-width:575px){
	.element_1 .smx-offers-table .counter_block{height:auto!important;min-height:46px}
	.element_1 .smx-offers-table .counter_block .minus,
	.element_1 .smx-offers-table .counter_block .plus{
		min-height:44px!important;min-width:44px!important;
	}
	.element_1 .smx-offers-table .counter_block input.text{min-height:44px!important}
	.element_1 .smx-offers-table__name{
		display:inline-block;padding:7px 0;min-height:32px;
	}
	.element_1 .smx-offers-table__td--buy .btn,
	.element_1 .smx-offers-table__td--buy .to-cart,
	.element_1 .smx-offers-table__td--buy .in-cart{min-height:44px!important}
}
/* крестик тоста — тач-таргет без изменения его вида: площадь добирается
   псевдоэлементом, поэтому иконка остаётся прежнего размера */
.notice__closer{position:relative}
.notice__closer::after{
	content:"";position:absolute;left:50%;top:50%;
	width:44px;height:44px;transform:translate(-50%,-50%);
}

/* ----------------------------------------------------------------------------
   R14-17. Клавиатурная галерея (кольцо фокуса).
   Сама фокусируемость и доступные имена — в script.js (R14-17).
   ---------------------------------------------------------------------------- */
.element_1 .gallery__item--thumb:focus-visible,
.element_1 .detail-gallery-big__link:focus-visible,
.element_1 .gallery-slider-thumb-button:focus-visible{
	outline:2px solid #1d2029;outline-offset:2px;border-radius:8px;
}
.element_1 .gallery__item--thumb{cursor:pointer}

/* ----------------------------------------------------------------------------
   R14-19. Вкладки как ARIA-таблист — кольцо фокуса для клавиатуры.
   Роли и связи ставит script.js (R14-19).
   ---------------------------------------------------------------------------- */
.smx-d-sections .tabs-block ul.nav.nav-tabs li a:focus-visible{
	outline:2px solid #1d2029;outline-offset:3px;border-radius:4px;
}

/* ----------------------------------------------------------------------------
   R14-6. Товар с ОДНИМ предложением: таблица сравнения не рисуется.

   Замер (Italtherm): блок «Цены и доступные варианты» рисовал таблицу из
   одной строки с колонками Наименование / Артикул / Код / Цена / Купить —
   и все четыре значения уже стоят в правой колонке (H1, «Арт. 301051A92»,
   «67 025 ₽», кнопка). Сравнивать нечего: таблица — инструмент сравнения,
   при одной строке она не добавляет ни одного нового факта.
   Убираем её, но покупку не теряем: у таких товаров боковая кнопка — это
   .slide_offer (прокрутка к таблице), поэтому script.js (R14-6) сначала
   ПЕРЕНОСИТ настоящий орган покупки из строки в блок покупки и только затем
   ставит класс --single-hidden. Класс ставит JS, а не PHP: без JS таблица
   остаётся на месте и товар можно купить.
   ---------------------------------------------------------------------------- */
.element_1 .ordered-block.offers.smx-offers--single-hidden{display:none!important}
.element_1 .smx-single-buy{width:100%}
.element_1 .smx-single-buy .counter_wrapp{display:flex;align-items:center;gap:10px;margin:0}
.element_1 .smx-single-buy .button_block{flex:1 1 auto}
.element_1 .smx-single-buy .btn{width:100%}

/* ----------------------------------------------------------------------------
   R14-18b. Ячейка наименования стала <th scope="row"> (offers.php).
   Снимаем браузерные умолчания th (жирный, по центру) — вид колонки прежний.
   ---------------------------------------------------------------------------- */
.element_1 th.smx-offers-table__td--name{
	font-weight:400;text-align:left;
}

/* ----------------------------------------------------------------------------
   R14-ЦЕНТРОВКА (решение владельца). Колонки свойств, артикул и код остаются
   выключенными по центру — так распорядился владелец. Чтобы центровка не
   рассыпала разряды, включаем табличные цифры: у всех цифр одинаковая ширина,
   и числа в колонке стоят друг под другом оптически, а не «ёлочкой».
   Колонка ЦЕНА выключена вправо: деньги равняют по разрядам.
   ---------------------------------------------------------------------------- */
.element_1 .smx-offers-table__th,
.element_1 .smx-offers-table__td--prop,
.element_1 .smx-offers-table__td--art,
.element_1 .smx-offers-table__td--price{
	font-variant-numeric:tabular-nums;
	font-feature-settings:"tnum" 1;
}

/* ----------------------------------------------------------------------------
   R14-21b. Пустая полоса между описанием и подвалом.

   Замер (1440): от низа последней секции до подвала 134px при том, что
   вертикальный ритм страницы — 44px между секциями. Полосу давал нижний
   отступ .smx-d-sections, сложенный с отступом обёртки.
   ---------------------------------------------------------------------------- */
.element_1 .smx-d-sections{padding-bottom:0}
.catalog_detail.element_1{margin-bottom:8px}


/* ============================================================================
   SMX-R14 добор после первого замера (2026-07-22).
   ============================================================================ */

/* ----------------------------------------------------------------------------
   R14-7 (уточнение). Мёртвые 30px оказались не на ссылке-зуме, а на СЛАЙДЕ.

   Замер цепочки: .detail-gallery-big-slider-main__ratio-wrap 450x450 →
   … → .swiper-slide.detail-gallery-big__item--big 450x420 → ссылка-зум
   растянута по слайду (top:0;bottom:0) и потому тоже 420.
   Тридцать пикселей внизу слайда тема резервирует под точки пагинации
   (класс .show-bottom-pagination). На ≥768 точек нет — там ряд превью,
   поэтому резерв просто выталкивает фото вверх: сверху 10px, снизу 40px.
   Возвращаем слайду полную высоту квадрата — фото центруется само
   (у него margin:auto по вертикали внутри слайда).
   Ниже 768 резерв не трогаем: там точки действительно рисуются.
   ---------------------------------------------------------------------------- */
@media (min-width:768px){
	.element_1 .detail-gallery-big-slider .swiper-slide.detail-gallery-big__item--big{
		height:100%!important;
	}
	/* воздух под рядом превью: раньше он лежал вплотную к нижней границе
	   галереи, тогда как над ним зияли 78px */
	.element_1 .detail-gallery-big--horizontal .detail-gallery-big-slider-thumbs{
		margin-bottom:18px!important;
	}
}

/* ----------------------------------------------------------------------------
   R14-21a (уточнение). В карточном режиме заливку несёт САМА строка, а не её
   ячейки, поэтому правило по > td её не снимало.
   ---------------------------------------------------------------------------- */
.element_1 .smx-offers-table__row--current,
.element_1 .smx-offers-table--cards .smx-offers-table__row--current{
	background:transparent!important;
}

/* ----------------------------------------------------------------------------
   R14-16 (уточнение). Ссылка-наименование в карточке варианта была 36px.
   ---------------------------------------------------------------------------- */
@media (max-width:575px){
	.element_1 .smx-offers-table__name{
		padding:13px 0!important;min-height:44px!important;
		display:inline-flex!important;align-items:center;
	}
}

/* ----------------------------------------------------------------------------
   R14-21b (уточнение). Полоса до подвала: 134px → 102px после снятия
   нижнего отступа секций; добираем до величины межсекционного ритма.
   ---------------------------------------------------------------------------- */
.catalog_detail.element_1{margin-bottom:0}
.element_1 .smx-d-sections > .ordered-block:last-child{margin-bottom:0;padding-bottom:0}

/* ссылка «Перейти к содержимому»: не видна, пока не получит фокус */
.smx-skip-link{
	position:absolute;left:-9999px;top:0;z-index:100000;
	background:#1d2029;color:#fff;padding:10px 18px;border-radius:0 0 10px 0;
	font-size:14px;line-height:1.2;text-decoration:none;
}
.smx-skip-link:focus,
.smx-skip-link:focus-visible{
	left:0;outline:2px solid #4dbcec;outline-offset:-4px;color:#fff;
}
#content:focus{outline:none}

/* ============================================================================
   SMX-R14 добор 2 (2026-07-22).
   ============================================================================ */

/* ----------------------------------------------------------------------------
   R14-12 (уточнение). Разнобой высот 71/73/94 давал ЧИП, а не скидка.

   Замер: высокая строка всегда одна и та же — .smx-offers-table__row--current.
   В её ячейке наименования ссылка (17px, а при переносе 37px) и чип «Этот
   вариант» (22px) стоят ДРУГ ПОД ДРУГОМ: чип был display:table, то есть
   блочный, и занимал отдельную строку.
   Ставим чип в один поток с наименованием — строка текущего варианта
   становится такой же, как остальные.
   ---------------------------------------------------------------------------- */
@media (min-width:576px){
	.element_1 .smx-offers-table__td--name .smx-offers-table__name{
		display:inline;line-height:18px;
	}
	.element_1 .smx-offers-table__td--name .smx-offers-table__current-badge{
		margin-left:8px;vertical-align:middle;
	}
}

/* ----------------------------------------------------------------------------
   R14-16 (уточнение). Порог 44px нужен не на 390, а на всей сенсорной полосе.

   Замер: на 768…991 (планшет — тот же палец) кнопки счётчика 42px, ссылка
   наименования 18px. Первый заход ограничился 575px и оставил планшет мимо
   порога. Расширяем до 991px и дополнительно ловим сенсорные экраны любой
   ширины через pointer:coarse. На мыши (≥992, pointer:fine) остаётся плотная
   десктопная раскладка 40px — там порог 44px не действует.
   ---------------------------------------------------------------------------- */
@media (max-width:991px),(pointer:coarse){
	.element_1 .smx-offers-table .counter_block{height:auto!important;min-height:46px}
	.element_1 .smx-offers-table .counter_block .minus,
	.element_1 .smx-offers-table .counter_block .plus{
		min-height:44px!important;min-width:44px!important;
	}
	.element_1 .smx-offers-table .counter_block input.text{min-height:44px!important}
	.element_1 .smx-offers-table__td--buy .btn,
	.element_1 .smx-offers-table__td--buy .to-cart,
	.element_1 .smx-offers-table__td--buy .in-cart{min-height:44px!important}
	.element_1 .smx-offers-table__name{
		display:inline-flex!important;align-items:center;
		padding:13px 0!important;min-height:44px!important;
	}
	/* чип рядом с наименованием: в сенсорном режиме ссылка снова inline-flex,
	   поэтому чип уводим на общую базовую линию явно */
	.element_1 .smx-offers-table__td--name .smx-offers-table__current-badge{
		margin-left:8px;vertical-align:middle;
	}
}

/* ----------------------------------------------------------------------------
   SMX-R14-12 (уточнение 2). Скидочная строка всё ещё выше остальных.

   Замер подстановкой разметки РОВНО того вида, что печатает
   CAsproMaxItem::showItemPrices при VALUE > DISCOUNT_VALUE: строка 89px
   против 71px у соседей (до правок было 106). Остаток даёт третий уровень:
   актуальная цена / старая цена / блок скидки — каждый своим блоком.
   Сводим старую цену и процент на ОДНУ строку: получается ровно два уровня
   (22px + 17px = 39px), это меньше высоты кнопки покупки (40px), поэтому
   высоту строки задаёт кнопка и она одинакова со скидкой и без неё.
   nowrap на втором уровне заставляет таблицу выдать колонке ту ширину,
   которая нужна паре «старая цена + процент», вместо переноса в третью строку.
   ---------------------------------------------------------------------------- */
.element_1 .smx-offers-table__td--price .prices-wrapper{display:block;white-space:nowrap}
.element_1 .smx-offers-table__td--price .price{display:block}
.element_1 .smx-offers-table__td--price .price.discount{
	display:inline-block;vertical-align:middle;margin:0;line-height:17px;
}
.element_1 .smx-offers-table__td--price .price.discount .values_wrapper,
.element_1 .smx-offers-table__td--price .price.discount .price_value_block{display:inline;line-height:17px}
.element_1 .smx-offers-table__td--price .sale_block,
.element_1 .smx-offers-table__td--price .sale_block.matrix{
	display:inline-block!important;vertical-align:middle;margin:0 0 0 6px;padding:0;
}
.element_1 .smx-offers-table__td--price .sale_wrapper,
.element_1 .smx-offers-table__td--price .sale-number .value{display:inline-block;line-height:17px}

/* ----------------------------------------------------------------------------
   SMX-R14-12 (уточнение 3, окончательное). Причина третьего уровня найдена.

   Замер дерева ячейки: .sale_block НЕ лежит внутри .prices-wrapper — он её
   СОСЕД внутри .price_matrix_wrapper. Поэтому «сделать его inline» не могло
   поднять его к старой цене: между ними блочная обёртка.
   Собираем всю цену в один флекс-контейнер, а служебные обёртки убираем из
   раскладки через display:contents. Тогда уровней ровно два и они заданы
   явно, а не тем, как тема разложила вложенность:
     уровень 1 — актуальная цена (flex-basis 100%, своя строка);
     уровень 2 — старая цена и процент (auto, встают рядом).
   Побочно это закрывает и R14-9: у .prices-wrapper больше нет бокса,
   значит и её margin:0 -3px, выносивший число за padding-box, тоже нет.
   ---------------------------------------------------------------------------- */
.element_1 .smx-offers-table__td--price > .price_matrix_wrapper,
.element_1 .smx-offers-table__td--price > .with_matrix{
	display:flex;flex-wrap:wrap;align-items:center;
	justify-content:flex-end;column-gap:6px;row-gap:0;
}
.element_1 .smx-offers-table__td--price .js_price_wrapper,
.element_1 .smx-offers-table__td--price .price_matrix_wrapper .price_matrix_wrapper,
.element_1 .smx-offers-table__td--price .prices-wrapper{display:contents}
.element_1 .smx-offers-table__td--price .price{
	flex:0 0 100%;text-align:right;margin:0;
}
.element_1 .smx-offers-table__td--price .price.discount{flex:0 0 auto;width:auto}
.element_1 .smx-offers-table__td--price .sale_block,
.element_1 .smx-offers-table__td--price .sale_block.matrix{
	flex:0 0 auto;margin:0;padding:0;display:block!important;
}

/* ----------------------------------------------------------------------------
   SMX-CLS. Резерв высоты строки заголовка под контрол «Поделиться».

   Основной сдвиг верхнего блока карточки убран ранней установкой класса
   detail_page (template.php): без него весь редизайн строки заголовка/крошек
   применялся ~на 400 мс позже первой отрисовки. Остаётся один источник:
   script.js вставляет .smx-share__link (34px) в строку заголовка уже ПОСЛЕ
   первой отрисовки. Без резерва строка растёт с одного H1 (topic 29px) до 34px
   и сдвигает контент на ~5px (замер PerformanceObserver: этого хватало на
   заметный CLS в паре с доездом ленивого .ordered-block снизу). Резервируем
   34px под ссылку заранее — вставка ничего не двигает. Только ≥768: мобильную
   карточку (CLS 0) не трогаем.
   ---------------------------------------------------------------------------- */
@media (min-width:768px){
	body.detail_page .topic__inner{min-height:34px}
	body.detail_page .topic__inner > .share{min-height:34px}
}

/* ============================================================================
   SMX-R15 (2026-07-22): пять задач владельца — CSS-часть.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   R15-3 (задача 3): наименование в ТАБЛИЧНОМ режиме — всегда в одну строку.

   Замер (родитель Elsen, 1440): все 3 ссылки наименования переносились на
   2 строки (высота 37px при line-height 18px). Владелец: «строка с названием
   всегда в одну строку». Механика: ячейка получает max-width:0 + width% —
   единственный способ усечь содержимое колонки при table-layout:auto —
   а ссылка становится флекс-элементом с overflow:hidden + text-overflow.
   Полное имя остаётся в title и в текстовом содержимом ссылки (доступное
   имя НЕ усечено, обрезка чисто визуальная); бейдж «Этот вариант» —
   отдельный флекс-элемент, он не обрезается никогда.
   Карточный режим НЕ трогаем: там имя в карточке и может занимать до двух
   строк — nowrap не нужен (задача 3). Карточки живут в ДВУХ механиках
   (см. R13 БЛОКЕР-2): ≤991 — @media(max-width:991px) БЕЗ класса,
   ≥992 при невмещении — класс --cards. Поэтому охват усечения:
   media ≥992 И :not(--cards) — только настоящий табличный режим.
   (Первый заход с (min-width:768px) обрезал имя в КАРТОЧКАХ на 768…991 —
   замер: «Кран шаро…» при живом переносе, поймано скриншотом 768.)
   ---------------------------------------------------------------------------- */
.element_1 .smx-offers-table__name-wrap{display:flex;align-items:center;gap:8px;min-width:0}
.element_1 .smx-offers-table__name-wrap .smx-offers-table__current-badge{margin-left:0}
/* карточный режим: имя переносится, бейдж уходит на следующую строку при нехватке */
.element_1 .smx-offers-table--cards .smx-offers-table__name-wrap{flex-wrap:wrap;gap:4px 8px}
@media (max-width:991px){
	.element_1 .smx-offers-table__name-wrap{flex-wrap:wrap;gap:4px 8px}
}

@media (min-width:992px){
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) th.smx-offers-table__td--name{
		width:40%;max-width:0;min-width:220px;overflow:hidden;
	}
	/* компактная таблица (≤4 колонок): имени отдаём больше освободившегося места */
	.element_1 .smx-offers-table--compact:not(.smx-offers-table--cards) th.smx-offers-table__td--name{
		width:60%;
	}
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__name{
		display:block!important;flex:0 1 auto;min-width:0;
		overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;
	}
	.element_1 .smx-offers-table:not(.smx-offers-table--cards) .smx-offers-table__current-badge{flex:none}
}

/* ----------------------------------------------------------------------------
   R15-5 (задача 5): ЕДИНАЯ ШКАЛА ВЕРТИКАЛЬНЫХ ОТСТУПОВ КАРТОЧКИ.

   Шкала (шаг 8px): 8 / 16 / 24 / 32 / 40. Владелец обвёл разнобой: над
   крошками, под заголовком, над «Цены и доступные варианты», вокруг таблицы.

   Замеры ДО (1440, родитель = ТП после R15):
     шапка → H1                 23   (≈24, задаёт .page-top в smx-main R15)
     H1(блок) → крошки           8
     крошки → контент           28   ← 24 навигации + 4px padding-top
                                       у .product-container (тема)
     контент → секция «Цены…»   44   ← row-gap грида v5
     заголовок секции → контент 45   ← margin 16 + СКРЫТЫЙ padding-bottom
                                       1.933rem (29px) темы у __title
     секция → секция (табы)     32   ← gap флекса .smx-d-sections

   ПОСЛЕ — все стыки по шкале:
     шапка → H1                 24
     H1 → крошки                 8
     крошки → контент           24
     контент → секции           40   (главный разрез страницы)
     секция → секция            32   (в т.ч. таблица → табы)
     заголовок → контент        16
   Родитель и страница ТП собираются одним шаблоном — величины совпадают
   по построению (проверено rhythm.js: оба столбца идентичны).
   ---------------------------------------------------------------------------- */
/* 4px темы сверх крошек: стык «крошки → контент» должен давать ровно 24 */
.product-container.catalog_detail.element_1{padding-top:0}
/* главный разрез «галерея+покупка → секции» — 40 (было 44) */
@media (min-width:992px){
	.catalog_detail.element_1{row-gap:40px}
}
/* скрытый паддинг темы под заголовком секции: видимый зазор был 45px
   вместо 16 из шкалы — у заголовков остаётся только margin 16 */
.smx-d-sections .ordered-block__title,
.smx-d-sections h2.title,
.smx-d-sections .title_block{padding-bottom:0}

/* =========================================================================
   SMX-FIX R17 (2026-07-23): счётчик в блоке ЕДИНСТВЕННОГО ТП раздут до 50%.
   Блок покупки товара с одним предложением — .smx-single-buy: JS переносит
   .counter_wrapp из строки таблицы в правую колонку. .smx-single-buy сделал
   .counter_wrapp флексом и растянул .button_block (flex:1 1 auto), НО ширину
   50% у .counter_block_inner не снял. Легаси темы `.counter_wrapp.list > div{
   float:left;width:50%}` держит счётчик на 50% (~152px) → «− 1 +» болтается в
   полупустой коробке, а кнопка не добирает строку (замер: 152/152 из 334).
   Чиним по образцу .smx-offers (SM-R5): счётчик по контенту, кнопка тянется.
   Дополнительно глушим клирфикс-псевдо (.clearfix:before/:after{display:table}
   из темы): во флекс-контейнере они становятся флекс-элементами и вставляют
   по ~10px слева и справа — счётчик и кнопка не прилегают к краям карточки
   (счётчик уезжал с 963→973, кнопка обрывалась на 1288 вместо 1298).
   Скоуп строго .smx-single-buy: десктоп внутри .smx-d-buy, мобайл в
   .right_info .js-prices-in-item. Таблицу вариантов (.smx-offers) и
   мультиофферный .slide_offer правило не задевает.
   Проверено на живом DOM: бойлер 7861300, хомут, антифриз, десктоп+мобайл —
   счётчик 117px, кнопка добирает до края, оба прилегают (963 / 1298).
   ========================================================================= */
.element_1 .smx-single-buy .counter_wrapp.list > div{float:none;width:auto}
.element_1 .smx-single-buy .counter_wrapp.list > .counter_block_inner{flex:0 0 auto}
.element_1 .smx-single-buy .counter_wrapp.list > .button_block{flex:1 1 auto;min-width:0}
.element_1 .smx-single-buy .counter_wrapp.list:before,
.element_1 .smx-single-buy .counter_wrapp.list:after{display:none}

/* End */


/* Start:/bitrix/components/aspro/props.group.max/templates/.default/style.min.css?17526969494851*/
.properties-group{width:100%;margin:0;--group-padding:16px;}.properties-group__group{padding-top:var(--group-padding);padding-bottom:var(--group-padding);}.properties-group__group:first-child{padding-top:0;}.properties-group__group:last-child{padding-bottom:0;}.properties-group--block .properties-group__items{display:grid;grid-template-columns:repeat(4,1fr);}@media (min-width:992px){.properties-group--table .properties-group__items .properties-group__item:nth-of-type(2){border-top:1px solid var(--stroke_black)}.show-one-column .properties-group--table .properties-group__items .properties-group__item:nth-of-type(2){border-top:none}.properties-group--table .properties-group__items{display:grid;column-gap:48px;grid-template-columns:1fr 1fr}.show-one-column .properties-group--table .properties-group__items{grid-template-columns:1fr}}@media (min-width:501px){.properties-group--table .properties-group__item:nth-of-type(1){border-top:1px solid var(--stroke_black)}}.properties-group--table .properties-group__item{display:flex;padding:12px 0;border-bottom:1px solid #ededed;border-bottom-color:var(--stroke_black);}.properties-group--block .properties-group__item{border:1px solid #ededed;border-color:var(--stroke_black);padding:22px 25px;margin:0px -1px -1px 0;}.properties-group__name-wrap,.properties-group__value-wrap{position:relative;}.properties-group--table .properties-group__name-wrap,.properties-group--table .properties-group__value-wrap{width:50%;}.properties-group__name-wrap{display:flex;flex-direction:row;align-items:flex-start;}.properties-group--block .properties-group__name-wrap{margin-bottom:6px;}.properties-group__name,.properties-group__value{position:relative;text-align:left;word-break:break-word;}.properties-group--table .properties-group__value{padding-left:20px;}@media (max-width:1200px){.properties-group--block .properties-group__items{grid-template-columns:repeat(3,1fr)}}@media (max-width:991px){.properties-group--block .properties-group__items{grid-template-columns:repeat(2,1fr)}.properties-group--table .properties-group__item:nth-of-type(2){border-top:none}}@media (max-width:500px){.properties-group{--group-padding:24px}.properties-group--table .properties-group__group{padding-bottom:0}.properties-group--table .properties-group__group-name{margin-bottom:0}.properties-group--table .properties-group__item{flex-direction:column;padding:10px 0}.properties-group--table .properties-group__group[data-group-code="no-group"] .properties-group__item{padding-left:0}.properties-group--table .properties-group__name-wrap,.properties-group--table .properties-group__value-wrap{width:100%}.properties-group--table .properties-group__name,.properties-group--table .properties-group__value{padding:0}.properties-group--table .properties-group__name-wrap{background:none}.properties-group--table .properties-group__name-wrap{font-size:.8125rem;line-height:calc(1em + 9px)}.properties-group--table .properties-group__value-wrap{font-size:1rem;line-height:calc(1em + 5px)}}.properties-group__group .properties-group__group-name{font-weight:600;margin-bottom:12px;}.properties-group .hint.active .tooltip{opacity:1;z-index:204;}.properties-group .hint .tooltip:after{left:2px;}.properties-group .hint{display:inline;position:relative;top:-1px;}.properties-group .hint__icon{border:1px solid #e5e5e5;border-color:var(--stroke_black);border-radius:100%;text-align:center;padding:2px 4px 0;cursor:pointer;height:16px;display:inline-block;vertical-align:middle;}.properties-group .hint__icon i{color:#383838;color:var(--white_text_black);line-height:11px;font-size:11px;font-style:normal;display:inline-block;vertical-align:top;}.properties-group .hint .hint__icon:hover{background-color:var(--theme-base-color);}.properties-group .hint__icon:hover i{color:#fff;}.properties-group .hint .tooltip{left:1px;text-align:left;}.properties-group .properties-group__name-wrap--whint{display:inline;padding-right:10px;}.properties-group__name-wrap.whint{overflow:visible;}.properties-group .properties-group__name-wrap--whint .properties-group__name{padding-right:0;}.properties-group .hint{position:relative;top:-1px;left:2px;right:auto;display:inline;}.properties-group .hint .hint__icon{background-color:#fff;background-color:var(--card_bg_hover_black);position:relative;}.hint .tooltip{position:absolute;left:-53px;top:24px;line-height:14px;z-index:202;display:none;padding:17px 20px 17px;min-width:21px;max-width:200px;font-size:12px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:400;box-shadow:0 0 15px rgba(0,0,0,.12);background:#fff;background:var(--card_bg_hover_black);}.hint .tooltip:after{content:"";position:absolute;width:0;height:0;border:5px solid transparent;border-top-width:1px;border-bottom-color:#fff;border-bottom-color:var(--card_bg_hover_black);left:22px;top:-5px;}/**/
/* End */


/* Start:/local/templates/aspro_max/components/bitrix/sale.gift.main.products/main/style.min.css?1752697694604*/
.bx_item_list_title{font-weight:bold;color:#000;background:#ebf4f8;vertical-align:middle;height:38px;text-align:center;line-height:38px;font-size:14px}.bx_sale_gift_main_products.bx_wood .bx_item_list_title{background:#ebf4f8}.bx_sale_gift_main_products.bx_red .bx_item_list_title{background:#fbf1f0}.bx_sale_gift_main_products.bx_green .bx_item_list_title{background:#f2fbea}.bx_sale_gift_main_products.bx_blue .bx_item_list_title{background:#ebf4f8}.bx_sale_gift_main_products.bx_black .bx_item_list_title{background:#f1f4f7}.bx_sale_gift_main_products.bx_yellow .bx_item_list_title{background:#fbf7db}
/* End */


/* Start:/local/templates/aspro_max/vendor/css/carousel/swiper/swiper-bundle.min.css?175269769314468*/
/**
 * Swiper 11.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 14, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
/* End */


/* Start:/local/templates/aspro_max/css/slider.swiper.min.css?17526976934048*/
.swiper-lazy{transition:opacity ease .3s;}#main .swiper-lazy:not(.swiper-lazy-loaded){background-size:auto;}.swiper-lazy:not(.swiper-lazy-loaded)>div{opacity:0;}.slide-solution--overflow-hidden{overflow:hidden;}.swiper-pagination.swiper-pagination--static{position:static;}.swiper-pagination-bullet{width:12px;height:12px;background:rgba(0,0,0,.1);opacity:1;position:relative;--swiper-pagination-bullet-horizontal-gap:7px;}.swiper-pagination-bullet:before{content:"";position:absolute;top:50%;left:50%;margin:-4px 0 0 -4px;width:8px;height:8px;background:#fff;border-radius:100%;transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;}.swiper-pagination-bullet:hover:before,.swiper-pagination-bullet.swiper-pagination-bullet-active:before{transform:scale(1.5);background-color:#9e9e9e;background-color:var(--theme-base-color);}.swiper-container-horizontal>.swiper-pagination-bullets{bottom:21px;}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px;}.swiper-pagination--small .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:5px;width:8px;height:8px;background-color:#ccc;}.swiper-pagination--small .swiper-pagination-bullet-active,.swiper-pagination--small .swiper-pagination-bullet:hover{background-color:var(--theme-base-color);}.swiper-pagination--small .swiper-pagination-bullet:before{display:none;}@media screen and (max-width:600px){.swiper-pagionation-bullet--line-to-600.swiper-pagination-horizontal .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:2px}.swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet{border-radius:5px;height:2px;background:rgba(136,136,136,.5)}.swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--light,#222) var(--dark,white)}.swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet:before{display:none}}.swiper-button-next,.swiper-button-prev{--swiper-navigation-size:40px;--swiper-navigation-sides-offset:20px;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);background:#fff;background:var(--arrows_bg_black);border-radius:3px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:none;appearance:none;}.swiper-button-next:hover,.swiper-button-prev:hover{background-color:#9e9e9e;background-color:var(--theme-base-color);}.swiper-button-next:after,.swiper-button-prev:after{background:url("/local/templates/aspro_max/css/../images/svg/header_icons.svg") no-repeat;font-size:0;width:7px;height:12px;background-position:var(--light,0px -65px) var(--dark,0px -81px);}.swiper-button-prev:hover:after{background-position:0 -81px;}.swiper-button-next:after{background-position:-11px -65px;background-position:var(--light,-11px -65px) var(--dark,-11px -81px);}.swiper-button-next:hover:after{background-position:-11px -81px;}.swiper-button-next:hover use,.swiper-button-prev:hover use{stroke:#fff;}.navigation_on_hover:not(:hover) .swiper-button-next,.navigation_on_hover:not(:hover) .swiper-button-prev{opacity:0;visibility:hidden;}.sm-nav .swiper-button-next,.sm-nav .swiper-button-prev{--swiper-navigation-size:34px;}.swiper-slide.swiper-slide--height-auto{height:auto;}.bx-no-touch .slider-solution--show-nav-hover:not(:hover) .swiper-button-prev{left:-50px;}.bx-no-touch .slider-solution--show-nav-hover:not(:hover) .swiper-button-next{right:-50px;}.slider-nav--shadow{box-shadow:0 5px 20px rgba(34,34,34,.07);}.swiper-pagination--bottom{--swiper-pagination-top:100%;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{display:none;}.swiper-button-prev .svg svg,.swiper-button-next .svg svg{height:auto;width:auto;}@media (min-width:768px){.swiper-nav-offset .swiper-button-prev{left:-20px}.swiper-nav-offset .swiper-button-next{right:-20px}}@media (max-width:600px){.swiper-nav--hide-600{display:none}}
/* End */


/* Start:/local/templates/aspro_max/css/main_slider.min.css?175269769328839*/
.main-slider .target{position:absolute;left:0;right:0;top:0;bottom:0;z-index:10;}.main-slider .wrapper_inner{background:none;z-index:auto;}.top_slider_wrapp{margin:0 auto 30px;overflow:hidden;}.middle .top_slider_wrapp{margin-bottom:0;}.front.wide_page .top_slider_wrapp{margin-bottom:0;padding-bottom:30px;}.front.wide_page .top_big_one_banner .top_slider_wrapp{padding-bottom:0;}.fill_bg_y .front .top_big_one_banner .top_slider_wrapp{background:#fff;}.front.wide_page .col-m-60 .top_slider_wrapp{padding-bottom:20px;}.top_slider_wrapp li:before{width:auto;display:none!important;}.top_slider_wrapp .main-slider__item,.top_slider_wrapp .main-slider__item,.top_slider_wrapp .main-slider__item td,.top_slider_wrapp .main-slider__item td,.top_slider_wrapp .main-slider,.top_slider_wrapp .main-slider{height:450px;margin:0;}.top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item,.top_big_banners.with_childs .slide{z-index:2;}.top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item{background-position:center;background-repeat:no-repeat;}.only_banner .top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item{background-position:bottom;}.top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item:before{display:none;}.top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item .img{z-index:1;}.top_slider_wrapp .main-slider__item.image td.img{text-align:center;vertical-align:bottom;}.top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item .text{position:relative;z-index:auto;}body .top_slider_wrapp .main-slider .main-slider__item:not(.image) .img img{position:absolute;bottom:0;max-height:calc(100% - 20px);}.top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item.center .banner_text{text-align:center;}.half_block .top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item .text{z-index:10;}.top_slider_wrapp .main-slider__item .banner_text,.top_slider_wrapp .main-slider__item .banner_title{z-index:10;position:relative;}.main-slider .banner_text{overflow:hidden;line-height:1.8em;max-height:189px;overflow:hidden;margin:23px 0 0;}.main-slider__item .banner_buttons a{margin:3px;}.top_big_one_banner.short_block .main-slider .banner_text{margin-top:15px;}.top_big_one_banner.short_block.v2 .top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item:not(.image) .img img{max-height:calc(100% - 10px);top:auto;}.top_slider_wrapp .main-slider__item .wrapper_inner>table{width:100%;}.main-slider .light,.main-slider .light .banner_title,.main-slider .light,.main-slider .light .banner_title h1,.main-slider .light .banner_text,.main-slider .light .banner_title a{color:#fff;}.main-slider .dark .banner_title,.main-slider .dark .banner_title h1,.main-slider .dark .banner_title a{color:#202020;text-decoration-color:transparent;}.main-slider .dark .banner_text{color:#333;}.top_big_banners:not(.half_block) .banners-big__item--opacity::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2;}.main-slider .dark .banners-big__item--opacity::before{background:rgba(255,255,255,.6);}.main-slider .light .banners-big__item--opacity::before{background:rgba(0,0,0,.4);}@media (max-width:768px){.view_2 .banners-big__item--opacity::before{display:none}.banners-big--contrast-cover-desktop.banners-big__item--opacity::before{display:none}}.main-slider .banner_buttons{margin:29px -3px -3px;position:relative;z-index:999;}.top_slider_wrapp .main-slider .banner_title .head-title{font-size:2.2666em;line-height:1.15em;margin:0;padding:0;}.top_slider_wrapp .main-slider .text.center .banner_title,.top_slider_wrapp .main-slider .text.center .banner_buttons{text-align:center;}.top_slider_wrapp .main-slider .text.center .banner_buttons{margin-top:25px;}.top_slider_wrapp .main-slider .wrapper_inner{padding-left:0;padding-right:0;}.flexslider .banner_text{line-height:1.8em;max-height:189px;overflow:hidden;margin:23px 0 0;}.top_slider_wrapp .main-slider tr.main_info{background-image:url(/local/templates/aspro_max/css/images/loaders/double_ring.svg);background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}.top_slider_wrapp .main-slider .main-slider__wrapper .main-slider__item{background-size:cover;overflow:hidden;}.top_slider_wrapp .main-slider__wrapper .text .section{margin:0 0 16px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.5;}.top_slider_wrapp .main-slider__wrapper .text .section.font_upper_md{white-space:normal;}.top_slider_wrapp .main-slider__wrapper .main-slider__item:not(.dark) .text .section{color:#fff;}body .top_slider_wrapp .main-slider__wrapper .text .banner_title .section{margin-left:0;}body .top_slider_wrapp .main-slider__wrapper .text .banner_title .head-title{margin-left:-2px;}.top_slider_wrapp .text .banner_title .votes_block{margin-top:12px;}.main-slider__item .text,.main-slider__item .img{width:50%;}.main-slider__item .left{text-align:left;}.main-slider__item .left .banner_title,.main-slider__item .left .banner_text{margin-left:90px;}.main-slider__item .left .banner_buttons{margin-left:87px;}.box.light .votes_block.nstar .item-stock .value .store_view{color:#fff;}.box .votes_block.nstar .ratings{padding-right:15px;}.box .votes_block.nstar .item-stock .value .store_view{color:#202020;border:none;}.top_slider_wrapp .main-slider__wrapper .banner_title .view_sale_block{margin:23px 0 0;}.top_slider_wrapp .banner_title .prices{margin:14px -6px 0;}.top_slider_wrapp .main-slider__wrapper .banner_title .prices>span{padding:0 6px 0;white-space:nowrap;}.top_slider_wrapp .main-slider__wrapper .banner_title .prices .price:not(.price_old){font-weight:bold;}.top_slider_wrapp .main-slider__wrapper .banner_title .prices .price.price_old{font-size:.933em;opacity:.5;text-decoration:line-through;}.top_slider_wrapp .main-slider__wrapper .banner_title .sale_block{margin-top:0;line-height:normal;color:#202020;}.top_slider_wrapp .main-slider__wrapper .banner_buttons.with_actions{margin-top:20px;}.top_slider_wrapp .main-slider__wrapper .banner_buttons.with_actions>.btn:last-of-type{margin:10px 10px 10px 0;}.top_slider_wrapp .main-slider__wrapper .banner_buttons.with_actions>.btn.btn-video{margin-left:10px;}.top_slider_wrapp .main-slider__wrapper .js-info-block{z-index:1000;}.top_slider_wrapp .wvideo .banner_title.item_info .head-title,.top_slider_wrapp .wvideo .banner_title.item_info .view_sale_block,.top_slider_wrapp .wvideo .banner_title.item_info .prices,.top_slider_wrapp .wvideo .banner_title.item_info .sale_block{position:relative;z-index:10;}.top_slider_wrapp .wvideo .banner_title.item_info .votes_block{position:relative;z-index:11;}.top_slider_wrapp .main-slider__wrapper .wraps_buttons{display:inline-block;vertical-align:middle;margin:0 0 0;}.top_slider_wrapp .main-slider__wrapper .wraps_buttons>.wrap{display:inline-block;cursor:pointer;text-align:center;vertical-align:top;}.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap{margin-right:6px;transition:background-color .2s ease-in-out;border-radius:3px;height:48px;width:48px;display:inline-flex;align-items:center;justify-content:center;}.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap:not(:hover){background-color:#fff;}@media (any-hover:hover){.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap:hover .svg *{fill:#fff!important}}.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap:last-of-type{margin-right:0;}.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap .svg{top:0;}.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap .svg path{fill:#fff;}.top_slider_wrapp .main-slider__wrapper .box .wraps_buttons .wrap:not(.added) .svg path{fill:#222;}.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap.basket_item_add .svg.svg-inline-basket-added{display:none;}.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap.basket_item_add.added .svg.svg-inline-basket{display:none;}.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap.basket_item_add.added .svg.svg-inline-basket-added{display:block;}.top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap.added{background:#999;background:var(--theme-base-color);}.main-slider .banner_title,.main-slider .banner_text,.main-slider .banner_buttons{margin-left:15px;margin-right:15px;text-align:left;}.navigation_offset:hover .swiper-button-next{right:26px;}.navigation_offset:hover .swiper-button-prev{left:21px;}.main-slider .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:21px;}.top_slider_wrapp .box .btn.btn-video.play{position:relative;border:none;background:none;padding:0;width:123px;height:118px;vertical-align:top;overflow:visible;box-shadow:none;}.top_slider_wrapp .box .btn.btn-video.play:not(.loading){z-index:2;}.top_slider_wrapp .box .btn.btn-video.play:before{content:"";position:absolute;left:0;top:-1px;width:123px;height:118px;background:url(/local/templates/aspro_max/css/../images/next.png) -116px -214px no-repeat;}.top_slider_wrapp .box .btn.btn-video:not(.play){padding:27px 29px 19px;position:relative;vertical-align:middle;}.top_slider_wrapp .box .btn.btn-video:not(.play):before{content:"";position:absolute;left:50%;top:50%;margin:-6px 0 0 -5px;width:12px;height:12px;background:url(/local/templates/aspro_max/css/../images/svg/play_pause.svg) 0 0 no-repeat;}.top_slider_wrapp .box .btn.btn-video.loading:not(.play):before{background-position:0px -12px;}.top_slider_wrapp .box.wvideo.loading:not(.started):after{content:"";background:#000;position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;display:block!important;opacity:.5;}.top_slider_wrapp .wrapper_video{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;background:#000;}.top_slider_wrapp .box .video{min-width:100%;max-height:150%;min-height:100%;}.top_slider_wrapp .box .video.cover{position:absolute;top:50%;left:50%;max-height:none;max-width:none;position:static;min-height:none;}.half_block .top_slider_wrapp .box .video.cover{min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}.top_slider_wrapp .box video{height:100%;}.top_big_banners>.row>div{padding:0 10px;}.top_big_banners.nop>.row{margin:0;}.top_big_banners.nop>.row>div{padding:0;}.top_big_banners.with_childs.nop .top_slider_wrapp,.top_big_banners.with_childs.nop .item{padding:0;}.top_big_banners .blocks2{float:left;width:50%;}.top_big_banners .items{width:100%;}.top_big_banners .items .item{width:50%;float:left;}.top_big_banners .items .item.wide50,.top_big_banners .items .item.wide100{width:100%;}.top_big_banners:not(.nop) .items{margin:0px -10px;width:auto;}.top_big_banners:not(.nop) .items .item{padding:10px;}.top_big_banners:not(.nop) .child{padding:0;}.top_big_banners:not(.nop) .child>.row .item{padding:10px;}.top_big_banners .item .item_inner .wrap_tizer{z-index:12;bottom:0;}.top_big_banners .item .item_inner .text .section{margin:0 0 11px;opacity:.7;}.top_big_banners .item .item_inner .text .title{max-height:81px;overflow:hidden;text-overflow:ellipsis;}.top_big_banners .item .item_inner .wrap_tizer .wrapper_inner_tizer{padding:33px 40px 34px 40px;}.top_big_banners.short_block:not(.nop) .top_slider_wrapp{padding:0 0 10px;}.BIG_BANNER_INDEX>.maxwidth-theme .top_big_banners.short_block{padding:0 0 0;margin-bottom:-10px;}.BIG_BANNER_INDEX>.maxwidth-theme .top_big_banners.short_block .flex-viewport,.BIG_BANNER_INDEX>.maxwidth-theme .top_big_banners.short_block .item .item_inner{border-radius:3px;}.BIG_BANNER_INDEX>.maxwidth-theme .top_big_banners.top_margin_banner{margin-top:30px;}.top_big_banners.short_block .item .item_inner .wrap_tizer .wrapper_inner_tizer{padding:28px 28px 21px 28px;}.top_big_banners.short_block .item .item_inner .text .title{font-size:1em;}.top_big_banners .item .item_inner .wrap_tizer .wrapper_inner_tizer a.outer_text{color:#fff;text-decoration:none;}.top_big_banners .item .item_inner{position:relative;overflow:hidden;height:275px;}.top_big_banners .item .img_block{background-size:cover;background-position:center center;width:100%;height:100%;top:0;left:0;right:0;position:absolute;}body .short_block.v2 .top_slider_wrapp .main-slider .text .banner_title .section,.short_block.v2 .top_slider_wrapp .main-slider .banner_title .stickers,.short_block.v2 .top_slider_wrapp .main-slider .banner_title .view_sale_block,.short_block.v2 .top_slider_wrapp .main-slider .banner_title .votes_block{display:none;}body .short_block.v2 .top_slider_wrapp .main-slider .text .banner_text{max-height:50px;}.top_big_banners.short_block.v2 .top_slider_wrapp .img img{max-height:none;bottom:auto;top:0;}.top_big_banners.half_block .main-slider__item .img{padding-left:130px;}.top_big_banners.half_block .main-slider .banner_title .head-title{position:relative;display:block;}.top_big_banners.half_block .main-slider .banner_title,.top_big_banners.half_block .main-slider .banner_title a{color:var(--white_text_black);}.top_big_banners.half_block .main-slider .banner_text{color:var(--white_text_black);}@media (max-width:1020px) and (min-width:950px){.main-slider .banner_title,.main-slider .banner_text,.main-slider .banner_buttons{margin-right:40px}}@media (min-width:992px){.top_big_banners .wrap_tizer .preview{max-height:80px;overflow:hidden}.top_big_banners>.row{margin:0px -10px}.top_big_banners>.row>div .row{margin:0}.top_big_banners:not(.nop) .child>.row .item .item_inner{height:240px}.top_big_banners:not(.nop) .child{margin-top:-10px}.top_big_banners.short_block .items .item .item_inner{height:220px}.top_big_banners.short_block .slide .stickers{display:none}.top_big_banners.short_block.v2 .top_slider_wrapp .main-slider__item,.top_big_banners.short_block.v2 .top_slider_wrapp .main-slider__item td,.top_big_banners.short_block.v2 .top_slider_wrapp .main-slider{height:300px}.top_big_banners.half_block .top_slider_wrapp .main-slider__item,.top_big_banners.half_block .top_slider_wrapp .main-slider__item td,.top_big_banners.half_block .top_slider_wrapp .main-slider{height:622px}.top_big_banners.half_block .main-slider .banner_title .head-title{padding-right:80px}.top_big_banners.half_block .main-slider .banner_title .head-title:after{content:"";position:absolute;display:block;width:160px;height:2px;background:#ddd;background:var(--theme-base-color);right:-95px;top:20px}body.BIG_BANNER_INDEX_type_2 .top_big_banners.short_block .slide .top_slider_wrapp .main-slider .left .banner_buttons,body.BIG_BANNER_INDEX_type_2 .top_big_banners.short_block .slide .top_slider_wrapp .main-slider .left .banner_text,body.BIG_BANNER_INDEX_type_2 .top_big_banners.short_block .slide .top_slider_wrapp .main-slider .left .banner_title{margin-left:100px}.top_big_banners.short_block .slide .top_slider_wrapp .main-slider .left .banner_buttons,.top_big_banners.short_block .slide .top_slider_wrapp .main-slider .left .banner_text,.top_big_banners.short_block .slide .top_slider_wrapp .main-slider .left .banner_title{margin-left:50px}.top_big_banners.short_block .slide .top_slider_wrapp .main-slider .banner_title,.top_big_banners.short_block .slide .top_slider_wrapp .main-slider .banner_text,.top_big_banners.short_block .slide .top_slider_wrapp .main-slider .banner_buttons{margin-right:0}.top_big_banners.short_block .slide .top_slider_wrapp .main-slider .left .banner_text{max-height:131px}body .top_big_banners .items .item{width:25%}body .top_big_banners.short_block .items .item:not(.wide100){width:33.33%}body .top_big_banners .items .item.wide50{width:50%}.top_big_banners .top_slider_wrapp .main-slider__item,.top_big_banners .top_slider_wrapp .main-slider__item td,.top_big_banners .top_slider_wrapp .main-slider{height:550px}.top_big_banners.short_block .top_slider_wrapp .main-slider__item,.top_big_banners.short_block .top_slider_wrapp .main-slider__item td,.top_big_banners.short_block .top_slider_wrapp .main-slider{height:500px}.top_big_banners.only_banner .top_slider_wrapp .main-slider__item,.top_big_banners.only_banner .top_slider_wrapp .main-slider__item td,.top_big_banners.only_banner .top_slider_wrapp .main-slider{height:496px}.top_big_banners.only_banner.more_height .top_slider_wrapp .main-slider__item,.top_big_banners.only_banner.more_height .top_slider_wrapp .main-slider__item td,.top_big_banners.only_banner.more_height .top_slider_wrapp .main-slider{height:calc(496px + 100px)}}@media screen and (max-width:991px),projection and (max-width:991px),tv and (max-width:991px),handheld and (max-width:991px){.top_slider_wrapp .main-slider__item,.top_slider_wrapp .main-slider__item td,.top_slider_wrapp .main-slider{height:380px}.top_slider_wrapp .main-slider__item .text.left .banner_text,.top_slider_wrapp .main-slider__item .text.left .banner_title,.top_slider_wrapp .main-slider__item .text.left .banner_buttons,.top_slider_wrapp .left .text .section{margin-left:80px}.top_slider_wrapp .banner_title .stickers{padding-bottom:11px}.main-slider__item .text .banner_title .head-title{font-size:22px;line-height:30px}.main-slider__item .banner_title .view_sale_block,.main-slider__item .banner_title .sale_block{display:none}.main-slider__item .text .banner_text{line-height:1.6em;margin-top:11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.main-slider__item .text .banner_buttons{margin-top:15px}.top_slider_wrapp .swiper-button-next,.top_slider_wrapp .swiper-button-prev{display:none}.top_slider_wrapp .text .banner_title .votes_block{margin-top:7px}.top_slider_wrapp .banner_title .prices{margin-top:6px}.top_slider_wrapp .banner_title .prices .price:not(.price_old){font-size:1.067em}.top_slider_wrapp .main-slider__item .banner_buttons.with_actions{margin-top:8px}.top_slider_wrapp .main-slider__item .banner_buttons .btn{padding:12px 21px 12px;margin:3px 3px 7px 3px}.top_slider_wrapp .main-slider__item .wraps_buttons .wrap{height:40px;width:40px}.main-slider .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:11px}}@media (max-width:991px) and (min-width:768px){}@media (min-width:768px){.navigation_offset .swiper-button-next{right:-10px;text-align:right}.navigation_offset .swiper-button-prev{left:-10px}.top_slider_wrapp .main-slider__item tr.main_info{background-image:none!important}.top_slider_wrapp.view_2 .main-slider__item tr.adaptive_info{display:none}body .top_big_banners.half_block .main-slider .box:after{content:"";display:block!important;position:absolute;left:0;top:0;bottom:0;width:50%;background:#ffffff;background:var(--card_bg_black);opacity:1}.top_big_banners.half_block .main-slider .banner_title .section{color:#999;opacity:1}.top_big_banners.half_block .main-slider .light,.top_big_banners.half_block .main-slider .light .banner_title,.top_big_banners.half_block .main-slider .light,.top_big_banners.half_block .main-slider .light .banner_title h1,.top_big_banners.half_block .main-slider .light .banner_text,.top_big_banners.half_block .main-slider .light .banner_title a{color:#333;color:var(--white_text_black)}.top_big_banners.half_block .main-slider .banner_title .head-title,.top_big_banners.half_block .main-slider .banner_title .head-title a,.top_big_banners.half_block .banner_title .prices .price:not(.price_old){color:#333;color:var(--white_text_black)}.top_big_banners.half_block .main-slider .banner_title .banner_text{color:#777}.top_big_banners.half_block .main-slider .wrap:not(.added) svg path{fill:#333;fill:var(--white_text_black)}.top_big_banners.half_block .box.light .sale_block.v2 .text>span{color:#333;color:var(--white_text_black)}.top_big_banners.half_block .main-slider{text-align:left}body .top_big_banners.half_block .swiper-pagination-bullet,body .top_big_banners.half_block .swiper-pagination-bullet:before{width:8px;height:8px;transform:none}.top_big_banners.half_block .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):before{background:#d6d6d6}.top_big_banners.half_block .swiper-pagination{display:block;padding-left:90px;margin:auto;text-align:left;right:0}.half_block .top_slider_wrapp .wrapper_video{width:50%;left:50%;overflow:hidden}}@media screen and (max-width:767px),projection and (max-width:767px),tv and (max-width:767px),handheld and (max-width:767px){.top_slider_wrapp .main-slider__item{background-image:none!important;background-color:#fff;background-color:var(--black_bg_black)}.top_slider_wrapp.view_2 .main-slider{border-bottom:1px solid #ececec;border-bottom-color:var(--stroke_black)}.top_slider_wrapp.view_2>.main-slider,.top_slider_wrapp.view_2 .main-slider__item{height:auto!important}.top_slider_wrapp.view_2 .main-slider__item.light,.top_slider_wrapp.view_2 .main-slider__item.light .banner_title,.top_slider_wrapp.view_2 .main-slider__item.light,.top_slider_wrapp.view_2 .main-slider__item.light .banner_title h1,.top_slider_wrapp.view_2 .main-slider__item.light .banner_text,.top_slider_wrapp.view_2 .main-slider__item.light .banner_title a{color:#202020;color:var(--white_text_black)}.top_slider_wrapp .main-slider__item,.top_slider_wrapp .main-slider__item tr,.top_slider_wrapp .main-slider__item td,.top_slider_wrapp .main-slider{height:350px}.top_slider_wrapp.view_2 .main-slider__item tr.main_info,.top_slider_wrapp.view_2 .main-slider__item tr.main_info td.img{height:280px}.top_slider_wrapp.view_2 .main-slider__item td.text{display:none}.top_slider_wrapp.view_2 .main-slider__item.center .main_info{display:block}body .top_slider_wrapp .main-slider__item td.text{width:100%}.top_slider_wrapp.view_1 .main-slider__item .banner_title .stickers{display:flex;justify-content:center}body .top_slider_wrapp .main-slider__item td.text.left .banner_title{margin-left:10px}body .top_slider_wrapp .main-slider__item td.text .banner_text,body .top_slider_wrapp .main-slider__item td.text .banner_title,body .top_slider_wrapp .main-slider__item td.text .banner_buttons,.main-slider__item.left .text .section{margin-left:10px;margin-right:10px}body .top_slider_wrapp .main-slider__item td.text *{text-align:center}.top_slider_wrapp .main-slider__item td.text.left .banner_text,.top_slider_wrapp .main-slider__item td.text.left .banner_buttons,.main-slider__item.left .text .section,.top_slider_wrapp .main-slider__item td.text.right .banner_text,body .top_slider_wrapp .main-slider__item td.text.right .banner_buttons,.main-slider__item.right .text .section{margin-left:40px;margin-right:40px}.top_slider_wrapp.view_2 .main-slider__item .banner_title,.top_slider_wrapp.view_2 .main-slider__item .banner_title a,.top_slider_wrapp.view_2 .main-slider__item .banner_text,.top_slider_wrapp.view_2 .main-slider__item .banner_buttons{display:inline-block;margin-left:0;margin-right:0;text-align:center;width:100%;color:var(--white_text_black)}.top_slider_wrapp.view_2 .main-slider__item td.img:not(.with_video){display:block;position:relative;margin:auto}.top_slider_wrapp.view_2 .main-slider__item.image td.img{display:table-cell}body .top_slider_wrapp .main-slider__item td.img:not(.with_video),body .top_slider_wrapp .main-slider__item .text .banner_title .section{display:none}.top_slider_wrapp.view_1 .image tr.main_info{display:block}.top_slider_wrapp.view_2 .main-slider__item tr.adaptive_info{height:auto;text-align:center;background:#fff;background:var(--black_bg_black);display:block;padding:30px 5vw}.top_slider_wrapp.view_2 .main-slider__item tr.adaptive_info .tablet_text{height:auto;display:inline-block}.top_slider_wrapp.view_2 .main-slider__item .banner_title .head-title{display:block;font-size:23px;margin-bottom:11px}.top_slider_wrapp.view_2 .main-slider__item .banner_text{font-size:14px;line-height:24px;margin-top:3px}.top_slider_wrapp.view_2 .main-slider__item.left .banner_buttons{margin-top:5px}.top_slider_wrapp.view_2 .swiper-pagination-bullets.swiper-pagination-horizontal{top:241px;bottom:auto}.top_slider_wrapp.view_2 .main-slider__item td.img:not(.with_video) img{max-height:calc(100% - 10px);left:50%;transform:translateX(-50%)}.top_slider_wrapp.view_2 .main-slider__item.image td.img img{transform:none}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .stickers{display:flex;justify-content:center;position:relative;padding:0;margin-bottom:11px}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .price_adaptive_wrapper{display:inline-flex;align-items:center;margin-top:4px}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .view_sale_block{display:block;margin-top:4px;margin-right:31px}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .view_sale_block .icons{display:inline-block}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .price_adaptive_wrapper .price_adaptive_wrapper_inner{text-align:left}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .price_adaptive_wrapper .price_adaptive_wrapper_inner .prices{margin-top:3px}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .price_adaptive_wrapper .price_adaptive_wrapper_inner .sale_block{display:block}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .banner_buttons.with_actions{margin-top:12px}.top_slider_wrapp.view_2 .main-slider__item .banner_buttons.with_actions .btn{padding:13px 21px 13px}.top_slider_wrapp.view_2 .main-slider__item .banner_buttons.with_actions>.btn:last-of-type{margin-right:14px}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .banner_buttons.with_actions .wrap{border:1px solid #eee;border-color:var(--stroke_black);height:42px;width:42px;margin-right:4px}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .banner_buttons.with_actions .wrap:not(.added) svg *{fill:#999}.top_slider_wrapp.view_2 .wrapper_video{height:280px;overflow:hidden}.top_slider_wrapp.view_3 .main-slider__item,.top_slider_wrapp.view_3 .main-slider__item tr,.top_slider_wrapp.view_3 .main-slider__item td,.top_slider_wrapp.view_3 .main-slider{height:auto}.top_slider_wrapp.view_3 .main-slider__item tr{background-size:cover;opacity:1;padding-top:68.75%;display:block!important}.top_slider_wrapp.view_3 .main-slider__item td.text{display:none}.top_slider_wrapp.view_3 .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:8px}.svg.svg-playpause{display:none}.top_slider_wrapp.view_2 .img.with_video .video_block{display:none}.top_slider_wrapp.view_3 .image.wvideo .img.with_video .play.btn-video{position:absolute;transform:translate3d(-50%,-50%,0);top:50%;left:50%}}.bx-touch .top_slider_wrapp.view_2 .main-slider__item .adaptive_info .banner_buttons.with_actions .wrap:not(.added):hover{border:1px solid #eee;border-color:var(--stroke_black);background-color:#fff;}.bx-touch .top_slider_wrapp .main-slider__wrapper .wraps_buttons .wrap:not(.added):hover{background-color:#fff;}@media (max-width:450px){body .top_slider_wrapp .main-slider__item td.text.left .banner_text,body .top_slider_wrapp .main-slider__item td.text.left .banner_buttons,.main-slider__item.left .text .section,body .top_slider_wrapp .main-slider__item td.text.right .banner_text,body .top_slider_wrapp .main-slider__item td.text.right .banner_buttons,.main-slider__item.right .text .section{margin-left:2px;margin-right:2px}body .top_slider_wrapp .main-slider__item td.text .banner_text{margin:2px 2px 0;font-size:13px;line-height:22px;margin-top:11px;max-height:none}.top_slider_wrapp.view_1 .main-slider__item .banner_buttons a{font-size:10px;line-height:12px;padding:10px 14px 8px}body .top_slider_wrapp .main-slider__item{background-size:225% auto}.top_slider_wrapp .main-slider__item,.top_slider_wrapp .main-slider__item td,.top_slider_wrapp .main-slider__item tr,.top_slider_wrapp .main-slider{height:280px}.top_slider_wrapp.view_1 .main-slider__item .wraps_buttons .wrap{height:32px;width:32px}.top_slider_wrapp.view_2 .main-slider__item tr.main_info,.top_slider_wrapp.view_2 .main-slider__item tr.main_info td.img{height:250px}.top_slider_wrapp.view_2 .main-slider__item td.img:not(.with_video){width:80%}.top_slider_wrapp.view_2 .main-slider__item td.img:not(.with_video) img{max-width:100%}.top_slider_wrapp.view_2 .main-slider__item tr.adaptive_info{padding:27px 20px}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .stickers{display:none}.top_slider_wrapp.view_2 .main-slider__item .banner_title .head-title{font-size:18px}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .votes_block{display:none}.top_slider_wrapp.view_2 .main-slider__item .banner_text{font-size:13px;line-height:22px;margin-top:3px;max-height:none}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .price_adaptive_wrapper{justify-content:center;margin-top:13px}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .price_adaptive_wrapper .price_adaptive_wrapper_inner{text-align:center}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .view_sale_block{display:none}.top_slider_wrapp.view_2 .main-slider__item .adaptive_info .banner_buttons.with_actions{margin-top:11px}.top_slider_wrapp.view_2 .main-slider__item .banner_buttons.with_actions>.btn:last-of-type{margin:12px}.top_slider_wrapp.view_2 .swiper-pagination-bullets.swiper-pagination-horizontal{top:211px}}
/* End */


/* Start:/local/templates/aspro_max/css/blocks/grid-list.min.css?17526976934788*/
.grid-list{--gap:var(--theme-items-gap,32px);gap:var(--gap);display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));}.grid-list__item{min-width:0;}.grid-list--items{--items-count:1;grid-template-columns:repeat(var(--items-count),1fr);}.grid-list--items-2{--items-count:2;}.grid-list--items-3{--items-count:3;}.grid-list--items-4{--items-count:4;}.grid-list--items-5{--items-count:5;}.grid-list--no-gap .grid-list-border-outer{margin:0px -1px -1px 0;}@media(min-width:601px){.grid-list--items-2-from-601{--items-count:2}.grid-list--items-3-from-601{--items-count:3}.grid-list--auto-masonry--26-in-loop-span-4-1st-from-1200 .grid-list__item:nth-of-type(26n+1),.grid-list--auto-masonry--26-in-loop-span-4-14th-from-1200 .grid-list__item:nth-of-type(26n+14){grid-column:span 2}}@media(min-width:768px){.grid-list--items-5-from-768{--items-count:5}.grid-list--items-4-from-768{--items-count:4}.grid-list--items-3-from-768{--items-count:3}.grid-list--items-2-from-768{--items-count:2}.grid-list--items-1-from-768{--items-count:1}}@media(min-width:992px){.grid-list--items-5-from-992{--items-count:5}.grid-list--items-4-from-992{--items-count:4}.grid-list--items-3-from-992{--items-count:3}.grid-list--items-2-from-992{--items-count:2}.grid-list--items-1-from-992{--items-count:1}.grid-list--auto-masonry--26-in-loop-span-4-1st-from-1200 .grid-list__item:nth-of-type(26n+1),.grid-list--auto-masonry--26-in-loop-span-4-14th-from-1200 .grid-list__item:nth-of-type(26n+14){grid-column:span 3}}@media (min-width:1200px){.grid-list--items-6-from-1200{--items-count:6}.grid-list--items-5-from-1200{--items-count:5}.grid-list--items-4-from-1200{--items-count:4}.grid-list--items-3-from-1200{--items-count:3}.grid-list--items-2-from-1200{--items-count:2}.grid-list--auto-masonry--6-in-loop-span-3rd-from-1200 .grid-list__item:nth-of-type(6n+3),.grid-list--auto-masonry--6-in-loop-span-4th-from-1200 .grid-list__item:nth-of-type(6n+4),.grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .grid-list__item:nth-of-type(14n+1),.grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .grid-list__item:nth-of-type(14n+10){grid-column:span 2}.grid-list--auto-masonry--26-in-loop-span-4-1st-from-1200 .grid-list__item:nth-of-type(26n+1),.grid-list--auto-masonry--26-in-loop-span-4-14th-from-1200 .grid-list__item:nth-of-type(26n+14){grid-column:span 4}}@media (max-width:600px){.grid-list--items-2-to-600{--items-count:2}#main .grid-list.grid-list--compact{--items-count:2}.grid-list{--gap:min(var(--theme-items-gap),16px)}}@media (max-width:450px){#main .grid-list.grid-list--compact{gap:0}#main .grid-list.grid-list--compact .grid-list-border-outer{margin:0px -1px -1px 0}#main .grid-list.grid-list--compact .grid-list__item>.bordered,#main .grid-list.grid-list--compact .js-popup-block{border-radius:0}}.grid-list--fill-bg>.grid-list__item>div{background:var(--card_bg_black);}.grid-column-span,.grid-column-span-to-1199{--span:2;grid-column:span var(--span);}.grid-column-span--3,.grid-column-span--3-to-1199{--span:3;}.grid-column-span--4,.grid-column-span--4-to-1199{--span:4;}@media (max-width:1101px){.grid-column-span,.grid-column-span--3,.grid-column-span--4{--span:1}}@media (max-width:1199px){.grid-column-span-to-1199,.grid-column-span--3-to-1199,.grid-column-span--4-to-1199{--span:1}}.grid-center{display:grid;place-content:center;}.gap{--gap:0;gap:var(--gap);}.gap--2{--gap:2px;}.gap--4{--gap:4px;}.gap--6{--gap:6px;}.gap--8{--gap:8px;}.gap--12{--gap:12px;}.gap--16{--gap:16px;}.gap--20{--gap:20px;}.gap--24{--gap:24px;}.gap--28{--gap:28px;}.gap--32{--gap:clamp(24px,3vw,32px);}.gap--40{--gap:clamp(32px,3vw,40px);}.gap--48{--gap:clamp(40px,3vw,48px);}.gap--x{--gap:var(--theme-items-gap);}.row-gap{--row-gap:0;row-gap:var(--row-gap);}.row-gap--2{--row-gap:2px;}.row-gap--4{--row-gap:4px;}.row-gap--6{--row-gap:6px;}.row-gap--8{--row-gap:8px;}.row-gap--12{--row-gap:12px;}.row-gap--16{--row-gap:16px;}.row-gap--20{--row-gap:20px;}.row-gap--24{--row-gap:24px;}.row-gap--32{--row-gap:clamp(24px,3vw,32px);}.row-gap--40{--row-gap:clamp(32px,3vw,40px);}.row-gap--48{--row-gap:clamp(40px,3vw,48px);}.row-gap--x{--row-gap:var(--theme-items-gap);}.column-gap{--column-gap:0;column-gap:var(--column-gap);}.column-gap--2{--column-gap:2px;}.column-gap--4{--column-gap:4px;}.column-gap--6{--column-gap:6px;}.column-gap--8{--column-gap:8px;}.column-gap--12{--column-gap:12px;}.column-gap--16{--column-gap:16px;}.column-gap--20{--column-gap:20px;}.column-gap--24{--column-gap:24px;}.column-gap--32{--column-gap:clamp(24px,3vw,32px);}.column-gap--40{--column-gap:clamp(32px,3vw,40px);}.column-gap--48{--column-gap:clamp(40px,3vw,48px);}.column-gap--64{--column-gap:clamp(48px,3vw,64px);}.column-gap--80{--column-gap:clamp(48px,3vw,80px);}.column-gap--x{--column-gap:var(--theme-items-gap);}
/* End */


/* Start:/local/templates/aspro_max/css/skeleton.min.css?1752697693693*/
.skeleton-grid{--gap:30px;display:grid;gap:var(--gap);}.skeleton-grid--row{--repeat-row:1;grid-template-rows:repeat(var(--repeat-row),1fr);}.skeleton-grid--column{--repeat-column:1;grid-template-columns:repeat(var(--repeat-column),1fr);}.skeleton{--color-start:var(--light,#ececec) var(--dark,#3a3a3a);--color-end:var(--light,#f5f5f5) var(--dark,#2b2b2b);background:#eee;background:linear-gradient(110deg,var(--color-start) 8%,var(--color-end) 18%,var(--color-start) 33%);background-size:200% 100%;animation:1.5s skeleton-shine linear infinite;}.skeleton-item--title{width:90%;height:26px;}.skeleton-item--price{width:40%;height:30px;}@keyframes skeleton-shine{to{background-position-x:-200%}}
/* End */


/* Start:/local/templates/aspro_max/css/conditional/ui-card.min.css?1752697693518*/
.ui-card{position:relative;overflow:hidden;}.ui-card__image{--aspect-ratio:3 / 2;overflow:hidden;position:relative;aspect-ratio:var(--aspect-ratio);}@media (any-hover:hover){a.ui-card:hover .ui-card__img{scale:1.1}.ui-card--image-scale:hover .ui-card__img{scale:1.1}}.ui-card__link{position:absolute;inset:0;z-index:1;}.ui-card__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;will-change:scale;transition:scale .6s ease;}.ui-card__img.lazyloaded{transition:scale .6s ease,opacity .3s ease;}
/* End */


/* Start:/local/templates/aspro_max/css/video_block.min.css?1752697693374*/
.video_block .video_body{padding-bottom:56.25%;position:relative}.video_block .video_body :is(.video-js,iframe){position:absolute;left:0;top:0;width:100%!important;height:100%!important}.video_block .vjs-big-play-button{top:50%;left:50%;transform:translate(-50%,-50%)}.video_from_file{width:100%;height:85%}.video_from_file .video-js{width:100%;height:100%;object-fit:cover}
/* End */


/* Start:/local/templates/aspro_max/vendor/css/carousel/owl/owl.carousel.min.css?17526976933351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/aspro_max/vendor/css/carousel/owl/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/aspro_max/vendor/css/carousel/owl/owl.theme.default.min.css?17526976931013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/local/templates/aspro_max/css/detail-gallery.min.css?17526976937046*/
.detail-gallery-big{--slider-max-height:450px;--slider-max-width:450px;--slider-proportion:calc(450 / 450);}.detail-gallery-big--ratio-horizontal{--slider-max-width:600px;--slider-max-height:450px;--slider-proportion:calc(450 / 600);}.detail-gallery-big--ratio-vertical{--slider-max-width:450px;--slider-max-height:600px;--slider-proportion:calc(600 / 450);}.detail-gallery-big--ratio-square_big{--slider-max-width:800px;--slider-max-height:800px;--slider-proportion:calc(800 / 800);}@media(min-width:768px) and (max-width:1199px){body .detail-gallery-big--ratio-square_big{--slider-max-width:600px;--slider-max-height:600px}}.product-container .detail-gallery-big__picture{max-height:100%;}.product-container .detail-gallery-big__picture.zoom_picture{width:auto!important;}.detail-gallery-big-slider-main__ratio-wrap{position:relative;width:100%;padding-top:calc(100% * var(--slider-proportion));}.detail-gallery-big-slider-main__ratio-inner{position:absolute;top:0;right:0;left:0;bottom:0;}.gallery-wrapper--hide-thumbs:not(.detail-gallery-big--with-video) .detail-gallery-big-slider-thumbs{display:none;}.gallery-wrapper{display:flex;gap:var(--thumb-gap);height:100%;width:100%;}.detail-gallery-big--horizontal .gallery-wrapper{flex-direction:column-reverse;}.detail-gallery-big-slider-main{height:100%;position:relative;width:100%;min-width:0;}.detail-gallery-big.image-list__link{position:relative;}.detail-gallery-big{margin:0 auto;padding:0;position:relative;}.detail-gallery-big-slider-main__inner{margin:0 auto;max-width:var(--slider-max-width);padding:0;position:relative;}.detail-gallery-big__item>a,.detail-gallery-big__item--no-image>span{width:100%;height:100%;display:flex;align-items:center;position:absolute;top:0;}@media (max-width:1199px){.catalog-detail .detail-gallery-big{flex:0 0 100%;width:100%}.bx-ie .catalog-detail .detail-gallery-big{flex-basis:auto}}.detail-gallery-big__item--big{height:100%;position:relative;width:100%;}.detail-gallery-big__item--big img{cursor:zoom-in;}.detail-gallery-big__item--big.detail-gallery-big__item--no-image img{cursor:auto;}.detail-gallery-big-slider{height:100%;}@media (max-width:767px){body .detail-gallery-big{--slider-max-width:300px}body .detail-gallery-big--ratio-horizontal{--slider-max-width:400px}}.detail-gallery-big{--thumb-size:64px;--thumb-gap:24px;}.detail-gallery-big-slider-thumbs__inner{position:absolute;top:0;bottom:0;left:0;right:0;align-items:center;display:flex;gap:16px;}.detail-gallery-big--vertical .detail-gallery-big-slider-thumbs__inner{flex-direction:column;}@media(min-width:1200px){.detail-gallery-big.detail-gallery-big--ratio-square_big{--thumb-size:96px;--thumb-gap:24px}}.detail-gallery-big.detail-gallery-big--no-thumbs{--thumb-size:0;--thumb-gap:0;}.detail-gallery-big.gallery-wrapper--hide-thumbs:not(.detail-gallery-big--with-video){--thumb-size:0;--thumb-gap:0;}.detail-gallery-big-slider-thumbs{--border-radius-thumbs:6px;align-items:center;display:flex;height:auto;position:relative;flex-shrink:0;}.detail-gallery-big--vertical .detail-gallery-big-slider-thumbs{width:var(--thumb-size);}.detail-gallery-big--horizontal .detail-gallery-big-slider-thumbs{height:var(--thumb-size);}.gallery-slider-thumb__container{display:flex;height:100%;max-height:100%;max-width:100%;position:relative;width:auto;}@media screen and (max-width:767px){.gallery-slider-thumb__container{display:none}.show-bottom-pagination{padding-bottom:24px}.detail-gallery-big-slider-thumbs{display:block;position:static;height:auto}.detail-gallery-big{--thumb-size:0;--thumb-gap:0}}.gallery-slider-thumb__container--hide-navigation .gallery-slider-thumb{height:100%;}.gallery-slider-thumb__container--hide-navigation .gallery-slider-thumb,.gallery-slider-thumb__container--hide-navigation.gallery-slider-thumb__container--with-popup .gallery-slider-thumb{width:100%;}.gallery__item--thumb{align-items:center;border:2px solid transparent;display:flex;max-height:var(--thumb-size);max-width:var(--thumb-size);min-height:var(--thumb-size);min-width:var(--thumb-size);padding:3px;width:100%;border-radius:var(--border-radius-thumbs);overflow:hidden;}.gallery__item--thumb.swiper-slide-thumb-active{border-color:var(--theme-base-color);border-radius:var(--border-radius-thumbs);}.gallery-slider-thumb__container--hide-navigation .gallery-slider-thumb-button{display:none!important;}.gallery-slider-thumb__container--with-popup .gallery-slider-thumb{width:100%;}.detail-gallery-big-slider-thumbs .gallery-slider-thumb-button{align-items:center;border-radius:var(--border-radius-thumbs);bottom:auto;height:100%;left:0;margin:0;position:relative;right:0;top:auto;width:36px;min-width:36px;}.gallery-slider-thumb-button.gallery-slider-thumb-button--prev{margin-right:4px;}.gallery-slider-thumb-button.gallery-slider-thumb-button--next{margin-left:4px;}.detail-gallery-big-slider-thumbs .gallery-slider-thumb-button.swiper-button-disabled:not(.swiper-button-lock){display:flex;}.detail-gallery-big--horizontal .detail-gallery-big-slider-thumbs__inner{justify-content:center;}.detail-gallery-big--horizontal_block .gallery-wrapper{flex-direction:column-reverse;}.detail-gallery-big--horizontal_block .detail-gallery-big-slider-thumbs{display:block;height:auto;}.detail-gallery-big--horizontal_block .detail-gallery-big-slider-thumbs__inner{position:static;display:block;}.detail-gallery-big--horizontal_block .gallery-slider-thumb{container-type:inline-size;width:100%;}.detail-gallery-big--horizontal_block .gallery-slider-thumb-button{display:none!important;}.detail-gallery-big--horizontal_block .gallery__thumb-wrapper{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,clamp(54px,12cqw,64px));justify-content:center;cursor:default!important;transform:none!important;}.detail-gallery-big--horizontal_block .gallery__item--thumb{margin:0!important;padding:0;aspect-ratio:1;min-width:auto;min-height:auto;max-width:none;max-height:none;}.detail-gallery-big--vertical .detail-gallery-big-slider-main{height:100%;}.detail-gallery-big--vertical .detail-gallery-big-slider-thumbs{flex-direction:column;}.detail-gallery-big--vertical .gallery-slider-thumb__container{flex-direction:column;height:auto;max-width:var(--thumb-size);}.detail-gallery-big--vertical .gallery-slider-thumb{height:100%;width:100%;}.detail-gallery-big--vertical .gallery-slider-thumb__container--with-popup .gallery-slider-thumb{height:100%;}.detail-gallery-big--vertical .gallery-slider-thumb-button{height:36px;width:100%;}.detail-gallery-big-slider-thumbs .gallery-slider-thumb-button:after{display:none;}@media screen and (min-width:601px){.detail-gallery-big--vertical .gallery-slider-thumb-button .svg{transform:rotateZ(90deg)}.detail-gallery-big--vertical .gallery-slider-thumb-button.gallery-slider-thumb-button--prev{margin-right:0;margin-bottom:4px}.detail-gallery-big--vertical .gallery-slider-thumb-button.gallery-slider-thumb-button--next{margin-left:0;margin-top:4px}}@media screen and (max-width:600px){.detail-gallery-big--vertical .gallery-slider-thumb-button{height:100%;width:36px}}/**/
/* End */


/* Start:/local/templates/aspro_max/css/bonus-system.min.css?17526976931535*/
.bonus-system-block,.bonus_item_cart,.lt_cart_bonus_all{font-size:.8rem;line-height:1rem;position:relative;padding:4px 0 0 14px;width:max-content}.bonus-system-block:empty,.bonus_item_cart:empty,.lt_cart_bonus_all:empty{display:none}.bonus-system-block:after,.bonus_item_cart:after,.lt_cart_bonus_all:after{content:'';display:block;position:absolute;left:0;top:3px;bottom:0;width:11px;background:url(/local/templates/aspro_max/css/../images/svg/bonus_icon.svg) center no-repeat}.catalog_item.big .bonus-system-block{color:#fff}.catalog_item.big .bonus-system-block:not(:empty):after{background:url(/local/templates/aspro_max/css/../images/svg/bonus_icon_white.svg) center no-repeat}.services_buy_block .bonus-system-block{margin-left:9px}.body-info__bottom .sale_block~.bonus-system-block{margin-top:5px}.prices-services-detail .bonus-system-block{margin-left:8px}.bonus_item_cart{margin-bottom:5px}.basket_fly .items_wrap .bonus-system-block,.basket_hover_block .bonus-system-block,.lt_cart_bonus_all{margin-left:auto}#bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line [id^=bonus]>span{background:var(--card_bg_black);position:relative;z-index:1}.bx-soa-section-content.lt_bonus_cont_success{background-color:var(--black_bg_black);padding-top:26px}.bonus_comment_min_max{color:var(--white_text_black)}#bonus_payment_block .bx-soa-coupon-input.lt_no_arrow:before{display:none}#bonus_payment_block #bonus_payfield_block .bx-soa-coupon-input{display:inline-block;vertical-align:baseline;overflow:visible}#bonus_payment_block #bonus_payfield_block .bx-soa-coupon-input input{margin-bottom:10px}
/* End */


/* Start:/local/templates/aspro_max/css/jquery.fancybox.min.css?175269769313062*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;max-height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* /local/templates/aspro_max/components/bitrix/catalog/main/style.min.css?178474726860137 */
/* /local/templates/aspro_max/components/bitrix/catalog.element/smx_detail/style.css?1784783698181900 */
/* /bitrix/components/aspro/props.group.max/templates/.default/style.min.css?17526969494851 */
/* /local/templates/aspro_max/components/bitrix/sale.gift.main.products/main/style.min.css?1752697694604 */
/* /local/templates/aspro_max/vendor/css/carousel/swiper/swiper-bundle.min.css?175269769314468 */
/* /local/templates/aspro_max/css/slider.swiper.min.css?17526976934048 */
/* /local/templates/aspro_max/css/main_slider.min.css?175269769328839 */
/* /local/templates/aspro_max/css/blocks/grid-list.min.css?17526976934788 */
/* /local/templates/aspro_max/css/skeleton.min.css?1752697693693 */
/* /local/templates/aspro_max/css/conditional/ui-card.min.css?1752697693518 */
/* /local/templates/aspro_max/css/video_block.min.css?1752697693374 */
/* /local/templates/aspro_max/vendor/css/carousel/owl/owl.carousel.min.css?17526976933351 */
/* /local/templates/aspro_max/vendor/css/carousel/owl/owl.theme.default.min.css?17526976931013 */
/* /local/templates/aspro_max/css/detail-gallery.min.css?17526976937046 */
/* /local/templates/aspro_max/css/bonus-system.min.css?17526976931535 */
/* /local/templates/aspro_max/css/jquery.fancybox.min.css?175269769313062 */