@charset "utf-8";

 @font-face {
     font-family: 'Roboto';
     src: url('/fonts/Roboto-Bold.ttf') format('truetype');
     font-weight: 700;
     font-style: normal;
 }

 @font-face {
     font-family: 'Roboto';
     src: url('/fonts/Roboto-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
 }

 @font-face {
     font-family: 'Roboto';
     src: url('/fonts/Roboto-Regular.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
 }


 .cart_page_loader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 9999999999999999999999999999999999999999999999999;
     display: none;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transition: opacity 0.3s ease-in-out;
 }

 .cart_page_loader.show {
     display: flex;
     opacity: 1;
 }

 .cart_loader_overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(135deg, rgba(59, 109, 154, 0.95) 0%, rgba(45, 85, 120, 0.95) 100%);
     backdrop-filter: blur(5px);
 }

 .cart_loader_content {
     position: relative;
     z-index: 1;
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 30px;
 }

 .cart_loader_spinner {
     display: flex;
     gap: 12px;
     align-items: center;
     justify-content: center;
 }

 .cart_spinner_circle {
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: #ffffff;
     animation: cart_loader_bounce 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite both;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
 }

 .cart_spinner_circle:nth-child(1) {
     animation-delay: -0.32s;
 }

 .cart_spinner_circle:nth-child(2) {
     animation-delay: -0.16s;
 }

 .cart_spinner_circle:nth-child(3) {
     animation-delay: 0s;
 }

 @keyframes cart_loader_bounce {
     0% {
         transform: translateY(0) scale(0.9);
         opacity: 0.8;
     }

     50% {
         transform: translateY(-25px) scale(1.15);
         opacity: 1;
     }

     100% {
         transform: translateY(0) scale(0.9);
         opacity: 0.8;
     }
 }

 .cart_loader_text {
     color: #ffffff;
     font-size: 18px;
     font-weight: 500;
     font-family: 'Roboto', sans-serif;
     letter-spacing: 0.5px;
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
     animation: cart_text_pulse 2s ease-in-out infinite;
     min-height: 25px;
 }

 @keyframes cart_text_pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.7;
     }
 }

 /* Анімація появи тексту */
 .cart_loader_text.fade-in {
     animation: cart_text_fade_in 0.5s ease-in-out, cart_text_pulse 2s ease-in-out infinite 0.5s;
 }

 @keyframes cart_text_fade_in {
     from {
         opacity: 0;
         transform: translateY(10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }



 html {
     font-family: 'Roboto', sans-serif;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
 }

 body {
     margin: 0;
     font-weight: 400;
     font-family: 'Roboto', sans-serif;
     line-height: 21px;
     font-size: 14px;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 header,
 hgroup,
 main,
 nav,
 section,
 summary {
     display: block;
 }

 audio,
 canvas,
 progress,
 video {
     display: inline-block;
     vertical-align: baseline;
 }

 audio:not([controls]) {
     display: none;
     height: 0;
 }

 [hidden],
 template {
     display: none;
 }

 a,
 .a {
     background: transparent;
 }

 a:active,
 a:hover,
 .a:active,
 .a:hover {
     outline: 0;
 }

 abbr[title] {
     border-bottom: 1px dotted;
 }

 b,
 strong,
 .b {
     font-weight: 700;
 }

 dfn {
     font-style: italic;
 }

 mark {
     background: #ff0;
     color: #000;
 }

 small {
     font-size: 80%;
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }

 sup {
     top: -0.5em;
 }

 sub {
     bottom: -0.25em;
 }

 img {
     border: 0;
 }

 svg:not(:root) {
     overflow: hidden;
 }

 figure {
     margin: 1em 40px;
 }

 hr {
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
 }

 pre {
     overflow: auto;
 }

 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em;
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     border: 1px solid #dedede;
     color: inherit;
     font: inherit;
     margin: 0;
 }

 span.tv_link_name {
     font-size: 21px;
     font-weight: 500;
     font-family: 'Roboto', sans-serif;
 }

 .header-phone-link a {
     font-weight: 500;
     font-size: 16px;
 }

 button {
     overflow: visible;
     color: white;
 }

 button,
 select {
     text-transform: none;
 }

 button[disabled],
 html input[disabled] {
     cursor: default;
     background-color: gray;
 }

 button.gray_btn,
 .button.gray_btn {
     background-color: #d9d9d9;
     color: #3a4651;
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }

 input {
     line-height: normal;
 }

 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box;
     padding: 0;
 }

 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
     height: auto;
 }

 input[type="search"] {
     -webkit-appearance: textfield;
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
 }

 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }

 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
 }

 legend {
     border: 0;
     padding: 0;
 }

 textarea {
     overflow: auto;
 }

 optgroup {
     font-weight: bold;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
     margin: 0 0 15px;
 }

 td,
 th {
     padding: 5px;
     border-bottom: 1px solid #00000017;
 }

 table tr:last-child td,
 table tr:last-child th {
     border-bottom: none;
 }

 td#cart_total {
     color: red;
     font-size: 25px;
     font-weight: 600;
 }

 .checkout-rows .checkout-cell .checkout-part-next {
     background: red;
 }

 .checkout-rows .checkout-cell.checkout-cell-cart {
     border-radius: 10px;
 }


 li.tablinks_float.active {
     color: red;
     font-weight: 500;
     border-bottom: 2px solid red;
     position: relative;
 }

 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 html {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 body {
     font-size: 16px;
     color: black;
     background-color: #ffffff;
     display: block !important;
 }

 body.popup_mode {
     overflow: hidden;
 }

 input,
 button,
 select,
 textarea {
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
 }

 a,
 .a {
     color: black;
     text-decoration: none;
     cursor: pointer;
 }

 /* Клік мишею не повинен залишати «синю рамку» на всю картку; Tab — залишаємо чіткий фокус (WCAG 2.4.7) */
 a:focus,
 .a:focus {
     outline: none;
 }

 a:focus-visible,
 .a:focus-visible {
     outline: 2px solid rgba(37, 99, 235, 0.75);
     outline-offset: 3px;
     border-radius: 2px;
 }

 figure {
     margin: 0;
 }

 th {
     font-weight: 500;
     text-align: -internal-center;
 }

 hr {
     margin-top: 20px;
     margin-bottom: 20px;
     border: 0;
     border-top: 1px solid #eeeeee;
 }

 h2 small,
 h3 small,
 h4 small,
 h5 small,
 h6 small,
 .h1 small,
 .h2 small,
 .h3 small,
 .h4 small,
 .h5 small,
 .h6 small,
 h1 .small,
 h2 .small,
 h3 .small,
 h4 .small,
 h5 .small,
 h6 .small,
 .h1 .small,
 .h2 .small,
 .h3 .small,
 .h4 .small,
 .h5 .small,
 .h6 .small {
     font-weight: normal;
     line-height: 1;
     color: #999999;
 }

 h2 small,
 .h2 small,
 h3 small,
 .h3 small,
 h1 .small,
 .h1 .small,
 h2 .small,
 .h2 .small,
 h3 .small,
 .h3 .small {
     font-size: 65%;
 }

 h4 small,
 .h4 small,
 h5 small,
 .h5 small,
 h6 small,
 .h6 small,
 h4 .small,
 .h4 .small,
 h5 .small,
 .h5 .small,
 h6 .small,
 .h6 .small {
     font-size: 75%;
 }

 h1,
 .h1 {
     font-family: 'Roboto', sans-serif;
     color: rgba(0, 0, 0, 87%);
     font-size: 28px;
     font-weight: 500;
     line-height: 28px;
 }

 h2,
 .h2 {
     font-size: 26px;
 }

 h3,
 .h3 {
     font-size: 24px;
 }

 h4,
 .h4 {
     font-size: 18px;
 }

 h5,
 .h5 {
     font-size: 14px;
 }

 h6,
 .h6 {
     font-size: 12px;
 }

 p {
     margin: 0 0 10px;
 }

 small,
 .small {
     font-size: 85%;
 }

 cite {
     font-style: normal;
 }

 ul,
 ol {
     margin-top: 0;
     margin-bottom: 0;
 }

 ul ul,
 ol ul,
 ul ol,
 ol ol {
     margin-bottom: 0;
 }

 .list-unstyled {
     padding-left: 0;
     list-style: none;
 }

 .list-inline {
     padding-left: 0;
     list-style: none;
     margin-left: -5px;
 }

 .list-inline>li {
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
 }

 dl {
     margin-top: 0;
     margin-bottom: 20px;
 }

 dt,
 dd {
     line-height: 1.42857143;
 }

 dt {
     font-weight: bold;
 }

 dd {
     margin-left: 0;
 }

 blockquote {
     padding: 10px 20px;
     margin: 0 0 20px;
     font-size: 17.5px;
     border-left: 5px solid #eeeeee;
 }

 .clr {
     clear: both;
     display: block;
     height: 1px;
     margin: 0 0 -1px;
     position: relative;
 }

 hr {
     border-color: transparent transparent #d9d9d9;
     border-image: none;
     border-style: none none solid;
     border-width: medium medium 1px;
     clear: both;
     display: block;
     height: 0;
     margin: 5px 0;
     position: relative;
     width: 100%;
 }

 .error_block,
 .notify_block,
 .success_block {
     background-color: #ffdada;
     box-shadow: 0 4px 0 rgba(130, 0, 0, 0.05);
     margin: 5px 0 15px;
     padding: 10px 10px 10px 60px;
     position: relative;
     min-height: 47px;
     border-left: 4px solid #e49090;
 }

 .error_block::before,
 .notify_block::before,
 .success_block::before {
     width: 32px;
     font-size: 32px;
     display: block;
     content: "\f05a";
     font-family: "FontAwesome";
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     position: absolute;
     text-align: center;
     top: 10px;
     left: 15px;
     opacity: 0.3;
     line-height: 32px;
 }

 .error_block {
     background-color: #ffdada;
     border-left-color: #e49090;
 }

 .error_block::before {
     content: "\f06a";
 }

 .notify_block {
     background-color: #fff5d8;
     border-left-color: #ffda8b;
 }

 .notify_block::before {
     content: "\f05a";
 }

 .success_block {
     background-color: #efffe8;
     border-left-color: #aed29f;
 }

 .success_block::before {
     content: "\f058";
 }

 .top-information {
     overflow: hidden;
 }

 .top-information p:last-child {
     margin-bottom: 0;
     color: white;
 }

 .main_wide_padding {
     display: block;
     margin: 0 auto;
     max-width: 1600px;
     padding: 0 2%;
 }

 .main_wide_padding .main_wide_col {
     float: left;
     padding: 2px 0;
 }

 .main_wide_padding .main_wide_col.main_wide_col_w100 {
     width: 100%;
 }

 .main_wide_padding .main_wide_col.main_wide_col_w20 {
     width: 20%;
 }

 .main_wide_padding .main_wide_col.main_wide_col_w70 {
     float: right;
     width: 77%;
 }

 .header_top_menu {
     background: none repeat scroll 0 0 #f3f4f8;
     border-top: 3px solid #394550;
     clear: both;
     margin: 0 0 10px;
 }

 .header_top_menu .header_top_menu_left {
     display: block;
     float: left;
     margin: 0;
     padding: 0;
 }

 .header_top_menu .header_top_menu_left li,
 .header_top_menu .header_top_menu_right li {
     display: inline-block;
     padding: 6px 15px 5px 0;
 }

 .header_top_menu .header_top_menu_left li.additional_menu {
     position: relative;
 }

 .header_top_menu .header_top_menu_left li.header_top_menu_email {
     font-weight: bold;
 }

 .header_top_menu .header_top_menu_left li.header_top_menu_email:hover {
     text-decoration: underline dotted rgba(0, 0, 0, 0.3);
 }

 .header_top_menu .header_top_menu_left li.header_top_menu_email .fa {
     font-size: 18px;
     color: rgba(0, 0, 0, 0.5);
     vertical-align: middle;
     margin: -2px 5px 0 0;
 }

 .header_top_menu .header_top_menu_left li .htd_ico,
 .header_top_menu .header_top_menu_right li .htm_ico {
     display: inline-block;
     height: 12px;
     margin: 0 7px 0 0;
     vertical-align: middle;
     width: 12px;
 }

 .header_top_menu .header_top_menu_left li ul,
 .header_top_menu .header_top_menu_right li ul {
     display: none;
 }

 .header_top_menu .header_top_menu_left li:hover ul,
 .header_top_menu .header_top_menu_right li:hover ul {
     display: block;
     position: absolute;
     top: 100%;
     left: 0;
     background-color: #f3f4f8;
     color: #000;
     box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
     padding: 0;
     z-index: 1;
     margin: 0 0 0 -10px;
 }

 .header_top_menu .header_top_menu_left li ul li,
 .header_top_menu .header_top_menu_right li ul>li {
     display: block;
     padding: 0;
     white-space: nowrap;
 }

 .header_top_menu .header_top_menu_left li ul li:hover,
 .header_top_menu .header_top_menu_right li ul>li:hover {
     background-color: #394550;
     color: #fff;
 }

 .header_top_menu .header_top_menu_left li ul>li>a,
 .header_top_menu .header_top_menu_right li ul>li>a {
     padding: 10px 20px;
     display: block;
 }

 .header_top_menu .header_top_menu_left li ul>li:hover>a,
 .header_top_menu .header_top_menu_right li ul>li:hover>a {
     color: #fff;
 }

 .header_top_menu .header_top_menu_left li ul>li>a>i,
 .header_top_menu .header_top_menu_right li ul>li>a>i {
     margin: 0 5px 0 0;
 }

 .header_top_menu .header_top_menu_right li {
     display: inline-block;
     padding: 5px 0 5px 15px;
 }

 .header_top_menu .header_top_menu_right.sale_categories li a {
     font-weight: bold;
 }

 .header_top_menu .header_top_menu_right.sale_categories li .sale_cat_cnt {
     display: inline-block;
     width: 22px;
     height: 22px;
     background-color: rgba(255, 0, 0, 0.6);
     border-radius: 50%;
     text-align: center;
     color: #fff;
     line-height: 22px;
     margin: -2px 5px -2px 0;
     font-weight: bold;
 }

 .header_top_menu .header_top_menu_right.sale_categories li.new_prods_cat .sale_cat_cnt {
     background-color: #49c316;
 }

 .header_top_menu .header_top_menu_right.sale_categories li:hover .sale_cat_cnt {
     background-color: rgba(255, 0, 0, 0.9);
 }

 .header_top_menu .header_top_menu_right.sale_categories li.new_prods_cat:hover .sale_cat_cnt {
     background-color: rgb(88, 212, 126);
 }

 .header_top_menu .header_top_menu_right.sale_categories li .sale_cat_cnt.ico {
     background-color: transparent;
 }

 .header_top_menu .header_top_menu_right.sale_categories li .sale_cat_cnt.img {
     background-color: transparent;
     font-size: 0;
     line-height: 22px;
     vertical-align: middle;
     margin-top: -4px;
 }

 .header_top_menu .header_top_menu_right.sale_categories li:hover .sale_cat_cnt.img {
     background-color: transparent;
 }

 .header_top_menu .header_top_menu_right.sale_categories li .sale_cat_cnt img {
     max-width: 100%;
     max-height: 22px;
     vertical-align: middle;
 }

 .header_top_menu .header_top_menu_right.sale_categories li a {
     font-weight: bold;
     font-size: 16px;
     color: #ae0400;
 }

 .header_top_menu .header_top_menu_right.sale_categories li.new_prods_cat a {
     color: #299950;
 }

 .header_top_menu .header_top_menu_right.sale_categories li:hover a {
     text-decoration: underline dotted rgba(0, 0, 0, 0.5);
 }

 header {
     clear: both;
     display: block;
     margin: 0 0 0;
     background: #394550;
 }

 header .header_logo {
     background-image: url("/images/logostrument.png");
     display: block;
     margin: 0;
     position: absolute;
     background-size: contain;
     background-repeat: no-repeat;
     top: 40px
 }

 header .header_row {
     margin: 0 0 0 320px;
 }

 header .header_row .header_cell {
     display: block;
     float: left;
     position: relative;
 }

 header .header_row .header_cell.header_cell_w25 {
     font-size: 11px;
     width: 25%;
 }

 header .header_row .header_cell.header_cell_w33 {
     font-size: 16px;
     width: 33%;
     padding-left: 64px;
     min-height: 70px;
 }

 header .header_row .header_cell.header_cell_w33.header_cell_phones {
     font-weight: bold;
 }

 header .header_row .header_cell.header_cell_w_auto {
     float: none;
 }

 header .hdr_guaranty_ico {
     background: url("/images/guarantie_ico.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
     display: block;
     float: left;
     height: 33px;
     margin: 0 15px 0 0;
     width: 15px;
 }

 header .hdr_shipping_ico {
     background: url("/images/h_shipping_ico.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
     display: block;
     float: left;
     height: 29px;
     margin: 0 15px 0 0;
     width: 31px;
 }

 header .hdr_worktime_ico {
     background: url("/images/header_clock_ico.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
     display: block;
     float: left;
     height: 50px;
     margin: 0 40px 0 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 33px;
 }

 header .hdr_map_ico {
     background: url("/images/header_map_ico.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
     display: block;
     float: left;
     height: 50px;
     margin: 0 40px 0 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 33px;
 }

 header .hdr_phone_ico {
     background: url("/images/workphone.jpg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
     display: block;
     float: left;
     height: 50px;
     width: 33px;
     margin: 0 40px 0 0;
     position: absolute;
     top: 0;
     left: 0;
 }

 header .hdr_worktime_ico:before,
 header .hdr_map_ico:before,
 header .hdr_phone_ico:before {
     background: url("/images/header_col_br.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     content: "";
     display: block;
     height: 63px;
     left: 46px;
     position: absolute;
     top: 0;
     width: 9px;
 }

 header .header_cell_phones .fa {
     color: #918ac1;
 }

 header .header_cell_popup_wrp .header_cell_popup {
     padding: 6px;
     margin: -6px;

     padding-right: 27px;
 }

 header .header_cell_popup_wrp .header_cell_popup a {
     font-size: 12px;
     text-decoration: none;
 }

 header .header_cell_popup_wrp:hover .header_cell_popup {
     box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
     background-color: #fff;
 }

 header .header_cell_popup_wrp:hover .header_cell_popup_down {
     opacity: 0;
 }

 header .recallme {
     color: #394550;
     display: block;
     font-size: 14px;
     cursor: pointer;
 }

 header .header_product_search .header_product_search_form {
     overflow: hidden;
 }

 header .header_product_search form {
     display: block;
     margin: 0;
     padding: 0;
     position: relative;
 }

 header .header_product_search form #searchstring {
     display: block;
     height: 30px;
     left: 0;
     line-height: 30px;
     margin: 0;
     padding: 0;
     text-indent: 15px;
     top: 0;
     width: 100%;
     border-radius: 8px;
 }

 header .header_product_search form.search_form .srch_by_code {
     padding: 5px 15px;
     font-size: 11px;
     vertical-align: middle;
 }

 header .header_product_search form.search_form .srch_by_code label {
     cursor: pointer;
 }

 header .header_product_search form.search_form .srch_by_code input {
     vertical-align: middle;
 }

 .header_account_menu_wrp {
     display: block;
     float: right;
     padding: 0 0 0 30px;
     position: relative;
 }

 .header_account_menu_wrp .header_account_title {
     display: block;
     text-decoration: underline dotted;
     font-weight: bold;
     color: #2f576a !important;
     padding: 0 0 0 20px;
     max-width: 120px;
     white-space: nowrap;
 }

 .header_account_menu_wrp .header_account_title>i {
     color: #cea547;
     margin: -4px 5px 0 0;
     font-size: 17px;
     vertical-align: middle;
 }

 .header_account_menu_wrp ul.header_account_menu {
     display: none;
     background-color: #fff;
     position: absolute;
     top: 100%;
     z-index: 7;
     padding: 5px;
     right: 0;
     box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
     margin: 6px 0 0 0;
 }

 .header_account_menu_wrp.hoverintent-on ul.header_account_menu {
     display: block;
 }

 .header_account_menu_wrp ul.header_account_menu::before {
     display: block;
     border-style: solid;
     border-width: 0 10px 10px 10px;
     border-color: transparent transparent rgba(0, 0, 0, .3) transparent;
     content: "";
     position: absolute;
     right: 17px;
     bottom: 100%;
     margin: 0 0 5px 0;
 }

 .header_account_menu_wrp ul.header_account_menu::after {
     display: block;
     border-style: solid;
     border-width: 0 10px 10px 10px;
     border-color: transparent transparent #fff transparent;
     content: "";
     position: absolute;
     right: 17px;
     bottom: 100%;
 }

 .header_account_menu_wrp ul.header_account_menu li {
     display: block;
     padding: 0;
     margin: 0;
 }

 .header_account_menu_wrp ul.header_account_menu li a {
     padding: 7px 10px;
     display: block;
     border-bottom: 1px solid rgba(0, 0, 0, .1);
     text-decoration: navajowhite;
     color: #2f576a !important;
     font-size: 13px !important;
     font-weight: normal !important;
     white-space: nowrap;
     text-align: left;
 }

 .header_account_menu_wrp ul.header_account_menu li:hover a {
     background-color: #fbf7ed;
     color: #ce0000;
 }

 .header_account_menu_wrp ul.header_account_menu li:last-child a {
     border-bottom: none;
 }

 .header_categories_wrp {
     background-color: #505961;
     clear: both;
     display: block;
     box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
     position: relative;
     z-index: 900;
     overflow: visible;
 }

 .header_categories_wrp .header_menu {
     position: static;
 }

 .main_wide_padding_aux h1 {
     margin: 30px;
 }

 .shopping_cart_info_wrp {
     background: none repeat scroll 0 0 #ffffff;
     color: black;
     display: block;
     float: right;
     font-size: 15px;
     margin: 10px 0 10px 60px;
     padding: 5px 15px 5px 20px;
     position: relative;
 }

 .shopping_cart_info_wrp .shcart_ico {
     background: url("/images/shopping-cart.svg") no-repeat scroll 50% 50%;
     height: 46px;
     margin: -23px -9px 0 0;
     position: absolute;
     right: 100%;
     top: 50%;
     width: 46px;
 }

 .shopping_cart_info_wrp .shcart_link .hndl_proceed_checkout {
     box-sizing: unset;
     color: transparent;
     cursor: pointer;
     font-size: 0;
     height: 100%;
     padding: 0 0 0 38px;
     position: absolute;
     right: 0;
     text-shadow: none;
     top: 0;
     width: 100%;
     z-index: 1;
     font-family: 'Roboto';
 }

 .shopping_cart_info_wrp #shpcrtgc,
 .shopping_cart_info_wrp #shpcrtca {
     display: inline-block;
     font-family: 'Roboto';
 }

 .header_categories_wrp .header_menu table tr td.tv_link_root {
     padding: 0;
     border-left: 1px solid #ffffff2e;
     border-right: 1px solid #ffffff2e;
     width: 17%;
 }

 .header_categories_wrp .header_menu table tr td.tv_link_root.tvlr_757 {
     background-color: #df514e;
 }

 .header_categories_wrp .header_menu table tr td.tv_link_root .tv_alink .vmenu_ico.vmenu_ico_id757 {
     display: inline-block;
     font-family: FontAwesome;
     font-size: 20px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin: -1px 10px 0 0;
     vertical-align: middle;
 }

 .header_categories_wrp .header_menu table tr td .tv_subcategories_wrp {
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     top: 100%;
     width: 100%;
     max-width: 1600px;
     margin-left: auto;
     margin-right: auto;
     padding: 0 2%;
     box-sizing: border-box;
     z-index: 10050;
 }

 .header_categories_wrp .header_menu table tr td.hover .tv_subcategories_wrp:after {
     background: none repeat scroll 0 0 #f6f6f6;
     content: "";
     display: block;
     height: 5px;
     width: 100%;
 }

 .header_categories_wrp .header_menu table tr td .tv_subcategories_wrp .tv_subcategories {
     background: #fff;
     border: 1px solid rgba(80, 89, 97, 0.18);
     border-top: none;
     display: block;
     left: 0;
     right: 0;
     padding: 0;
     position: absolute;
     text-align: left;
     top: 0;
     visibility: hidden;
     width: auto;
     max-width: none;
     font-family: 'Roboto', sans-serif;
     box-shadow: 0 22px 48px rgba(15, 23, 42, 0.14);
     border-radius: 0 0 14px 14px;
     box-sizing: border-box;
 }

 .header_categories_wrp .header_menu table tr td .tv_subcategories_wrp .tv_subcategories .loading {
     margin: 50px auto;
 }

 td.tv_link_root.tvlr_25209 {
     background: #fff032;
 }

 td.tv_link_root.tvlr_25209 .tv_link_name {
     color: black;
 }






 .subcats_row {
     display: flex;
     flex-wrap: nowrap;
     align-items: stretch;
     position: relative;
     min-height: 260px;
     box-sizing: border-box;
 }

 .subcats_row::before {
     width: 22%;
     max-width: 280px;
     min-width: 200px;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     content: "";
     height: 100%;
     z-index: 1;
     background: linear-gradient(180deg, #fafbfc 0%, #f3f5f7 100%);
     border-radius: 0 0 0 12px;
 }

 .subcats_row .subacts_col {
     position: relative;
     z-index: 2;
     width: 22%;
     max-width: 280px;
     min-width: 200px;
     flex: 0 0 auto;
     display: block;
     float: none;
     border-right: 1px solid rgba(230, 233, 237, 0.95);
     box-sizing: border-box;
 }

 .subcats_row .subacts_col ul {
     padding: 0;
     margin: 0;
 }

 .subcats_row .subacts_col ul li {
     display: block;
     padding: 0;
     clear: both;
 }

 .subcats_row .subacts_col ul li a {
     display: block;
     padding: 9px 10px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     text-decoration: none;
     font-size: 15px;
 }

 .subcats_row .subacts_col ul li:hover a {
     background-color: rgba(0, 0, 0, 0.05);
 }

 .subcats_row .subacts_col ul li.active a {
     color: #fff;
     background-color: red;
     position: relative;
     border-bottom: 1px solid transparent;
 }

 .subcats_row .subacts_col ul li.active:hover a {
     background-color: red;
 }

 .subcats_row .subacts_col ul li.active a::before {}

 svg.shcart_link_svg {
     height: 22px;
 }

 svg.header_account_icon_svg {
     height: 30px;
 }

 sup.shpcrtgc.shopping_cart_count {
     background: #595959;
     border-radius: 50%;
     padding: 2px 6px;
     margin-left: 3px;
     color: red;
     font-weight: 500;
     top: 0;
     line-height: 1;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     font-size: 18px;
 }

 button.header_action_wishlist {
     outline: none;
     border: none;
     background: #394550;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 44px;
     height: 44px;
     border-radius: 50%;
     margin-top: 15px;
 }

 .header_action_wishlist_block {
     display: inline-block;
 }

 svg.HeaderActionButtonwishlist {
     height: 30px;
     width: 30px;
     flex-shrink: 0;
 }

 svg.shcart_link_svg {
     width: 35px;
     height: 35px;
     flex-shrink: 0;
 }

 .subcats_row .subacts_col ul li a .catimgwrp {
     display: block;
     float: left;
     width: 22px;
     height: 22px;
     background-size: contain;
     background-position: 50% 50%;
     margin: -2px 10px 0 0;
     background-image: url(/images/noimg.png);
     background-repeat: no-repeat;
 }

 .subcats_row .subacts_col ul li.active a .catimgwrp {
     filter: invert(1);
 }

 .subcats_row .subacts_col ul li a .cattitle {
     display: block;
     overflow: hidden;
     color: black;
 }

 .subcats_row .subacts_col ul li a .scparam_img.withimg {
     color: transparent;
     width: 100%;
     display: block;
     background-size: contain;
     background-position: 0 50%;
     background-repeat: no-repeat;
 }

 .subcats_row .subsubacts_col {
     overflow: hidden;
     position: relative;
     z-index: 2;
     flex: 1 1 auto;
     min-width: 0;
     background: #fff;
 }

 .subcats_row .subsubacts_col .subcat_pane {
     display: none;
     padding: 20px clamp(16px, 2.5vw, 36px) 28px;
 }

 .subcats_row .subsubacts_col .subcat_pane.active {
     display: block;
 }

 .subcats_row .subsubacts_col .subcat_pane ul {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
     gap: 14px 18px;
     padding: 0;
     margin: 0;
     list-style: none;
     box-sizing: border-box;
 }

 .subcats_row .subsubacts_col .subcat_pane ul li {
     display: flex;
     flex-direction: column;
     align-items: center;
     width: auto;
     margin: 0;
     padding: 14px 10px 12px;
     vertical-align: top;
     border-radius: 12px;
     box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 0 1px rgba(15, 23, 42, 0.08);
     min-height: 188px;
     border: 1px solid rgba(226, 232, 240, 0.9);
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
 }

 .subcats_row .subsubacts_col .subcat_pane ul li:hover {
     box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
     transform: translateY(-2px);
     border-color: rgba(203, 213, 225, 0.95);
 }

 .subcats_row .subsubacts_col .subcat_pane ul li:hover a.ss_cat_title {
     color: rgb(6, 0, 0);
 }

 .subcats_row .subsubacts_col .subcat_pane ul li.withparams {
     grid-column: span 2;
     min-width: 0;
     flex-direction: row;
     align-items: flex-start;
     justify-content: flex-start;
 }

 @media (max-width: 900px) {
     .subcats_row .subsubacts_col .subcat_pane ul li.withparams {
         grid-column: span 1;
     }
 }

 .subcats_row .subsubacts_col .subcat_pane ul li .ss_cat_title {
     text-align: center;
     display: block;
     font-size: 14px;
     font-weight: 500;
     text-decoration: none;
     margin: 0 0 5px;
     word-wrap: break-word;
     line-height: 16px;
 }

 .subcats_row .subsubacts_col .subcat_pane ul li .imgwrp {
     width: 110px;
     height: 110px;
     display: block;
     margin: 0 auto;
     clear: both;
     background-image: url(/images/noimg.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: 50% 50%;
 }

 .subcats_row .subsubacts_col .subcat_pane ul li.withparams .imgwrp {
     width: 70px;
     float: left;
     clear: none;
     margin: 0 20px 0 0;
 }

 .subcats_row .subsubacts_col .subcat_pane ul li .ss_cat_right {
     overflow: hidden;
     display: block;
 }

 .subcats_row .subsubacts_col .subcat_pane ul li .ss_cat_right ul {}

 .subcats_row .subsubacts_col .subcat_pane ul li .ss_cat_right ul li {
     width: auto;
     display: block;
     margin: 0 0 5px;
 }

 .subcats_row .subsubacts_col .subcat_pane ul li .ss_cat_right ul li a {
     font-size: 12px;
     text-decoration: none;
     display: block;
     position: relative;
     padding: 0 0 0 10px;
 }

 .subcats_row .subsubacts_col .subcat_pane ul li .ss_cat_right ul li a:hover {
     text-decoration: underline;
 }

 .subcats_row .subsubacts_col .subcat_pane ul li .ss_cat_right ul li a::before {
     content: "\f105";
     font-family: fontawesome;
     margin: 0 3px 0 0;
     position: absolute;
     top: 0px;
     left: 0;
 }

 .category_info {
     padding: 0 20px;
     overflow: hidden;
 }

 .category_info .tv_subcategories_ul {
     padding: 0 0 0 5px;
 }

 .category_info .tv_subcategories_ul li {
     display: inline-block;
     margin: 0 2% 20px 0;
     overflow: hidden;
     position: relative;
     vertical-align: top;
     width: 230px;
 }

 .category_info .tv_subcategories_ul li .tv_subcategory_name {
     display: block;
     font-weight: bold;
     padding: 0 0 7px;
     text-decoration: none;
     text-transform: uppercase;
     word-wrap: break-word;
 }

 .category_info .tv_subcategories_ul li ul {
     margin: 0;
     padding: 0;
 }

 .category_info .tv_subcategories_ul li ul li {
     display: block;
     margin: 0;
     max-height: none;
     padding: 0;
     width: auto;
 }

 .category_info .tv_subcategories_ul li ul li .tv_subcategory_name {
     color: #060606;
     display: block;
     font-size: 14px;
     font-weight: normal;
     line-height: 16px;
     padding: 0 0 7px;
     text-transform: none;
 }

 .category_info .tv_subcategories_ul li ul li a.moar {
     color: #ff7676;
     font-size: 11px;
 }

 .gm_cats_tooltip {
     width: auto !important;
     margin: 3px 0 0 !important;
 }

 .gm_cats_tooltip ul {
     padding: 0 20px;
     margin: 5px 0;
 }

 .gm_cats_tooltip li {
     display: block;
     font-size: 13px;
 }

 .gm_cats_tooltip li a {
     display: block;
     list-style: none outside none;
     padding: 5px 0;
 }

 .gm_cats_tooltip li a:hover {
     background: #fff;
 }

 .home_banners {
     overflow: hidden;
     padding: 0 0 5px;
     position: relative;
     z-index: 1;
 }

 .home_banners:before {
     content: "";
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
 }

 .banner_wrp {
     margin: auto;
     margin-top: 18px;
 }

 .banner_wrp .banners {
     overflow: hidden;
     position: relative;
 }

 .banner_wrp .banners .lst {
     background: none repeat scroll 0 0;
     left: 0;
     overflow: hidden;
     position: absolute;
     top: 0;
     width: 20000em;
 }

 .banner_wrp .banners .lst .item {
     display: block;
     float: left;
     min-height: 100px;
     margin: 0 0 0 0;
     overflow: hidden;
     position: relative;
     border-radius: 25px;
 }

 .banner_wrp .banners .lst .item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .banner_wrp .navi {
     font-size: 0;
     text-align: center;
     padding: 2px 0;
 }

 .banner_wrp .navi a {
     background-color: #323a41;
     border-radius: 50%;
     display: inline-block;
     height: 16px;
     margin: 0 10px;
     position: relative;
     width: 16px;
     border: 1px solid #323a41;
 }

 .banner_wrp .navi a.active {
     background-color: #ff7676;
 }

 .rootgroups_wrp {
     clear: both;
     display: block;
     margin: 0 0 5px;
     position: relative;
 }

 .rootgroups_wrp .rootgroups {
     padding: 30px 0;
 }

 .rootgroups_wrp .rootgroups .root_title {
     font-size: 22px;
     font-weight: bold;
     margin: 0 0 10px;
     text-align: center;
     text-transform: uppercase;
     font-family: 'Roboto';
 }

 .rootgroups_wrp .root_group {
     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
     display: inline-block;
     margin: 0 1%;
     overflow: hidden;
     padding: 20px;
     position: relative;
     vertical-align: top;
     width: 23%;
     border-radius: 10px;
     border: 1px solid #e0e0e0;
     min-height: 320px;
 }

 .rootgroups_wrp .root_group .root_group_title {
     font-size: 16px;
     font-weight: bold;
     margin: 0 0 10px;
     text-align: center;
     text-transform: uppercase;
     font-family: 'Roboto';
 }

 .rootgroups_wrp .root_group .root_group_cats {}

 .rootgroups_wrp .root_group .root_group_cats a {
     display: block;
     margin: 0 0 3px;
     word-wrap: break-word;
     font-size: 15px;
     text-decoration: none;
 }

 /* Популярні категорії */
 .popular_categories_wrp {
     clear: both;
     display: block;
     margin: 10px 0;
     padding: 0;
     background: transparent;
 }

 .popular_categories_title {
     margin: 30px 0 15px;
     text-align: center;
 }

 .popular_categories_title h2 {
     font-size: 20px;
     font-weight: 500;
     color: #000;
     margin: 0;
     padding: 0;
     letter-spacing: -.3px;
 }

 .popular_categories_grid {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     gap: 10px;
     margin: 0;
     padding: 0;
 }

 .popular_category_item {
     display: block;
     text-decoration: none;
     color: #333;
     background: #fff;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
     transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
     position: relative;
     border: 1px solid #f5f5f5;
 }

 .popular_category_item:hover {
     transform: translateY(-6px);
     box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
     text-decoration: none;
     color: #333;
     border-color: #e8e8e8;
 }

 .popular_category_img_wrp {
     position: relative;
     width: 100%;
     height: 150px;
     overflow: hidden;
     background: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 10px;
 }

 .popular_category_img_wrp img {
     max-width: 100%;
     max-height: 100%;
     width: auto;
     height: auto;
     object-fit: contain;
     object-position: center;
     transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .popular_category_item:hover .popular_category_img_wrp img {
     transform: scale(1.1);
 }

 .popular_category_overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
     padding: 12px 10px 8px;
     opacity: 0;
     transition: opacity 0.3s ease;
     pointer-events: none;
 }

 .popular_category_item:hover .popular_category_overlay {
     opacity: 1;
 }

 .popular_category_count {
     display: inline-block;
     color: #fff;
     font-size: 11px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     background: rgba(0, 0, 0, 0.5);
     padding: 4px 8px;
     border-radius: 4px;
 }

 .popular_category_name {
     text-align: center;
     font-size: 16px;
     font-weight: 600;
     line-height: 1.4;
     min-height: 56px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #1a1a1a;
     background: #fafafa;
     border-top: 1px solid #f0f0f0;
 }

 .popular_category_item:hover .popular_category_name {
     color: #e53935;
     background: #fff;
 }

 @media (max-width: 1200px) {
     .popular_categories_grid {
         grid-template-columns: repeat(6, 1fr);
         gap: 10px;
     }

     .popular_category_img_wrp {
         height: 170px;
     }
 }

 @media (max-width: 992px) {
     .popular_categories_grid {
         grid-template-columns: repeat(6, 1fr);
         gap: 10px;
     }

     .popular_category_img_wrp {
         height: 160px;
     }

     .popular_category_name {
         font-size: 14px;
         min-height: 48px;
         padding: 14px 12px;
     }
 }

 @media (max-width: 768px) {
     .popular_categories_wrp {
         margin: 30px 0;
     }

     .popular_categories_title h2 {
         font-size: 22px;
         margin-bottom: 20px;
     }

     .popular_categories_grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 10px;
     }

     .popular_category_name {
         font-size: 14px;
         min-height: 44px;
         padding: 12px 10px;
     }
 }

 @media (max-width: 480px) {
     .popular_categories_grid {
         gap: 12px;
     }

     .popular_category_img_wrp {
         height: 130px;
     }

     .popular_category_name {
         font-size: 13px;
         min-height: 40px;
         padding: 10px 8px;
     }

     .popular_categories_title h2 {
         font-size: 20px;
     }
 }

 .cat_subcategories {
     clear: both;
     display: block;
     margin: 0 0 30px;
     font-size: 0;
 }

 .cat_subcategories .cat_subcat_name {
     clear: both;
     display: block;
     font-size: 24px;
     font-weight: bold;
     margin: 0 0 10px;
     text-decoration: none;
 }


 span.review-button__text a {
     font-size: 12px;
     color: #6c6c6c;
     transition: 0.3s;
 }

 span.review-button__text a:hover {
     text-decoration: none;
     color: red;

 }

 .cat_subcategories .subsubcat_items_wrp {
     margin: 0 0 15px;
     font-size: 0;
 }

 .cat_item_name:hover {
     color: red;
 }

 .cat_subcategories .subsubcat_item {
     display: inline-block;
     vertical-align: top;
     width: 24%;
     font-size: 14px;
     border: 1px solid #e5e5e5;
     border-radius: 10px;
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.07);
     margin: 0 1% 15px 0;
     padding: 15px;
     min-height: 270px;
 }

 .cat_subcategories .subsubcat_item .imgwrp {
     display: block;
     font-size: 0;
     height: 150px;
     line-height: 150px;
     margin: 0 0 7px;
     overflow: hidden;
     text-align: center;
     width: 100%;
 }

 .cat_subcategories .subsubcat_item .imgwrp img {
     max-height: 150px;
     max-width: 100%;
     vertical-align: middle;
     width: auto;
     height: auto;
 }

 .cat_subcategories .subsubcat_item:hover {
     box-shadow: 0px 12px 17px rgb(0 8 29 / 5%), 0px 5px 22px rgb(0 8 29 / 6%), 0px 7px 8px rgb(0 8 29 / 8%);
     text-decoration: none;
     color: red;

 }

 .products_wrp .product_brief_table .pb_product_name:hover {
     color: red;
 }

 .product_follow_block:hover a.pb_product_name {
     color: red;
 }


 .product_brief_table:hover a.pb_product_name {
     color: red
 }

 .cat_subcategories .subsubcat_item .cat_item_name {
     display: block;
     font-size: 18px;
     font-weight: 700;
     margin: 0 0 5px;
     text-align: center;
     text-decoration: none;
 }

 .cat_subcategories .subsubcat_item:hover .cat_item_name {
     text-decoration: none;

 }

 .subsubcat_item a:hover {
     text-decoration: none;
 }

 .panels_mini_wrp {
     clear: both;
     display: block;
     position: relative;
     z-index: 2;
     margin-top: 50px;
 }

 .panels_mini_wrp .panels_tabs {
     clear: both;
     color: #000000;
     display: block;
     font-size: 16px;
     margin: 0 0 5px;
     padding: 5px 5px;
     position: relative;
     text-align: center;
 }

 .panels_mini_wrp .panels_tabs .panels_tabs_item {
     border-bottom: 1px solid #010101;
     cursor: pointer;
     display: inline-block;
     margin: 1px 5px;
     padding: 0 3px;
     vertical-align: middle;

 }

 .panels_mini_wrp .panels_tabs .panels_tabs_item.current {
     border-color: #fc0000;
     position: relative;
     padding: 0 5px;


 }

 .panels_tabs_item:hover {
     background: #f2f3f3;
 }

 .panels_mini_wrp .panels_tabs .panels_tabs_item.current:after {
     border-top-color: #fff;
     margin-top: -1px;
 }

 .panels_mini_wrp .panels_tabs .panels_tabs_item .panels_tabs_name {
     color: #333;
     display: block;
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase;
     font-family: 'Roboto';
 }

 .panels_mini_wrp .panels_tabs .panels_tabs_item.current .panels_tabs_name {
     color: #f80202;
 }

 .panels_mini_wrp .panels_wrp {
     clear: both;
     display: block;
 }

 .panels_mini_wrp .panels_wrp .panel_item {
     display: block;
     height: 0;
     position: relative;
     visibility: hidden;
 }

 .panels_mini_wrp .panels_wrp .panel_item:first-child {
     height: auto;
     visibility: visible;
 }

 .panels_mini_wrp .panels_wrp .panel_item .panel_item_moar {
     background: url("/images/darr_ico.png") no-repeat scroll 20px 51% #fff;
     border: 1px solid #d3d3d3;
     bottom: -10px;
     color: #333333;
     display: block;
     font-size: 13px;
     height: 35px;
     left: 50%;
     line-height: 35px;
     margin: -13px 0 0 -100px;
     padding: 0 10px;
     position: absolute;
     right: 0;
     text-align: center;
     text-decoration: unset;
     text-transform: uppercase;
     top: 100%;
     width: 180px;
 }

 .nothingfound {
     color: gray;
     font-size: 18px;
     text-align: center;
     padding: 20px 0;
 }

 .nothingfound>i {
     margin: 0 10px 0 0;
 }

 .products_scroll_wrp {
     margin: 0 0 20px;
     position: relative;
 }

 .products_scroll_wrp .scrollable {
     height: 334px;
     margin: 0;
     overflow: hidden;
     position: relative;
 }

 .products_scroll_wrp .scrollable:after {
     background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
     /* IE10+ */
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
     /* W3C */
     content: "";
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     width: 15px;
 }

 .products_scroll_wrp .scrollable .lst {
     left: 0;
     position: absolute;
     top: 0;
     width: 22222em;
 }

 .products_scroll_wrp .scrollable .lst .product_brief_table {
     box-sizing: content-box;
     display: inline-block;
     padding: 12px 16px 12px 16px;
     float: none;
     margin: 5px;
     vertical-align: top;
     position: relative;
     z-index: 1;
     background-color: #fff;
     box-shadow: 0 0 7px rgba(0, 0, 0, .1);
     border-radius: 10px;
     border: 1px solid #0000001f;
     min-height: 450px;
     cursor: pointer;
     width: 210px;
 }



 .products_scroll_wrp .pb_product_name {
     font-size: 14px;
     line-height: 16px;
     overflow: hidden;
     font-weight: 500;
     color: #3b6d9a;
     height: 50 px;
     word-break: break-word;
     text-align: left;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     transition: color .3s;
     margin: 0 0 3px;
     text-decoration: none;
 }

 .e_parts_description {
     margin-top: 20px;
     grid-column: 1 / -1;
     position: relative;
 }

 .e_parts_description_content {
     max-height: 100px;
     overflow: hidden;
     transition: max-height 0.3s ease;
 }

 .e_parts_description.expanded .e_parts_description_content {
     max-height: none;
 }

 .e_parts_description_toggle {
     margin-top: 10px;
     padding: 8px 16px;
     background-color: #3b6d9a;
     color: #fff;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     font-size: 14px;
     font-weight: 500;
     transition: background-color 0.3s ease;
 }

 .e_parts_description_toggle:hover {
     background-color: #2d5470;
 }

 .e_parts_description_toggle:focus {
     outline: none;
     box-shadow: 0 0 0 2px rgba(59, 109, 154, 0.3);
 }

 .products_scroll_wrp .add2cart_handler {
     margin: 10px 0;
 }

 .products_scroll_wrp .scrollable .lst .product_brief_table .pb_extra {
     display: none;
 }

 .products_scroll_wrp .prev,
 .products_scroll_wrp .next {
     background: url("/images/arrow_s_left.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
     cursor: pointer;
     display: block;
     height: 100%;
     left: -34px;
     position: absolute;
     top: 0;
     width: 34px;
     z-index: 1;
 }

 .products_scroll_wrp .next {
     background: url("/images/arrow_s_right.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
     left: auto;
     right: -34px;
 }

 /* Modern Products Scroller Styles */
 .modern_products_scroller {
     position: relative;
     margin: 0 0 10px;
     padding: 0;
 }

 .modern_products_scroller .scroller_container {
     position: relative;
     width: 100%;
     overflow: visible;
     border-radius: 16px;
 }

 .modern_products_scroller .scroller_track {
     position: relative;
     width: 100%;
     overflow: hidden;

     scroll-behavior: smooth;
 }

 .modern_products_scroller .scroller_list {
     display: flex;
     gap: 10px;
     transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     will-change: transform;
     padding: 8px 0 8px 0;
     padding-right: 60px;
     width: max-content;
 }

 .modern_products_scroller .scroller_item {
     flex: 0 0 auto;
     min-width: 0;
     width: 230px;
     background-color: white;
     border-radius: 10px;
     display: flex;
     align-items: stretch;
 }

 .modern_products_scroller .scroller_item .product_brief_table {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     padding: 10px;
     margin: 0;
     position: relative;
     z-index: 1;
     background-color: #fff;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
     border-radius: 12px;
     border: 1px solid rgba(0, 0, 0, 0.06);
     min-height: 410px;
     cursor: pointer;
     width: 100%;
     transition: all 0.3s ease;
 }

 .modern_products_scroller .scroller_item .product_follow_block {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     padding: 10px;
     margin: 0;
     position: relative;
     z-index: 1;
     background-color: #fff;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
     border-radius: 12px;
     border: 1px solid rgba(0, 0, 0, 0.06);
     min-height: 410px;
     cursor: pointer;
     width: 100%;
     transition: all 0.3s ease;
 }

 .modern_products_scroller .scroller_item .product_follow_block:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     border-color: rgba(59, 109, 154, 0.2);
 }

 .modern_products_scroller .scroller_item .product_brief_name_block {
     flex-shrink: 0;
     min-height: 55px;
     margin-bottom: 10px;
 }

 .modern_products_scroller .scroller_item .product_brief_name_block .pb_product_name {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     line-clamp: 3;
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 16px;
     max-height: 48px;
 }

 .modern_products_scroller .scroller_item .pb_price {
     margin-top: auto;
     flex-shrink: 0;
 }

 .modern_products_scroller .scroller_item .pb_old_price,
 .modern_products_scroller .scroller_item .price_promotion_block {
     flex-shrink: 0;
 }

 .modern_products_scroller .scroller_item .add2cart_handler,
 .modern_products_scroller .scroller_item .product_add2cart_button {
     flex-shrink: 0;
 }

 .modern_products_scroller .scroller_item .product_brief_table:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     border-color: rgba(59, 109, 154, 0.2);
 }

 .modern_products_scroller .scroller_btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: #fff;
     border: 2px solid rgba(59, 109, 154, 0.15);
     color: #3b6d9a;
     cursor: pointer;
     display: flex !important;
     align-items: center;
     justify-content: center;
     z-index: 10;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     opacity: 1 !important;
     pointer-events: all;
     visibility: visible !important;
 }

 .modern_products_scroller .scroller_btn:hover {
     background: #3b6d9a;
     color: #fff;
     border-color: #3b6d9a;
     transform: translateY(-50%) scale(1.1);
     box-shadow: 0 6px 20px rgba(59, 109, 154, 0.3);
 }

 .modern_products_scroller .scroller_btn:active {
     transform: translateY(-50%) scale(0.95);
 }

 .modern_products_scroller .scroller_btn_prev {
     left: 8px;
 }

 .modern_products_scroller .scroller_btn_next {
     right: 8px;
 }

 /* Ensure buttons are always visible */
 .modern_products_scroller .scroller_btn_prev,
 .modern_products_scroller .scroller_btn_next {
     opacity: 1 !important;
     visibility: visible !important;
     display: flex !important;
 }

 .modern_products_scroller .scroller_btn.disabled {
     opacity: 0.3;
     cursor: not-allowed;
     pointer-events: none;
 }

 .modern_products_scroller .scroller_btn svg {
     width: 20px;
     height: 20px;
     pointer-events: none;
 }

 .modern_products_scroller .scroller_dots {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 8px;
     margin-top: 10px;
     flex-wrap: wrap;
 }

 .modern_products_scroller .scroller_dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     border: none;
     background: rgba(59, 109, 154, 0.3);
     cursor: pointer;
     padding: 0;
     transition: all 0.3s ease;
     position: relative;
 }

 .modern_products_scroller .scroller_dot::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: transparent;
 }

 .modern_products_scroller .scroller_dot:hover {
     background: rgba(59, 109, 154, 0.6);
     transform: scale(1.2);
 }

 .modern_products_scroller .scroller_dot.active {
     background: #3b6d9a;
     width: 24px;
     border-radius: 4px;
     transform: scale(1);
 }

 /* Mobile Styles */
 @media (max-width: 768px) {
     .modern_products_scroller .scroller_container {
         overflow: visible;
     }

     .modern_products_scroller .scroller_track {
         overflow-x: auto;
         scroll-snap-type: x mandatory;
         -webkit-overflow-scrolling: touch;
         scrollbar-width: none;
         -ms-overflow-style: none;
         padding: 0 55px;
         scroll-behavior: smooth;
     }

     .modern_products_scroller .scroller_track::-webkit-scrollbar {
         display: none;
     }

     .modern_products_scroller .scroller_list {
         gap: 7px;
         padding: 4px 0 4px 0;
         display: flex;
         width: max-content;
     }

     .modern_products_scroller .scroller_item {
         scroll-snap-align: start;
     }


     .modern_products_scroller .scroller_btn {
         width: 40px;
         height: 40px;
         opacity: 1 !important;
         pointer-events: all;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
         background: rgba(255, 255, 255, 0.95);
         backdrop-filter: blur(8px);
         visibility: visible !important;
         display: flex !important;
     }

     .modern_products_scroller .scroller_btn_prev {
         left: 4px;
         opacity: 1 !important;
         visibility: visible !important;
         display: flex !important;
     }

     .modern_products_scroller .scroller_btn_next {
         right: 4px;
         opacity: 1 !important;
         visibility: visible !important;
         display: flex !important;
     }



     .modern_products_scroller .scroller_dots {
         margin-top: 16px;
         gap: 6px;
     }
 }


 .modern_products_scroller .scroller_track {
     scroll-behavior: smooth;
 }

 .modern_products_scroller .scroller_list {
     /* padding-right: 45px; */
 }



 .modern_products_scroller .scroller_btn {
     width: 45px;
     height: 45px;
     background: rgba(255, 255, 255, 0.95);
     backdrop-filter: blur(8px);
     opacity: 1 !important;
     visibility: visible !important;
     display: flex !important;
 }

 .modern_products_scroller .scroller_btn_prev {
     left: -5px;
     opacity: 1 !important;
     visibility: visible !important;
     display: flex !important;
 }

 .modern_products_scroller .scroller_btn_next {
     right: -5px;
     opacity: 1 !important;
     visibility: visible !important;
     display: flex !important;
 }

 .modern_products_scroller .scroller_btn svg {
     width: 40px;
     height: 40px;
 }


 .pb_product_table_search {
     display: block;
     margin: 0 0 5px;
     border: 1px solid rgb(206 206 206);
     border-radius: 10px;
     position: relative;
     width: 600px;
 }

 .pb_product_table_search .pb_product_table_search_form input {
     display: block;
     width: 100%;
     height: 36px;
     border: none;
     background-color: transparent;
     text-indent: 15px;
     font-style: italic;
     font-size: 15px;
 }

 .pb_product_table_search .pb_product_table_search_form input::placeholder {
     color: #414141;
     opacity: 1;
 }

 .pb_product_table_search .pb_product_table_search_form button {
     position: absolute;
     top: 0;
     right: 0;
     background-color: #fff;
     color: gray;
     padding: 0;
     padding: 0 10px;
     height: 36px;
     outline: none;
     border: none;
     border-radius: 0 10px 10px 0;
 }

 .pb_product_table_search .pb_product_table_search_form button:hover {
     background-color: #efefef;
     color: #fb0000;
     border-radius: 0 10px 10px 0;
 }

 .pb_product_table_search .pb_product_table_search_form button>i {
     font-style: normal;
     color: red;
     font-family: 'Roboto';
     margin: 0 5px 0 0;
     font-weight: 500;
     font-size: 18px;
 }

 .pb_product_table_wrp {
     border: 1px solid #dedede;
     border-radius: 10px;
     margin: 0 0 20px;
     width: 100%;
 }

 .pb_product_table {
     width: 100%;
     border: none;
     margin: 0;
     text-align: left;
 }

 .pb_product_table tr td {
     padding: 5px 20px;
 }

 .pb_product_table tr td .pb_product_name .hl {
     background-color: #ff87a5;
 }

 .pb_product_table tr td .pb_product_name:first-letter {
     text-transform: uppercase;
 }

 .pb_product_table tr:nth-child(2n) {
     background-color: #f6f6f6;
 }

 /* Скрытые товары в списке категории */
 .pb_product_table .category_product_hidden {
     display: none;
 }

 .pb_product_table.expanded .category_product_hidden {
     display: table-row;
 }

 /* Кнопка показать еще/скрыть */
 .category_products_toggle_wrapper {
     text-align: center;
     margin-top: 15px;
     padding: 10px 0;
 }

 .category_products_toggle {
     padding: 10px 20px;
     background-color: #3b6d9a;
     color: #fff;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     font-size: 14px;
     font-weight: 500;
     transition: background-color 0.3s ease;
 }

 .category_products_toggle:hover {
     background-color: #2d5470;
 }

 .category_products_toggle:focus {
     outline: none;
     box-shadow: 0 0 0 2px rgba(59, 109, 154, 0.3);
 }

 .sale_timer_wrp .sale_datetime_str {
     font-size: 11px;
     color: rgba(0, 0, 0, 0.7);
     padding: 10px 0 0;
     font-style: italic;
 }

 table#cart_content_tbl {
     margin-top: 40px;
 }

 .pr_stickers_wrp {
     position: absolute;
     text-align: left;
     top: 0;
     left: 0;
     display: block;
     line-height: 0;
     max-width: 60%;
     font-size: 0;
     z-index: 99999;
 }

 .pr_stickers_wrp .pr_sticker_item {
     margin: 0 0 7px;
 }

 .pr_stickers_wrp .pr_sticker_item img {
     max-width: 100%;
 }

 .pr_icons_wrp {
     position: absolute;
     bottom: 0;
     left: 0;
     display: block;
     line-height: 32px;
     font-size: 0;
 }

 .pr_icons_wrp .pr_icon_item {
     display: inline-block;
     margin: 0 10px 5px 0;
     height: 32px;
     max-width: 100%;
 }

 .pr_icons_wrp .pr_icon_item img {
     max-width: 32px;
     max-height: 32px;
     vertical-align: middle;
 }

 .pr_icons_wrp .pr_freeshipping {
     background-color: rebeccapurple;
     color: #fff;
     font-size: 14px;
     padding: 0 10px;
     margin: 0 10px 5px 0;
     display: inline-block;
     position: relative;
 }

 .pr_icons_wrp .pr_freeshipping::after {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: 100%;
     border-width: 16px 7px 16px 0;
     border-style: solid;
     border-color: rebeccapurple transparent;
 }

 .pr_gift_ico {
     display: block;
     width: 48px;
     height: 48px;
     position: absolute;
     top: 0;
     right: 0;
     line-height: 45px;
     border: 2px solid #48add2;
     background-color: #fff;
     text-align: center;
     font-size: 0;
 }

 .pr_gift_ico::before {
     content: "+";
     display: block;
     width: 16px;
     height: 16px;
     position: absolute;
     top: 50%;
     right: 100%;
     background-color: #48add2;
     border-radius: 50%;
     text-align: center;
     line-height: 16px;
     font-weight: bold;
     font-size: 14px;
     margin: -8px -7px 0 0px;
     color: #fff;
 }

 .pr_gift_ico img {
     max-width: 42px;
     max-height: 42px;
     vertical-align: middle;
 }

 .product_brief_table {
     display: block;
     float: left;
     height: auto;
     margin: 5px 25px 0 5px;
     text-align: center;
     width: 210px;
 }

 .product_brief_table .imgwrp {
     display: block;
     font-size: 0;
     height: 210px;
     line-height: 210px;
     margin: 0 0 10px;
     text-align: center;
     width: 210px;
     position: relative;
 }

 .product_brief_table .imgwrp img {
     max-height: 210px;
     max-width: 210px;
     vertical-align: middle;
     width: auto;
     height: auto;
 }

 .product_brief_table .imgwrp .pr_stickers_wrp .pr_sticker_item img {
     max-height: 25px;
 }

 .product_brief_table .imgwrp .pr_icons_wrp .pr_icon_item img {
     max-width: 32px;
     max-height: 32px;
 }

 .product_brief_table .imgwrp .pr_icons_wrp .pr_freeshipping {
     font-size: 11px;
     padding: 0 5px;
     margin: 0 10px 5px 0;
     line-height: 18px;
 }

 .product_brief_table .imgwrp .pr_icons_wrp .pr_freeshipping::after {
     border-width: 9px 3px 9px 0;
 }

 .product_brief_table .imgwrp .pr_gift_ico img {
     max-width: 42px;
     max-height: 42px;
 }

 .product_brief_table .pb_product_name {
     display: block;
     font-size: 14px;
     line-height: 16px;
     margin: 0 0 25px;
     text-decoration: none;
     font-family: 'Roboto';
 }

 .product_brief_table .product_code {
     display: block;
     clear: both;
     float: none;
     background-color: transparent;
     font-family: 'Roboto';
     color: gray;
     font-size: 12px;
     font-style: normal;
 }

 .product_brief_table .pb_price {
     color: #e31837;
     display: block;
     font-size: 21px;
     font-weight: bold;
     position: relative;
     font-family: 'Roboto';
     line-height: 24px;
     font-weight: 600;
     white-space: nowrap;
     text-align: left;
     margin-bottom: 15px;
     margin-left: 15px;
 }

 .product_brief_table .pb_price.pb_price_action {
     color: #f00;
 }

 .product_brief_table .pb_price .price_label {
     font-size: 13px;
 }

 .product_brief_table .pb_price small {
     font-size: 13px;
 }

 .product_brief_table .pb_old_price {
     text-decoration: line-through #a70000;
 }

 .price_promotion_block {
     display: flex;
     justify-content: flex-start;
     align-items: center;

 }

 .product_brief_table .pb_old_price .pb_price_save_percent {
     display: inline-block;
     width: 1px;
     vertical-align: top;
     color: #bd0000;
     font-weight: bold;
     text-indent: 5px;
 }

 .pb_price_save_percent {
     color: white;
     background: red;
     border-radius: 5px;
     padding: 0 2px;
     margin-right: 5px;
     font-size: 10px;
     font-weight: 900;
     width: 40px
 }

 .button_buy_product_floating_block button.add2preorder {
     margin-top: 5px;
 }

 .simulate_add2cart {
     background: none repeat scroll 0 0 #394550;
     color: #fff;
     display: inline-block;
     font-weight: bold;
     padding: 4px 10px;
     text-decoration: none;
     text-transform: uppercase;
     margin: 0 0 5px;
 }

 .add2cart_handler {
     /* background: url("/images/addtocart_med_v2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border: medium none !important;
color: transparent !important;
font-size: 0 !important;
height: 32px;
text-shadow: none;
width: 108px; */
 }

 .add2cart_handler.incart {
     /* background-image: url("/images/addtocart_incart_v2.png") !important; */
     border: 2px solid;
     border-color: #f38a0c;
     background-color: rgb(148, 144, 144);
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, from(#f38a0c), to(#e35205));
     background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -moz-linear-gradient(left, #f38a0c 0, #e35205 100%);
     background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #f38a0c, #e35205);
     -webkit-box-shadow: 2px 1000px 1px #ebebeb inset;
     box-shadow: inset 2px 1000px 1px #ebebeb;
     color: #e35205;
 }

 .add2cart_handler.add2preorder {
     color: #ffffff;
     border: 1px solid #f50303;
     background: #c88080;
 }

 .add2cart_handler.add2preorder:hover {

     color: white;
     border: 1px solid red;
     background: red;
 }

 b.preorder_text_description {
     margin: 10px;
 }

 b.preorder_text_description_list {
     font-size: 11px;

     font-weight: 400;
 }


 .add2cart_handler.add2preorder>i {
     margin: 0 10px 0 0;
 }

 .preorder_description_info {
     overflow: hidden;
 }

 .preorder_description_info .preorder_description_icon {
     display: block;
     float: left;
     width: 48px;
     font-size: 39px;
     color: rgba(0, 0, 0, 0.1);
     text-align: center;
     vertical-align: middle;
     margin: 0 15px 15px 0;
 }

 .preorder_description_info .preorder_description_content {
     padding: 10px 0 0 0;
 }

 div#withoutPrice {
     display: none;
 }

 .stock_label {
     font-size: 14px;
     margin: 0 0 5px;
     min-height: 16px;
     padding: 0 5px 0 20px;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
     width: 115px;
 }

 .stock_label.instock {
     color: #57ae00;
     background-color: rgb(241, 248, 235);
     line-height: 16px;
     border-radius: 20px;
     padding: 3px 8px 3px 5px;
     text-align: left;
     display: flex;
     margin-top: 10px;
     align-items: center;



 }

 svg.icon-component.Status_icon__1F72W {
     margin-right: 6px;
     width: 18px;
     height: 18px;
     display: inline-block;
     flex-shrink: 0;
 }


 .stock_label.outofstock {
     color: red;
     width: 191px;
     margin-top: 15px;
     font-size: 16px;
     border-radius: 10px;
     border: 1px #e9e9e9 solid;
     padding: 2px 5px;
     background: #ededed;
     font-weight: 500;
 }

 .stock_label.stock_label>i {
     color: #47abd3;
 }

 .addtocompare {
     background: url("/images/addtocompare_ico.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
     color: transparent;
     cursor: pointer;
     display: inline-block;
     font-size: 0;
     height: 32px;
     margin: 0 20px 0 0;
     vertical-align: middle;
     width: 36px;
 }

 .addtowishlist {
     background: url("/images/addtonotepad_ico.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
     color: transparent;
     cursor: pointer;
     display: inline-block;
     font-size: 0;
     height: 31px;
     margin: 0 20px 0 0;
     vertical-align: middle;
     width: 35px;
 }

 .disscus {
     background: url("/images/pi_discu_tab_ico.png") repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
     color: transparent;
     cursor: pointer;
     display: inline-block;
     font-size: 0;
     height: 31px;
     margin: 0 20px 0 0;
     opacity: 0.6;
     vertical-align: middle;
     width: 35px;
 }

 .home_news_wrp {
     border-top: 2px solid #a2a9ad;
     margin: 20px 0 30px;
     padding: 30px 0 0;
 }

 .home_news_wrp .news_item {
     clear: both;
     display: block;
     margin: 0 0 10px;
     overflow: hidden;
 }

 .home_news_wrp .news_item .news_date {
     display: inline-block;
     font-size: 13px;
     font-weight: bold;
     margin: 0 10px 0 0;
 }

 .home_news_wrp .news_item .news_title {
     display: inline;
     font-size: 18px;
 }

 .home_news_wrp .news_item .news_title a {}

 .home_news_wrp .news_item .news_description {
     border-top: 1px solid #c6cacc;
     margin: 10px 0 0;
     padding: 10px 0;
 }

 .home_news_wrp .news_viewall {
     text-align: right;
 }

 .home_news_wrp .news_viewall a {
     color: #ff7676;
     font-style: italic;
 }

 .seo_text {
     background: url("/images/gray_noize_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
     clear: both;
     display: block;
     margin: 0;
     padding: 10px 0 30px;
     position: relative;
 }

 .seo_text:before {
     background: url("/images/caution_gray_line.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
     content: "";
     display: block;
     height: 2px;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
 }

 .question-spoiler {
     display: flex;
     flex-direction: column;
     border-top: 1px solid #e8e8e8;
     border-bottom: 1px solid #e8e8e8;
     transition: all 0.3s ease;
     position: relative;
 }

 .question-spoiler:hover {
     background-color: #f8f8f8;
 }

 .question-spoiler.open {
     border-bottom: 1px solid #e8e8e8;
 }

 .question-spoiler-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     min-height: 60px;
     cursor: pointer;
     padding: 20px 0;
     transition: all 0.3s ease;
 }

 .question-spoiler .question-spoiler-name {
     position: relative;
     overflow: hidden;
     font-weight: 600;
     font-size: 16px;
     line-height: 1.5;
     color: #333;
     flex: 1;
     padding-right: 20px;
     margin: 0;
     transition: color 0.3s ease;
 }

 .question-spoiler:hover .question-spoiler-name {
     color: #1a1717;
 }

 .question-spoiler.open .question-spoiler-name {
     color: #000;
 }



 .question-spoiler .question-spoiler-name br {
     display: none;
 }

 .question-spoiler .question-spoiler-icon,
 .question-spoiler svg {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
     transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     margin-left: auto;
 }

 .question-spoiler.open .question-spoiler-icon,
 .question-spoiler.open svg {
     transform: rotate(180deg);
 }

 .question-spoiler .question-spoiler-answer {
     max-height: 0;
     opacity: 0;
     padding: 0;
     margin: 0;
     overflow: hidden;
     position: relative;
     transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
         opacity 0.3s ease 0.1s,
         padding 0.3s ease,
         margin 0.3s ease;
 }

 .question-spoiler.open .question-spoiler-answer {
     max-height: 2000px;
     opacity: 1;
     padding: 0 0 20px 0;
     margin: 0;
     display: block;
     transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
         opacity 0.3s ease,
         padding 0.3s ease,
         margin 0.3s ease;
 }

 .question-spoiler.open .question-spoiler-answer div {
     color: #555;
     line-height: 1.7;
     font-size: 15px;
     animation: fadeIn 0.3s ease;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(-5px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /*new category tree*/
 .real_category_tree {
     list-style: outside none none;
     margin: 0 0 30px;
     padding: 10px 0;
 }

 .real_category_tree .mlgroup_category {
     border-bottom: 1px dotted #BDDFAC;
     padding: 0 10px;
 }

 .real_category_tree .mlgroup_category:last-child {
     border-bottom: none;
     overflow: hidden;
 }

 .real_category_tree .mlgroup_category span {
     border-bottom: 1px solid #ebeced;
     color: #3c4852;
     cursor: pointer;
     display: block;
     font-size: 15px;
     font-weight: bold;
     margin: 0 -10px -1px;
     padding: 5px 10px;
 }

 .real_category_tree .mlgroup_category ul {
     display: none;
 }

 .real_category_tree .mlgroup_category.open ul {
     display: block;
 }

 .real_category_tree li {}

 .real_category_tree li a {
     color: #3b4752;
     display: block;
     font-size: 0px;
     font-weight: normal;
     text-decoration: none;
 }

 .real_category_tree li a.current,
 .real_category_tree li a.open {
     color: #ee5b5b !important;
     font-size: 14px;
 }

 .real_category_tree li a .cat_arr {
     display: none;
 }

 .real_category_tree li a.current .cat_arr,
 .real_category_tree li a.open .cat_arr {
     background-position: 0 0;
 }

 .real_category_tree li ul {
     padding: 5px 0px;
     list-style: none;
 }

 .real_category_tree li ul li ul li a {
     color: black;
     font-size: 14px;
 }

 /*new category tree END*/
 .root_cats_tree_btn {
     display: block;
     text-align: left;
     font-size: 16px;
     font-weight: bold;
     cursor: pointer;
     box-shadow: 0px 2px 2px rgba(0, 8, 29, 5%), 0px 0px 2px rgba(0, 8, 29, 6%), 0px 1px 3px rgba(0, 8, 29, 8%);
     border-radius: 10px;
     padding: 10px;
 }

 .root_cats_tree_btn:hover {
     background-color: #fbf7ed;
 }

 .root_cats_tree_btn>i {
     color: #e1d1ac;
     margin: -3px 11px 0 0;
     font-size: 22px;
     vertical-align: middle;
 }

 .root_cats_tree_btn.clicktogglernexthandler-on i::before {
     content: "\f07c";
 }

 .root_cats_tree {
     border-bottom: 2px solid #dadada;
     display: block;
     margin: 0 0 30px;
     padding: 0;
 }

 .root_cats_tree.hidden {
     display: none;
 }

 .root_cats_tree.hidden.clicktogglernext-on {
     display: block;
 }

 .root_cats_tree ul {
     display: block;
     margin: 0;
     padding: 0;
 }

 .root_cats_tree ul li {
     border-bottom: 1px solid #dadada;
     display: block;
     position: relative;
 }

 .root_cats_tree ul li .cat_item_name {
     display: block;
     font-size: 14px;
     font-weight: bold;
     padding: 10px 40px 10px 10px;
     text-decoration: none;
     text-transform: uppercase;
 }

 .root_cats_tree ul li .cat_item_name:hover {
     /* color: #ce0000; */
 }

 .cat_item_name a:hover {
     /* color: #ce0000; */
 }

 .root_cats_tree ul li .cat_item_name.open {
     background-color: #fbf7ed;
 }

 .root_cats_tree ul li .root_cats_tree_expander {
     color: gray;
     cursor: pointer;
     font-size: 29px;
     line-height: 40px;
     position: absolute;
     right: 0;
     text-align: center;
     top: 0;
     width: 40px;
     -webkit-touch-callout: none;
     /* iOS Safari */
     -webkit-user-select: none;
     /* Safari */
     -khtml-user-select: none;
     /* Konqueror HTML */
     -moz-user-select: none;
     /* Firefox */
     -ms-user-select: none;
     /* Internet Explorer/Edge */
     user-select: none;
     /* Non-prefixed version, currently	supported by Chrome and Opera */
 }

 .root_cats_tree ul li .root_cats_tree_expander>i {
     transition: all .1s ease;
 }

 .root_cats_tree ul li .root_cats_tree_expander:hover {
     background-color: rgba(0, 0, 0, 0.1);
 }

 .root_cats_tree ul li .root_cats_tree_expander.open>i {
     transform: rotate(180deg);
 }

 .root_cats_tree ul li ul {
     overflow: hidden;
     max-height: 0;
     padding: 0;
     opacity: 0;
     transform: scaleY(0);
     transform-origin: top;
     transition: all .2s ease;
 }

 .root_cats_tree ul li ul.visible {
     opacity: 1;
     display: block;
     padding: 0 0 15px;
     max-height: 5000px;
     transform: scaleY(1);
 }

 .root_cats_tree ul li ul li {
     border: none;
 }

 .root_cats_tree ul li ul li .cat_item_name {
     color: #3b4752;
     font-weight: normal;
     padding: 3px 0 3px 10px;
     text-transform: none;
 }

 .root_cats_tree ul li ul li .cat_item_name:hover {
     /* color: #ce0000;
text-decoration: underline; */
 }

 .root_cats_tree ul li ul li a.open {
     font-weight: bold;
     color: #ce0000;
     background-color: transparent;
 }

 .root_cats_tree ul li ul li ul {}

 .root_cats_tree ul li ul li ul li {
     margin-left: 10px;
 }

 .root_cats_tree ul li ul li ul li .cat_item_name {
     font-size: 14px;
     padding: 2px 0 2px 10px;
 }

 /*SEARCH IN CATEGORY менюшка поиска*/
 .adv_search_wrp {
     padding: 20px 0 0 0;
 }

 .adv_search_wrp.loading {
     position: relative;
     width: auto;
     height: auto;
     margin: 0;
     background-color: transparent;
     background-image: none;
 }

 .adv_search_wrp.loading::before {
     background: url(/images/loading.gif) no-repeat 50% 50%;
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     background-color: rgba(255, 255, 255, 0.7);
     z-index: 5;
     left: 0;
     top: 0;
 }

 .adv_search_wrp .adv_search_title {
     padding: 0 0 5px;
     color: gray;
 }

 .cat_advproduct_search_wrp {
     width: auto;
 }

 .cat_advproduct_search {
     padding: 0;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 10px;
 }

 .cat_advproduct_search .adv_search_option_name {
     color: #050f1e;
     font-size: 14px;
     padding: 10px 30px 10px 15px;
     font-weight: bold;
     border-style: solid;
     border-width: 1px 0 0;
     border-color: rgba(0, 0, 0, 0.1) transparent;
     position: relative;
     cursor: pointer;
 }

 .cat_advproduct_search .adv_search_option_name:first-child {
     border-top: none;
 }

 .cat_advproduct_search .adv_search_option_name:last-child {
     border-bottom: none;
 }

 .cat_advproduct_search .adv_search_option_name .disable_option {
     position: relative;
     top: 0;
     right: 0;
     color: red;
     opacity: .4;
 }

 .cat_advproduct_search .adv_search_option_name .disable_option:hover {
     opacity: 1;
 }

 .cat_advproduct_search .adv_search_option_name>i.fa {
     position: absolute;
     width: 30px;
     text-align: center;
     display: block;
     top: 0;
     right: 0;
     line-height: 36px;
     color: #bdbdbd;
     font-size: 22px;
     width: 36px;
 }

 .cat_advproduct_search .adv_search_option_name.hidden>i.fa {
     transform: rotate(180deg);
 }

 .cat_advproduct_search .adv_search_row {
     margin: 0 0 10px;
     padding: 5px 15px 5px;
 }

 .cat_advproduct_search .adv_search_row.maxreadmoar_wrp {
     max-height: 190px;
     overflow: hidden;
     position: relative;
 }

 .cat_advproduct_search .adv_search_row.hidden {
     height: 0;
     padding: 0;
     overflow: hidden;
     margin: 0;
 }

 .cat_advproduct_search .trackbar_wrp {
     margin: 7px 0 15px;
 }

 .cat_advproduct_search .trackbar_wrp .ui-slider {
     background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
     border: medium none;
     border-radius: 0;
     height: 4px;
     margin: 0 7px;
     position: relative;
     cursor: pointer;
 }

 .cat_advproduct_search .trackbar_wrp .ui-slider .ui-slider-range {
     background-color: rgba(238, 238, 238, 0.25);
     height: 4px;
     position: absolute;
 }

 .cat_advproduct_search .trackbar_wrp .ui-slider .ui-slider-handle {
     background-color: red;
     background-image: none;
     border: medium none;
     border-radius: 50%;
     cursor: pointer;
     display: block;
     height: 16px;
     margin: 0 0 0 -8px;
     position: absolute;
     top: -6px;
     width: 16px;
 }

 .cat_advproduct_search .trackbar_wrp .ui-slider .ui-slider-handle:hover {
     background-color: #ff5f5f;
 }

 .cat_advproduct_search .price_input {
     height: auto;
     text-align: center;
     text-indent: 0;
     margin: 0 0 8px;
     width: 70px;
     border-radius: 10px;
 }

 .cat_advproduct_search .trackbar_slider_submit {
     display: none;
     margin: -7px 0 0 10px;
     position: relative;
     vertical-align: middle;
     width: 30px;
     height: 30px;
     line-height: 30px;
 }

 .cat_advproduct_search .trackbar_slider_submit.visible {
     display: inline-block;
 }

 .cat_advproduct_search .trackbar_slider_submit button {
     background-color: rgb(172, 217, 172);
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 1;
     text-align: center;
     color: #288d08;
     border-radius: 50%;
     padding: 0;
 }

 .cat_advproduct_search .trackbar_slider_submit:hover button {
     background-color: #288d08;
     color: #fff;
 }

 .cat_advproduct_search .trackbar_slider_submit button>i {
     font-size: 20px;
     vertical-align: middle;
 }

 .cat_advproduct_search .adv_search_variant {
     display: block;
     overflow: hidden;
     padding: 0 0 5px;
     margin: 0 0 3px;
     position: relative;
 }

 .cat_advproduct_search .adv_search_variant .checkbox {
     display: block;
     margin: 3px 5px 0 0;
     position: absolute;
     z-index: 0;
 }

 .cat_advproduct_search .adv_search_variant .checkbox_skin {
     display: none;
 }

 .cat_advproduct_search .adv_search_variant .adv_search_variant_name {
     display: block;
     font-size: 14px;
     overflow: hidden;
     text-decoration: none;
     vertical-align: middle;
     padding: 0 0 0 20px;
     position: relative;
 }

 a.adv_search_variant_name {
     color: #3b6d9a;
 }

 .cat_advproduct_search .adv_search_variant .adv_search_variant_name .adv_search_variant_product_count {
     color: gray;
     display: inline-block;
     top: -2px;
 }

 .cat_advproduct_search .adv_search_variant .remove_variant {
     position: absolute;
     top: 0;
     right: 0;
     color: red;
     opacity: 0.4;
 }

 .cat_advproduct_search .adv_search_variant .remove_variant:hover {
     opacity: 1;
 }

 .cat_advproduct_search #prl,
 .cat_advproduct_search #prh {
     margin: 0 0 5px;
 }

 .cat_advproduct_search .adv_submit_row {
     display: none;
 }

 .cat_advproduct_search .adv_submit_row>input[type="submit"] {
     display: block;
     width: 100%;
 }

 .cat_advproduct_search .adv_reset_filter {
     color: red;
     font-size: 12px;
     padding: 0 10px;
 }

 .filter_unsets {
     margin: 0;
     padding: 5px 0 15px;
 }

 .filter_unsets .filter_unsets_option {
     padding: 0 0 5px
 }

 .filter_unsets .filter_unsets_option .filter_unsets_option_title {
     padding: 0 0 5px;
     font-weight: bold;
     color: #333333;
     font-size: 14px;
 }

 .filter_unsets .filter_unsets_option .filter_unset {
     clear: both;
     color: #494940;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     margin: 0 7px 7px 0;
     text-decoration: none;
     padding: 0;
 }

 .filter_unsets .filter_unsets_option .filter_unset:hover {
     color: #000;
 }

 .filter_unsets .filter_unsets_option .filter_unset .fa {
     color: #e93e3a;
     margin: 0 5px 0 0;
 }

 .filter_unsets .filter_unsets_option .filter_unset:hover .fa {
     color: #bc0000;
 }

 .filter_unsets .filter_unset_all {
     color: #E93E3A;
     font-style: normal;
     font-weight: 400;
     margin: 0;
     text-decoration: none;
     font-size: 14px;
     padding: 0;
 }

 .filter_unsets .filter_unset_all:hover {
     color: #bc0000;
     text-decoration: underline dotted;
 }

 .filter_unsets .filter_unset_all .fa {
     margin: 0 7px 0 0;
 }

 .category_name {
     font-size: 30px;
     line-height: 30px;
     font-weight: 500;
     margin-bottom: 16px;
     margin-top: 16px;
 }

 .category_view_select_wrp {
     float: right;
     margin: 15px 0 0;
 }

 .category_view_select_wrp .cat_view_label {
     color: gray;
     display: inline-block;
     margin: 0 5px 0 0;
 }

 .category_view_select {
     background-color: #ffffff;
     border: 1px solid #f3f4f8;
     display: inline-block;
     font-size: 0;
     height: 36px;
     line-height: 36px;
     padding: 0;
     vertical-align: middle;
     z-index: 1;
 }

 .category_view_select .cat_view_type {
     border-right: 1px solid #f3f4f8;
     color: #828282;
     cursor: pointer;
     display: inline-block;
     font-size: 20px;
     height: 32px;
     line-height: 32px;
     overflow: hidden;
     padding: 0 15px;
     vertical-align: middle;
 }

 .category_view_select .cat_view_type:hover {
     color: #ff7676;
 }

 .category_view_select .cat_view_type:last-child {
     border-right: none;
 }

 .category_view_select .cat_view_type.current {
     color: #ff7676;
 }

 .category_view_select form {}

 .category_banners_wrp {
     margin: 0 0 5px;
 }

 .sale_category_banner_wrp {
     margin-bottom: 30px;
     display: block;
     text-align: center;
 }

 .sale_category_banner_wrp img {
     max-width: 100%;
 }

 .sale_category_description {
     margin-bottom: 30px;
 }

 .category_hits {
     clear: both;
     margin: 5px 0 25px;
 }

 .category_hits .category_hits_title {
     color: #ff7676;
     font-size: 22px;
     font-weight: bold;
     margin: 0 0 5px;
     text-align: center;
     text-transform: uppercase;
 }

 .category_hits .category_hits_products {
     background-color: #f3f4f8;
     border: 1px solid #e5e6ed;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
     margin: 0 0 15px;
     overflow: hidden;
     text-align: center;
 }

 .category_hits .category_hits_products .product_brief_table {
     display: inline-block;
     float: none;
     margin: 10px 2%;
     overflow: hidden;
     width: 16%;
 }

 .category_hits .category_hits_products .product_brief_table .imgwrp {
     background-color: #fff;
     height: 120px;
     line-height: 120px;
     overflow: hidden;
     position: relative;
     width: 100%;
 }

 .category_hits .category_hits_products .product_brief_table .imgwrp img {
     max-height: 115px;
     max-width: 95%;
 }

 .category_hits .category_hits_products .product_brief_table .imgwrp .pb_show_num {
     background-color: #ce0000;
     border-radius: 50%;
     color: #fff;
     display: block;
     font-size: 18px;
     font-style: italic;
     font-weight: bold;
     height: 28px;
     left: 5px;
     line-height: 28px;
     position: absolute;
     text-indent: -2px;
     top: 5px;
     width: 28px;
 }

 .category_hits .category_hits_products .product_brief_table .pb_product_name {
     display: block;
     margin: 0 0 5px;
     max-height: 54px;
     overflow: hidden;
 }

 .path {
     font-size: 14px;
     margin: 5px 0 5px 0;
     text-align: left;
     padding: 10px 0 0;

 }

 #cat_product_sort {
     display: flex;
     margin-bottom: 20px;
 }

 #cat_product_sort .hidden-xs {
     display: inline-block;
 }

 #cat_product_sort form {
     display: inline-block;
 }

 #cat_product_sort form select {
     border-color: #bbb9b9;
     border-radius: 20px;

 }

 #cat_product_sort form input {
     display: none;
 }

 .pi-bottom-pane {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     background-color: #fff;
     overflow: hidden;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }

 .pi-bottom-pane .pi-bottom-pane-row {
     display: table;
     width: 100%;
 }

 .pi-bottom-pane .imgwrp {
     display: table-cell;
     width: 115px;
     height: 70px;
     line-height: 70px;
     padding: 0 30px 0 30px;
     text-align: center;
     vertical-align: top;
 }

 .pi-bottom-pane .imgwrp img {
     vertical-align: middle;
     max-width: 100%;
     max-height: 70px;
 }

 .pi-bottom-pane .name {
     display: table-cell;
     padding: 5px 30px;
     font-size: 18px;
     word-break: break-word;
     vertical-align: middle;
 }

 .pi-bottom-pane .price {
     display: table-cell;
     white-space: nowrap;
     font-size: 32px;
     font-weight: bold;
     padding: 5px 30px;
     vertical-align: middle;
 }

 .pi-bottom-pane .buy {
     display: table-cell;
     padding: 5px;
     vertical-align: top;
     text-align: center;
 }

 .pi-bottom-pane .buy input.add2cart_handler {
     background-image: none;
     background-color: #3c4853 !important;
     background-position: 50% 50% !important;
     vertical-align: middle;
 }

 .pi-bottom-pane .buy .add2cart_handler.add2preorder {
     font-size: 0 !important;
     width: 42px;
     height: 42px;
     display: inline-block;
 }

 .pi-bottom-pane .buy .add2cart_handler.add2preorder>i {
     font-size: 18px;
     margin: 0;
     width: 24px;
 }

 .product_brief_block {
     border-bottom: 1px solid #e5e5e5;
     margin: 0 0 50px;
 }

 .product_brief_block .prdbrief_thumbnail {
     float: left;
     margin: 0 20px 0 0;
 }

 .product_brief_block .prdbrief_thumbnail .imgwrp {
     display: block;
     font-size: 0;
     height: 250px;
     line-height: 250px;
     text-align: center;
     width: 250px;
 }

 .product_brief_block .prdbrief_thumbnail .imgwrp img {
     display: inline-block;
     max-height: 250px;
     max-width: 250px;
 }

 .product_brief_block .product_brief_block_rside {
     overflow: hidden;
 }

 .product_brief_block .product_brief_block_rside .prdbrief_name {
     margin: 0 0 10px;
 }

 .product_brief_block .product_brief_block_rside .prdbrief_name .pseudo_link {
     font-size: 18px;
 }

 .product_brief_block .product_brief_block_rside .prdbrief_name .pseudo_link a {}

 .product_brief_block .product_brief_block_rside .prdbrief_name i {
     background: none repeat scroll 0 0 #f3f4f8;
     display: inline-block;
     font-family: 'Roboto';
     font-size: 11px;
     padding: 3px 5px;
 }

 .product_brief_block .product_brief_block_rside .prdbrief_brief_description {
     margin: 0 0 10px;
     padding: 0;
 }

 .product_brief_block .product_brief_block_rside .prdbrief_options {
     margin: 0 0 15px;
 }

 .product_brief_block .product_brief_block_rside .prdbrief_footer {
     background: none repeat scroll 0 0 #f3f4f8;
     padding: 10px 20px;
 }

 .product_brief_block .product_brief_block_rside .prdbrief_footer .prdbrief_price {
     color: #ff7676;
     display: inline-block;
     font-size: 33px;
     font-weight: bold;
     margin: 0 20px 0 0;
     vertical-align: middle;
 }

 .product_brief_block .product_brief_block_rside .prdbrief_footer .prdbrief_add2cart {
     display: inline-block;
     margin: 0 20px 0 0;
     vertical-align: middle;
 }

 .products_wrp {
     display: flex;
     flex-wrap: wrap;
 }

 .products_wrp .product_brief_table {
     box-sizing: content-box;
     display: inline-block;
     padding: 12px 16px 12px 16px;
     float: none;
     margin: 5px;
     vertical-align: top;
     position: relative;
     z-index: 1;
     background-color: #fff;
     box-shadow: 0 0 7px rgba(0, 0, 0, .1);
     border-radius: 10px;
     border: 1px solid #0000001f;
     min-height: 400px;
     cursor: pointer;
 }

 .products_wrp .product_brief_table.hover {
     box-shadow: 0px 2px 2px rgba(0, 8, 29, 5%), 0px 0px 2px rgba(0, 8, 29, 6%), 0px 1px 3px rgba(0, 8, 29, 8%);
     z-index: 9999;
 }

 .products_wrp .product_brief_table .product_brief_sku_block {
     margin-bottom: 10px;
 }

 .products_wrp .product_brief_table .product_brief_img_block,
 .products_wrp .product_brief_table .imgwrp {
     margin-bottom: 10px;
 }

 .products_wrp .product_brief_table .product_brief_name_block {
     margin-bottom: 10px;
 }

 .products_wrp .product_brief_table .product_brief_name_block .pb_product_name {
     margin-bottom: 0;
 }

 .products_wrp .product_brief_table .pb_product_name {

     font-size: 14px;
     display: block;
     line-height: 16px;
     overflow: hidden;
     font-weight: 500;
     color: #3b6d9a;
     height: 55px;
     word-break: break-word;
     text-align: left;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     transition: color .3s;
     margin: 0 0 10px;
     text-decoration: none;
 }

 .products_wrp .product_brief_table .pb_price {
     margin-bottom: 10px;
 }

 .products_wrp .product_brief_table .pb_old_price,
 .products_wrp .product_brief_table .price_promotion_block {
     margin-bottom: 10px;
 }

 .products_wrp .product_brief_table .add2cart_handler {
     margin: 0 0 10px;
     background: none repeat scroll 0 0 #fcfafa;
     color: #e31837;
     cursor: pointer;
     display: block;
     font-size: 16px;
     font-weight: bold;
     padding: 5px 10px;
     text-transform: uppercase;
     border-radius: 5px;
     border: 1px solid;
     text-align: left;
 }

 .products_wrp .product_brief_table .stock_label {
     margin-top: 0;
     margin-bottom: 10px;
 }

 .products_wrp .product_brief_table .stock_label.instock {
     margin-top: 0;
     margin-bottom: 10px;
 }

 .products_wrp .product_brief_table .stock_label.outofstock {
     margin-top: 0;
     margin-bottom: 10px;
 }

 .products_wrp .product_brief_table .prdbrief_options {
     font-size: 10px;
     overflow: hidden;
     overflow-wrap: break-word;
     position: relative;
     color: rgba(0, 0, 0, 54%);
     margin-top: 10px;
     margin-bottom: 10px;
     display: none;
     text-align: left;

 }

 .prdbrief_options b {
     color: rgb(54 53 53 / 70%);
 }

 .products_wrp .product_brief_table.hover .prdbrief_options {
     display: block;
 }

 .product_recommended_title {
     margin-bottom: 30px;
 }

 .products_wrp.products_recommended_wrp {
     text-align: left;
     font-size: 0;
     margin: 0 0 40px;
 }

 .products_wrp.products_recommended_wrp .product_brief_table {
     width: 22%;
     text-align: left;
     border: 1px solid #dadada;
     padding: 15px;
     margin: 0 -1px -1px 0;
     min-height: 390px;
 }

 .products_wrp.products_recommended_wrp .product_brief_table .pb_product_name {
     font-size: 18px;
     line-height: 25px;
     text-align: left;
     text-decoration: none;
     font-weight: normal;
 }

 .products_wrp.products_recommended_wrp .product_brief_table .pb_price {
     font-size: 30px;
     text-align: left;
     margin: 5px 0 5px 0;
 }

 .navigator_wrp {
     color: #a8a8a8;
     font-size: 19px;
     margin: 0 0 20px;
     text-align: center;
     padding: 20px;
 }

 .navigator_wrp a {
     border: 1px solid rgba(0, 0, 0, .12);
     border-radius: 10px;
     padding: 6px 15px;
     -moz-box-align: center;
     align-items: center;
     font-size: 20px;
     line-height: 24px;
     color: rgba(0, 0, 0, .87);
 }

 font.faq b {
     border: 1px solid rgba(0, 0, 0, .12);
     border-radius: 10px;
     padding: 6px 15px;
     -moz-box-align: center;
     align-items: center;
     font-size: 20px;
     line-height: 24px;
     color: white;
     background: red;
 }


 .navigator_wrp a:hover {
     border-color: rgba(0, 0, 0, .22);
     background: rgba(63, 78, 93, .05);
     text-decoration: none;
 }








 .pi_header_left .pi_imgwrp {
     position: relative;
     width: calc(50% - 12px);
     min-height: 400px;
     aspect-ratio: 560 / 500;
 }

 .pi_header_left .pi_imgwrp .pr_stickers_wrp {
     z-index: 1;
 }

 .pi_header_left .pi_imgwrp .pr_icons_wrp {
     bottom: 50px;
     z-index: 1;
 }

 .pi_header_left .pi_imgwrp .pr_gift_ico {
     width: 92px;
     height: 92px;
     line-height: 92px;
     z-index: 1;
     box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
 }

 .pi_header_left .pi_imgwrp .pr_gift_ico::before {
     width: 26px;
     height: 26px;
     line-height: 26px;
     font-size: 20px;
     margin-top: -16px;
     margin-right: -12px;
 }

 .pi_header_left .pi_imgwrp .pr_gift_ico img {
     max-width: 80px;
     max-height: 80px;
 }

 .pi_header_left .imgwrp {

     aspect-ratio: 560 / 500;
     display: block;
     position: relative;
 }

 .pi_header_left .imgwrp img {
     width: 100%;
     height: auto;
     object-fit: contain;
 }

 .pi_header_left .imgwrp .lupa {
     background: url("/images/enlarge1.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     bottom: 5px;
     display: block;
     height: 36px;
     left: 10px;
     position: absolute;
     width: 36px;
 }

 .pi_header_left .pi_allimages .imgwrp {
     border: 1px solid #f3f4f8;
     display: inline-block !important;
     width: 50px;
     height: 50px;

 }

 .pi_header_left .pi_allimages .imgwrp img {
     vertical-align: middle !important;
     width: 50px;
     height: 50px;

 }

 .pi_header_right {
     margin-left: 10px;
 }




 .pi_header_right_header tr td {
     padding: 5px 3%;
 }

 .pi_header_right_header tr td .addtocompare,
 .pi_header_right_header tr td .addtowishlist {
     margin: 0 0 10px 20px;
 }

 .pi_header_right_header .check_price_button {
     display: none;
 }

 .quick_buy {
     cursor: pointer;
     font-size: 17px;
     text-decoration: underline;
 }

 .pi_price {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .pi_price .totalPrice {
     color: #0b0b0b;
     font-size: 36px;
     font-weight: 700;
     position: relative;
     display: block;
     white-space: nowrap;
 }

 .pi_price .totalPrice small {
     font-size: 20px;
 }

 .pi_price .totalPrice .price_label {
     font-size: 16px;
 }

 .pi-wholesale-price-block {
     margin: 10px;
     padding: 5px;
     border-radius: 10px;
     box-shadow: 0 3px 5px rgba(0, 8, 29, 5%), 0 3px 4px rgba(0, 8, 29, 6%), 0 2px 5px rgba(0, 8, 29, 8%);
     display: flex;
     flex-direction: column;
     align-items: center;
     position: relative;
 }

 .wholesale-price {
     display: flex;
     font-size: 12px;
     align-items: center;
     justify-content: center;
 }

 .wholesale-price .wholesale-price-label {
     display: block;
     color: #ff0400;
 }

 .wholesale-price .wholesale-price-summary {
     font-size: 16px;
     font-weight: bold;
     color: #ff0400;
     padding: 0 5px;
 }

 ul.tabs_floating sup {
     color: white;
     border-radius: 50px;
     padding: 1px 5px;
     background: red;
     margin-right: 3px;
 }

 .pi-wholesale-prices-table {
     display: table;
     margin: 0 0 10px;
     background-color: rgba(255, 255, 255, 0.5);
     display: none;
 }

 .pi-wholesale-price-block::after {
     border: medium solid transparent;
     content: "";
     left: 90%;

     position: absolute;
     height: 0;
     width: 0;
     border-color: #0d0d0d rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
     border-width: 12px;
     margin-left: 2px;
     margin-top: 5px;
 }

 .pi-wholesale-prices-table .ws-row {
     display: table-row;
     font-size: 12px;
     border-bottom: 1px solid #e8e8e8;
 }

 .pi-wholesale-prices-table .ws-row.ws-row-title {
     font-weight: bold;
     color: gray;
 }

 .pi-wholesale-prices-table .ws-row .ws-cell {
     display: table-cell;
     padding: 10px;
 }

 .pi-wholesale-prices-table .ws-row .ws-cell.quantity {
     text-align: center;
 }

 q .pi-wholesale-prices-table .ws-row .ws-cell.summary {
     font-weight: bold;
     font-size: 15px;
     display: inline-block;
 }

 .pi-wholesale-prices-table .ws-row .ws-cell .discount {
     display: inline-block;
     vertical-align: super;
     font-size: 12px;
     color: #df514e;
     padding: 0 0 0 5px;
 }

 .pi_price .regularPrice {
     text-decoration: line-through #a70000;
     color: #3f3f3f;
     font-size: 18px;
 }

 .pi_price .regularPrice .pi_price_save_percent {
     color: #bc0000;
     font-weight: bold;
 }

 .pi_header_right_header .add2cart_handler:hover {
     background-color: cadetblue;
 }

 .pi_header_right_header .add2cart_handler.add2preorder {
     font-size: 17px !important;
     background-image: none !important;
     background-color: #077 !important;
     color: #fff !important;
     padding: 5px 10px !important;
     width: auto !important;
     white-space: nowrap;
     height: auto;
 }

 button.add2cart_handler.add2preorder {
     border-radius: 10px;
 }


 .pi_header_right_header .add2cart_handler.add2preorder>i {
     margin: 0 10px 0 0;
 }

 .pi_sale_info {
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 10px;
     padding: 5px 20px;
     background: rgba(23, 60, 97, 6%);
     margin-top: 10px;

 }

 .pi_sale_info .sale_timer_wrp .sale_datetime_str {
     padding: 0 0 7px;
 }


 .pi_sale_info .pi_sale_name {
     font-size: 18px;
     padding: 0 20px;
     text-decoration: none;
 }

 .pi_sale_info .pi_sale_description {
     padding: 0 20px;
     margin: 0;
     display: block;
 }

 .pi_sale_info .pi_sale_description a,
 .pi_sale_info .pi_sale_description .sale_variant_info_handler {
     display: block;
     font-size: 13px;
     padding: 5px 0 0 0;
     text-decoration: underline dotted rgba(0, 0, 0, 0.5);
     color: #7d5d0d;
     cursor: pointer;
 }

 .pi_sale_info .pi_sale_description a .fa,
 .pi_sale_info .pi_sale_description .sale_variant_info_handler .fa {
     margin: 0 0 0 5px;
     color: #b99a4d;
 }

 .pi_extra {
     margin-left: 10px;
 }

 .pi_extra b {
     font-weight: bold;
 }

 .pi_ship_block_ico {
     background: url("/images/pi_shiping_ico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     display: inline-block;
     height: 25px;
     width: 43px;
 }

 .pi_pay_block_ico {
     background: url("/images/pi_payment_ico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     display: inline-block;
     height: 35px;
     width: 25px;
 }

 table.pi_shippay_block {}

 table.pi_shippay_block td.pi_shippay_block_bg {
     background: none repeat scroll 0 0 #f3f4f8;
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset;
     font-size: 14px;
     padding: 15px 5px;
 }

 table.pi_shippay_block td.pi_shippay_block_bg .pi_shippay_block_title {
     font-size: 13px;
     margin: 0 0 5px;
     text-transform: uppercase;
     font-weight: bold;
 }

 table.pi_shippay_block td.pi_shippay_block_bg ul {
     display: block;
     margin: 0;
     padding: 0;
 }

 table.pi_shippay_block td.pi_shippay_block_bg ul li {
     display: block;
     list-style: outside none none;
 }

 div.pi_shippay_block {
     margin: 0 0 15px;
     padding: 15px 20px;
     border: 1px solid #dddfe8;
     width: 50%;
 }

 div.pi_shippay_block ul {
     display: block;
     padding: 0;
     margin: 0;
 }

 div.pi_shippay_block ul li {
     display: block;
     padding: 0;
     margin: 0 0 20px 0;
 }

 div.pi_shippay_block ul li:last-child {
     margin-bottom: 0;
 }

 div.pi_shippay_block ul li .imgwrp {
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     margin: 0 15px 0 0;
     font-size: 0;
     overflow: hidden;
     position: absolute;
 }

 div.pi_shippay_block ul li .imgwrp>img {
     max-width: 100%;
     max-height: 40px;
     vertical-align: middle;
     width: auto;
     height: auto;
 }

 div.pi_shippay_block ul li .imgwrp>i {
     font-size: 36px;
     vertical-align: middle;
     color: rgba(0, 0, 0, 0.2);
 }

 div.pi_shippay_block ul li .pi_spayblk_desc {
     margin: 0 0 0 55px;
 }

 div.pi_shippay_block ul li .pi_spayblk_desc .pi_spayblk_title {
     font-weight: normal;
     font-size: 16px;
     color: #000;
     margin: 0 0 3px;
 }

 div.pi_shippay_block ul li .pi_spayblk_desc .pi_spayblk_description {
     color: #535353;
     font-size: 14px;
 }

 div.pi_shippay_block ul li .pi_spayblk_desc .pi_spayblk_description .pi_spayblk_tooltip_handler {
     color: #227cbb;
     text-decoration: underline dotted rgba(0, 0, 0, 0.2);
     cursor: default;
     position: relative;
 }

 div.pi_shippay_block ul li .pi_spayblk_desc .pi_spayblk_tooltip {
     display: block;
     position: absolute;
     top: 100%;
     left: 50%;
     width: 245px;
     background-color: #fff;
     padding: 10px;
     box-shadow: 0 0 0 4px rgba(0, 0, 0, .1);
     margin: 5px 0 0 -85px;
     z-index: 1;
     border-top: 2px solid #2f576a;
     transition: all .5s;
     opacity: 0;
     height: 0;
     overflow: hidden;
     color: #000;
     font-size: 12px;
 }

 div.pi_shippay_block ul li .pi_spayblk_desc .pi_spayblk_tooltip_handler:hover .pi_spayblk_tooltip {
     opacity: 1;
     height: auto;
     overflow: visible;
 }

 div.pi_shippay_block ul li .pi_spayblk_desc .pi_spayblk_tooltip::before {
     display: block;
     position: absolute;
     bottom: 100%;
     left: 50%;
     margin: -2px 0 0 -10px;
     border-style: solid;
     border-color: transparent transparent #2f576a transparent;
     border-width: 0 10px 5px 10px;
     content: "";
 }


 .pi_tabs_wrp {
     display: flex;
     justify-content: space-between;
     box-shadow: 0 0 0 rgba(0, 8, 29, 5%), 0 0 0 rgba(0, 8, 29, 6%), 0 0 4px rgba(0, 8, 29, 8%);
     border-radius: 10px 10px 0 0;
     padding: 5px 5px 5px 5px;
     margin-top: 5px;
 }

 .pi_tabs_wrp .tabs {
     display: flex;
     margin: 0;
     padding: 0;
     color: rgba(0, 0, 0, 54%);

 }

 .pi_tabs_wrp .tabs li {

     display: block;
     padding: 5px 10px;
     cursor: pointer;
     font-size: 16px;
     line-height: 22px;
     text-transform: uppercase;
     white-space: nowrap;
 }

 .pi_tabs_wrp .tabs li.active {
     color: red;
     font-weight: 700;
     border-bottom: 2px solid red;
     position: relative;
 }




 .pi_tabs_wrp .tabs li .tabs_ico.tabs_disc_ico {
     background-image: url("/images/pi_discu_tab_ico.png");
     height: 40px;
     position: relative;
     width: 45px;
 }

 .pi_tabs_wrp .tabs li .tabs_ico.tabs_disc_ico sup,
 .pi_tabs_wrp .tabs li .tabs_ico.tabs_disc_ico .pi_disc_count_badge,
 .pi_tabs_wrp_floating .tabs_floating li .tabs_ico.tabs_disc_ico sup,
 .pi_tabs_wrp_floating .tabs_floating li .tabs_ico.tabs_disc_ico .pi_disc_count_badge {
     background: none repeat scroll 0 0 #ff0000;
     border-radius: 50%;
     color: #fff;
     display: block;
     font-size: 10px;
     height: 16px;
     line-height: 16px;
     position: absolute;
     top: 0px;
     width: 16px;
     left: 85px;
     padding-left: 4px;
     padding-top: 1px;
 }

 .pi_tabs_wrp .tabs li .tabs_ico.tabs_shippping_ico {
     background-image: url("/images/pi_shiping_tab_ico.png");
     height: 40px;
     width: 55px;
 }

 .tabs_panels_wrp {
     margin: 0 0 30px;
     overflow: hidden;
 }

 .review_block {
     margin: 15px 0 30px;
     position: relative;
     padding: 10px 20px;
     border: 1px solid rgba(0, 0, 0, 0.1);
 }

 .review_block.review_block_admin {
     background-color: rgba(248, 231, 28, 0.15);
     padding: 5px;
 }

 .review_block .rewiever_ico {
     display: block;
     float: left;
     font-size: 0;
     height: 34px;
     line-height: 34px;
     margin: 5px 15px 0 5px;
     overflow: hidden;
     width: 34px;
     background-color: #EFEFE5;
     background-size: cover;
     background-position: 50% 50%;
 }

 .rewiever_ico .fa {
     font-size: 30px;
     color: #288D08;
     opacity: 0.3;
     line-height: 47px;
     text-align: center;
     width: 34px;
 }

 .review_block .review_author {
     color: #000;
     font-size: 14px;
     font-weight: 700;
     display: inline-block;
     margin: 0 15px 10px 0;
 }

 .review_block .review_discuss_type {
     background-color: rgba(0, 0, 0, 0.1);
     display: inline-block;
     padding: 3px 10px;
     border-radius: 3px;
     font-weight: bold;
 }

 .review_block .review_discuss_type.rdt1 {
     color: #2568b0;
 }

 .review_block .review_discuss_type.rdt2 {
     color: #57b025;
 }

 .review_block .review_discuss_type.rdt3 {
     color: #bf4f4f;
 }

 .review_block .review_dignity {
     margin: 0 0 5px;
     position: relative;
     padding: 0 0 0 23px;
 }

 .review_block .review_dignity>i {
     color: #4d974d;
     position: absolute;
     top: 3px;
     left: 0;
     font-size: 16px;
 }

 .review_block .review_shortcomings {
     margin: 0 0 5px;
     position: relative;
     padding: 0 0 0 23px;
 }

 .review_block .review_shortcomings>i {
     color: #f06565;
     position: absolute;
     top: 3px;
     left: 0;
     font-size: 16px;
 }

 .review_block .review_content {
     margin: 0 0 5px;
     display: block;
     clear: both;
     overflow: hidden;
     padding: 10px 0 0 0;
 }

 .review_block .review_media {
     padding: 10px 0 0;
 }

 .review_block .review_media span {
     display: inline-block;
     width: 100px;
     height: 70px;
     margin: 0 20px 10px 0;
     border: 1px solid #ffdbdb;
     cursor: pointer;
     background-size: contain;
     background-position: 50% 50%;
     background-repeat: no-repeat;
 }

 .review_block .review_media span:hover {
     border: 1px solid #ff7676;
 }

 .review_block .review_date {
     width: 100%;
     color: rgba(0, 0, 0, .5);
     padding: 10px 0 0;
     text-align: left;
     font-size: 11px;
 }

 .no_reviews {
     padding: 50px;
     text-align: center;
     color: gray;
     font-style: italic;
     font-size: 16px;
 }

 .discussion_form table tr td>i {
     font-size: 20px;
     text-align: center;
     color: #abacb1;
     width: 30px;
 }

 .discussion_form table tr td>i.fa-plus {
     color: #6b9b6b;
 }

 .discussion_form table tr td>i.fa-minus {
     color: #ca8989;
 }

 .discussion_form table tr td input[type="text"],
 .discussion_form table tr td select {
     height: 35px;
     text-indent: 10px;
     width: 100%;
 }

 .discussion_form table tr td select {
     margin: 0;
     padding: 0;
     text-indent: 3px;
 }

 .discussion_form table tr td input[type="file"] {
     width: 100%;
     cursor: pointer;
     height: 35px;
     line-height: 35px;
     vertical-align: middle;
 }

 .discussion_form table tr td textarea {
     padding: 5px 10px;
 }

 .pi_soc_block {
     padding: 0 10px 0 0;
     text-align: right;
 }

 .pi_contact_block {
     background: none repeat scroll 0 0 #f3f4f8;
     clear: both;
     margin: 0 0 30px;
     padding: 30px 0;
     position: relative;
 }

 .pi_contact_block:before {
     background: url("/images/caution_gray_line.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
     top: 0;
     content: "";
     display: block;
     height: 2px;
     left: 0;
     position: absolute;
     width: 100%;
 }

 .pi_contact_block table {
     margin: 0 auto;
 }

 .pi_contact_block table tr td .pi_contact_block_title {
     font-size: 18px;
     text-transform: uppercase;
     margin: 0 0 10px;
 }

 .pi_contact_block table tr td .pi_contact_block_phone_ico {
     background: url("/images/callme_ico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     display: inline-block;
     height: 39px;
     margin: 0 20px 0 0;
     vertical-align: middle;
     width: 24px;
 }

 .pi_contact_block table tr td .pi_contact_block_phone {
     font-size: 30px;
     vertical-align: middle;
 }

 .pi_models_page {
     clear: both;
     display: block;
 }

 .pi_models_page .pim_header {
     position: relative;
 }

 /* Одна схема: пісочниця ліворуч, дубль списку запчастин праворуч, нижній блок лишається як був */
 .pi_models_page.pi_models_page--single_scheme {
     --pim-single-sandbox-h: clamp(526px, 67vh, 1078px);
 }

 .pi_models_page.pi_models_page--multi_scheme_sidebar {
     --pim-single-sandbox-h: clamp(526px, 67vh, 1078px);
 }

 .pi_models_page.pi_models_page--single_scheme .pim_header .pim_header_main {
     display: grid;
     grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
     gap: 20px;
     align-items: stretch;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_header .pim_header_left {
     min-width: 0;
     display: flex;
     flex-direction: column;
     align-self: stretch;
     min-height: var(--pim-single-sandbox-h);
 }

/* До productmodels.js головна схема ще без .pim_scheme_sandbox_wrap, але .pi_header_left .imgwrp (560/500) стискає по ширині — «низька смуга», після JS — aspect-ratio: auto + min-height (ривок). */
.pi_models_page .pim_header_left .pim_main_scheme_link.imgwrp,
.pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link.imgwrp {
     aspect-ratio: auto;
}

/* Ланцюг flex + прибрати aspect-ratio з глобального .pi_header_left .imgwrp — інакше viewport залишається низьким, колесо ловить сторінка, а не пісочниця */
.pi_models_page.pi_models_page--single_scheme .pim_header_left>.pim_ocr_scheme_host {
     display: flex;
     flex-direction: column;
     flex: 1 1 auto;
     min-width: 0;
     width: 100%;
     min-height: var(--pim-single-sandbox-h);
 }

/* Як у .pim_scheme_primary .pim_ocr_scheme_host .pim_main_scheme_link — схема заповнює колонку, viewport отримує стабільну висоту */
.pi_models_page.pi_models_page--single_scheme .pim_header_left .pim_ocr_scheme_host .pim_main_scheme_link.imgwrp {
     flex: 1 1 auto;
     min-height: 0;
     width: 100%;
     aspect-ratio: auto;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_header_left .pim_ocr_scheme_host .imgwrp.pim_scheme_sandbox_wrap,
 .pi_models_page.pi_models_page--single_scheme .pim_header_left>.imgwrp.pim_scheme_sandbox_wrap {
     flex: 1 1 auto;
     min-width: 0;
     width: 100%;
     min-height: var(--pim-single-sandbox-h);
     aspect-ratio: auto;
     height: auto;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel {
     min-width: 0;
     min-height: var(--pim-single-sandbox-h);
     height: var(--pim-single-sandbox-h);
     max-height: var(--pim-single-sandbox-h);
     display: flex;
     flex-direction: column;
     background: #fff;
     border: 1px solid rgba(15, 23, 42, 0.08);
     border-radius: 12px;
     box-shadow: 0 6px 20px rgba(15, 23, 42, 0.07);
     padding: 2px 8px 6px;
     overflow: hidden;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel__title,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel__title {
     position: sticky;
     top: 0;
     z-index: 3;
     flex: 0 0 auto;
     padding: 0 4px 0;
     margin-bottom: 0;
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.93) 100%);
     backdrop-filter: blur(3px);
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_toolbar,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_toolbar {
     display: flex;
     align-items: center;
     gap: 8px;
     flex-wrap: wrap;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_heading,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_heading {
     margin: 0;
     font-size: 0.92rem;
     font-weight: 600;
     color: #0f172a;
     line-height: 1.2;
     flex: 0 1 auto;
     min-width: 0;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_toolbar .pm_view_btn,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_toolbar .pm_view_btn {
     height: 28px;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_search_wrp,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_search_wrp {
     margin-left: auto;
     position: relative;
     display: inline-flex;
     align-items: center;
     min-width: 220px;
     max-width: 100%;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_search_wrp .fa,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_search_wrp .fa {
     position: absolute;
     left: 11px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 13px;
     color: #64748b;
     pointer-events: none;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_search,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_search {
     height: 30px;
     width: 100%;
     border-radius: 999px;
     border: 1px solid rgba(148, 163, 184, 0.42);
     background: #fff;
     padding: 0 38px 0 32px;
     font-size: 13px;
     color: #0f172a;
     outline: none;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_search::-webkit-search-cancel-button,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_search::-webkit-search-cancel-button {
     -webkit-appearance: none;
     appearance: none;
     display: none;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_search::-moz-search-clear-button,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_search::-moz-search-clear-button {
     display: none;
 }

 /* Кнопка очищення пошуку (пісочниця + правий список) */
 .pi_models_page.pi_models_page--single_scheme .pim_parts_search_clear,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_parts_search_clear {
     box-sizing: border-box;
     position: absolute;
     right: 6px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 2;
     width: 28px;
     height: 28px;
     margin: 0;
     padding: 0;
     border: none;
     border-radius: 999px;
     background: rgba(241, 245, 249, 0.96);
     color: #64748b;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
     transition:
         opacity 0.15s ease,
         background 0.15s ease,
         color 0.15s ease,
         transform 0.12s ease,
         box-shadow 0.15s ease;
     opacity: 0;
     pointer-events: none;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_search_wrp.pim_parts_search_has_value .pim_parts_search_clear,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_search_wrp.pim_parts_search_has_value .pim_parts_search_clear {
     opacity: 1;
     pointer-events: auto;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_parts_search_clear:hover,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_parts_search_clear:hover {
     background: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%);
     color: #b91c1c;
     box-shadow: 0 2px 6px rgba(185, 28, 28, 0.12);
 }

 .pi_models_page.pi_models_page--single_scheme .pim_parts_search_clear:active,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_parts_search_clear:active {
     transform: translateY(-50%) scale(0.93);
 }

 .pi_models_page.pi_models_page--single_scheme .pim_parts_search_clear:focus-visible,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_parts_search_clear:focus-visible {
     outline: 2px solid rgba(37, 99, 235, 0.42);
     outline-offset: 1px;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_parts_search_clear svg,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_parts_search_clear svg {
     width: 14px;
     height: 14px;
     display: block;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_search:focus,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_search:focus {
     border-color: rgba(37, 99, 235, 0.55);
     box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel__body,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel__body {
     flex: 1 1 auto;
     min-height: 0;
     overflow-y: auto;
     overflow-x: hidden;
     padding-right: 6px;
     padding-top: 2px;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list {
     margin-top: 0;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel__body::-webkit-scrollbar,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel__body::-webkit-scrollbar {
     width: 8px;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel__body::-webkit-scrollbar-thumb,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel__body::-webkit-scrollbar-thumb {
     background: rgba(100, 116, 139, 0.45);
     border-radius: 999px;
 }

 /* Компактні картки запчастин у правій колонці; .pm_part_card_bundle — оболонка позиції. */
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .pm_part_card_bundle,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .pm_part_card_bundle,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .pm_rr_part_bundle,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .pm_rr_part_bundle {
     border: 1px solid #e2e8f0;
     border-radius: 11px;
     box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
     padding: 7px 9px;
     margin-bottom: 7px;
     transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
     box-sizing: border-box;
     background: linear-gradient(180deg, #ffffff 0%, #fafbfd 100%);
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .pm_part_card_bundle .product_model_block,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .pm_part_card_bundle .product_model_block,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .pm_rr_part_bundle .product_model_block,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .pm_rr_part_bundle .product_model_block {
     border: 0 none;
     border-radius: 0;
     box-shadow: none;
     padding: 0;
     margin-bottom: 0;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .pm_part_card_bundle:hover,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .pm_part_card_bundle:hover,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .pm_rr_part_bundle:hover,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .pm_rr_part_bundle:hover {
     transform: translateY(-1px);
     border-color: #cbd5e1;
     box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
     background: #fff;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content {
     gap: 8px;
     align-items: flex-start;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content--title_toprow,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content--title_toprow {
     gap: 5px 9px;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content--title_toprow > .pm_card_right,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content--title_toprow > .pm_card_right {
     gap: 5px;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_left,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_left {
     flex: 0 0 62px;
     width: 62px;
     gap: 2px;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image {
     min-height: 52px;
     height: 52px;
     padding: 0;
     border-radius: 8px;
     background: #f8fafc;
     border: 1px solid rgba(226, 232, 240, 0.9);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp img,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp img,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp_noimage img,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp_noimage img {
     width: 52px;
     height: 52px;
     max-height: 52px;
     max-width: 52px;
     object-fit: contain;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_code,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_code {
     font-size: 10px;
     line-height: 1.15;
     opacity: 0.88;
     margin-top: 0;
 }

 /* Прибираємо накладений артикул-бейдж на кутку фото */
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list .product_model_block .sticker_detail,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list .product_model_block .sticker_detail,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list .product_model_block span.sticker_detail,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list .product_model_block span.sticker_detail {
     display: none !important;
 }

 /* Назва: перший ряд сітки — [бейдж | назва+око], другий — [фото | ціна]. Бейдж не в одній площині з фото, не перекриває текст. model_item + .pm_card_content--title_toprow */
 .pi_models_page .product_model_block .pm_card_content--title_toprow,
 .product_model_block .pm_card_content--title_toprow {
     display: grid;
     grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
     grid-template-areas:
         "pm_badge pm_title"
         "pm_left pm_right";
     gap: 10px 14px;
     align-items: start;
     width: 100%;
     box-sizing: border-box;
 }

 .pi_models_page .product_model_block .pm_card_content--title_toprow > .pm_card_badges,
 .product_model_block .pm_card_content--title_toprow > .pm_card_badges {
     grid-area: pm_badge;
     position: static;
     align-self: start;
     justify-self: start;
     z-index: 2;
     display: inline-flex;
     flex-wrap: wrap;
     gap: 6px;
     align-items: center;
     max-width: 100%;
 }

 .pi_models_page .product_model_block .pm_card_content--title_toprow > .pm_card_name,
 .product_model_block .pm_card_content--title_toprow > .pm_card_name {
     grid-area: pm_title;
     min-width: 0;
     width: 100%;
     max-width: 100%;
 }

 .pi_models_page .product_model_block .pm_card_content--title_toprow > .pm_card_left,
 .product_model_block .pm_card_content--title_toprow > .pm_card_left {
     grid-area: pm_left;
     min-width: 0;
 }

 .pi_models_page .product_model_block .pm_card_content--title_toprow > .pm_card_right,
 .product_model_block .pm_card_content--title_toprow > .pm_card_right {
     grid-area: pm_right;
     display: flex;
     flex-direction: column;
     gap: 10px;
     min-width: 0;
     width: 100%;
     max-width: 100%;
     box-sizing: border-box;
 }

 /* Сайдбар: компактна назва; не більше 2 рядків із … */
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_name a,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_name a {
     font-size: 11px;
     font-weight: 700;
     line-height: 1.25;
     color: #0f172a;
     letter-spacing: -0.01em;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     overflow: hidden;
     text-overflow: ellipsis;
     overflow-wrap: anywhere;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qd_eye,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qd_eye {
     width: 26px;
     height: 26px;
     min-width: 26px;
     min-height: 26px;
     font-size: 12px;
 }

 @media screen and (max-width: 768px) {

     /* Мобільний list: одна колонка; тулбар на всю ширину; ціна + к-сть/купити — один ряд (мінімальна висота). */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_right,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_right {
         display: flex;
         flex-direction: column;
         row-gap: 6px;
         column-gap: 0;
         align-items: stretch;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content:not(.pm_card_content--title_toprow) .pm_card_name,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content:not(.pm_card_content--title_toprow) .pm_card_name {
         grid-column: 1 / -1;
         grid-row: auto;
         min-width: 0;
         width: 100%;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_name a,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_name a {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         line-clamp: 2;
         overflow: hidden;
         width: 100%;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar {
         max-width: none;
         width: 100%;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom {
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         align-items: center;
         gap: 6px 8px;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom>.pm_card_price,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom>.pm_card_price {
         width: auto;
         flex: 0 0 auto;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom>.pm_card_actions,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom>.pm_card_actions {
         flex: 1 1 auto;
         min-width: 0;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom>.pm_card_actions:only-child,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom>.pm_card_actions:only-child {
         grid-column: 1 / -1;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button {
         flex-wrap: nowrap;
     }

     /* Мобільні картки: ще компактніше за десктоп */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .pm_part_card_bundle,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .pm_part_card_bundle,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .pm_rr_part_bundle,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .pm_rr_part_bundle {
         padding: 5px 7px !important;
         margin-bottom: 5px !important;
         border-radius: 9px !important;
         box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block {
         padding: 0 !important;
         margin-bottom: 0 !important;
         border-radius: 0 !important;
         box-shadow: none !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block:hover,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block:hover {
         transform: none;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content--title_toprow,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content--title_toprow {
         gap: 4px 8px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_left,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_left {
         flex: 0 0 64px !important;
         width: 64px !important;
         gap: 1px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image {
         min-height: 50px !important;
         height: 50px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp img,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp img,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp_noimage img,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp_noimage img {
         width: 50px !important;
         height: 50px !important;
         max-width: 50px !important;
         max-height: 50px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_code,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_code {
         font-size: 9px !important;
         line-height: 1.15 !important;
         margin-top: 0 !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_name a,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_name a {
         font-size: 10px !important;
         line-height: 1.2 !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qd_eye,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qd_eye {
         width: 26px !important;
         height: 26px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_right,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_right {
         row-gap: 3px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar {
         padding: 2px 4px !important;
         box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05) !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom {
         column-gap: 6px !important;
     }
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar {
     width: 100%;
     padding: 3px 5px;
     border-radius: 9px;
     border: 1px solid #e8edf3;
     background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%);
     box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
     box-sizing: border-box;
 }

 @media screen and (min-width: 769px) {

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar {
         max-width: 100%;
         width: 100%;
     }
 }

 /* Прибираємо «другий» внутрішній білий блок — він дублював padding і роздував висоту */
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-start;
     gap: 6px 8px;
     padding: 0;
     margin: 0;
     background: transparent;
     border: none;
     border-radius: 0;
     box-shadow: none;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom > .pm_card_price,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom > .pm_card_price {
     flex: 0 0 auto;
     width: auto;
     grid-row: auto;
     align-self: center;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom > .pm_card_actions,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom > .pm_card_actions {
     flex: 1 1 140px;
     min-width: 0;
     width: auto;
     max-width: 100%;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
     gap: 4px 6px;
     grid-row: auto;
     grid-template-columns: none;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_price .pm_price .price_value,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_price .pm_price .price_value {
     color: #1d4ed8;
     font-size: 13px;
     line-height: 1;
     font-weight: 800;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_price .pm_price small,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_price .pm_price small {
     color: #1d4ed8;
     font-size: 9px;
     font-weight: 700;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions {
     gap: 4px 6px;
     align-items: center;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: auto;
     min-width: 0;
 }

 /* Ціна + наявність + кошик — в один ряд у панелі справа від пісочниці */
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     justify-content: flex-start;
     gap: 4px 6px;
     min-width: 0;
     max-width: 100%;
     width: 100%;
     flex: 1 1 auto;
     box-sizing: border-box;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button:has(.pm_out_of_stock),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button:has(.pm_out_of_stock) {
     width: auto;
     justify-content: flex-start;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .pm_out_of_stock,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .pm_out_of_stock {
     width: auto;
     max-width: none;
     min-width: 0;
     box-sizing: border-box;
     white-space: nowrap;
     text-align: left;
     justify-content: flex-start;
     padding: 4px 8px;
     gap: 5px;
     font-size: 10px;
     font-weight: 700;
     line-height: 1.2;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .pm_out_of_stock__ico,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .pm_out_of_stock__ico {
     width: 22px;
     height: 22px;
     font-size: 11px;
     flex-shrink: 0;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .pm_out_of_stock__txt,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .pm_out_of_stock__txt {
     min-width: 0;
     overflow-wrap: anywhere;
     hyphens: auto;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>a,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>a,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>button,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>button,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>a,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>a,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>button,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>button {
     border-radius: 8px;
     min-height: 26px;
     padding: 2px 7px;
     font-size: 10px;
     font-weight: 700;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
     text-decoration: none;
     white-space: nowrap;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder) {
     background: linear-gradient(180deg, #ffffff 0%, #f3f6fb 100%);
     color: #334155;
     border: 1px solid #cfd7e3;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(15, 23, 42, 0.06);
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder):hover,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder):hover,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder):hover,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder):hover,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder):hover,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder):hover,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder):hover,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder):hover {
     border-color: #b8c6dc;
     color: #0f172a;
     background: #fff;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.button_buy,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.button_buy,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.add2cart_handler:not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.add2cart_handler:not(.add2preorder) {
     min-width: 0;
     width: auto;
     flex: 0 0 92px;
     min-height: 26px;
     padding: 2px 6px;
     font-size: 10px;
     border-radius: 8px;
     box-shadow: 0 3px 10px rgba(227, 24, 55, 0.28);
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.add2preorder,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.add2preorder {
     min-width: 0;
     width: 100%;
     min-height: 26px;
     padding: 2px 6px;
     font-size: 10px;
     border-radius: 8px;
     box-shadow: 0 3px 10px rgba(227, 24, 55, 0.28);
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button > .button_buy,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button > .button_buy,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button > .add2cart_handler:not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button > .add2cart_handler:not(.add2preorder) {
     flex: 0 0 92px !important;
     width: 92px !important;
     min-width: 92px !important;
     max-width: 92px !important;
     padding-left: 14px !important;
     padding-right: 14px !important;
     justify-content: center;
     text-align: center;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button > .add2preorder,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button > .add2preorder {
     flex: 1 1 112px !important;
     width: auto !important;
     min-width: 112px !important;
     max-width: 100% !important;
     padding-left: 14px !important;
     padding-right: 14px !important;
     justify-content: center;
     text-align: center;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>a:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_actions>button:not(.button_buy):not(.add2cart_handler):not(.add2preorder) {
     min-width: 80px;
     min-height: 26px;
     padding: 2px 7px;
     font-size: 10px;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper {
     height: 26px !important;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_btn,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_btn,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_minus,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_minus,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_plus,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_plus {
     min-height: 26px !important;
     height: 26px !important;
     width: 26px !important;
     min-width: 26px !important;
     flex: 0 0 26px !important;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_field .product_qty,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_field .product_qty,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper>.product_qty,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper>.product_qty {
     height: 26px !important;
     min-height: 26px !important;
     width: 30px !important;
     font-size: 11px !important;
 }

 /* Купити: фіксована ширина 92px — як у картці заміни (не розтягувати на вільне місце) */
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button .button_buy,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button .button_buy,
 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button .add2cart_handler:not(.add2preorder),
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button .add2cart_handler:not(.add2preorder) {
     flex: 0 0 92px !important;
     width: 92px !important;
     min-width: 92px !important;
     max-width: 92px !important;
     min-height: 26px !important;
     padding: 2px 14px !important;
     font-size: 10px !important;
     line-height: 1.15 !important;
     border-radius: 8px !important;
 }

 .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button .add2preorder,
 .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button .add2preorder {
     min-width: 112px !important;
     min-height: 26px !important;
     padding: 2px 10px !important;
     font-size: 10px !important;
     line-height: 1.15 !important;
     border-radius: 8px !important;
 }

 @media screen and (max-width: 768px) {

     /* Мобільний list: CTA з width:100% у рядку з кількістю стискає ± у .pm_qty_wrapper (overflow:hidden) — ховається «+». Кнопки та степер ~−20%. */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom {
         column-gap: 8px;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_actions,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_actions {
         overflow: visible;
         min-width: 0;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button {
         gap: 6px;
         min-width: 0;
         align-items: center;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .pm_qty_wrapper,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .pm_qty_wrapper {
         flex-shrink: 0;
         max-width: max-content;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button>.button_buy,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button>.button_buy,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button>.add2cart_handler:not(.add2preorder),
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button>.add2cart_handler:not(.add2preorder) {
         flex: 0 0 92px !important;
         width: 92px !important;
         min-width: 92px !important;
         max-width: 92px !important;
         min-height: 22px !important;
         padding: 2px 10px !important;
         font-size: 9px !important;
         line-height: 1.15 !important;
         border-radius: 8px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button>.add2preorder,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button>.add2preorder {
         flex: 1 1 96px !important;
         width: auto !important;
         min-width: 96px !important;
         max-width: 100% !important;
         min-height: 22px !important;
         padding: 2px 10px !important;
         font-size: 9px !important;
         line-height: 1.15 !important;
         border-radius: 8px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .button_buy,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .button_buy,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .add2cart_handler,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .add2cart_handler,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .add2preorder,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button .add2preorder {
         min-height: 22px !important;
         padding: 2px 5px !important;
         font-size: 9px !important;
         border-radius: 8px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper {
         height: 21px !important;
         border-radius: 11px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_btn,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_btn,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_minus,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_minus,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_plus,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_plus {
         min-height: 21px !important;
         height: 21px !important;
         width: 21px !important;
         min-width: 21px !important;
         flex: 0 0 21px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_btn .pm_qty_btn_ico,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_btn .pm_qty_btn_ico {
         font-size: 14px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_field .product_qty,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_field .product_qty,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper>.product_qty,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper>.product_qty {
         height: 21px !important;
         min-height: 21px !important;
         width: 24px !important;
         font-size: 9px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_price .pm_price .price_value,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_price .pm_price .price_value {
         font-size: 11px !important;
         line-height: 1.1 !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_price .pm_price small,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_price .pm_price small {
         font-size: 8px !important;
     }
 }

 @media screen and (max-width: 1100px) {
     .pi_models_page.pi_models_page--single_scheme .pim_header .pim_header_main {
         grid-template-columns: 1fr;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel {
         height: auto;
         max-height: none;
         min-height: 420px;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_search_wrp,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_search_wrp {
         min-width: 100%;
         margin-left: 0;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer.pim_scheme_split--top_thumbs {
         grid-template-columns: 1fr;
         grid-template-rows: auto auto auto;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_thumbs_row {
         grid-column: 1;
         grid-row: 1;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_multi_left {
         grid-column: 1;
         grid-row: 2;
     }

     .pi_models_page .pim_scheme_split--top_thumbs aside.pim_single_scheme_parts_panel {
         grid-column: 1;
         grid-row: 3;
         align-self: stretch;
     }
 }

 @media screen and (max-width: 768px) {

     .pi_models_page.pi_models_page--single_scheme,
     .pi_models_page.pi_models_page--multi_scheme_sidebar {
         --pim-single-sandbox-h: clamp(476px, calc(67vh - 50px), 1028px);
     }

     /*
 * Мобільний вигляд схема + список запчастин:
 * блок з головним фото та панель запчастин по 50% висоти робочої зони (решта прокручується в panel__body).
 * --pim-mobile-page-above ≈ відступ від верху екрану до блоку pim_header_main (шапка сайту + хлібні крошки/h1).
 */
     .pi_models_page.pi_models_page--single_scheme .pim_header .pim_header_main,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_header .pim_header_main {
         display: flex;
         flex-direction: column;
         align-items: stretch;
         gap: 0 !important;
         row-gap: 0 !important;
         width: 100%;
         height: calc(100dvh - var(--pim-mobile-page-above, 172px));
         max-height: calc(100dvh - var(--pim-mobile-page-above, 172px));
         min-height: 0;
         overflow: hidden;
         box-sizing: border-box;
     }

     /* Одна схема: зона фото займає весь вільний простір, панель списку — auto (висота скролу 400px у .pim_single_scheme_parts_panel__body) */
     .pi_models_page.pi_models_page--single_scheme .pim_header_left {
         flex: 1 1 0%;
         min-height: 0 !important;
         height: auto;
         max-height: none;
         display: flex;
         flex-direction: column;
         overflow: hidden;
         box-sizing: border-box;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_header_left .pim_ocr_scheme_host {
         flex: 1 1 auto;
         min-height: 0 !important;
         max-height: none;
         display: flex;
         flex-direction: column;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_header_left .pim_ocr_scheme_host .imgwrp.pim_scheme_sandbox_wrap,
     .pi_models_page.pi_models_page--single_scheme .pim_header_left>.imgwrp.pim_scheme_sandbox_wrap {
         flex: 1 1 auto;
         min-height: 0 !important;
         max-height: none !important;
         height: 100%;
         width: 100%;
         box-sizing: border-box;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_header_left>.pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap) {
         flex: 1 1 auto;
         min-height: 0;
         max-height: none;
         overflow: hidden;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_header_left>.pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap) img {
         max-height: 100%;
         max-width: 100%;
         width: auto;
         height: auto;
         object-fit: contain;
     }

     /* Скинути десктопний clamp-висоти панелі; одна схема — панель auto, кілька — flex у сітці */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel {
         min-height: 0 !important;
         height: auto !important;
         max-height: none !important;
         box-sizing: border-box;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel {
         flex: 0 0 auto;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel {
         flex: 1 1 0%;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_header_left {
         flex: 1 1 0%;
         min-height: 0 !important;
         display: flex;
         flex-direction: column;
         overflow: hidden;
         max-height: none;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer.pim_scheme_split--top_thumbs {
         display: grid !important;
         grid-template-columns: minmax(0, 1fr) !important;
         grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr) !important;
         align-items: stretch;
         gap: 0 !important;
         column-gap: 0 !important;
         padding: 6px 8px 8px !important;
         flex: 1 1 auto !important;
         min-height: 0 !important;
         width: 100%;
         height: 100%;
         max-height: 100%;
         box-sizing: border-box;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_thumbs_row {
         grid-column: 1;
         grid-row: 1;
         width: 100%;
         min-width: 0;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_multi_left {
         grid-column: 1;
         grid-row: 2;
         min-height: 0 !important;
         overflow: hidden;
         width: 100% !important;
         display: flex !important;
         flex-direction: column !important;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary {
         flex: 1 1 auto !important;
         min-height: 0 !important;
         display: flex !important;
         flex-direction: column !important;
         width: 100% !important;
         max-width: 100% !important;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap) {
         flex: 1 1 auto !important;
         min-height: 0 !important;
         max-height: none !important;
         height: 100% !important;
         width: 100% !important;
         position: relative !important;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link.imgwrp.pim_scheme_sandbox_wrap {
         flex: 1 1 auto !important;
         max-height: none !important;
         height: 100% !important;
         width: 100% !important;
         position: relative !important;
     }

     .pi_models_page .pim_scheme_split--top_thumbs aside.pim_single_scheme_parts_panel {
         grid-column: 1;
         grid-row: 3;
         flex: unset;
         min-height: 0 !important;
         width: 100% !important;
         overflow: hidden;
         align-self: stretch !important;
     }

     .pi_models_page .pim_scheme_primary {
         padding-right: 0;
         border-right: none;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary img#img-current_picture {
         padding: 6px;
     }
 }

 /* Кілька схем: одна «картка» — головна зліва, додаткові займають решту ширини */
 .pi_models_page .pim_header--with_schemes {
     display: block;
     margin-bottom: 8px;
 }

 .pi_models_page .pim_header--with_schemes .pim_header_main {
     position: relative;
     width: 100%;
 }

 .pi_models_page .pim_scheme_split.pim_scheme_viewer {
     display: grid;
     grid-template-columns: minmax(0, 2.45fr) minmax(220px, 0.72fr);
     align-items: stretch;
     gap: 0 24px;
     width: 100%;
     max-width: 100%;
     box-sizing: border-box;
     padding: 16px 20px 20px;
     border-radius: 16px;
     background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 12px 40px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.06);
 }

 /* Кілька схем (десктоп): смуга мініатюр на всю ширину картки; нижче — фото + сайдбар в одному рядку — НЕ застосовуємо на мобільних (інакше ламає вертикальну сітку 50/50). */
 @media screen and (min-width: 769px) {
     .pi_models_page .pim_scheme_split.pim_scheme_viewer.pim_scheme_split--top_thumbs {
         grid-template-columns: minmax(0, 1fr) minmax(280px, min(36vw, 420px));
         grid-template-rows: auto 1fr;
         align-items: start;
         column-gap: 20px;
         row-gap: 12px;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_thumbs_row {
         grid-column: 1 / -1;
         grid-row: 1;
         width: 100%;
         min-width: 0;
         box-sizing: border-box;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_multi_left {
         grid-column: 1;
         grid-row: 2;
         display: flex;
         flex-direction: column;
         gap: 0;
         min-width: 0;
         width: 100%;
         align-self: start;
     }

     .pi_models_page .pim_scheme_split--top_thumbs aside.pim_single_scheme_parts_panel {
         grid-column: 2;
         grid-row: 2;
         align-self: stretch;
         width: 100%;
         min-width: 0;
         min-height: 0;
         box-sizing: border-box;
     }
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip {
     flex: 0 0 auto;
     width: 100%;
     max-width: 100%;
     min-width: 0;
     margin: 0;
     padding: 0;
     border: none;
     background: transparent;
     box-shadow: none;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_thumbs_strip_scroll {
     overflow-x: auto;
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
     padding: 2px 8px 6px;
     margin: 0 -2px;
     scrollbar-width: thin;
     max-width: 100%;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_thumbs_strip_lst {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     gap: 14px;
     margin: 0;
     padding: 0;
     width: max-content;
     min-width: 100%;
     min-height: 0;
     box-sizing: border-box;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_thumbs_strip_lst>.item {
     flex: 0 0 auto;
     width: auto;
     margin: 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 4px;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_thumb_scheme_label {
     width: 100%;
     max-width: 150px;
     box-sizing: border-box;
     margin: 0;
     padding: 0 2px;
     text-align: center;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     font-size: 11px;
     font-weight: 650;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     line-height: 1.1;
     color: rgba(51, 65, 85, 0.88);
     text-wrap: balance;
     transition: color 0.25s ease, transform 0.25s ease;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_thumbs_strip_lst>.item:has(.pim_rail_card--active) .pim_thumb_scheme_label {
     color: rgb(29, 78, 216);
     transform: translateY(-1px);
 }

 @media (prefers-reduced-motion: reduce) {
     .pi_models_page .pim_scheme_split--top_thumbs .pim_thumbs_strip_lst>.item:has(.pim_rail_card--active) .pim_thumb_scheme_label {
         transform: none;
     }
 }

 /* Завантаження зображень схем, мініатюр, карток у списку запчастин */
 .pi_models_page .pim_img_loading_host {
     position: relative;
 }

 .pi_models_page .pim_img_loading_host.is-pim-img-loading::before {
     content: '';
     position: absolute;
     inset: 0;
     z-index: 7;
     pointer-events: none;
     border-radius: inherit;
     background: linear-gradient(165deg, rgba(248, 250, 252, 0.97) 0%, rgba(226, 232, 240, 0.9) 48%, rgba(241, 245, 249, 0.95) 100%);
     box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.12);
 }

 .pi_models_page .pim_img_loading_host.is-pim-img-loading::after {
     content: '';
     position: absolute;
     left: 50%;
     top: 50%;
     width: 40px;
     height: 40px;
     margin: -20px 0 0 -20px;
     z-index: 8;
     pointer-events: none;
     border-radius: 50%;
     border: 3px solid rgba(37, 99, 235, 0.2);
     border-top-color: rgba(37, 99, 235, 0.92);
     box-shadow: 0 10px 30px rgba(15, 23, 42, 0.1);
     animation: pim_img_ld_spin 0.72s linear infinite;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_thumb.is-pim-img-loading::after {
     width: 24px;
     height: 24px;
     margin: -12px 0 0 -12px;
     border-width: 2px;
     animation-duration: 0.65s;
 }

 .pi_models_page .product_model_block .pm_card_image .imgwrp.is-pim-img-loading::after,
 .pi_models_page .product_model_block .pm_card_image .imgwrp_noimage.is-pim-img-loading::after {
     width: 30px;
     height: 30px;
     margin: -15px 0 0 -15px;
     border-width: 2.5px;
 }

 @keyframes pim_img_ld_spin {
     to {
         transform: rotate(360deg);
     }
 }

 @media (prefers-reduced-motion: reduce) {
     .pi_models_page .pim_img_loading_host.is-pim-img-loading::after {
         animation: none;
         border-color: rgba(37, 99, 235, 0.45);
         border-top-color: rgba(37, 99, 235, 0.75);
     }
 }

 /* Лупа поверх оверлею, коли лоадер на всьому .imgwrp без sandbox-viewport */
 .pi_models_page .pim_scheme_primary .pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap).is-pim-img-loading>.fa-search-plus {
     position: relative;
     z-index: 12;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_card {
     position: relative;
     z-index: 1;
     width: 150px;
     box-sizing: border-box;
     transform-origin: center center;
     transition:
         transform 0.5s cubic-bezier(0.22, 1, 0.32, 1),
         box-shadow 0.45s ease,
         filter 0.35s ease;
     will-change: transform;
 }

 /* Тач / вузький екран: як раніше — сильне збільшення прев’ю */
 .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_card:hover,
 .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_card:focus-within {
     transform: scale(calc(250 / 150));
     z-index: 25;
     filter: drop-shadow(0 14px 28px rgba(15, 23, 42, 0.16));
 }

 /* Десктоп + hover: легкий підйом; велике фото — у «швидкому прев’ю» (JS #pim_rail_quick_preview_host) */
 @media (hover: hover) and (min-width: 992px) {

     .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_card:hover,
     .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_card:focus-within {
         transform: translateY(-6px) scale(1.05);
         z-index: 30;
         filter: drop-shadow(0 20px 36px rgba(15, 23, 42, 0.14));
     }
 }

 /* Плаваючий швидкий перегляд схеми при наведенні на мініатюру (desktop) */
 .pim_rail_quick_preview_host {
     position: fixed;
     z-index: 10060;
     left: 0;
     top: 0;
     width: 400px;
     max-width: calc(100vw - 28px);
     pointer-events: none;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.24s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.24s;
     box-sizing: border-box;
 }

 .pim_rail_quick_preview_host.is-visible {
     opacity: 1;
     visibility: visible;
 }

 .pim_rail_quick_preview_host__glow {
     position: absolute;
     inset: -12% -8% -18% -8%;
     background: radial-gradient(ellipse 80% 70% at 50% 35%, rgba(59, 130, 246, 0.16), transparent 72%);
     pointer-events: none;
     z-index: 0;
 }

 .pim_rail_quick_preview_host__frame {
     position: relative;
     z-index: 1;
     border-radius: 18px;
     padding: 11px;
     background: linear-gradient(155deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 250, 252, 0.97) 45%, rgba(241, 245, 249, 0.95) 100%);
     border: 1px solid rgba(148, 163, 184, 0.32);
     box-shadow:
         0 28px 56px -16px rgba(15, 23, 42, 0.32),
         0 0 0 1px rgba(255, 255, 255, 0.88) inset,
         0 1px 0 rgba(255, 255, 255, 0.95);
     backdrop-filter: blur(18px);
     -webkit-backdrop-filter: blur(18px);
 }

 .pim_rail_quick_preview_host__img {
     display: block;
     width: 100%;
     height: auto;
     max-height: min(48vh, 440px);
     object-fit: contain;
     object-position: center;
     border-radius: 12px;
     background: linear-gradient(180deg, #fff 0%, #f1f5f9 100%);
     vertical-align: middle;
 }

 @media (max-width: 991px) {
     .pim_rail_quick_preview_host {
         display: none !important;
     }
 }

 @media (prefers-reduced-motion: reduce) {
     .pim_rail_quick_preview_host {
         transition-duration: 0.01ms;
     }
 }

 /* Після кліку по мініатюрі схеми: м’який «спалах» на головному фото (JS: .pim_primary_switch_feedback) */
 @keyframes pim_primary_switch_ripple {
     0% {
         opacity: 0;
         transform: scale(0.94);
     }

     24% {
         opacity: 1;
     }

     100% {
         opacity: 0;
         transform: scale(1.04);
     }
 }

 @keyframes pim_primary_switch_img {
     0% {
         opacity: 0.72;
         filter: brightness(1.1);
     }

     35% {
         opacity: 1;
         filter: brightness(1.04);
     }

     100% {
         opacity: 1;
         filter: none;
     }
 }

 .pi_models_page .pim_scheme_sandbox_viewport.pim_primary_switch_feedback::before {
     content: '';
     position: absolute;
     inset: 0;
     border-radius: inherit;
     pointer-events: none;
     z-index: 5;
     background: radial-gradient(ellipse 88% 78% at 50% 44%, rgba(59, 130, 246, 0.16), rgba(147, 197, 253, 0.07) 48%, transparent 72%);
     opacity: 0;
     animation: pim_primary_switch_ripple 0.68s cubic-bezier(0.22, 1, 0.36, 1) forwards;
 }

 .pi_models_page .pim_scheme_sandbox_viewport.pim_primary_switch_feedback img#img-current_picture,
 .pi_models_page .pim_scheme_sandbox_viewport.pim_primary_switch_feedback img {
     animation: pim_primary_switch_img 0.62s cubic-bezier(0.22, 1, 0.32, 1);
 }

 .pi_models_page .pim_scheme_primary .pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap).pim_primary_switch_feedback {
     position: relative;
 }

 .pi_models_page .pim_scheme_primary .pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap).pim_primary_switch_feedback::before {
     content: '';
     position: absolute;
     inset: 0;
     border-radius: inherit;
     pointer-events: none;
     z-index: 4;
     background: radial-gradient(ellipse 88% 78% at 50% 44%, rgba(59, 130, 246, 0.16), transparent 70%);
     opacity: 0;
     animation: pim_primary_switch_ripple 0.68s cubic-bezier(0.22, 1, 0.36, 1) forwards;
 }

 .pi_models_page .pim_scheme_primary .pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap).pim_primary_switch_feedback img#img-current_picture {
     animation: pim_primary_switch_img 0.62s cubic-bezier(0.22, 1, 0.32, 1);
     position: relative;
     z-index: 3;
 }

 @media (prefers-reduced-motion: reduce) {

     .pi_models_page .pim_scheme_sandbox_viewport.pim_primary_switch_feedback::before,
     .pi_models_page .pim_scheme_primary .pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap).pim_primary_switch_feedback::before {
         animation: none !important;
         opacity: 0 !important;
     }

     .pi_models_page .pim_scheme_sandbox_viewport.pim_primary_switch_feedback img,
     .pi_models_page .pim_scheme_primary .pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap).pim_primary_switch_feedback img#img-current_picture {
         animation: none !important;
         transition: opacity 0.2s ease;
     }
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_thumb {
     display: block;
     width: 150px;
     height: 150px;
     overflow: hidden;
     border-radius: 12px;
     background: #fff;
     border: 1px solid rgba(15, 23, 42, 0.12);
     box-sizing: border-box;
     transition: border-color 0.35s ease, box-shadow 0.35s ease;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_thumb img {
     width: 150px;
     height: 150px;
     object-fit: cover;
     object-position: center;
     display: block;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_card.pim_rail_card--active .pim_rail_thumb {
     border-color: rgba(37, 99, 235, 0.75);
     box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.22);
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_zoom_hint {
     display: none !important;
 }

 @media (prefers-reduced-motion: reduce) {
     .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_card {
         transition-duration: 0.01ms;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_card:hover,
     .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_card:focus-within {
         transform: none;
         filter: none;
     }
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_rail_meta {
     display: none;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_primary {
     padding-right: 0;
     border-right: none;
 }

 .pi_models_page .pim_scheme_primary {
     width: 100%;
     min-width: 0;
     max-width: 100%;
     box-sizing: border-box;
     padding-right: 20px;
     border-right: 2px dashed rgba(30, 55, 90, 0.2);
 }

 .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary {
     display: flex;
     flex-direction: column;
     min-height: 0;
     align-self: stretch;
 }

 .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_tag {
     flex-shrink: 0;
 }

 .pi_models_page .pim_scheme_primary .pim_main_scheme_link.imgwrp {
     display: block;
     border-radius: 12px;
     overflow: hidden;
     background: rgba(255, 255, 255, 0.45);
     box-shadow: none;
     width: 100%;
     max-width: 100%;
     margin-left: 0;
     margin-right: 0;
     box-sizing: border-box;
 }

 .pi_models_page .pim_header--with_schemes .pim_main_scheme_tag {
     justify-content: center;
 }

 .pi_models_page .pim_header--with_schemes .pim_scheme_primary .imgwrp {
     text-align: center;
 }

 .pi_models_page .pim_header--with_schemes .pim_scheme_primary .imgwrp img {
     display: block;
     width: 100%;
     max-width: 100%;
     height: auto;
     max-height: none;
     margin-left: 0;
     margin-right: 0;
     object-fit: contain;
 }

 /* Головна схема: на всю ширину колонки (глобальний #img-current_picture має max-width:560px) */
 .pi_models_page .pim_scheme_primary img#img-current_picture {
     max-width: 100%;
     width: 100%;
     height: auto;
     max-height: none;
     position: relative;
     top: auto;
     object-fit: contain;
 }

 /* Ліва колонка у split: фото заповнює всю зону (object-fit: cover); URL лишається великим — різкість при зменшенні */
 .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link.imgwrp {
     position: relative;
     flex: 1 1 auto;
     min-height: clamp(360px, 52vh, 820px);
     width: 100%;
     max-width: 100%;
     overflow: hidden;
     display: block;
     font-size: 0;
     line-height: 0;
 }

 .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link.imgwrp br {
     display: none;
 }

 .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary img#img-current_picture {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     max-width: none;
     max-height: none;
     margin: 0;
     padding: 10px;
     box-sizing: border-box;
     object-fit: contain;
     object-position: center;
     background: #fff;
     image-rendering: auto;
     -ms-interpolation-mode: bicubic;
 }

 .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link .fa-search-plus {
     top: auto;
     bottom: 14px;
     right: 14px;
 }

 @media screen and (max-width: 768px) {
     .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap) {
         min-height: 0 !important;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link.imgwrp.pim_scheme_sandbox_wrap {
         flex: 1 1 auto !important;
         min-height: clamp(346px, calc(66vh - 50px), 689px) !important;
         max-height: none !important;
         height: 100% !important;
         width: 100% !important;
         /* block + position:relative: абсолютний viewport заповнює коробку; flex-колонка з порожнім main ламала Safari/висоту */
         display: block !important;
         position: relative !important;
     }
 }

 /* Лупа над головною схемою (курсор + круг; сам «скло» — #pim-scheme-loupe-lens у body, productmodels.js) */
 .pi_models_page .pim_scheme_loupe_host {
     cursor: crosshair;
 }

 .pi_models_page .pim_header_left .pim_scheme_loupe_host.imgwrp {
     cursor: crosshair;
 }

 #pim-scheme-loupe-lens.pim_scheme_loupe_lens {
     position: fixed;
     z-index: 100090;
     width: 200px;
     height: 200px;
     margin: 0;
     padding: 0;
     border-radius: 50%;
     border: 3px solid rgba(255, 255, 255, 0.96);
     box-shadow:
         0 0 0 1px rgba(15, 23, 42, 0.12),
         0 18px 48px rgba(15, 23, 42, 0.35),
         inset 0 0 0 1px rgba(255, 255, 255, 0.35);
     pointer-events: none;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.1s ease, visibility 0.1s ease;
     background-color: #f1f5f9;
     box-sizing: border-box;
     overflow: hidden;
     will-change: left, top, opacity;
 }

 #pim-scheme-loupe-lens.pim_scheme_loupe_lens.pim_scheme_loupe_lens--on {
     opacity: 1;
     visibility: visible;
 }

 @media (prefers-reduced-motion: reduce) {
     #pim-scheme-loupe-lens.pim_scheme_loupe_lens {
         transition: none;
     }
 }

 .pi_models_page .pim_main_scheme_tag {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 12px;
     flex-wrap: wrap;
 }

 .pi_models_page .pim_main_scheme_badge {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 32px;
     height: 32px;
     padding: 0 8px;
     border-radius: 10px;
     font-size: 15px;
     font-weight: 700;
     color: #fff;
     background: linear-gradient(145deg, #1e3a5f 0%, #0f172a 55%, #1e293b 100%);
     box-shadow: 0 4px 14px rgba(15, 23, 42, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12);
     letter-spacing: 0.02em;
 }

 .pi_models_page .pim_main_scheme_label {
     font-size: 13px;
     font-weight: 600;
     color: #475569;
     letter-spacing: 0.04em;
     text-transform: uppercase;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp {
     border-radius: 14px;
     overflow: hidden;
     background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 12px 40px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.06);
 }

 .pi_models_page .pim_main_scheme_link.imgwrp.pim_scheme_sandbox_wrap {
     position: relative;
     min-height: clamp(380px, 56vh, 840px);
     padding: 10px;
     padding-top: calc(10px + var(--pim-sandbox-chrome-top, 52px));
     box-sizing: border-box;
     background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
     --pim-nav-scale: 1;
     --pim-grid-step: 20px;
     --pim-sandbox-chrome-top: 52px;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_viewport {
     position: absolute;
     left: 10px;
     top: calc(10px + var(--pim-sandbox-chrome-top, 52px));
     right: 10px;
     bottom: 10px;
     overflow: hidden;
     border-radius: 12px;
     background: #fff;
     box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
     /* Одним пальцем — скрол сторінки; pinch/pan схеми — у JS із preventDefault за потреби */
     touch-action: pan-x pan-y !important;
     cursor: grab;
 }

 /* .pim_scheme_sandbox_zoom_layer прибрано: will-change/isolation на окремому шарі давали розмитий upscale у Safari/WebKit. */
 /* Лоадер OCR зліва від схеми (товстий блок — первинний та lightbox) */
 .pi_models_page .pim_scheme_sandbox_viewport .pim_ocr_scan_loader,
 .pim_fancybox_img_hit_host .pim_ocr_scan_loader {
     position: absolute;
     left: 8px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 9;
     display: none;
     align-items: center;
     justify-content: center;
     width: 28px;
     height: 28px;
     pointer-events: none;
     opacity: 0;
     transition: opacity 0.2s ease;
 }

 .pi_models_page .pim_scheme_sandbox_viewport .pim_ocr_scan_loader.pim_ocr_scan_loader--on,
 .pim_fancybox_img_hit_host .pim_ocr_scan_loader.pim_ocr_scan_loader--on {
     display: flex;
     opacity: 1;
 }

 .pi_models_page .pim_scheme_sandbox_viewport .pim_ocr_scan_loader__dot,
 .pim_fancybox_img_hit_host .pim_ocr_scan_loader__dot {
     display: block;
     box-sizing: border-box;
     width: 22px;
     height: 22px;
     border: 2px solid rgba(37, 99, 235, 0.25);
     border-top-color: #2563eb;
     border-radius: 50%;
     animation: pim_ocr_scan_spin 0.75s linear infinite;
 }

 @keyframes pim_ocr_scan_spin {
     to {
         transform: rotate(360deg);
     }
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_grid {
     position: absolute;
     inset: 0;
     pointer-events: none;
     z-index: 1;
     background-image:
         linear-gradient(to right, rgba(30, 64, 175, 0.07) 1px, transparent 1px),
         linear-gradient(to bottom, rgba(30, 64, 175, 0.07) 1px, transparent 1px),
         linear-gradient(to right, rgba(30, 64, 175, 0.14) 1px, transparent 1px),
         linear-gradient(to bottom, rgba(30, 64, 175, 0.14) 1px, transparent 1px);
     background-size: var(--pim-grid-step) var(--pim-grid-step), var(--pim-grid-step) var(--pim-grid-step), calc(var(--pim-grid-step) * 5) calc(var(--pim-grid-step) * 5), calc(var(--pim-grid-step) * 5) calc(var(--pim-grid-step) * 5);
     background-position: 0 0, 0 0, 0 0, 0 0;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_workarea {
     position: absolute;
     pointer-events: none;
     z-index: 2;
     border: 1px dashed rgba(37, 99, 235, 0.55);
     box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.75);
     border-radius: 6px;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp.pim_scheme_sandbox_dragging .pim_scheme_sandbox_viewport {
     cursor: grabbing;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_viewport img#img-current_picture,
 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_viewport img {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     object-fit: contain;
     object-position: center;
     max-width: none;
     max-height: none;
     margin: 0;
     padding: 0;
     border: 0;
     transform-origin: center center;
     transform-style: flat;
     -webkit-transform-style: flat;
     /* backface-visibility на <img> + scale у WebKit часто дає «мило» — не вмикаємо */
     image-rendering: auto;
     user-select: none;
     -webkit-user-drag: none;
     z-index: 3;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls {
     position: absolute;
     right: 18px;
     top: 10px;
     z-index: 14;
     display: flex;
     gap: 8px;
     background: rgba(255, 255, 255, 0.92);
     border: 1px solid rgba(148, 163, 184, 0.45);
     border-radius: 999px;
     padding: 6px 8px;
     box-shadow: 0 8px 26px rgba(15, 23, 42, 0.14);
     backdrop-filter: blur(4px);
     align-items: center;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_btn {
     width: 34px;
     height: 34px;
     border-radius: 50%;
     border: 1px solid rgba(148, 163, 184, 0.45);
     background: #fff;
     color: #0f172a;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     font-size: 15px;
     line-height: 1;
     transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.2s ease, color 0.2s ease;
     padding: 0;
     appearance: none;
     -webkit-appearance: none;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_btn:hover {
     transform: translateY(-1px);
     border-color: rgba(37, 99, 235, 0.45);
     color: #1d4ed8;
     box-shadow: 0 6px 16px rgba(37, 99, 235, 0.16);
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_btn:disabled {
     opacity: 0.45;
     cursor: not-allowed;
     transform: none;
     box-shadow: none;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_btn.is-active {
     border-color: rgba(37, 99, 235, 0.62);
     color: #1d4ed8;
     box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18);
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_btn:active {
     transform: scale(0.96);
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_btn svg {
     width: 18px;
     height: 18px;
     display: block;
     stroke: currentColor;
     stroke-width: 2;
     fill: none;
     stroke-linecap: round;
     stroke-linejoin: round;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_zoom_value {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 54px;
     height: 34px;
     padding: 0 8px;
     border-radius: 999px;
     border: 1px solid rgba(148, 163, 184, 0.4);
     background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
     color: #0f172a;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: .02em;
     font-family: 'Roboto', sans-serif;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_grid_density {
     display: inline-flex;
     align-items: center;
     height: 34px;
     padding: 2px 4px;
     border-radius: 999px;
     border: 1px solid rgba(148, 163, 184, 0.4);
     background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_grid_label {
     display: inline-flex;
     align-items: center;
     height: 28px;
     padding: 0 8px;
     margin-right: 2px;
     font-size: 11px;
     font-weight: 700;
     color: #475569;
     letter-spacing: .01em;
     white-space: nowrap;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_grid_label_value {
     color: #0f172a;
     margin-left: 4px;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_grid_btn {
     appearance: none;
     -webkit-appearance: none;
     border: 0;
     background: transparent;
     color: #334155;
     font-size: 11px;
     font-weight: 700;
     line-height: 1;
     height: 28px;
     min-width: 30px;
     padding: 0 8px;
     border-radius: 999px;
     cursor: pointer;
     transition: background .15s ease, color .15s ease, box-shadow .15s ease;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_grid_btn:hover {
     color: #1d4ed8;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_grid_btn.is-active {
     background: #2563eb;
     color: #fff;
     box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
 }

 /* Компактний пошук у тулбарі над схемою: одна тема поля з правою колонкою */
 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_scheme_sandbox_parts_search_shell,
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_scheme_sandbox_parts_search_shell {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     flex: 0 1 auto;
     min-width: 0;
     max-width: min(296px, 46vw);
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_scheme_sandbox_parts_search_shell .pim_scheme_sandbox_parts_search_wrp.pim_single_scheme_parts_search_wrp,
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_scheme_sandbox_parts_search_shell .pim_scheme_sandbox_parts_search_wrp.pim_single_scheme_parts_search_wrp {
     margin-left: 0;
     min-width: 0;
     max-width: 0;
     opacity: 0;
     overflow: hidden;
     vertical-align: middle;
     transition: max-width 0.22s ease, opacity 0.18s ease;
     pointer-events: none;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_scheme_sandbox_parts_search_shell--open .pim_scheme_sandbox_parts_search_wrp.pim_single_scheme_parts_search_wrp,
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_scheme_sandbox_parts_search_shell--open .pim_scheme_sandbox_parts_search_wrp.pim_single_scheme_parts_search_wrp {
     max-width: min(280px, 52vw);
     min-width: 180px;
     opacity: 1;
     pointer-events: auto;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp.pim_scheme_sandbox_wrap .pim_ocr_from_diagram_btn.pim_ocr_btn--icon {
     z-index: 15;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_navigator {
     position: absolute;
     right: 14px;
     bottom: 14px;
     z-index: 13;
     pointer-events: none;
     width: calc(180px * var(--pim-nav-scale, 1));
     border-radius: 12px;
     background: rgba(255, 255, 255, 0.94);
     border: 1px solid rgba(148, 163, 184, 0.45);
     box-shadow: 0 12px 24px rgba(15, 23, 42, 0.16);
     backdrop-filter: blur(3px);
     overflow: hidden;
     transition: opacity .18s ease, transform .18s ease;
     transform-origin: bottom right;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp.pim_sandbox_nav_hidden .pim_scheme_sandbox_navigator {
     opacity: 0;
     transform: scale(0.92);
     pointer-events: none;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_navigator__title {
     font-size: 10px;
     font-weight: 700;
     letter-spacing: .08em;
     text-transform: uppercase;
     color: #334155;
     padding: 6px 8px;
     border-bottom: 1px solid rgba(148, 163, 184, 0.35);
     background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_navigator__map {
     position: relative;
     width: 100%;
     aspect-ratio: 4 / 3;
     background: #fff;
     cursor: crosshair;
     user-select: none;
     overflow: hidden;
     pointer-events: auto;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_navigator__img {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: contain;
     object-position: center;
     pointer-events: none;
 }

 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_navigator__view {
     position: absolute;
     box-sizing: border-box;
     border: 2px solid rgba(37, 99, 235, 0.95);
     background: rgba(37, 99, 235, 0.16);
     border-radius: 4px;
     pointer-events: none;
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8);
 }

 @media screen and (max-width: 768px) {
     .pi_models_page .pim_main_scheme_link.imgwrp.pim_scheme_sandbox_wrap {
         min-height: 0;
         padding: 6px;
         /* один компактний ряд керування без наїзду на схему */
         padding-top: calc(6px + var(--pim-sandbox-chrome-top, 52px));
         --pim-sandbox-chrome-top: 52px;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_header_left .pim_main_scheme_link.imgwrp.pim_scheme_sandbox_wrap,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_primary .pim_main_scheme_link.imgwrp.pim_scheme_sandbox_wrap {
         display: block !important;
         flex: 1 1 auto !important;
         /* Мінімум висоти пісочниці на мобілці (раніше 0 ламало висоту через вищу специфічність). */
         min-height: clamp(346px, calc(66vh - 50px), 689px) !important;
         max-height: none !important;
         height: 100%;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_viewport {
         left: 8px;
         top: calc(8px + var(--pim-sandbox-chrome-top, 24px));
         right: 8px;
         bottom: 8px;
     }

     /* Тулбар у один компактний ряд; надлишок — горизонтальний свайп */
     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls {
         left: 8px;
         right: 8px;
         top: 8px;
         width: auto;
         gap: 4px;
         column-gap: 4px;
         row-gap: 4px;
         padding: 5px 6px;
         align-items: center;
         align-content: center;
         justify-content: flex-start;
         flex-wrap: nowrap;
         flex-direction: row;
         border-radius: 14px;
         max-width: none;
         box-sizing: border-box;
         overflow-x: auto;
         overflow-y: visible;
         -webkit-overflow-scrolling: touch;
         scrollbar-width: thin;
         box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(148, 163, 184, 0.2);
         background: rgba(255, 255, 255, 0.97);
         backdrop-filter: blur(12px);
         -webkit-backdrop-filter: blur(12px);
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls > * {
         flex-shrink: 0;
     }

     /* Розгорнутий пошук — переніс на другий ряд, щоб поле було зручним */
     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls:has(.pim_scheme_sandbox_parts_search_shell--open) {
         flex-wrap: wrap;
         overflow-x: visible;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_scheme_sandbox_parts_search_shell {
         flex: 0 1 auto;
         align-self: center;
         min-width: 0;
         max-width: min(296px, 52vw);
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_zoom_out,
     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_zoom_in {
         flex-shrink: 0;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls:has(.pim_scheme_sandbox_parts_search_shell--open) .pim_scheme_sandbox_parts_search_shell {
         flex-basis: 100%;
         max-width: 100%;
     }

     /* Відсоток зуму в один ряд з кнопками (−5px до попереднього мобільного розміру) */
     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_zoom_value {
         flex: 0 0 auto;
         flex-basis: auto;
         width: auto;
         min-width: 42px;
         min-height: 31px;
         height: 31px;
         padding: 0 7px;
         justify-content: center;
         margin-left: 0 !important;
         font-size: 11px;
         font-weight: 700;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_scheme_sandbox_parts_search_shell--open .pim_scheme_sandbox_parts_search_wrp.pim_single_scheme_parts_search_wrp {
         max-width: min(100%, 100vw - 48px);
         min-width: 0;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_btn {
         width: 31px;
         height: 31px;
         font-size: 14px;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_btn svg {
         width: 15px;
         height: 15px;
         stroke-width: 1.8;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_grid_density {
         height: 31px;
         padding: 2px 3px;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_grid_label {
         height: 28px;
         padding: 0 5px;
         margin-right: 2px;
         font-size: 10px;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_sandbox_grid_btn {
         height: 28px;
         min-width: 28px;
         padding: 0 7px;
         font-size: 10px;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_ocr_from_diagram_btn.pim_ocr_btn--icon {
         width: 31px !important;
         min-width: 31px !important;
         height: 31px !important;
         min-height: 31px !important;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls .pim_ocr_from_diagram_btn.pim_ocr_btn--icon .pim_ocr_btn__ico {
         font-size: 14px !important;
         line-height: 1 !important;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_navigator {
         width: calc(90px * var(--pim-nav-scale, 1));
         right: 8px;
         bottom: 8px;
     }

     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_navigator__title {
         font-size: 8px;
         padding: 3px 5px;
     }

     /* touch-action viewport у спільному блоці (pan-x pan-y + JS pinch/pan при зумі). */
 }

 /* Sandbox styles for standalone one-image scheme (not only .pim_main_scheme_link) */
 .pi_models_page .pim_scheme_sandbox_wrap {
     position: relative;
     min-height: clamp(456px, 67vh, 1008px);
     padding: 10px;
     padding-top: calc(10px + var(--pim-sandbox-chrome-top, 52px));
     box-sizing: border-box;
     background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
     --pim-nav-scale: 1;
     --pim-grid-step: 20px;
     --pim-sandbox-chrome-top: 52px;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport {
     position: absolute;
     left: 10px;
     top: calc(10px + var(--pim-sandbox-chrome-top, 52px));
     right: 10px;
     bottom: 10px;
     overflow: hidden;
     border-radius: 12px;
     background: #fff;
     box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
     /* Одним пальцем — скрол сторінки; два пальці — зум схеми в JS */
     touch-action: pan-x pan-y !important;
     cursor: grab;
 }

 .pi_models_page .pim_scheme_sandbox_wrap.pim_scheme_sandbox_dragging .pim_scheme_sandbox_viewport {
     cursor: grabbing;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_grid {
     position: absolute;
     inset: 0;
     pointer-events: none;
     z-index: 1;
     background-image:
         linear-gradient(to right, rgba(30, 64, 175, 0.07) 1px, transparent 1px),
         linear-gradient(to bottom, rgba(30, 64, 175, 0.07) 1px, transparent 1px),
         linear-gradient(to right, rgba(30, 64, 175, 0.14) 1px, transparent 1px),
         linear-gradient(to bottom, rgba(30, 64, 175, 0.14) 1px, transparent 1px);
     background-size: var(--pim-grid-step) var(--pim-grid-step), var(--pim-grid-step) var(--pim-grid-step), calc(var(--pim-grid-step) * 5) calc(var(--pim-grid-step) * 5), calc(var(--pim-grid-step) * 5) calc(var(--pim-grid-step) * 5);
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_workarea {
     position: absolute;
     pointer-events: none;
     z-index: 2;
     border: 1px dashed rgba(37, 99, 235, 0.55);
     box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.75);
     border-radius: 6px;
 }

 @media screen and (max-width: 768px) {

     /* pan-x pan-y дозволяє скрол сторінки одним пальцем; pinch-зум залишається в JS */
     .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport,
     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_viewport {
         touch-action: pan-x pan-y;
         z-index: 1;
     }

    /* Crisp-мобільний шлях: JS ставить розміри + object-fit через important — тут лише режим без crisp */
    .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport:not(.pim_sandbox_crisp_layout) img#img-current_picture,
    .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport:not(.pim_sandbox_crisp_layout) img,
    .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_viewport:not(.pim_sandbox_crisp_layout) img#img-current_picture,
    .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_viewport:not(.pim_sandbox_crisp_layout) img {
        object-fit: contain !important;
        object-position: center center !important;
        /* Разом із natural-size + scale у JS зменшує «мило» під час pinch (composite у WebKit). */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport.pim_sandbox_crisp_layout img,
    .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_viewport.pim_sandbox_crisp_layout img {
        /*
         * matrix(..., ox, oy) у productmodels.js рахує зсув для origin зліва-згори;
         * «Sandbox hard override» нижче залишає center center — без цього схема їде в кут на мобілці/WebKit.
         */
        transform-origin: 0 0 !important;
        -webkit-transform-origin: 0 0 !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

     /* Мінікарта над в’юпортом + pointer-events (інакше на iOS не клікається) */
     .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_navigator,
     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_navigator {
         z-index: 22;
         pointer-events: auto;
     }

     .pi_models_page .pim_scheme_sandbox_wrap.pim_sandbox_nav_hidden .pim_scheme_sandbox_navigator,
     .pi_models_page .pim_main_scheme_link.imgwrp.pim_sandbox_nav_hidden .pim_scheme_sandbox_navigator {
         pointer-events: none;
     }

     .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls,
     .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_controls {
         z-index: 24;
     }
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport img#img-current_picture,
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport img {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     object-fit: contain;
     object-position: center;
     max-width: none;
     max-height: none;
     margin: 0;
     padding: 0;
     border: 0;
     transform-origin: center center;
     z-index: 3;
     transform-style: flat;
     -webkit-transform-style: flat;
     image-rendering: auto;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls {
     position: absolute;
     right: 18px;
     top: 10px;
     z-index: 14;
     display: flex;
     gap: 8px;
     align-items: center;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_sandbox_btn,
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_sandbox_zoom_value,
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_sandbox_grid_density {
     height: 34px;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls {
     background: rgba(255, 255, 255, 0.92);
     border: 1px solid rgba(148, 163, 184, 0.45);
     border-radius: 999px;
     padding: 6px 8px;
     box-shadow: 0 8px 26px rgba(15, 23, 42, 0.14);
     backdrop-filter: blur(4px);
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_sandbox_btn {
     width: 34px;
     border-radius: 50%;
     border: 1px solid rgba(148, 163, 184, 0.45);
     background: #fff;
     color: #0f172a;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     padding: 0;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_sandbox_btn svg {
     width: 18px;
     height: 18px;
     display: block;
     stroke: currentColor;
     stroke-width: 2;
     fill: none;
     stroke-linecap: round;
     stroke-linejoin: round;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_sandbox_zoom_value {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 54px;
     padding: 0 8px;
     border-radius: 999px;
     border: 1px solid rgba(148, 163, 184, 0.4);
     background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
     color: #0f172a;
     font-size: 12px;
     font-weight: 700;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_sandbox_grid_density {
     display: inline-flex;
     align-items: center;
     padding: 2px 4px;
     border-radius: 999px;
     border: 1px solid rgba(148, 163, 184, 0.4);
     background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_navigator {
     position: absolute;
     right: 14px;
     bottom: 14px;
     z-index: 13;
     pointer-events: none;
     width: calc(180px * var(--pim-nav-scale, 1));
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_navigator__map {
     pointer-events: auto;
 }

 .pi_models_page .pim_scheme_sandbox_wrap.pim_sandbox_nav_hidden .pim_scheme_sandbox_navigator {
     opacity: 0;
     transform: scale(0.92);
     pointer-events: none;
 }

 @media screen and (max-width: 768px) {
     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) {
         min-height: clamp(346px, calc(66vh - 50px), 689px);
         padding: 8px;
         padding-top: calc(8px + var(--pim-sandbox-chrome-top, 24px));
         --pim-sandbox-chrome-top: 24px;
     }

     .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport {
         left: 8px;
         top: calc(8px + var(--pim-sandbox-chrome-top, 24px));
         right: 8px;
         bottom: 8px;
     }

     /* Стиснутий режим лише без .imgwrp — не перебиває великий тулбар на картках з основною схемою(<a>). */
     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls {
         right: 10px;
         top: 6px;
         gap: 3px;
         padding: 3px 4px;
         box-shadow: 0 4px 13px rgba(15, 23, 42, 0.12);
     }

     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls .pim_scheme_sandbox_parts_search_shell--open .pim_scheme_sandbox_parts_search_wrp.pim_single_scheme_parts_search_wrp {
         max-width: min(232px, 72vw);
         min-width: 120px;
     }

     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls .pim_sandbox_btn,
     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls .pim_sandbox_zoom_value,
     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls .pim_sandbox_grid_density {
         height: 17px;
     }

     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls .pim_sandbox_btn {
         width: 17px;
         font-size: 8px;
     }

     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls .pim_sandbox_btn svg {
         width: 9px;
         height: 9px;
         stroke-width: 1.75;
     }

     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls .pim_sandbox_zoom_value {
         min-width: 27px;
         padding: 0 4px;
         font-size: 9px;
     }

     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls .pim_sandbox_grid_density {
         padding: 1px 2px;
     }

     .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_navigator {
         width: calc(90px * var(--pim-nav-scale, 1));
         right: 8px;
         bottom: 8px;
     }

     .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_navigator__title {
         font-size: 8px;
         padding: 3px 5px;
     }

     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls .pim_ocr_from_diagram_btn.pim_ocr_btn--icon {
         width: 17px !important;
         min-width: 17px !important;
         height: 17px !important;
         min-height: 17px !important;
     }

     .pi_models_page .pim_scheme_sandbox_wrap:not(.imgwrp) .pim_scheme_sandbox_controls .pim_ocr_from_diagram_btn.pim_ocr_btn--icon .pim_ocr_btn__ico {
         font-size: 7px !important;
         line-height: 1 !important;
     }
 }

 /* Grid mode disabled: clean white sandbox without grid navigation */
 .pi_models_page .pim_scheme_sandbox_wrap,
 .pi_models_page .pim_main_scheme_link.imgwrp.pim_scheme_sandbox_wrap {
     background: #fff !important;
 }

 .pi_models_page .pim_scheme_sandbox_grid,
 .pi_models_page .pim_scheme_sandbox_workarea,
 .pi_models_page .pim_sandbox_grid_density {
     display: none !important;
 }

 .pi_models_page .pim_header_left {
     display: block;
 }

 .pi_models_page .pim_header_left.w100 {
     width: 100%;
     clear: both;
     margin: 0 0 30px;
 }

 .pi_models_page .pim_header_left .imgwrp {
     display: block;
     font-size: 0;
     line-height: 0;
     text-align: center;
     position: relative;
 }

 .pi_models_page .pim_header_left .imgwrp img {
     max-height: min(88vh, 920px);
     max-width: 100%;
     vertical-align: middle;
 }

 .pi_models_page .pim_header_left .imgwrp .fa-search-plus {
     top: 14px;
     right: 14px;
     left: auto;
     color: rgba(15, 23, 42, 0.35);
     font-size: 36px;
     position: absolute;
     text-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85);
 }

 /* Одна схема без split: лише режим без crisp — інакше 100%!important затирає JS natural px і на iOS може не бути фото */
 .pi_models_page .pim_header_left .imgwrp.pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport:not(.pim_sandbox_crisp_layout) img#img-current_picture,
 .pi_models_page .pim_header_left .imgwrp.pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport:not(.pim_sandbox_crisp_layout) img {
     max-width: none !important;
     max-height: none !important;
     width: 100% !important;
     height: 100% !important;
 }

 .fancybox-button--buy {
     background-color: #df3f3c !important;
     color: #fff !important;
     font-weight: bold;
     width: auto !important;
 }

 .fancybox-button--buy>i {
     margin-right: 10px;
 }

 .pi_models_page .pim_header_right {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 100px;
     margin: 0 0 15px 15px;
     max-height: 500px;
     overflow: hidden;
 }

 .pi_models_page .pim_header--with_schemes .pim_header_right,
 .pi_models_page .pim_diagram_rail {
     position: relative;
     top: auto;
     right: auto;
     width: auto;
     max-height: none;
     margin: 0;
     overflow: visible;
 }

 .pi_models_page .pim_diagram_rail {
     padding: 16px 14px 14px;
     border-radius: 18px;
     background: linear-gradient(165deg, rgba(255, 255, 255, 0.95) 0%, rgba(241, 245, 249, 0.98) 40%, #e8eef5 100%);
     box-shadow: 0 4px 6px rgba(15, 23, 42, 0.04), 0 16px 48px rgba(15, 23, 42, 0.1), inset 0 1px 0 #fff;
     border: 1px solid rgba(15, 23, 42, 0.08);
 }

 .pi_models_page .pim_diagram_rail--inline {
     width: 100%;
     min-width: 0;
     max-width: 100%;
     height: 100%;
     max-height: 100%;
     min-height: 0;
     padding: 4px 0 0 4px;
     border-radius: 0;
     background: transparent;
     box-shadow: none;
     border: none;
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     overflow: hidden;
     align-self: stretch;
 }

 .pi_models_page .pim_diagram_rail--inline .pim_diagram_rail_head {
     margin-bottom: 12px;
     padding-bottom: 10px;
 }

 .pi_models_page .pim_diagram_rail_head {
     display: flex;
     flex-direction: column;
     align-items: stretch;
     gap: 8px;
     margin-bottom: 14px;
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(15, 23, 42, 0.08);
 }

 .pi_models_page .pim_diagram_rail_titles {
     display: flex;
     flex-direction: column;
     gap: 2px;
 }

 .pi_models_page .pim_diagram_rail_title {
     font-size: 14px;
     font-weight: 700;
     color: #0f172a;
     letter-spacing: 0.02em;
 }

 .pi_models_page .pim_diagram_rail_sub {
     font-size: 11px;
     line-height: 1.35;
     color: #64748b;
 }

 .pi_models_page .pim_diagram_rail_hint {
     font-size: 11px;
     color: #94a3b8;
     align-self: flex-start;
 }

 .pi_models_page .pim_diagram_rail_hint .fa {
     margin-right: 4px;
     opacity: 0.85;
 }

 .pi_models_page .pim_diagram_rail .pim_allimages {
     width: 100%;
 }

 .pi_models_page .pim_diagram_rail--inline .pim_allimages {
     flex: 1 1 auto;
     min-height: 0;
     overflow: hidden;
 }

 .pi_models_page .pim_diagram_rail .scrollable_wrp {
     position: relative;
     padding: 42px 0 42px;
     box-sizing: border-box;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp {
     flex: 1 1 auto;
     min-height: 0;
     padding: 34px 0 34px;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp:has(.pim_diagram_rail_native_scroll) {
     padding: 48px 0 48px;
 }

 .pi_models_page .pim_diagram_rail .pim_allimages .scrollable {
     height: min(560px, 72vh);
     max-height: 72vh;
 }

 .pi_models_page .pim_diagram_rail--inline .pim_allimages .scrollable {
     height: min(320px, calc(100vh - 260px), calc(100dvh - 260px));
     max-height: min(320px, calc(100vh - 260px), calc(100dvh - 260px));
 }

 /* Нативний скрол рейки (без jquery.tools): список у потоці + «скляний» scrollbar у стилі сайту */
 .pi_models_page .pim_diagram_rail--inline .scrollable.pim_diagram_rail_native_scroll {
     overflow-y: auto !important;
     overflow-x: hidden !important;
     -webkit-overflow-scrolling: touch;
     overscroll-behavior: contain;
     scrollbar-gutter: stable;
     scrollbar-width: thin;
     scrollbar-color: rgba(59, 130, 246, 0.88) rgba(241, 245, 249, 0.65);
     scroll-snap-type: y mandatory;
     scroll-padding: 0;
     scroll-behavior: smooth;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable.pim_diagram_rail_native_scroll .lst>.item {
     scroll-snap-align: start;
     scroll-snap-stop: always;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable.pim_diagram_rail_native_scroll::-webkit-scrollbar {
     width: 6px;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable.pim_diagram_rail_native_scroll::-webkit-scrollbar-track {
     background: linear-gradient(180deg, rgba(241, 245, 249, 0.35) 0%, rgba(226, 232, 240, 0.55) 100%);
     border-radius: 999px;
     margin: 6px 0;
     box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable.pim_diagram_rail_native_scroll::-webkit-scrollbar-thumb {
     background: linear-gradient(165deg, #60a5fa 0%, #3b82f6 40%, #1d4ed8 100%);
     border-radius: 999px;
     border: 2px solid rgba(255, 255, 255, 0.65);
     box-shadow: 0 2px 10px rgba(29, 78, 216, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35);
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable.pim_diagram_rail_native_scroll::-webkit-scrollbar-thumb:hover {
     background: linear-gradient(165deg, #3b82f6 0%, #2563eb 45%, #1e40af 100%);
     box-shadow: 0 3px 14px rgba(29, 78, 216, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.4);
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable.pim_diagram_rail_native_scroll::-webkit-scrollbar-thumb:active {
     background: linear-gradient(165deg, #1d4ed8 0%, #1e3a8a 100%);
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable.pim_diagram_rail_native_scroll .lst {
     position: static !important;
     left: auto !important;
     top: auto !important;
     width: 100% !important;
     height: auto !important;
     max-width: 100%;
     box-sizing: border-box;
 }

 .pi_models_page .pim_diagram_rail--inline .pim_allimages .scrollable .lst {
     width: 100% !important;
     max-width: 100%;
     box-sizing: border-box;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp:has(.pim_diagram_rail_native_scroll) .prev.disabled,
 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp:has(.pim_diagram_rail_native_scroll) .next.disabled {
     opacity: 0.52;
     cursor: not-allowed;
     pointer-events: none;
     transform: translateX(-50%);
     filter: saturate(0.7);
     box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
     border-color: rgba(148, 163, 184, 0.25);
 }

 .pi_models_page .pim_diagram_rail--inline .pim_allimages .scrollable .lst .item {
     width: 100% !important;
     max-width: 100%;
     float: none !important;
     clear: both;
     display: block;
     box-sizing: border-box;
 }

 /* Стрілки прокрутки рейки: явний вигляд + FA4 (глобальні стилі часто display:none і FA5 Pro) */
 .pi_models_page .pim_diagram_rail .scrollable_wrp .prev,
 .pi_models_page .pim_diagram_rail .scrollable_wrp .next {
     display: flex !important;
     align-items: center;
     justify-content: center;
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     height: 36px;
     margin: 0 !important;
     z-index: 4;
     cursor: pointer;
     opacity: 1 !important;
     overflow: visible !important;
     background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(226, 232, 240, 0.95));
     border: 1px solid rgba(15, 23, 42, 0.1);
     box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
     transition: background 0.15s ease, box-shadow 0.15s ease;
 }

 .pi_models_page .pim_diagram_rail .scrollable_wrp .prev:hover,
 .pi_models_page .pim_diagram_rail .scrollable_wrp .next:hover {
     background: linear-gradient(180deg, #e2e8f0, #cbd5e1);
     box-shadow: 0 3px 12px rgba(15, 23, 42, 0.12);
 }

 .pi_models_page .pim_diagram_rail .scrollable_wrp .prev {
     top: 0;
     bottom: auto;
     border-radius: 12px 12px 0 0;
 }

 .pi_models_page .pim_diagram_rail .scrollable_wrp .next {
     top: auto;
     bottom: 0;
     border-radius: 0 0 12px 12px;
 }

 .pi_models_page .pim_diagram_rail .scrollable_wrp .prev::before,
 .pi_models_page .pim_diagram_rail .scrollable_wrp .next::before {
     font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro", sans-serif;
     font-weight: 900;
     content: "\f077";
     position: static !important;
     display: block !important;
     width: auto !important;
     height: auto !important;
     margin: 0 !important;
     padding: 0 !important;
     left: auto !important;
     top: auto !important;
     transform: none !important;
     background: none !important;
     border-radius: 0 !important;
     line-height: 1 !important;
     text-align: center;
     color: #1e293b;
     font-size: 20px;
 }

 .pi_models_page .pim_diagram_rail .scrollable_wrp .next::before {
     content: "\f078";
 }

 /* Рейка inline: сучасні кнопки «вгору / вниз» (центр, скло, синій акцент як у scrollbar) */
 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .prev,
 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .next {
     left: 50%;
     right: auto;
     transform: translateX(-50%);
     width: min(168px, 86%);
     max-width: calc(100% - 12px);
     height: 40px;
     margin: 0 !important;
     z-index: 6;
     border-radius: 999px;
     border: 1px solid rgba(148, 163, 184, 0.38);
     background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 245, 249, 0.94) 55%, rgba(226, 232, 240, 0.88) 100%);
     box-shadow: 0 4px 18px rgba(15, 23, 42, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.75) inset;
     backdrop-filter: blur(14px);
     -webkit-backdrop-filter: blur(14px);
     transition: box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease, background 0.22s ease;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .prev {
     top: 6px;
     border-radius: 999px;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .next {
     bottom: 6px;
     border-radius: 999px;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .prev:hover:not(.disabled),
 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .next:hover:not(.disabled) {
     transform: translateX(-50%) scale(1.02);
     border-color: rgba(59, 130, 246, 0.45);
     box-shadow: 0 6px 24px rgba(59, 130, 246, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.85) inset;
     background: linear-gradient(165deg, #fff 0%, rgba(239, 246, 255, 0.95) 100%);
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .prev:active:not(.disabled),
 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .next:active:not(.disabled) {
     transform: translateX(-50%) scale(0.98);
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .prev:focus-visible,
 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .next:focus-visible {
     outline: 2px solid rgba(59, 130, 246, 0.65);
     outline-offset: 3px;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .prev::before,
 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .next::before {
     font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 5 Pro", sans-serif;
     font-weight: 900;
     font-size: 17px;
     color: #0f172a;
     width: auto;
     height: auto;
     line-height: 1 !important;
     text-align: center;
     border-radius: 0;
     display: block !important;
     margin: 0 auto !important;
     padding: 0 !important;
     position: static !important;
     left: auto !important;
     top: auto !important;
     transform: none !important;
     background: none !important;
     box-shadow: none !important;
     border: none !important;
     -webkit-font-smoothing: antialiased;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .prev::before {
     content: "\f077" !important;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .next::before {
     content: "\f078" !important;
 }

 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .prev.disabled::before,
 .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .next.disabled::before {
     color: #94a3b8;
     background: none !important;
     box-shadow: none;
 }

 .pi_models_page .pim_diagram_rail .pim_rail_card {
     position: relative;
     display: flex;
     flex-direction: column;
     margin-bottom: 14px;
     padding: 10px 8px 8px;
     border-radius: 14px;
     background: #fff;
     box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(15, 23, 42, 0.06);
     transition: box-shadow 0.2s ease, transform 0.2s ease;
     width: 100%;
     max-width: 100%;
     box-sizing: border-box;
 }

 .pi_models_page .pim_diagram_rail .pim_rail_card:hover {
     box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(59, 130, 246, 0.25);
     transform: translateY(-2px);
 }

 .pi_models_page .pim_diagram_rail .pim_rail_card.pim_rail_card--active {
     box-shadow: 0 6px 24px rgba(59, 130, 246, 0.22), 0 0 0 2px rgba(59, 130, 246, 0.45);
     transform: translateY(0);
 }

 .pi_models_page .pim_diagram_rail .pim_rail_card.pim_rail_card--active:hover {
     transform: translateY(-1px);
 }

 /* Права inline-рейка: без білої «рамки», фото на всю площину картки (як на макеті) */
 .pi_models_page .pim_diagram_rail--inline .pim_rail_card {
     position: relative;
     margin-bottom: 10px;
     padding: 0;
     background: transparent;
     box-shadow: none;
     border: none;
     border-radius: 0;
     overflow: visible;
 }

 .pi_models_page .pim_diagram_rail--inline .pim_rail_card:hover,
 .pi_models_page .pim_diagram_rail--inline .pim_rail_card.pim_rail_card--active,
 .pi_models_page .pim_diagram_rail--inline .pim_rail_card.pim_rail_card--active:hover {
     transform: none;
     box-shadow: none;
     border: none;
 }

 .pi_models_page .pim_diagram_rail--inline .pim_rail_meta {
     display: none;
 }

 .pi_models_page .pim_diagram_rail--inline .pim_rail_link.imgwrp {
     position: relative;
     display: block;
     width: 100%;
     max-width: 100%;
     min-height: min(200px, 28vh);
     height: min(280px, 34vh);
     max-height: min(300px, 38vh);
     margin: 0;
     padding: 0;
     border: none;
     border-radius: 0;
     overflow: hidden;
     background: #fff;
     box-shadow: none;
     flex: none;
 }

 .pi_models_page .pim_diagram_rail--inline .pim_rail_thumb {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     display: block;
     width: 100%;
     max-width: 100%;
     min-height: 0;
     max-height: none;
     margin: 0;
     padding: 0;
     aspect-ratio: unset;
     flex: none;
 }

 .pi_models_page .pim_diagram_rail--inline .pim_rail_thumb img {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     max-width: none;
     max-height: none;
     margin: 0;
     object-fit: cover;
     object-position: center;
 }

 .pi_models_page .pim_diagram_rail--inline .pim_rail_zoom_hint {
     bottom: 8px;
     right: 8px;
     z-index: 2;
 }

 /*
 * Горизонтальна смуга мініатюр (top_thumbs): глобальні .pim_diagram_rail--inline вище задають height:100%,
 * overflow:hidden і великі min-height для .pim_rail_link — у flex-колонці з .pim_scheme_primary це дає нульову
 * висоту смуги / «зниклі» піктограми. Тут жорстко відновлюємо горизонтальний ряд 150×150.
 */
 .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip.pim_diagram_rail--inline {
     height: auto !important;
     max-height: none !important;
     min-height: 0;
     flex: 0 0 auto !important;
     align-self: stretch;
     width: 100%;
     max-width: 100%;
     min-width: 0;
     overflow: visible !important;
     display: block !important;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip .pim_rail_card {
     margin-bottom: 0 !important;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip .pim_rail_link.imgwrp,
 .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip .pim_rail_link.imgwrp.notfancybox {
     width: 150px !important;
     max-width: 150px !important;
     min-width: 0 !important;
     min-height: 150px !important;
     height: 150px !important;
     max-height: 150px !important;
     padding: 0 !important;
     margin: 0 !important;
     position: relative !important;
     display: block !important;
     overflow: hidden !important;
     flex: none !important;
     font-size: 0 !important;
     line-height: 0 !important;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip .pim_rail_thumb {
     position: relative !important;
     left: auto !important;
     top: auto !important;
     right: auto !important;
     bottom: auto !important;
     width: 150px !important;
     height: 150px !important;
     min-height: 0 !important;
     max-height: 150px !important;
     min-width: 0 !important;
     max-width: 150px !important;
     padding: 0 !important;
     margin: 0 !important;
     aspect-ratio: auto !important;
     flex: none !important;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip .pim_rail_thumb img {
     position: relative !important;
     left: auto !important;
     top: auto !important;
     width: 150px !important;
     height: 150px !important;
     max-width: 150px !important;
     max-height: 150px !important;
     object-fit: cover !important;
     object-position: center !important;
 }

 .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip .pim_rail_zoom_hint {
     display: none !important;
 }

 /*
 * Мобільна адаптація (кілька схем): у responsive.css для max-width:992px усім
 * .pim_diagram_rail--inline .pim_rail_link задано width:100% — смуга мініатюр перетворюється
 * на вузьку вертикальну «стрічку», головна схема й пошук з’їжджають. Перебиваємо лише thumbs_strip і стек гріда.
 */
 @media screen and (max-width: 992px) {

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_header_left.w100,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_header_main {
         width: 100% !important;
         max-width: 100% !important;
         float: none !important;
         box-sizing: border-box;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer.pim_scheme_split--top_thumbs {
         grid-template-columns: minmax(0, 1fr) !important;
         grid-template-rows: auto auto auto !important;
         width: 100% !important;
         max-width: 100% !important;
         min-width: 0 !important;
         padding-left: 12px !important;
         padding-right: 12px !important;
         box-sizing: border-box !important;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_thumbs_row {
         grid-column: 1 / -1 !important;
         width: 100% !important;
         max-width: 100% !important;
         min-width: 0 !important;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_multi_left {
         grid-column: 1 !important;
         grid-row: 2 !important;
         width: 100% !important;
         max-width: 100% !important;
         min-width: 0 !important;
     }

     .pi_models_page .pim_scheme_split--top_thumbs aside.pim_single_scheme_parts_panel {
         grid-column: 1 !important;
         grid-row: 3 !important;
         width: 100% !important;
         max-width: 100% !important;
         min-height: min(420px, 62vh) !important;
         height: auto !important;
         max-height: none !important;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_thumbs_strip_scroll {
         -webkit-overflow-scrolling: touch;
         overflow-x: auto !important;
         overflow-y: hidden !important;
         width: 100% !important;
         max-width: 100% !important;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_thumbs_strip_lst {
         width: max-content !important;
         min-width: min(100%, max-content) !important;
         max-width: none !important;
         flex-wrap: nowrap !important;
         justify-content: flex-start !important;
         align-items: flex-start !important;
     }

     /* Критично: скасувати width:100% з responsive для кожної мініатюри */
     .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip.pim_diagram_rail--inline .pim_rail_link.imgwrp,
     .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip.pim_diagram_rail--inline .pim_rail_link.imgwrp.notfancybox {
         width: 150px !important;
         max-width: 150px !important;
         min-width: 0 !important;
         min-height: 150px !important;
         height: 150px !important;
         max-height: 150px !important;
         flex: 0 0 auto !important;
         margin: 0 !important;
         display: block !important;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip.pim_diagram_rail--inline .pim_rail_thumb img {
         width: 150px !important;
         height: 150px !important;
         max-width: 150px !important;
         max-height: 150px !important;
         object-fit: cover !important;
         object-position: center !important;
         position: relative !important;
         left: auto !important;
         top: auto !important;
         right: auto !important;
         bottom: auto !important;
     }

     .pi_models_page .pim_scheme_primary {
         width: 100% !important;
         max-width: 100% !important;
         min-width: 0 !important;
         padding-right: 0 !important;
         border-right: none !important;
         box-sizing: border-box !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_search_wrp {
         min-width: 0 !important;
         width: 100% !important;
         max-width: 100% !important;
         margin-left: 0 !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_toolbar {
         flex-wrap: wrap !important;
         gap: 10px !important;
         align-items: stretch !important;
     }

     .pi_models_page .pim_scheme_primary .pim_inline_pm_search .pim_inline_pm_row {
         flex-direction: column !important;
         align-items: stretch !important;
         gap: 10px !important;
     }

     .pi_models_page .pim_scheme_primary .pim_inline_pm_search .pim_inline_pm_go {
         width: 100% !important;
         min-width: 0 !important;
         max-width: none !important;
         flex: 0 0 auto !important;
     }

     .pi_models_page .pim_scheme_primary .pim_inline_pm_search .pim_inline_pm_input_wrap {
         max-width: 100% !important;
     }
 }

 @media screen and (max-width: 768px) {

     /*
 * Мобільний стек: мініатюри (auto) → блок схеми (auto, фіксований min-height) → список (1fr, лише залишок).
 */
     .pi_models_page .pim_scheme_split--top_thumbs aside.pim_single_scheme_parts_panel {
         grid-column: 1 !important;
         grid-row: 3 !important;
         flex: unset !important;
         min-height: 0 !important;
         max-height: none !important;
         height: auto !important;
         overflow: hidden !important;
     }

     /* Мобілка: список — 400px; легкі стилі без важких inset-тіней (менше lagg при скролі) */
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel__body,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel__body {
         height: 400px !important;
         min-height: 400px !important;
         max-height: 400px !important;
         box-sizing: border-box !important;
         overflow-y: auto !important;
         overflow-x: hidden !important;
         -webkit-overflow-scrolling: touch;
         overscroll-behavior: contain;
         touch-action: pan-y;
         padding-right: 2px !important;
         border-radius: 12px !important;
         background: #f1f5f9 !important;
         border: 1px solid rgba(148, 163, 184, 0.35) !important;
         box-shadow: none !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel__body .product_models_grid_wrapper,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel__body .product_models_grid_wrapper {
         touch-action: pan-y;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel__body::-webkit-scrollbar,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel__body::-webkit-scrollbar {
         width: 5px;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel__body::-webkit-scrollbar-thumb,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel__body::-webkit-scrollbar-thumb {
         background: rgba(100, 116, 139, 0.55);
         border-radius: 4px;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_header_left,
     .pi_models_page.pi_models_page--single_scheme .pim_header_left {
         flex: 1 1 auto !important;
         min-height: 0 !important;
         display: flex !important;
         flex-direction: column !important;
         overflow: visible !important;
         max-height: none !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_panel__body::-webkit-scrollbar-track,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_panel__body::-webkit-scrollbar-track {
         background: rgba(148, 163, 184, 0.12);
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer.pim_scheme_split--top_thumbs {
         display: grid !important;
         grid-template-columns: minmax(0, 1fr) !important;
         /* Схема не ділить висоту пропорційно зі списком: ряд схеми auto, список забирає лише залишок. */
         grid-template-rows: auto auto minmax(0, 1fr) !important;
         gap: 0 !important;
         column-gap: 0 !important;
         padding: 6px 8px 8px !important;
         flex: 1 1 auto !important;
         min-height: 0 !important;
         width: 100% !important;
         height: 100% !important;
         max-height: 100% !important;
         box-sizing: border-box !important;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_thumbs_row {
         grid-column: 1 !important;
         grid-row: 1 !important;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_multi_left {
         grid-column: 1 !important;
         grid-row: 2 !important;
         flex: unset !important;
         max-height: none !important;
         min-height: 0 !important;
         overflow: hidden !important;
         display: flex !important;
         flex-direction: column !important;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary {
         flex: 1 1 auto !important;
         min-height: 0 !important;
         display: flex !important;
         flex-direction: column !important;
         width: 100% !important;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link.imgwrp:not(.pim_scheme_sandbox_wrap) {
         flex: 1 1 auto !important;
         min-height: 0 !important;
         max-height: none !important;
         height: 100% !important;
         width: 100% !important;
         position: relative !important;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link.imgwrp.pim_scheme_sandbox_wrap {
         flex: 1 1 auto !important;
         max-height: none !important;
         height: 100% !important;
         width: 100% !important;
         position: relative !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_header .pim_header_main,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_header .pim_header_main {
         display: flex !important;
         flex-direction: column !important;
         gap: 0 !important;
         height: auto !important;
         max-height: none !important;
         min-height: 0 !important;
         overflow: visible !important;
         box-sizing: border-box !important;
         width: 100% !important;
     }



     /* Multi-схема на мобілці: не стискаємо грід до висоти екрана, інакше ряд списку (3-й) обрізається. */
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split.pim_scheme_viewer.pim_scheme_split--top_thumbs {
         height: auto !important;
         max-height: none !important;
     }

     /* Кілька фото на мобільному: вужчі прев’ю в смузі; ряд схеми auto + min-height, список — 1fr. */
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_thumbs_strip_lst {
         gap: 8px !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_thumb_scheme_label {
         max-width: 53px !important;
         font-size: 9px !important;
         letter-spacing: 0.05em !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_rail_card {
         width: 53px !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_rail_thumb {
         width: 53px !important;
         height: 53px !important;
         border-radius: 8px !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_rail_thumb img {
         width: 53px !important;
         height: 53px !important;
         max-width: 53px !important;
         max-height: 53px !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_rail_thumb.is-pim-img-loading::after {
         width: 16px !important;
         height: 16px !important;
         margin: -8px 0 0 -8px !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip.pim_diagram_rail--inline .pim_rail_link.imgwrp,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip.pim_diagram_rail--inline .pim_rail_link.imgwrp.notfancybox {
         width: 53px !important;
         max-width: 53px !important;
         min-width: 0 !important;
         min-height: 53px !important;
         height: 53px !important;
         max-height: 53px !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_diagram_rail--thumbs_strip.pim_diagram_rail--inline .pim_rail_thumb img {
         width: 53px !important;
         height: 53px !important;
         max-width: 53px !important;
         max-height: 53px !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_rail_card:hover,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_rail_card:focus-within {
         transform: scale(1.06) translateY(-2px) !important;
         filter: drop-shadow(0 10px 20px rgba(15, 23, 42, 0.14)) !important;
         z-index: 25;
     }

     /* Без fr-між схемою та списком — базовий шаблон auto / auto / 1fr лишається. */
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs .pim_scheme_multi_left {
         min-height: clamp(320px, 1vh, 350px) !important;
     }

     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_scheme_split--top_thumbs aside.pim_single_scheme_parts_panel {
         min-height: 0 !important;
     }
 }

 /* Інлайн-панель «код на схемі» під кожним фото рейки та під головною схемою */
 .pi_models_page .pim_inline_pm_search {
     margin-top: 10px;
     padding: 12px 12px 11px;
     border-radius: 14px;
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
     overflow: visible;
     position: relative;
     z-index: 2;
     background: linear-gradient(6deg, rgba(255, 255, 255, .98) 0, rgba(248, 250, 252, .96) 45%, rgb(133 154 175 / 94%) 100%);
     border: 1px solid rgba(15, 23, 42, 0.09);
     box-shadow: 0 8px 32px rgba(15, 23, 42, .14), 0 0 0 1px rgba(255, 255, 255, .85) inset;
     backdrop-filter: blur(14px);
     -webkit-backdrop-filter: blur(14px);
     flex-shrink: 0;
 }

 .pi_models_page .pim_scheme_primary .pim_inline_pm_search--primary {
     margin-top: 14px;
     padding: 12px 12px 11px;
     border-radius: 14px;
 }

 .pi_models_page .pim_inline_pm_search--standalone {
     margin-top: 14px;
     max-width: 560px;
     margin-left: auto;
     margin-right: auto;
 }

 .pi_models_page .pim_inline_pm_head {
     margin-bottom: 8px;
 }

 .pi_models_page .pim_inline_pm_label {
     display: flex;
     align-items: center;
     gap: 6px;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: #334155;
     margin-bottom: 0;
     min-width: 0;
 }

 .pi_models_page .pim_inline_pm_label .fa {
     font-size: 14px;
     opacity: 0.75;
     color: #3b82f6;
 }

 .pi_models_page .pim_inline_pm_row {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 8px;
 }

 .pi_models_page .pim_inline_pm_input_wrap {
     position: relative;
     flex: 1 1 auto;
     min-width: 0;
 }

 .pi_models_page .pim_inline_pm_input {
     width: 100%;
     box-sizing: border-box;
     height: 36px;
     padding: 0 34px 0 10px;
     border-radius: 9px;
     border: 1px solid rgba(148, 163, 184, 0.55);
     background: #fff;
     font-size: 14px;
     color: #0f172a;
     transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }

 .pi_models_page .pim_inline_pm_input:focus {
     outline: none;
     border-color: rgba(59, 130, 246, 0.75);
     box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
 }

 .pi_models_page .pim_inline_pm_clear {
     position: absolute;
     right: 4px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 2;
     width: 28px;
     height: 28px;
     padding: 0;
     border: none;
     background: transparent;
     color: #64748b;
     cursor: pointer;
     display: none;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     font-size: 18px;
     line-height: 1;
     transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
 }

 .pi_models_page .pim_inline_pm_clear.pim_inline_pm_clear--visible {
     display: inline-flex;
 }

 .pi_models_page .pim_inline_pm_clear:hover {
     background: rgba(239, 246, 255, 0.98);
     color: #2563eb;
 }

 .pi_models_page .pim_inline_pm_go {
     flex: 0 0 auto;
     min-width: 84px;
     height: 36px;
     padding: 0 14px;
     border-radius: 9px;
     border: none;
     cursor: pointer;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.02em;
     color: #fff;
     background: linear-gradient(165deg, #3b82f6 0%, #2563eb 48%, #1d4ed8 100%);
     box-shadow: 0 2px 10px rgba(37, 99, 235, .35), inset 0 1px 0 rgba(255, 255, 255, .22);
     transition: transform 0.15s ease, box-shadow 0.15s ease;
 }

 .pi_models_page .pim_inline_pm_go:hover {
     transform: translateY(-1px);
     box-shadow: 0 4px 14px rgba(37, 99, 235, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.28);
 }

 .pi_models_page .pim_inline_pm_go:active {
     transform: translateY(0);
 }

 .pi_models_page .pim_inline_pm_msg {
     min-height: 1.15em;
     margin-top: 6px;
     font-size: 11px;
     line-height: 1.35;
     color: #b45309;
 }

 .pi_models_page .pim_inline_pm_preview {
     margin-top: 10px;
     padding: 9px 8px 9px 7px;
     border-radius: 10px;
     background: rgba(255, 255, 255, 0.65);
     border: 1px solid rgba(15, 23, 42, 0.08);
     box-sizing: border-box;
     overflow: visible;
     position: relative;
     z-index: 3;
 }

 .pi_models_page .pim_inline_pm_preview_inner {
     display: flex;
     gap: 9px;
     align-items: flex-start;
     overflow: visible;
 }

 .pi_models_page .pim_inline_pm_preview_imgwrap {
     flex-shrink: 0;
     width: 56px;
     height: 56px;
     border-radius: 8px;
     overflow: hidden;
     background: #fff;
     border: 1px solid rgba(15, 23, 42, 0.1);
     position: relative;
     z-index: 1;
     cursor: default;
 }

 .pi_models_page .pim_inline_pm_preview_imgwrap:hover {
     overflow: visible;
     z-index: 20;
 }

 .pi_models_page .pim_inline_pm_preview_img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: contain;
     transform: scale(1);
     transform-origin: center center;
     transition: transform 0.28s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.28s ease;
     border-radius: 6px;
 }

 .pi_models_page .pim_inline_pm_preview_imgwrap:hover .pim_inline_pm_preview_img {
     transform: scale(1.75);
     box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.35);
 }

 .pi_models_page .pim_inline_pm_preview_body {
     flex: 1 1 auto;
     min-width: 0;
     display: flex;
     flex-direction: column;
 }

 .pi_models_page .pim_inline_pm_preview_name {
     font-size: 12px;
     font-weight: 600;
     line-height: 1.35;
     color: #0f172a;
     margin-bottom: 4px;
     word-break: break-word;
 }

 .pi_models_page .pim_inline_pm_preview_name .pm_preview_product_link {
     font-size: inherit;
     font-weight: inherit;
     line-height: inherit;
     color: inherit;
     text-decoration: none;
     word-break: break-word;
     cursor: pointer;
 }

 .pi_models_page .pim_inline_pm_preview_name .pm_preview_product_link:hover {
     color: #1d4ed8;
     text-decoration: underline;
 }

 .pi_models_page .pim_inline_pm_preview_price {
     font-size: 13px;
     font-weight: 700;
     color: #1e40af;
     margin-bottom: 6px;
 }

 .pi_models_page .pim_inline_pm_preview_stockwarn {
     display: none;
     font-size: 11px;
     font-weight: 700;
     line-height: 1.35;
     color: #9a3412;
     margin: 0 0 6px;
     padding: 6px 8px;
     border-radius: 8px;
     background: rgba(254, 243, 199, 0.96);
     border: 1px solid rgba(245, 158, 11, 0.45);
 }

 .pi_models_page .pim_inline_pm_preview_stockwarn.pm_preview_stockwarn--active {
     display: block;
 }

 .pi_models_page .pim_inline_pm_preview_preorder_note {
     display: none;
     box-sizing: border-box;
     margin: 0 0 8px;
     padding: 8px 10px 8px 12px;
     border-radius: 8px;
     border: 2px solid rgba(234, 88, 12, 0.75);
     border-left-width: 5px;
     background: linear-gradient(135deg, rgba(255, 247, 237, 0.98) 0%, rgba(254, 215, 170, 0.55) 100%);
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 2px 8px rgba(234, 88, 12, 0.12);
     font-size: 11px;
     line-height: 1.45;
     color: #7c2d12;
 }

 .pi_models_page .pim_inline_pm_preview_preorder_note.pm_preview_preorder_note--active {
     display: block;
 }

 .pi_models_page .pim_inline_pm_preview_preorder_note .pm_preview_preorder_note__badge {
     display: inline-block;
     margin-bottom: 4px;
     padding: 2px 8px;
     border-radius: 4px;
     background: #ea580c;
     color: #fff;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.04em;
     text-transform: uppercase;
     vertical-align: middle;
 }

 .pi_models_page .pim_inline_pm_preview_preorder_note .pm_preview_preorder_note__body {
     display: block;
     font-weight: 700;
     margin-top: 2px;
 }

 .pi_models_page .pim_inline_pm_preview_replacement {
     display: none;
     box-sizing: border-box;
     margin-top: 10px;
     padding: 10px 12px 10px 12px;
     border-radius: 12px;
     border: 1px solid rgba(14, 116, 144, 0.38);
     border-left-width: 4px;
     background: linear-gradient(145deg, rgba(248, 250, 252, 0.98) 0%, rgba(224, 242, 254, 0.65) 100%);
     font-size: 12px;
     line-height: 1.4;
     color: #0c4a6e;
 }

 .pi_models_page .pim_inline_pm_preview_replacement.pm_preview_replacement--active {
     display: block;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__badge {
     display: inline-block;
     margin-bottom: 8px;
     padding: 3px 9px;
     border-radius: 6px;
     background: linear-gradient(165deg, #0e7490 0%, #0f766e 100%);
     color: #fff;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     vertical-align: middle;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__row {
     display: flex;
     flex-direction: row;
     gap: 12px;
     align-items: flex-start;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__media {
     flex: 0 0 72px;
     width: 72px;
     height: 72px;
     border-radius: 10px;
     overflow: hidden;
     border: 1px solid rgba(15, 23, 42, 0.08);
     background: #fff;
     box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__media img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     display: block;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__body {
     flex: 1 1 auto;
     min-width: 0;
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__title {
     font-size: 13px;
     font-weight: 800;
     color: #0f172a;
     text-decoration: none;
     line-height: 1.3;
     letter-spacing: -0.02em;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__title:hover {
     color: #0369a1;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__price {
     font-size: 16px;
     font-weight: 800;
     color: #0f172a;
     letter-spacing: -0.02em;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__price small {
     font-size: 12px;
     font-weight: 700;
     color: #64748b;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__actions {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 8px;
     margin-top: 2px;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_rpl_add {
     border: none;
     border-radius: 10px;
     padding: 8px 14px;
     font-size: 12px;
     font-weight: 800;
     cursor: pointer;
     transition: filter 0.15s ease, transform 0.15s ease;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_rpl_add--buy {
     color: #fff;
     background: linear-gradient(165deg, #ef4444 0%, #e31837 45%, #c1152d 100%);
     box-shadow: 0 3px 12px rgba(227, 24, 55, 0.35);
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_rpl_add--pre {
     color: #fff;
     background: linear-gradient(165deg, #fb923c 0%, #f97316 50%, #ea580c 100%);
     box-shadow: 0 3px 12px rgba(234, 88, 12, 0.35);
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_rpl_add:hover {
     filter: brightness(1.05);
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_rpl_add:disabled {
     opacity: 0.65;
     cursor: wait;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_rpl_muted {
     font-size: 11px;
     font-weight: 700;
     color: #64748b;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_rpl_cardlink {
     font-size: 12px;
     font-weight: 800;
     color: #0369a1;
     text-decoration: none;
     border-bottom: 1px solid rgba(3, 105, 161, 0.35);
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_rpl_cardlink:hover {
     color: #1d4ed8;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__links {
     font-weight: 700;
     margin-top: 2px;
     word-break: break-all;
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__link {
     color: #0369a1;
     text-decoration: none;
     border-bottom: 1px solid rgba(3, 105, 161, 0.35);
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__link:hover {
     color: #1d4ed8;
     border-bottom-color: rgba(29, 78, 216, 0.55);
 }

 .pi_models_page .pim_inline_pm_preview_replacement .pm_preview_replacement__hint {
     margin: 8px 0 0;
     padding: 0;
     font-size: 10px;
     font-weight: 600;
     line-height: 1.35;
     color: #155e75;
     opacity: 0.92;
 }

 @keyframes pm_preorder_flash_pop {
     from {
         opacity: 0;
         transform: translateY(-8px) scale(0.97);
     }

     to {
         opacity: 1;
         transform: translateY(0) scale(1);
     }
 }

 .pi_models_page .pim_inline_pm_preorder_flash {
     display: none;
     box-sizing: border-box;
     margin: 0 0 8px;
     border-radius: 10px;
     overflow: hidden;
 }

 .pi_models_page .pim_inline_pm_preorder_flash.pm_preorder_flash--visible {
     display: block;
     animation: pm_preorder_flash_pop 0.4s ease-out;
     box-shadow: 0 8px 28px rgba(234, 88, 12, 0.35), 0 0 0 2px rgba(255, 255, 255, 0.95) inset;
 }

 .pi_models_page .pim_inline_pm_preorder_flash .pm_preorder_flash_inner {
     position: relative;
     padding: 12px 36px 12px 14px;
     background: linear-gradient(145deg, #ffedd5 0%, #fdba74 42%, #fb923c 100%);
     border: 2px solid #c2410c;
     color: #431407;
 }

 .pi_models_page .pim_inline_pm_preorder_flash .pm_preorder_flash_title {
     font-size: 15px;
     font-weight: 800;
     line-height: 1.25;
     margin-bottom: 6px;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
 }

 .pi_models_page .pim_inline_pm_preorder_flash .pm_preorder_flash_txt {
     font-size: 12px;
     font-weight: 700;
     line-height: 1.45;
 }

 .pi_models_page .pim_inline_pm_preorder_flash .pm_preorder_flash_close {
     position: absolute;
     top: 6px;
     right: 8px;
     width: 28px;
     height: 28px;
     border: none;
     border-radius: 6px;
     background: rgba(67, 20, 7, 0.12);
     color: #431407;
     font-size: 20px;
     line-height: 1;
     cursor: pointer;
     padding: 0;
 }

 .pi_models_page .pim_inline_pm_preorder_flash .pm_preorder_flash_close:hover {
     background: rgba(67, 20, 7, 0.22);
 }

 .pi_models_page .pim_inline_pm_preview_actions {
     display: flex;
     flex-wrap: wrap;
     gap: 6px;
 }

 .pi_models_page .pim_inline_pm_scroll,
 .pi_models_page .pim_inline_pm_buy {
     border-radius: 8px;
     padding: 5px 10px;
     font-size: 11px;
     font-weight: 600;
     cursor: pointer;
     border: 1px solid rgba(148, 163, 184, 0.45);
     background: #fff;
     color: #334155;
     transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
 }

 .pi_models_page .pim_inline_pm_scroll:hover {
     border-color: rgba(59, 130, 246, 0.5);
     color: #1d4ed8;
     background: rgba(239, 246, 255, 0.95);
 }

 .pi_models_page .pim_inline_pm_buy {
     border-color: rgba(220, 38, 38, 0.35);
     background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
     color: #fff;
     border: none;
     box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
 }

 .pi_models_page .pim_inline_pm_buy:hover {
     filter: brightness(1.06);
 }

 .pi_models_page .pim_inline_pm_buy.pim_inline_pm_buy--preorder {
     border-color: rgba(234, 88, 12, 0.45);
     background: linear-gradient(180deg, #fb923c 0%, #ea580c 52%, #c2410c 100%);
     color: #fff;
     box-shadow: 0 2px 10px rgba(234, 88, 12, 0.38);
 }

 .pi_models_page .pim_inline_pm_buy.pim_inline_pm_buy--preorder:hover {
     filter: brightness(1.05);
 }

 .pi_models_page .pim_diagram_rail:not(.pim_diagram_rail--inline) .pim_rail_meta {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-bottom: 8px;
     flex-shrink: 0;
 }

 .pi_models_page .pim_diagram_rail .pim_rail_badge {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 28px;
     height: 28px;
     padding: 0 6px;
     border-radius: 50%;
     font-size: 13px;
     font-weight: 700;
     color: #fff;
     background: linear-gradient(145deg, #3b82f6 0%, #1d4ed8 45%, #1e40af 100%);
     box-shadow: 0 2px 8px rgba(29, 78, 216, 0.45);
     flex-shrink: 0;
 }

 .pi_models_page .pim_diagram_rail .pim_rail_caption {
     font-size: 11px;
     color: #64748b;
     line-height: 1.2;
 }

 .pi_models_page .pim_diagram_rail .pim_rail_caption strong {
     color: #0f172a;
     font-weight: 700;
 }

 .pi_models_page .pim_diagram_rail .pim_rail_link.imgwrp {
     clear: both;
     display: flex;
     flex-direction: column;
     flex: 1 1 auto;
     align-items: stretch;
     font-size: 0;
     line-height: 0;
     min-height: min(46vh, 520px);
     margin: 0;
     width: 100%;
     max-width: 100%;
     position: relative;
     border-radius: 10px;
     overflow: hidden;
     background: linear-gradient(180deg, #f8fafc, #f1f5f9);
     border: none;
     box-sizing: border-box;
 }

 .pi_models_page .pim_diagram_rail .pim_rail_thumb {
     display: flex;
     align-items: center;
     justify-content: center;
     flex: 1 1 auto;
     width: 100%;
     max-width: 100%;
     min-height: min(42vh, 480px);
     aspect-ratio: 4 / 3;
     max-height: min(52vh, 600px);
     padding: 6px 6px 36px;
     box-sizing: border-box;
 }

 .pi_models_page .pim_diagram_rail .pim_rail_thumb img {
     display: block;
     width: 100%;
     height: 100%;
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
     object-position: center;
     vertical-align: middle;
 }

 .pi_models_page .pim_diagram_rail .pim_rail_zoom_hint {
     position: absolute;
     right: 8px;
     bottom: 6px;
     font-size: 14px;
     color: rgba(15, 23, 42, 0.35);
     pointer-events: none;
 }

 .pi_models_page .pim_diagram_rail .pim_rail_zoom_hint .fa-search-plus {
     position: static;
     text-shadow: none;
 }

 @media screen and (max-width: 991px) {
     .pi_models_page .pim_scheme_split.pim_scheme_viewer {
         grid-template-columns: 1fr;
         align-items: stretch;
         padding: 14px 16px 16px;
         gap: 16px 0;
     }

     .pi_models_page .pim_scheme_primary {
         max-width: 100%;
         padding-right: 0;
         padding-bottom: 16px;
         margin-right: 0;
         margin-bottom: 0;
         border-right: none;
         border-bottom: 2px dashed rgba(30, 55, 90, 0.2);
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer .pim_scheme_primary .pim_main_scheme_link.imgwrp {
         min-height: clamp(260px, 44vh, 560px);
     }

     .pi_models_page .pim_diagram_rail--inline {
         padding: 12px 0 0 0;
         order: 0;
         max-width: 100%;
         height: auto;
         max-height: none;
         overflow: visible;
         display: block;
         align-self: stretch;
     }

     .pi_models_page .pim_diagram_rail .pim_allimages .scrollable {
         height: auto !important;
         max-height: none !important;
     }

     .pi_models_page .pim_diagram_rail--inline .pim_allimages .scrollable {
         height: auto !important;
         max-height: none !important;
     }

     .pi_models_page .pim_diagram_rail--inline .pim_allimages .scrollable.pim_diagram_rail_native_scroll {
         height: min(48vh, 300px) !important;
         max-height: min(48vh, 300px) !important;
         overflow-y: auto !important;
     }

     .pi_models_page .pim_diagram_rail:not(.pim_diagram_rail--inline) .pim_allimages .scrollable_wrp .scrollable .lst .item {
         display: inline-block;
         vertical-align: top;
         width: auto;
         margin: 0 8px 12px 0;
     }

     .pi_models_page .pim_diagram_rail:not(.pim_diagram_rail--inline) .pim_rail_card {
         max-width: 200px;
         margin-bottom: 0;
     }

     .pi_models_page .pim_diagram_rail:not(.pim_diagram_rail--inline) .pim_rail_link.imgwrp {
         width: auto !important;
         height: auto !important;
         min-height: 56px;
         display: block !important;
     }

     .pi_models_page .pim_diagram_rail--inline .pim_rail_link.imgwrp {
         width: 100% !important;
         max-width: 100% !important;
         min-height: min(200px, 32vh);
         height: min(280px, 40vh);
         padding: 0;
         border-radius: 0;
     }

     .pi_models_page .pim_diagram_rail--inline .pim_rail_thumb {
         position: absolute;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0;
         min-height: 0;
         max-height: none;
         padding: 0;
     }

     .pi_models_page .pim_diagram_rail--inline .pim_rail_thumb img {
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         max-height: none;
         object-fit: cover;
         object-position: center;
     }

     .pi_models_page .pim_scheme_split.pim_scheme_viewer.pim_scheme_split--top_thumbs {
         grid-template-rows: auto auto auto;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_thumbs_row {
         grid-column: 1;
         grid-row: 1;
     }

     .pi_models_page .pim_scheme_split--top_thumbs .pim_scheme_multi_left {
         grid-column: 1;
         grid-row: 2;
     }

     .pi_models_page .pim_scheme_split--top_thumbs aside.pim_single_scheme_parts_panel {
         grid-column: 1;
         grid-row: 3;
         align-self: stretch;
     }
 }

 /* Вузькі екрани: прокрутка пальцем/колесом — без «пігулок» поверх зображень */
 @media screen and (max-width: 768px) {

     .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .prev,
     .pi_models_page .pim_diagram_rail--inline .scrollable_wrp .next {
         display: none !important;
     }

     .pi_models_page .pim_diagram_rail--inline .scrollable_wrp,
     .pi_models_page .pim_diagram_rail--inline .scrollable_wrp:has(.pim_diagram_rail_native_scroll) {
         padding-top: 0 !important;
         padding-bottom: 0 !important;
     }
 }

 /* Блок під головною схемою (деталі): популярні запчастини за цим самим файлом діаграми */
 .pi_models_page .pim_scheme_popular_wrap {
     margin: 0 0 20px;
     padding: 14px 16px;
     border-radius: 10px;
     background: #f7f8fa;
     border: 1px solid #e8eaed;
 }

 .pi_models_page .pim_scheme_popular_title {
     font-size: 1.15rem;
     margin: 0 0 12px;
     font-weight: 600;
 }

 .pi_models_page .pim_scheme_popular_list {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
     gap: 10px;
 }

 /* Не використовувати .product_brief_table тут — у нього float:left + width:210px, ламає сітку */
 .pi_models_page .pim_scheme_popular_form {
     margin: 0;
     height: 100%;
     float: none;
     width: 100%;
     max-width: 100%;
     clear: both;
     display: block;
     text-align: left;
 }

 .pi_models_page .pim_scheme_popular_card {
     display: grid;
     grid-template-columns: 100px minmax(0, 1fr);
     grid-template-rows: auto auto;
     column-gap: 14px;
     row-gap: 10px;
     align-items: start;
     padding: 10px;
     border-radius: 8px;
     background: #fff;
     border: 1px solid #eceff3;
     min-height: 0;
     height: 100%;
     box-sizing: border-box;
 }

 .pi_models_page .pim_scheme_popular_form:hover .pim_scheme_popular_card {
     border-color: #cfd6e0;
     box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
 }

 .pi_models_page .pim_scheme_popular_link--thumb {
     grid-column: 1;
     grid-row: 1;
     display: block;
     text-decoration: none;
 }

 .pi_models_page .pim_scheme_popular_thumb_wrp {
     flex: 0 0 100px;
     width: 100px;
     height: 100px;
 }

 .pi_models_page .pim_scheme_popular_thumb {
     width: 100px;
     height: 100px;
     object-fit: contain;
     display: block;
     border-radius: 6px;
 }

 .pi_models_page .pim_scheme_popular_noimg {
     display: block;
     width: 100px;
     height: 100px;
     background: #eef0f4;
     border-radius: 4px;
 }

 .pi_models_page .pim_scheme_popular_main {
     grid-column: 2;
     grid-row: 1;
     min-width: 0;
     display: flex;
     flex-direction: column;
     gap: 6px;
     font-size: 0.875rem;
 }

 .pi_models_page .pim_scheme_popular_name_link {
     font-weight: 500;
     color: #0f172a;
     text-decoration: none;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .pi_models_page .pim_scheme_popular_name_link:hover {
     text-decoration: underline;
 }

 .pi_models_page .pim_scheme_popular_code {
     color: #64748b;
     font-size: 0.8125rem;
 }

 /* Підлаштувати глобальні .stock_label (фіксована width) під вузьку картку */
 .pi_models_page .pim_scheme_popular_wrap .stock_label {
     width: auto;
     max-width: 100%;
     box-sizing: border-box;
     padding-left: 8px;
     margin: 0;
 }

 .pi_models_page .pim_scheme_popular_wrap .stock_label.instock {
     margin-top: 0;
     display: inline-flex;
     width: auto;
     max-width: 100%;
 }

 .pi_models_page .pim_scheme_popular_wrap .stock_label.outofstock {
     width: auto;
     max-width: 100%;
     margin-top: 0;
     font-size: 0.8125rem;
 }

 .pi_models_page .pim_scheme_popular_actions {
     grid-column: 1 / -1;
     grid-row: 2;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     padding-top: 8px;
     border-top: 1px solid #eef0f4;
 }

 .pi_models_page .pim_scheme_popular_price_row {
     flex: 1 1 auto;
     min-width: 0;
 }

 .pi_models_page .pim_scheme_popular_price {
     font-weight: 600;
 }

 .pi_models_page .pim_scheme_popular_buy {
     flex: 0 1 auto;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
     gap: 8px;
     min-width: 0;
 }

 .pi_models_page .pim_scheme_popular_buy input.product_qty {
     width: 52px;
     min-width: 48px;
     margin: 0;
     box-sizing: border-box;
 }

 .pi_models_page .pim_scheme_popular_buy input.button_buy,
 .pi_models_page .pim_scheme_popular_buy input.add2cart_handler,
 .pi_models_page .pim_scheme_popular_buy button.add2cart_handler {
     white-space: nowrap;
     font-size: 0.8125rem;
     padding: 6px 12px;
     margin: 0;
     float: none;
     display: inline-block;
     vertical-align: middle;
 }

 .pi_models_page .pi_models_descriprion {
     margin: 0 0 30px;
 }

 /* OCR: обгортка навколо усіх схем деталювання (опис, головна, рейка, одна схема без split) */
 .pi_models_page .pim_ocr_scheme_host,
 .pi_models_page .pi_models_descriprion .pim_desc_imgwrp_host {
     position: relative;
     display: block;
 }

 .pi_models_page .pi_models_descriprion .pim_ocr_scheme_host,
 .pi_models_page .pi_models_descriprion .pim_desc_imgwrp_host {
     max-width: min(100%, 1200px);
     margin: 0 auto 20px;
 }

 .pi_models_page .pi_models_descriprion .pim_ocr_scheme_host .pim_desc_imgwrp,
 .pi_models_page .pi_models_descriprion .pim_desc_imgwrp_host .pim_desc_imgwrp {
     margin-bottom: 0;
 }

 .pi_models_page .pim_scheme_primary .pim_ocr_scheme_host {
     width: 100%;
     max-width: 100%;
     min-width: 0;
     flex: 1 1 auto;
     min-height: 0;
     display: flex;
     flex-direction: column;
 }

 .pi_models_page .pim_scheme_primary .pim_ocr_scheme_host .pim_main_scheme_link.imgwrp {
     flex: 1 1 auto;
     min-height: 0;
 }

 .pi_models_page .pim_rail_card .pim_ocr_scheme_host {
     width: 100%;
 }

 /* Ручний OCR: компактна піктограма, узгоджена зі стилем кнопок навігації */
 .pim_ocr_from_diagram_btn.pim_ocr_btn--icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 34px;
     height: 34px;
     min-width: 34px;
     min-height: 34px;
     padding: 0;
     color: #0f172a;
     background: #fff;
     border: 1px solid rgba(148, 163, 184, 0.45);
     border-radius: 50%;
     box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
     cursor: pointer;
     transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
     -webkit-tap-highlight-color: transparent;
 }

 .pim_ocr_from_diagram_btn.pim_ocr_btn--icon .pim_ocr_btn__ico {
     font-size: 14px;
     line-height: 1;
 }

 .pim_ocr_from_diagram_btn.pim_ocr_btn--icon:hover {
     border-color: rgba(37, 99, 235, 0.45);
     box-shadow: 0 6px 16px rgba(37, 99, 235, 0.18);
 }

 .pim_ocr_from_diagram_btn.pim_ocr_btn--icon:active {
     transform: scale(0.96);
 }

 .pim_ocr_from_diagram_btn.pim_ocr_btn--icon:disabled {
     opacity: 0.65;
     cursor: wait;
     transform: none;
 }

 .pi_models_page .pim_ocr_scheme_host .pim_ocr_from_diagram_btn.pim_ocr_btn--icon,
 .pi_models_page .pi_models_descriprion .pim_desc_imgwrp_host .pim_ocr_from_diagram_btn.pim_ocr_btn--icon {
     position: absolute;
     z-index: 4;
     top: 10px;
     right: 10px;
 }

 .pi_models_page .pim_rail_card .pim_ocr_scheme_host .pim_ocr_from_diagram_btn.pim_ocr_btn--icon {
     width: 28px;
     height: 28px;
     min-width: 28px;
     min-height: 28px;
     top: 6px;
     right: 6px;
 }

 /* У sandbox кнопка OCR входить у панель керування поруч з навігаційними кнопками */
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_ocr_from_diagram_btn.pim_ocr_btn--icon {
     position: static;
     z-index: auto;
     width: 34px;
     min-width: 34px;
     height: 34px;
     min-height: 34px;
     border-radius: 50%;
     padding: 0;
     margin: 0;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_controls .pim_ocr_from_diagram_btn.pim_ocr_btn--icon .pim_ocr_btn__ico {
     font-size: 15px;
     line-height: 1;
 }

 /* Авто-OCR цифр на збільшеному зображенні (FancyBox): обводки + підказка.
   Обгортка повинна повторювати геометрію .fancybox-image (100% у .fancybox-content), інакше scaleToActual / zoom зникає картинка. */
 .fancybox-slide--image .fancybox-content .pim_fancybox_img_hit_host {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     display: block;
     margin: 0;
     padding: 0;
     line-height: 0;
     box-sizing: border-box;
 }

 .fancybox-slide--image .fancybox-content .pim_fancybox_img_hit_host img.fancybox-image {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     max-width: none;
     max-height: none;
     margin: 0;
     padding: 0;
     border: 0;
     display: block;
     object-fit: contain;
     object-position: center;
 }

 .fancybox-container .pim_fancybox_img_hit_host .pim_ocr_from_diagram_btn.pim_ocr_btn--icon {
     position: absolute;
     z-index: 12;
     top: 12px;
     right: 12px;
     pointer-events: auto;
 }

 .fancybox-container .pim_digit_auto_overlay--fancybox,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--primary {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: 8;
     box-sizing: border-box;
 }

 /* Лише цифри на фото: без накладних підписів і рамок (клікові зони + fade лишаються) */
 .fancybox-container .pim_digit_auto_overlay--native_only .pim_digit_hotspot,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--native_only .pim_digit_hotspot {
     border-color: transparent !important;
     background: transparent !important;
     box-shadow: none !important;
     opacity: 0 !important;
 }

 .fancybox-container .pim_digit_auto_overlay--native_only.pim_digit_auto_overlay--soft-in .pim_digit_hotspot.pim_digit_hotspot--visible,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--native_only.pim_digit_auto_overlay--soft-in .pim_digit_hotspot.pim_digit_hotspot--visible {
     opacity: 1 !important;
 }

 .fancybox-container .pim_digit_auto_overlay--native_only .pim_digit_hotspot::after,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--native_only .pim_digit_hotspot::after {
     display: none !important;
     content: none !important;
 }

 .fancybox-container .pim_digit_auto_overlay--native_only .pim_digit_hotspot.pim_digit_hotspot--search_match,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--native_only .pim_digit_hotspot.pim_digit_hotspot--search_match,
 .fancybox-container .pim_digit_auto_overlay--native_only .pim_digit_hotspot:hover,
 .fancybox-container .pim_digit_auto_overlay--native_only .pim_digit_hotspot:focus,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--native_only .pim_digit_hotspot:hover,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--native_only .pim_digit_hotspot:focus {
     border-color: transparent !important;
     background: transparent !important;
     box-shadow: none !important;
     outline: none;
 }

 /* Пісочниця: одна синя рамка (::before), без border на контейнері — інакше подвійне кільце */
 .pi_models_page .pim_scheme_sandbox_wrap .pim_digit_auto_overlay--native_only .pim_digit_hotspot--nomatch {
     display: none !important;
     pointer-events: none !important;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_digit_auto_overlay--native_only .pim_digit_hotspot--match.pim_digit_hotspot--visible {
     border: none !important;
     background: transparent !important;
     box-shadow: none !important;
     outline: none !important;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_digit_auto_overlay--native_only .pim_digit_hotspot--match.pim_digit_hotspot--visible::before {
     content: '';
     position: absolute;
     inset: 0;
     box-sizing: border-box;
     border: 1.5px solid rgb(37 99 235 / 84%);
     border-radius: 3px;
     pointer-events: none;
 }

 .pi_models_page .pim_scheme_sandbox_wrap .pim_digit_auto_overlay--native_only .pim_digit_hotspot--match.pim_digit_hotspot--visible.pim_digit_hotspot--search_match::before {
     border-color: rgb(29 78 216 / 96%) !important;
     border-width: 2px;
 }

.pi_models_page .pim_scheme_sandbox_wrap .pim_digit_auto_overlay--native_only .pim_digit_hotspot--match.pim_digit_hotspot--visible.pim_digit_hotspot--panel_focus::before {
    border-color: rgba(220, 38, 38, 0.99) !important;
    border-width: 3px;
    box-shadow:
        0 0 0 2px rgba(248, 113, 113, 0.34),
        0 0 14px rgba(220, 38, 38, 0.34),
        0 0 26px rgba(239, 68, 68, 0.5);
}

 .pi_models_page .pim_scheme_sandbox_wrap .pim_digit_auto_overlay--native_only .pim_digit_hotspot--match.pim_digit_hotspot--visible.pim_digit_hotspot--search_match {
     z-index: 11;
 }

.pi_models_page .pim_scheme_sandbox_wrap .pim_digit_hotspot.pim_digit_hotspot--panel_focus {
    z-index: 13 !important;
    animation: pim_digit_hotspot_panel_focus_kf 1.65s cubic-bezier(0.22, 1, 0.36, 1) 1;
    will-change: transform, opacity;
}

 .pi_models_page .pim_scheme_sandbox_wrap .pim_digit_auto_overlay--native_only .pim_digit_hotspot--match:hover.pim_digit_hotspot--visible::before,
 .pi_models_page .pim_scheme_sandbox_wrap .pim_digit_auto_overlay--native_only .pim_digit_hotspot--match:focus.pim_digit_hotspot--visible::before {
     border-color: rgb(29 78 216 / 98%) !important;
 }

 .fancybox-container .pim_digit_auto_overlay--fancybox.pim_digit_auto_overlay--ready .pim_digit_hotspot,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--primary.pim_digit_auto_overlay--ready .pim_digit_hotspot {
     pointer-events: auto;
 }

 .fancybox-container .pim_digit_hotspot,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_hotspot {
     position: absolute;
     z-index: 9;
     box-sizing: border-box;
     border: 1px solid transparent;
     border-radius: 4px;
     background: transparent;
     cursor: pointer;
     opacity: 0;
     transition:
         opacity 0.72s ease var(--pim-digit-fade-delay, 0ms),
         background 0.15s ease,
         box-shadow 0.15s ease,
         border-color 0.15s ease,
         transform 0.12s ease;
     box-shadow: none;
 }

 .fancybox-container .pim_digit_auto_overlay--show_labels .pim_digit_hotspot,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--show_labels .pim_digit_hotspot {
     border-color: rgb(37 99 235 / 52%);
     background: rgb(37 99 235 / 6%);
     box-shadow: 0 1px 3px rgb(15 23 42 / 12%);
 }

 .fancybox-container .pim_digit_auto_overlay--soft-in .pim_digit_hotspot.pim_digit_hotspot--visible,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--soft-in .pim_digit_hotspot.pim_digit_hotspot--visible {
     opacity: 1;
 }

 /* Накладні цифри вимкнено за замовчуванням; лише з .pim_digit_auto_overlay--show_labels */
 .fancybox-container .pim_digit_hotspot::after,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_hotspot::after {
     display: none !important;
     content: none !important;
 }

 .fancybox-container .pim_digit_auto_overlay--show_labels .pim_digit_hotspot::after,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--show_labels .pim_digit_hotspot::after {
     display: block;
     content: attr(data-pim-digit-label);
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     font: 600 clamp(7px, calc(1.35vw - 2px), 11px) / 1.1 system-ui, -apple-system, "Segoe UI", sans-serif;
     color: #0f172a;
     text-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 1px 0 #fff;
     pointer-events: none;
     letter-spacing: -0.02em;
     opacity: 0;
     transition: opacity 0.85s ease calc(var(--pim-digit-fade-delay, 0ms) + 45ms);
 }

 .fancybox-container .pim_digit_auto_overlay--show_labels.pim_digit_auto_overlay--soft-in .pim_digit_hotspot.pim_digit_hotspot--visible::after,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--show_labels.pim_digit_auto_overlay--soft-in .pim_digit_hotspot.pim_digit_hotspot--visible::after {
     opacity: 1;
 }

 @media (prefers-reduced-motion: reduce) {

     .fancybox-container .pim_digit_hotspot,
     .pi_models_page .pim_ocr_scheme_host .pim_digit_hotspot,
     .fancybox-container .pim_digit_hotspot::after,
     .pi_models_page .pim_ocr_scheme_host .pim_digit_hotspot::after {
         transition-duration: 0.01ms !important;
         transition-delay: 0ms !important;
     }
 }

 .fancybox-container .pim_digit_auto_overlay--show_labels .pim_digit_hotspot--match,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--show_labels .pim_digit_hotspot--match {
     border-color: rgb(0 51 255 / 90%);
     background: rgb(22 163 74 / 14%);
 }

 .fancybox-container .pim_digit_auto_overlay--show_labels .pim_digit_hotspot--nomatch,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--show_labels .pim_digit_hotspot--nomatch {
     border-color: rgba(100, 116, 139, 0.8);
     background: rgba(148, 163, 184, 0.08);
 }

 .fancybox-container .pim_digit_auto_overlay--show_labels .pim_digit_hotspot--nomatch::after,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--show_labels .pim_digit_hotspot--nomatch::after {
     color: #334155;
 }

 /* Збіг з артикулом у пошуку — лише з накладними мітками */
 .fancybox-container .pim_digit_auto_overlay--show_labels .pim_digit_hotspot.pim_digit_hotspot--search_match,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--show_labels .pim_digit_hotspot.pim_digit_hotspot--search_match {
     border-color: rgba(22, 163, 74, 0.95);
     border-width: 2px;
     background: rgba(22, 163, 74, 0.14);
     box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.35);
     z-index: 11;
 }

.fancybox-container .pim_digit_auto_overlay--show_labels .pim_digit_hotspot.pim_digit_hotspot--panel_focus,
.pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--show_labels .pim_digit_hotspot.pim_digit_hotspot--panel_focus {
    border-color: rgba(220, 38, 38, 0.99) !important;
    border-width: 3px;
    background: rgba(239, 68, 68, 0.2) !important;
    box-shadow:
        0 0 0 3px rgba(248, 113, 113, 0.34),
        0 0 14px rgba(220, 38, 38, 0.3),
        0 0 26px rgba(239, 68, 68, 0.48);
    z-index: 13;
}

@keyframes pim_digit_hotspot_panel_focus_kf {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    18% {
        transform: scale(1.18);
        opacity: 1;
    }

    42% {
        transform: scale(1.07);
        opacity: 0.98;
    }

    64% {
        transform: scale(1.14);
        opacity: 1;
    }

    82% {
        transform: scale(1.03);
        opacity: 0.96;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

 .fancybox-container .pim_digit_auto_overlay--show_labels .pim_digit_hotspot:hover,
 .fancybox-container .pim_digit_auto_overlay--show_labels .pim_digit_hotspot:focus,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--show_labels .pim_digit_hotspot:hover,
 .pi_models_page .pim_ocr_scheme_host .pim_digit_auto_overlay--show_labels .pim_digit_hotspot:focus {
     background: rgba(37, 99, 235, 0.18);
     box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
     outline: none;
 }

 /* Поверх .fancybox-container (у проєкті z-index ~9999299999 — підказка інакше під картинкою) */
 #pim_digit_auto_tip.pim_digit_auto_tip {
     position: fixed;
     z-index: 2147483647;
     box-sizing: border-box;
     max-width: min(340px, calc(100vw - 24px));
     max-height: min(85vh, 520px);
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     background: #fff;
     border: 1px solid rgba(15, 23, 42, 0.08);
     border-radius: 16px;
     box-shadow:
         0 4px 6px -1px rgba(15, 23, 42, 0.06),
         0 20px 48px -12px rgba(15, 23, 42, 0.22);
     padding: 0;
     overflow: hidden;
     text-align: left;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_close {
     position: absolute;
     right: 8px;
     top: 8px;
     z-index: 2;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
     margin: 0;
     padding: 0;
     border: 0;
     border-radius: 10px;
     background: #f1f5f9;
     color: #475569;
     cursor: pointer;
     transition: background 0.15s ease, color 0.15s ease;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_close__ico {
     display: block;
     flex-shrink: 0;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_close:hover {
     background: #e2e8f0;
     color: #0f172a;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_body {
     padding: 14px 44px 14px 14px;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_card {
     display: flex;
     gap: 12px;
     align-items: flex-start;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_meta {
     flex: 1;
     min-width: 0;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_thumb {
     flex: 0 0 64px;
     width: 64px;
     height: 64px;
     border-radius: 12px;
     overflow: hidden;
     background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);
     border: 1px solid rgba(15, 23, 42, 0.06);
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_thumb img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     display: block;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_name {
     font-weight: 600;
     font-size: 13px;
     line-height: 1.35;
     color: #0f172a;
     margin: 0 0 6px;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_name--link {
     display: block;
     text-decoration: none;
     color: #0f172a;
     transition: color 0.15s ease;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_name--link:hover {
     color: #2563eb;
     text-decoration: underline;
     text-underline-offset: 2px;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_code {
     display: inline-block;
     font-size: 11px;
     font-weight: 500;
     letter-spacing: 0.02em;
     color: #64748b;
     background: #f1f5f9;
     border-radius: 6px;
     padding: 2px 8px;
     margin: 0 0 8px;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_price {
     font-size: 15px;
     font-weight: 700;
     color: #16a34a;
     margin: 0;
     letter-spacing: -0.01em;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_actions {
     margin-top: 10px;
     padding-top: 10px;
     border-top: 1px solid rgba(15, 23, 42, 0.06);
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_actions .pm_card_button {
     display: flex;
     width: 100%;
     min-width: 0;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_buy.button_buy,
 #pim_digit_auto_tip .pim_digit_auto_tip_buy.add2cart_handler {
     width: 100%;
     min-width: 0;
     min-height: 28px;
     padding: 2px 6px;
     font-size: 11px;
     font-weight: 800;
     line-height: 1.15;
     letter-spacing: 0.02em;
     text-transform: none;
     border: none;
     border-radius: 10px;
     color: #fff;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 6px;
     white-space: nowrap;
     box-sizing: border-box;
     background: linear-gradient(165deg, #ef4444 0%, #e31837 45%, #c1152d 100%);
     box-shadow:
         0 4px 14px rgba(227, 24, 55, 0.45),
         inset 0 1px 0 rgba(255, 255, 255, 0.22);
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_buy.button_buy:hover,
 #pim_digit_auto_tip .pim_digit_auto_tip_buy.add2cart_handler:hover {
     background: linear-gradient(165deg, #f87171 0%, #e31837 50%, #b91c1c 100%);
     transform: translateY(-1px);
     box-shadow:
         0 8px 22px rgba(227, 24, 55, 0.5),
         inset 0 1px 0 rgba(255, 255, 255, 0.28);
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_buy.add2preorder {
     width: 100%;
     min-width: 0;
     min-height: 28px;
     padding: 2px 6px;
     font-size: 11px;
     font-weight: 800;
     line-height: 1.15;
     letter-spacing: 0.02em;
     text-transform: none;
     border: none;
     border-radius: 10px;
     color: #fff;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 4px;
     white-space: nowrap;
     box-sizing: border-box;
     background: linear-gradient(165deg, #fb923c 0%, #f97316 50%, #ea580c 100%);
     box-shadow:
         0 4px 12px rgba(234, 88, 12, 0.35),
         inset 0 1px 0 rgba(255, 255, 255, 0.2);
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_buy.add2preorder:hover {
     background: linear-gradient(165deg, #fdba74 0%, #fb923c 45%, #c2410c 100%);
     transform: translateY(-1px);
     box-shadow:
         0 8px 20px rgba(234, 88, 12, 0.42),
         inset 0 1px 0 rgba(255, 255, 255, 0.25);
 }

 #pim_digit_auto_tip .pim_digit_auto_tip_buy.pim_digit_auto_tip_buy--pulse {
     animation: pim_digit_tip_buy_pulse 0.42s ease-out 1;
 }

 @keyframes pim_digit_tip_buy_pulse {
     0% {
         transform: scale(1);
     }

     35% {
         transform: scale(0.94);
     }

     70% {
         transform: scale(1.04);
     }

     100% {
         transform: scale(1);
     }
 }

#pim_digit_auto_tip .pim_digit_auto_tip_stack {
    display: flex;
    flex-direction: column;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement {
    display: none;
    box-sizing: border-box;
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(14, 116, 144, 0.28);
    border-left-width: 4px;
    background: linear-gradient(145deg, rgba(248, 250, 252, 0.98) 0%, rgba(224, 242, 254, 0.72) 100%);
    font-size: 12px;
    line-height: 1.4;
    color: #0c4a6e;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement.pm_preview_replacement--active {
    display: block;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__badge {
    display: inline-block;
    margin-bottom: 8px;
    padding: 3px 9px;
    border-radius: 6px;
    background: linear-gradient(165deg, #0e7490 0%, #0f766e 100%);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    vertical-align: middle;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__row {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__media {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #fff;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__title {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    color: #0f172a;
    text-decoration: none;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__title:hover {
    color: #0369a1;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__price {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__price small {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_rpl_add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 13px;
    border: none;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.15;
    color: #fff;
    cursor: pointer;
    transition: filter 0.15s ease, transform 0.15s ease;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_rpl_add--buy {
    background: linear-gradient(165deg, #ef4444 0%, #e31837 45%, #c1152d 100%);
    box-shadow: 0 3px 12px rgba(227, 24, 55, 0.35);
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_rpl_add--pre {
    background: linear-gradient(165deg, #fb923c 0%, #f97316 50%, #ea580c 100%);
    box-shadow: 0 3px 12px rgba(234, 88, 12, 0.35);
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_rpl_add:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_rpl_add:disabled {
    opacity: 0.65;
    cursor: wait;
    transform: none;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_rpl_muted {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_rpl_cardlink,
#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__link {
    font-size: 12px;
    font-weight: 800;
    color: #0369a1;
    text-decoration: none;
    border-bottom: 1px solid rgba(3, 105, 161, 0.35);
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_rpl_cardlink:hover,
#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__link:hover {
    color: #1d4ed8;
    border-bottom-color: rgba(29, 78, 216, 0.55);
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__links {
    font-weight: 700;
    margin-top: 2px;
    word-break: break-word;
}

#pim_digit_auto_tip .pim_digit_auto_tip_replacement .pm_preview_replacement__hint {
    margin: 8px 0 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.35;
    color: #155e75;
    opacity: 0.92;
}

 #pim_digit_auto_tip .pim_digit_auto_tip_none {
     font-size: 13px;
     line-height: 1.45;
     color: #64748b;
 }

 .pi_models_page .product_model_block.pim_digit_flash_row {
     animation: pim_digit_flash_row_kf 2s ease-out 1;
 }

 @keyframes pim_digit_flash_row_kf {
     0% {
         box-shadow: inset 0 0 0 0 rgba(37, 99, 235, 0);
     }

     18% {
         box-shadow: inset 0 0 0 3px rgba(37, 99, 235, 0.55);
     }

     72% {
         box-shadow: inset 0 0 0 3px rgba(37, 99, 235, 0.35);
     }

     100% {
         box-shadow: inset 0 0 0 0 rgba(37, 99, 235, 0);
     }
 }

 /* Повноекранний шар виділення для OCR */
 .pim_ocr_overlay {
     position: fixed;
     z-index: 99990;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: rgba(15, 23, 42, 0.55);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
     padding: 12px;
     box-sizing: border-box;
     overflow: auto;
 }

 /* OCR поверх lightbox: прямий нащадок .fancybox-container — над .fancybox-inner / stage і .fancybox-pm-search-bar (100010) */
 .fancybox-container>.pim_ocr_overlay.pim_ocr_overlay--fancybox {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     max-height: none;
     z-index: 100020;
 }

 .pim_ocr_overlay_inner {
     position: relative;
     background: #0f172a;
     border-radius: 12px;
     box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
     max-width: 100%;
     line-height: 0;
 }

 .pim_ocr_overlay_inner canvas.pim_ocr_canvas {
     display: block;
     max-width: 100%;
     height: auto;
     touch-action: none;
     cursor: crosshair;
 }

 .pim_ocr_overlay_top {
     width: 100%;
     max-width: min(960px, 100%);
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     margin-bottom: 10px;
     color: #f8fafc;
     font-size: 14px;
 }

 .pim_ocr_overlay_top strong {
     font-weight: 600;
 }

 .pim_ocr_overlay_cancel {
     padding: 8px 14px;
     font-size: 13px;
     font-weight: 600;
     border-radius: 8px;
     border: 1px solid rgba(248, 250, 252, 0.35);
     background: transparent;
     color: #f8fafc;
     cursor: pointer;
 }

 .pim_ocr_overlay_cancel:hover {
     background: rgba(248, 250, 252, 0.1);
 }

 .pim_ocr_overlay_status {
     margin-top: 10px;
     max-width: min(960px, 100%);
     font-size: 13px;
     color: #e2e8f0;
     min-height: 1.2em;
 }

 /* Діаграми в HTML-описі (pim_desc_imgwrp + fancybox pm-desc-diagram-fbx-inited) */
 .pi_models_page .pi_models_descriprion .pim_desc_imgwrp {
     border: 1px solid rgba(15, 23, 42, 0.1);
     border-radius: 14px;
     box-sizing: border-box;
     display: block;
     font-size: 0;
     line-height: 0;
     margin: 0 auto;
     max-width: 100%;
     padding: 14px 14px 18px;
     position: relative;
     text-align: center;
     background: linear-gradient(180deg, #fafbfc 0%, #f1f5f9 100%);
     box-shadow:
         inset 0 1px 0 rgba(255, 255, 255, 0.9),
         0 4px 18px rgba(15, 23, 42, 0.08);
     overflow: hidden;
 }

 .pi_models_page .pi_models_descriprion .pim_desc_imgwrp:hover {
     border-color: rgba(59, 130, 246, 0.25);
     box-shadow:
         inset 0 1px 0 rgba(255, 255, 255, 0.95),
         0 6px 22px rgba(15, 23, 42, 0.1);
 }

 .pi_models_page .pi_models_descriprion .pim_desc_imgwrp img {
     display: inline-block;
     max-height: min(78vh, 820px);
     max-width: 100%;
     width: auto;
     height: auto;
     vertical-align: middle;
     object-fit: contain;
     background: #fff;
     border-radius: 10px;
 }

 .pi_models_page .pi_models_descriprion .pim_desc_imgwrp .fa-search-plus {
     bottom: 18px;
     color: rgba(15, 23, 42, 0.55);
     font-size: 28px;
     opacity: 0.35;
     position: absolute;
     right: 18px;
     text-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
     transition: opacity 0.2s ease, color 0.2s ease;
     pointer-events: none;
 }

 .pi_models_page .pi_models_descriprion .pim_desc_imgwrp:hover .fa-search-plus {
     opacity: 0.75;
     color: rgba(37, 99, 235, 0.85);
 }

 .pi_models_page .product_models_footer_btns {
     margin: 0 0 30px;
     clear: both;
 }

 .pi_models_page .product_models_footer_btns .product_models_back {
     display: inline-block;
     background-color: #414d57;
     color: #fff;
     padding: 5px 15px;
     font-size: 16px;
     text-decoration: none;
 }

 .pi_models_page .product_models_footer_btns .product_models_back .fa {
     margin: 0 10px 0px 0;
     font-size: 15px;
     position: relative;
     text-align: 1px;
     color: #ff7676;
 }

 /* Кнопки переключення режимів відображення */
 .product_models_view_switcher {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 8px;
     margin-bottom: 1px;
     padding: 3px 0;
 }

 .pm_view_btn {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     padding: 8px 16px;
     background-color: #f5f5f5;
     border: 1px solid #ddd;
     border-radius: 6px;
     cursor: pointer;
     font-size: 14px;
     color: #666;
     transition: all 0.3s ease;
     outline: none;
 }

 .pm_view_btn:hover {
     background-color: #e8e8e8;
     border-color: #bbb;
     color: #333;
 }

 .pm_view_btn.active {
     background-color: #3b6d9a;
     border-color: #3b6d9a;
     color: #fff;
 }

 .pm_view_btn.active:hover {
     background-color: #2d5a7a;
     border-color: #2d5a7a;
 }

 .pm_view_btn i {
     font-size: 16px;
 }

 .pm_view_label {
     font-size: 14px;
     font-weight: 500;
 }

 /* Grid контейнер для продуктів */
 .product_models_grid_wrapper {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
     gap: 15px;
 }

 /* Режим списку - один товар на весь ряд */
 .product_models_grid_wrapper.view-list {
     display: block;
     grid-template-columns: none;
 }

 .product_models_grid_wrapper.view-list .product_model_block {
     width: 100%;
     max-width: 100%;
     margin-bottom: 20px;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_content:not(.pm_card_content--title_toprow) {
     flex-direction: row;
     gap: 20px;
     align-items: center;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_left {
     flex: 0 0 176px;
     width: 176px;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 8px;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_image {
     min-height: 156px;
     width: 100%;
     margin-bottom: 0;
     padding: 10px;
     box-sizing: border-box;
     background: linear-gradient(180deg, #fafbfc 0%, #f1f5f9 100%);
     border-radius: 14px;
     border: 1px solid rgba(15, 23, 42, 0.08);
     box-shadow:
         inset 0 1px 0 rgba(255, 255, 255, 0.85),
         0 2px 10px rgba(15, 23, 42, 0.06);
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_image .imgwrp,
 .product_models_grid_wrapper.view-list .product_model_block .pm_card_image .imgwrp_noimage {
     border-radius: 10px;
     overflow: hidden;
     background: #fff;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_image .imgwrp img,
 .product_models_grid_wrapper.view-list .product_model_block .pm_card_image .imgwrp_noimage img {
     max-height: 156px;
     max-width: 156px;
     width: auto;
     height: auto;
     object-fit: contain;
     vertical-align: middle;
 }

 .product_models_grid_wrapper.view-list .product_model_block:hover .pm_card_image {
     border-color: rgba(59, 130, 246, 0.22);
     box-shadow:
         inset 0 1px 0 rgba(255, 255, 255, 0.9),
         0 4px 14px rgba(15, 23, 42, 0.08);
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_left .pm_card_code {
     font-size: 12px;
     margin-top: 0;
     text-align: center;
     line-height: 1.3;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_content:not(.pm_card_content--title_toprow) .pm_card_right {
     flex: 1;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     gap: 20px;
     min-width: 0;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_toolbar {
     flex: 0 1 auto;
     margin-top: 0;
     width: auto;
     max-width: min(100%, 420px);
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_content:not(.pm_card_content--title_toprow) .pm_card_name {
     flex: 1 1 auto;
     min-width: 0;
     margin-bottom: 0;
     margin-right: 15px;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_name a {
     font-size: 15px;
     line-height: 1.45;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     overflow: hidden;
     text-overflow: ellipsis;
     overflow-wrap: anywhere;
     word-break: break-word;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_content:not(.pm_card_content--title_toprow) .pm_card_description {
     flex: 0 1 32%;
     min-width: 0;
     max-width: 42%;
     margin-bottom: 0;
     font-size: 13px;
     color: #666;
     line-height: 1.45;
     display: block;
     overflow: visible;
     overflow-wrap: anywhere;
     word-break: break-word;
 }

 .pi_models_page .product_models_grid_wrapper.view-list .product_model_block .pm_card_content--title_toprow .pm_card_description {
     flex: 0 1 auto;
     max-width: 100%;
     width: 100%;
     min-width: 0;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_toolbar .pm_card_bottom {
     display: grid;
     grid-template-columns: 1fr;
     row-gap: 10px;
     column-gap: 14px;
     align-items: center;
     margin-top: 0;
     flex: 0 0 auto;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_price {
     grid-row: 1;
     width: 100%;
     white-space: normal;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_price .pm_price {
     font-size: 18px;
 }

 .product_models_grid_wrapper.view-list .product_model_block .pm_card_actions {
     grid-row: 2;
     flex: 0 0 auto;
     margin-top: 0;
     margin-left: 0;
     width: 100%;
     justify-content: flex-start;
     flex-wrap: wrap;
     gap: 10px;
 }

 /* Картка продукту */
 .product_model_block {
     position: relative;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 8px;
     padding: 8px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     background-color: #fff;
     display: flex;
     flex-direction: column;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     margin: 0;
     height: 100%;
 }

 .product_model_block:hover {
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }

 .product_model_block .sticker_detail {
     position: absolute;
     top: 10px;
     right: 10px;
     background-color: #e31837;
     color: #fff;
     padding: 4px 8px;
     border-radius: 4px;
     font-size: 12px;
     font-weight: bold;
     z-index: 10;
 }

 /* Бейдж: у .pm_card_content--title_toprow — окрема сіткою клітина pm_badge (див. селектори вище), не absolute поверх фото */
 .product_model_block .pm_card_badge {
     position: static;
     padding: 0 8px;
     min-height: 22px;
     background-color: #2563eb;
     color: #fff;
     border-radius: 10px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
     z-index: 2;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
     white-space: nowrap;
     box-sizing: border-box;
     font-weight: 600;
 }

 /* Розділювач + блок рекомендованих замін (деталіровки) */
 .pm_rr_divider {
     display: flex;
     align-items: center;
     gap: 10px;
     margin: 12px 0 10px;
     width: 100%;
     box-sizing: border-box;
 }

 .pm_rr_divider__line {
     flex: 1 1 auto;
     height: 0;
     border-top: 1px dashed rgba(100, 116, 139, 0.55);
 }

 .pm_rr_divider__pill {
     flex: 0 0 auto;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     padding: 4px 12px;
     border-radius: 999px;
     background: #ecfdf5;
     color: #047857;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.02em;
     text-transform: uppercase;
 }

 .pm_rr_divider__pill .fa {
     opacity: 0.9;
 }

 .pm_rr_stack {
     display: flex;
     flex-direction: column;
     gap: 7px;
     margin-top: 2px;
     width: 100%;
     box-sizing: border-box;
 }

 .pm_rr_stack--collapsible .pm_rr_part_bundle--extra {
     display: none;
 }

 .pm_rr_stack--collapsible.pm_rr_stack--expanded .pm_rr_part_bundle--extra {
     display: block;
 }

 .pm_rr_buy_form {
     margin: 0;
     padding: 0;
 }

 .pm_rr_card_badge {
     background: #ecfdf5;
     color: #047857;
     border: 1px solid rgba(5, 150, 105, 0.28);
 }

 .pm_rr_analog_token {
     font-size: 11px;
     color: #64748b;
     line-height: 1.25;
 }

 .pm_rr_show_more {
     display: block;
     width: 100%;
     margin-top: 4px;
     padding: 8px 10px;
     background: transparent;
     border: 0 none;
     color: #047857;
     font-size: 12px;
     font-weight: 700;
     cursor: pointer;
     text-align: center;
 }

 .pm_rr_show_more .fa {
     margin-left: 4px;
     font-size: 11px;
 }

 .pm_rr_stack--expanded .pm_rr_show_more {
     display: none;
 }

 /* Контент картки - горизонтальний layout */
 .product_model_block .pm_card_content {
     display: flex;
     flex-direction: row;
     gap: 20px;
     align-items: stretch;
     height: 100%;
     flex: 1;
 }

 /* Ліва частина картки */
 .product_model_block .pm_card_left {
     flex: 0 0 auto;
     width: 156px;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 /* Зображення продукту */
 .product_model_block .pm_card_image {
     width: 100%;
     text-align: center;
     background-color: #fff;

     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 200px;
     margin-bottom: 1px;
     border-radius: 12px;
     overflow: hidden;
 }

 .product_model_block .pm_card_image .imgwrp,
 .product_model_block .pm_card_image .imgwrp_noimage {
     width: 100%;
     display: block;
     line-height: 1;
 }

 .product_model_block .pm_card_image .imgwrp img,
 .product_model_block .pm_card_image .imgwrp_noimage img {
     max-width: 100%;
     max-height: 200px;
     width: auto;
     height: auto;
     object-fit: contain;
     margin: 0 auto;
 }

 /* Права частина картки */
 .product_model_block .pm_card_right {
     flex: 1;
     display: flex;
     flex-direction: column;
     min-width: 0;
     max-width: 100%;
     height: 100%;
     overflow: visible;
 }

 /* Артикул під зображенням */
 .product_model_block .pm_card_left .pm_card_code {
     font-size: 14px;
     color: #666;
     font-weight: normal;
     text-align: center;
     margin-top: 5px;
     line-height: 1.4;
     padding: 0;
     background: none;
     border: none;
     display: block;
     width: 100%;
 }

 .product_model_block .pm_new_code {
     color: darkred;
     font-size: 11px;
     margin-top: 4px;
 }

 .product_model_block .pm_new_code a {
     font-size: 11px;
     font-weight: bold;
     text-decoration: underline dotted rgba(0, 0, 0, 0.3);
 }

 /* Назва продукту */
 .product_model_block .pm_card_name {
     margin-bottom: 8px;
     word-break: break-word;
     overflow-wrap: break-word;
     min-width: 0;
 }

 .product_model_block .pm_card_name a {
     font-size: 14px;
     transition: color 0.2s ease;
     color: #1e40af;
     text-decoration: none;
     display: block;
     line-height: 1.45;
     font-weight: 600;
     word-break: break-word;
     overflow-wrap: break-word;
     max-width: 100%;
     overflow: hidden;
     min-width: 0;
 }

 .product_model_block .pm_card_name a:hover {
     color: #c1152d;
     text-decoration: none;
 }

 /* Опис продукту */
 .product_model_block .pm_card_description {
     font-size: 13px;
     color: #64748b;
     line-height: 1.5;
     margin-bottom: 12px;
     word-break: break-word;
 }

 /* Панель ціна + купити (як тулбар у lightbox: білий блок, тінь, акцентна кнопка) */
 .product_model_block .pm_card_toolbar {
     margin-top: auto;
     width: 100%;
     flex-shrink: 0;
 }

 .product_model_block .pm_card_toolbar .pm_card_bottom {
     display: grid;
     grid-template-columns: 1fr;
     row-gap: 10px;
     column-gap: 14px;
     align-items: center;
     justify-items: stretch;
     width: 100%;
     box-sizing: border-box;
     padding: 10px 14px;
     background: #fff;
     border: 1px solid rgba(226, 232, 240, 0.98);
     border-radius: 20px;
     box-shadow:
         0 12px 40px rgba(15, 23, 42, 0.1),
         0 2px 8px rgba(15, 23, 42, 0.06);
 }

 /* Якщо ціни немає — лише рядок дій; без «дірки» під grid-row: 1 */
 .product_model_block .pm_card_bottom>.pm_card_actions:only-child {
     grid-row: 1;
 }

 /* Контейнер для дій (кількість + кнопка) */
 .product_model_block .pm_card_actions {
     grid-row: 2;
     display: flex;
     align-items: center;
     gap: 10px;
     flex: 0 0 auto;
     margin-top: 0;
     width: 100%;
     margin-left: 0;
     justify-content: flex-start;
     flex-wrap: wrap;
 }

 /* Ціна в панелі — нейтральний акцент (червона лишається на кнопці «Купити») */
 .product_model_block .pm_card_price {
     grid-row: 1;
     width: 100%;
     margin: 0;
 }

 .product_model_block .pm_card_toolbar .pm_card_price .pm_price {
     color: #0f172a;
     font-size: 15px;
     line-height: 1.35;
     display: inline-flex;
     align-items: baseline;
     gap: 4px;
     font-weight: 800;
     letter-spacing: -0.02em;
 }

 .product_model_block .pm_card_price .pm_price .price_label {
     font-size: 13px;
     font-weight: 600;
     color: #64748b;
     margin-right: 4px;
 }

 .product_model_block .pm_card_toolbar .pm_card_price .pm_price .price_value {
     font-size: 18px;
     color: #0f172a;
     font-weight: 800;
 }

 .product_model_block .pm_card_toolbar .pm_card_price .pm_price small {
     font-size: 13px;
     font-weight: 600;
     color: #64748b;
 }

 /* Поле кількості ± — у стилі картки товару, з анімацією після кліку (клас pm_qty_flash з main2.js) */
 @keyframes pm_qty_border_glow {
     0% {
         border-color: #e2e8f0;
         box-shadow:
             0 1px 2px rgba(15, 23, 42, 0.05),
             0 0 0 0 rgba(227, 24, 55, 0);
     }

     40% {
         border-color: rgba(227, 24, 55, 0.45);
         box-shadow:
             0 2px 8px rgba(15, 23, 42, 0.06),
             0 0 0 4px rgba(227, 24, 55, 0.14);
     }

     100% {
         border-color: #e2e8f0;
         box-shadow:
             0 1px 2px rgba(15, 23, 42, 0.05),
             0 0 0 0 rgba(227, 24, 55, 0);
     }
 }

 @keyframes pm_qty_value_pop {
     0% {
         transform: scale(1);
     }

     45% {
         transform: scale(1.14);
     }

     100% {
         transform: scale(1);
     }
 }

 .product_model_block .pm_qty_wrapper {
     display: inline-flex;
     align-items: stretch;
     border: 1px solid #e2e8f0;
     border-radius: 14px;
     overflow: hidden;
     background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
     box-shadow:
         0 1px 2px rgba(15, 23, 42, 0.05),
         inset 0 1px 0 rgba(255, 255, 255, 0.9);
     transition:
         border-color 0.22s ease,
         box-shadow 0.22s ease,
         transform 0.18s ease;
 }

 .product_model_block .pm_qty_wrapper.pm_qty_flash {
     animation: pm_qty_border_glow 0.42s ease-out;
 }

 .product_model_block .pm_qty_wrapper.pm_qty_flash .pm_qty_field .product_qty,
 .product_model_block .pm_qty_wrapper.pm_qty_flash>.product_qty {
     animation: pm_qty_value_pop 0.38s cubic-bezier(0.34, 1.45, 0.64, 1);
 }

 @media (prefers-reduced-motion: reduce) {

     .product_model_block .pm_qty_wrapper.pm_qty_flash,
     .product_model_block .pm_qty_wrapper.pm_qty_flash .pm_qty_field .product_qty,
     .product_model_block .pm_qty_wrapper.pm_qty_flash>.product_qty {
         animation: none;
     }

     .product_model_block .pm_qty_btn .pm_qty_btn_ico {
         transition: none;
     }
 }

 .product_model_block .pm_qty_btn,
 .product_model_block .pm_qty_minus,
 .product_model_block .pm_qty_plus {
     width: 38px;
     min-height: 40px;
     flex: 0 0 38px;
     background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
     border: none;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     user-select: none;
     color: #475569;
     transition:
         background 0.2s ease,
         color 0.2s ease,
         box-shadow 0.2s ease,
         transform 0.18s cubic-bezier(0.34, 1.45, 0.64, 1);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
 }

 .product_model_block .pm_qty_btn .pm_qty_btn_ico {
     font-size: 18px;
     font-weight: 700;
     line-height: 1;
     display: block;
     transition: transform 0.18s cubic-bezier(0.34, 1.45, 0.64, 1);
 }

 .product_model_block .pm_qty_minus:not(.pm_qty_btn),
 .product_model_block .pm_qty_plus:not(.pm_qty_btn) {
     font-size: 18px;
     font-weight: 700;
     line-height: 1;
 }

 .product_model_block .pm_qty_btn:hover,
 .product_model_block .pm_qty_minus:hover,
 .product_model_block .pm_qty_plus:hover {
     background: linear-gradient(180deg, #fff 0%, #e2e8f0 100%);
     color: #0f172a;
 }

 .product_model_block .pm_qty_btn:hover .pm_qty_btn_ico {
     transform: scale(1.08);
 }

 .product_model_block .pm_qty_minus:not(.pm_qty_btn):hover,
 .product_model_block .pm_qty_plus:not(.pm_qty_btn):hover {
     transform: scale(1.04);
 }

 .product_model_block .pm_qty_btn:active,
 .product_model_block .pm_qty_minus:active,
 .product_model_block .pm_qty_plus:active {
     background: #e2e8f0;
     box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
 }

 .product_model_block .pm_qty_btn:active .pm_qty_btn_ico {
     transform: scale(0.92);
 }

 .product_model_block .pm_qty_minus:not(.pm_qty_btn):active,
 .product_model_block .pm_qty_plus:not(.pm_qty_btn):active {
     transform: scale(0.96);
 }

 .product_model_block .pm_qty_btn:focus,
 .product_model_block .pm_qty_minus:focus,
 .product_model_block .pm_qty_plus:focus {
     outline: none;
 }

 .product_model_block .pm_qty_btn:focus-visible,
 .product_model_block .pm_qty_minus:focus-visible,
 .product_model_block .pm_qty_plus:focus-visible {
     outline: 2px solid rgba(227, 24, 55, 0.55);
     outline-offset: 1px;
     z-index: 1;
 }

 .product_model_block .pm_qty_field {
     flex: 0 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     min-width: 0;
     background: #fff;
     border-left: 1px solid #e2e8f0;
     border-right: 1px solid #e2e8f0;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
 }

 .product_model_block .pm_qty_wrapper .product_qty,
 .product_model_block .pm_qty_field .product_qty {
     height: 40px;
     width: 36px;
     text-align: center;
     border: none;
     padding: 0 4px;
     font-size: 15px;
     font-weight: 700;
     font-variant-numeric: tabular-nums;
     letter-spacing: -0.02em;
     color: #0f172a;
     background: transparent;
     -moz-appearance: textfield;
     appearance: textfield;
     -webkit-appearance: none;
     border-radius: 0;
     transition: color 0.15s ease;
 }

 .product_model_block .pm_qty_field .product_qty:focus {
     outline: none;
     color: #c1152d;
 }

 .product_model_block .pm_qty_wrapper input.product_qty[type="number"]::-webkit-outer-spin-button,
 .product_model_block .pm_qty_wrapper input.product_qty[type="number"]::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 /* «Немає в наявності» замість кнопки кошика (product_add2cart_button.html) */
 .pm_out_of_stock {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     box-sizing: border-box;
     padding: 9px 18px 9px 14px;
     border-radius: 12px;
     font-size: 13px;
     font-weight: 800;
     letter-spacing: 0.01em;
     color: #64748b;
     background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
     border: 1px solid #e2e8f0;
     box-shadow:
         0 1px 2px rgba(15, 23, 42, 0.05),
         inset 0 1px 0 rgba(255, 255, 255, 0.92);
     user-select: none;
     white-space: nowrap;
     max-width: 100%;
 }

 .pm_out_of_stock__ico {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 28px;
     height: 28px;
     border-radius: 999px;
     background: rgba(100, 116, 139, 0.14);
     color: #94a3b8;
     font-size: 14px;
     flex-shrink: 0;
 }

 .pm_out_of_stock__ico .fa {
     line-height: 1;
 }

 .pm_out_of_stock__txt {
     line-height: 1.25;
 }

 .product_model_block .pm_card_button:has(.pm_out_of_stock):not(:has(.add2cart_handler)) {
     justify-content: center;
     width: 100%;
 }

 /* Кнопка додавання в кошик */
 .product_model_block .pm_card_button {
     flex: 0 0 auto;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 10px;
     margin: 0;
 }

 .product_model_block .pm_card_button .preorder_text_description_list {
     display: block;
     width: 100%;
     flex: 1 0 100%;
     margin: 0 0 6px 0;
     padding: 0;
     font-size: 12px;
     font-weight: 600;
     color: #64748b;
     line-height: 1.35;
 }

 /* Дубль product_qty лише як прямий нащадок .pm_card_button (обгортка ± зазвичай сусідня) */
 .product_model_block .pm_card_actions:has(.pm_qty_wrapper) .pm_card_button>.product_qty {
     display: none;
 }

 .product_model_block .pm_card_button .add2cart_handler,
 .product_model_block .pm_card_button .button_buy {
     background: linear-gradient(165deg, #ef4444 0%, #e31837 45%, #c1152d 100%);
     color: #fff;
     border: none;
     border-radius: 12px;
     padding: 10px 22px;
     font-size: 13px;
     font-weight: 800;
     letter-spacing: 0.02em;
     text-transform: none;
     cursor: pointer;
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 6px;
     white-space: nowrap;
     box-sizing: border-box;
     min-width: 132px;
     min-height: 40px;
     line-height: 1.2;
     box-shadow:
         0 4px 14px rgba(227, 24, 55, 0.45),
         inset 0 1px 0 rgba(255, 255, 255, 0.22);
 }

 .product_model_block .pm_card_button .add2cart_handler:hover,
 .product_model_block .pm_card_button .button_buy:hover {
     background: linear-gradient(165deg, #f87171 0%, #e31837 50%, #b91c1c 100%);
     transform: translateY(-1px);
     box-shadow:
         0 8px 22px rgba(227, 24, 55, 0.5),
         inset 0 1px 0 rgba(255, 255, 255, 0.28);
 }

 .product_model_block .pm_card_button .add2cart_handler:active,
 .product_model_block .pm_card_button .button_buy:active {
     transform: translateY(0);
 }

 .product_model_block .pm_card_button .add2preorder {
     background: linear-gradient(165deg, #fb923c 0%, #f97316 50%, #ea580c 100%);
     border: none;
     border-radius: 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.02em;
     text-transform: none;
     cursor: pointer;
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 6px;
     white-space: nowrap;
     box-sizing: border-box;
     min-height: 40px;
     padding: 8px 16px !important;
     color: #fff;
     box-shadow:
         0 4px 12px rgba(234, 88, 12, 0.35),
         inset 0 1px 0 rgba(255, 255, 255, 0.2);
 }

 .product_model_block .pm_card_button .add2preorder:hover {
     background: linear-gradient(165deg, #fdba74 0%, #fb923c 45%, #c2410c 100%);
     transform: translateY(-1px);
     box-shadow:
         0 8px 20px rgba(234, 88, 12, 0.42),
         inset 0 1px 0 rgba(255, 255, 255, 0.25);
 }

 /* Якщо немає поля кількості (передзамовлення), кнопка займає всю ширину */
 .product_model_block .pm_card_actions:not(:has(.pm_qty_wrapper)) .pm_card_button {
     width: 100%;
 }

 .product_model_block .pm_card_actions:not(:has(.pm_qty_wrapper)) .pm_card_button .add2cart_handler,
 .product_model_block .pm_card_actions:not(:has(.pm_qty_wrapper)) .pm_card_button .button_buy,
 .product_model_block .pm_card_actions:not(:has(.pm_qty_wrapper)) .pm_card_button .add2preorder {
     width: 100%;
 }

 /* Альтернативний спосіб для браузерів без підтримки :has() */
 .product_model_block .pm_card_actions.no_qty .pm_card_button {
     width: 100%;
 }

 .product_model_block .pm_card_actions.no_qty .pm_card_button .add2cart_handler,
 .product_model_block .pm_card_actions.no_qty .pm_card_button .button_buy,
 .product_model_block .pm_card_actions.no_qty .pm_card_button .add2preorder {
     width: 100%;
 }

 @media (max-width: 520px) {
     .product_model_block .pm_card_toolbar .pm_card_actions {
         margin-left: 0;
         width: 100%;
         justify-content: flex-start;
         flex-wrap: wrap;
     }

     .product_model_block .pm_card_toolbar .pm_card_button .pm_out_of_stock {
         width: 100%;
         justify-content: center;
         white-space: normal;
         text-align: center;
     }

     .product_model_block .pm_card_toolbar .pm_card_button .add2cart_handler,
     .product_model_block .pm_card_toolbar .pm_card_button .button_buy,
     .product_model_block .pm_card_toolbar .pm_card_button .add2preorder {
         width: 100%;
         min-width: 0;
     }
 }

 /* Пошук за кодом у lightbox схеми (product models) — та сама «скляна» світла палітра, що й .pim_inline_pm_search
   Важливо: z-index вище .fancybox-stage/.fancybox-slide (99994) і toolbar (99997),
   інакше панель під картинкою — кліки йдуть у слайд (закриття / немає фокуса в полі). */
 .fancybox-container .fancybox-pm-search-bar {
     position: fixed;
     left: 16px;
     right: auto;
     top: 16px;
     bottom: auto;
     transform: none;
     margin: 0;
     z-index: 100010;
     max-width: calc(100vw - 32px);
     width: min(360px, calc(100vw - 24px));
     padding: 12px 12px 11px;
     background: linear-gradient(6deg, rgba(255, 255, 255, .98) 0, rgba(248, 250, 252, .96) 45%, rgb(133 154 175 / 94%) 100%);
     border: 1px solid rgba(15, 23, 42, .09);
     border-radius: 14px;
     box-shadow: 0 8px 32px rgba(15, 23, 42, .14), 0 0 0 1px rgba(255, 255, 255, .85) inset;
     backdrop-filter: blur(14px);
     -webkit-backdrop-filter: blur(14px);
     pointer-events: auto;
     -webkit-user-select: text;
     user-select: text;
     overflow: visible;
 }

 .fancybox-container .fancybox-pm-search-bar,
 .fancybox-container .fancybox-pm-search-bar * {
     pointer-events: auto;
 }

 .fancybox-container .fancybox-pm-search-head {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 8px;
     cursor: grab;
     -webkit-user-select: none;
     user-select: none;
 }

 .fancybox-container .fancybox-pm-ocr-row {
     margin: 0 0 12px;
 }

 /* Кнопка ручного OCR: явний CTA (тінь, обводка, шеврон) */
 .fancybox-container .fancybox-pm-ocr-area-btn {
     display: block;
     width: 100%;
     box-sizing: border-box;
     margin: 0;
     padding: 0;
     font: inherit;
     color: inherit;
     cursor: pointer;
     text-align: left;
     border-radius: 12px;
     border: 2px solid rgba(37, 99, 235, 0.38);
     background: linear-gradient(165deg, #f8fafc 0%, #eff6ff 42%, #e0f2fe 100%);
     box-shadow:
         0 2px 4px rgba(15, 23, 42, 0.06),
         0 8px 22px rgba(37, 99, 235, 0.14),
         0 0 0 1px rgba(255, 255, 255, 0.75) inset;
     transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease, background 0.2s ease;
     -webkit-tap-highlight-color: transparent;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn:hover {
     border-color: rgba(29, 78, 216, 0.55);
     background: linear-gradient(165deg, #fff 0%, #f0f9ff 50%, #dbeafe 100%);
     box-shadow:
         0 3px 8px rgba(15, 23, 42, 0.08),
         0 12px 28px rgba(37, 99, 235, 0.2),
         0 0 0 1px rgba(255, 255, 255, 0.9) inset;
     transform: translateY(-1px);
 }

 .fancybox-container .fancybox-pm-ocr-area-btn:active {
     transform: scale(0.985) translateY(0);
 }

 .fancybox-container .fancybox-pm-ocr-area-btn:focus {
     outline: none;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn:focus-visible {
     outline: 2px solid #2563eb;
     outline-offset: 2px;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn:disabled {
     opacity: 0.55;
     cursor: not-allowed;
     transform: none;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn__inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     padding: 10px 10px 10px 12px;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn__ico-wrap {
     flex-shrink: 0;
     width: 40px;
     height: 40px;
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(160deg, #eff6ff 0%, #dbeafe 100%);
     border: 1px solid rgba(59, 130, 246, 0.28);
     color: #1d4ed8;
     font-size: 17px;
     line-height: 1;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn:hover .fancybox-pm-ocr-area-btn__ico-wrap {
     background: linear-gradient(160deg, #dbeafe 0%, #bfdbfe 100%);
     border-color: rgba(37, 99, 235, 0.35);
     color: #1e3a8a;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn__copy {
     flex: 1 1 auto;
     min-width: 0;
     display: flex;
     flex-direction: column;
     gap: 3px;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn__title {
     font-size: 14px;
     font-weight: 700;
     letter-spacing: -0.02em;
     color: #0f172a;
     line-height: 1.25;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn__hint {
     font-size: 11px;
     font-weight: 500;
     line-height: 1.38;
     color: #64748b;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn__chevron {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 30px;
     height: 30px;
     border-radius: 9px;
     background: rgba(37, 99, 235, 0.1);
     border: 1px solid rgba(37, 99, 235, 0.22);
     color: #1d4ed8;
     font-size: 13px;
     line-height: 1;
     transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
 }

 .fancybox-container .fancybox-pm-ocr-area-btn:hover .fancybox-pm-ocr-area-btn__chevron {
     background: rgba(37, 99, 235, 0.18);
     border-color: rgba(29, 78, 216, 0.35);
     color: #1e3a8a;
     transform: translateX(3px);
 }

 .fancybox-container .fancybox-pm-drag-handle {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
     border-radius: 9px;
     background: rgba(241, 245, 249, 0.95);
     border: 1px solid rgba(148, 163, 184, 0.35);
     color: #64748b;
     cursor: grab;
     touch-action: none;
     -webkit-user-select: none;
     user-select: none;
 }

 .fancybox-container .fancybox-pm-drag-handle:hover {
     background: rgba(239, 246, 255, 0.98);
     border-color: rgba(59, 130, 246, 0.4);
     color: #2563eb;
 }

 .fancybox-container .fancybox-pm-search-bar.fancybox-pm-search--dragging .fancybox-pm-drag-handle {
     cursor: grabbing;
     background: rgba(226, 232, 240, 0.98);
     border-color: rgba(59, 130, 246, 0.5);
     color: #1d4ed8;
 }

 .fancybox-container .fancybox-pm-search-bar.fancybox-pm-search--dragging {
     box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
     transition: none;
     cursor: grabbing !important;
 }

 .fancybox-container .fancybox-pm-search-bar.fancybox-pm-search--dragging .fancybox-pm-search-head,
 .fancybox-container .fancybox-pm-search-bar.fancybox-pm-search--dragging .fancybox-pm-search-hint,
 .fancybox-container .fancybox-pm-search-bar.fancybox-pm-search--dragging .fancybox-pm-search-msg,
 .fancybox-container .fancybox-pm-search-bar.fancybox-pm-search--dragging .fancybox-pm-drag-handle {
     cursor: grabbing !important;
 }

 .fancybox-container .fancybox-pm-search-label {
     flex: 1;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 6px;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: #334155;
     margin-bottom: 0;
     cursor: grab;
     min-width: 0;
 }

 .fancybox-container .fancybox-pm-drag-hint-ico {
     font-size: 14px;
     opacity: 0.75;
     color: #3b82f6;
     cursor: grab;
     -webkit-user-select: none;
     user-select: none;
 }

 .fancybox-container .fancybox-pm-search-head:hover .fancybox-pm-drag-hint-ico {
     opacity: 0.95;
     color: #2563eb;
 }

 .fancybox-container .fancybox-pm-search-close {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
     margin: 0;
     padding: 0;
     border: 1px solid rgba(148, 163, 184, 0.35);
     border-radius: 9px;
     background: rgba(255, 255, 255, 0.85);
     color: #64748b;
     font-size: 16px;
     line-height: 1;
     cursor: pointer;
     -webkit-user-select: none;
     user-select: none;
     transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
 }

 .fancybox-container .fancybox-pm-search-close:hover {
     background: rgba(254, 242, 242, 0.95);
     border-color: rgba(248, 113, 113, 0.45);
     color: #b91c1c;
 }

 .fancybox-container .fancybox-pm-search-row {
     display: flex;
     gap: 8px;
     align-items: center;
     cursor: grab;
 }

 .fancybox-container .fancybox-pm-input-wrap {
     flex: 1;
     min-width: 0;
     position: relative;
 }

 .fancybox-container .fancybox-pm-code-input {
     width: 100%;
     box-sizing: border-box;
     height: 36px;
     padding: 0 34px 0 10px;
     border: 1px solid rgba(148, 163, 184, 0.55);
     border-radius: 9px;
     background: #fff;
     font-size: 14px;
     color: #0f172a;
     -webkit-user-select: text;
     user-select: text;
     position: relative;
     z-index: 1;
     cursor: text;
     transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }

 .fancybox-container .fancybox-pm-code-input:focus {
     outline: none;
     border-color: rgba(59, 130, 246, 0.75);
     box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
 }

 .fancybox-container .fancybox-pm-input-clear {
     display: none;
     position: absolute;
     right: 4px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 2;
     width: 28px;
     height: 28px;
     margin: 0;
     padding: 0;
     border: none;
     border-radius: 50%;
     background: transparent;
     color: #64748b;
     font-size: 18px;
     line-height: 1;
     cursor: pointer;
     align-items: center;
     justify-content: center;
 }

 .fancybox-container .fancybox-pm-input-clear.fancybox-pm-input-clear--visible {
     display: flex;
 }

 .fancybox-container .fancybox-pm-input-clear:hover {
     color: #64748b;
     background: rgba(241, 245, 249, 0.95);
     border-radius: 6px;
 }

 .fancybox-container .fancybox-pm-input-clear i {
     pointer-events: none;
 }

 .fancybox-container .fancybox-pm-search-go {
     flex-shrink: 0;
     min-width: 76px;
     height: 36px;
     padding: 0 14px;
     border: none;
     border-radius: 9px;
     background: linear-gradient(165deg, #3b82f6 0%, #2563eb 48%, #1d4ed8 100%);
     color: #fff;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.02em;
     cursor: pointer;
     box-shadow: 0 2px 10px rgba(37, 99, 235, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.22);
     transition: transform 0.15s ease, box-shadow 0.15s ease;
 }

 .fancybox-container .fancybox-pm-search-go:hover {
     transform: translateY(-1px);
     box-shadow: 0 4px 14px rgba(37, 99, 235, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.28);
 }

 .fancybox-container .fancybox-pm-search-hint {
     margin-top: 8px;
     font-size: 11px;
     color: #64748b;
     line-height: 1.4;
     cursor: grab;
     -webkit-user-select: none;
     user-select: none;
 }

 .fancybox-container .fancybox-pm-search-msg {
     margin-top: 6px;
     font-size: 11px;
     color: #b45309;
     min-height: 1.2em;
     line-height: 1.35;
     cursor: grab;
     -webkit-user-select: none;
     user-select: none;
 }

 /* Плаваюча міні-картка товару під полем пошуку в lightbox — як .pim_inline_pm_preview */
 .fancybox-container .fancybox-pm-preview {
     margin-top: 10px;
     padding: 9px 8px 9px 7px;
     border-radius: 10px;
     background: rgba(255, 255, 255, 0.72);
     border: 1px solid rgba(15, 23, 42, 0.08);
     box-sizing: border-box;
     overflow: visible;
     position: relative;
     z-index: 1;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
 }

 .fancybox-container .fancybox-pm-preview-inner {
     display: flex;
     gap: 10px;
     align-items: flex-start;
     overflow: visible;
 }

 .fancybox-container .fancybox-pm-preview-imgwrap {
     flex-shrink: 0;
     width: 72px;
     height: 72px;
     border-radius: 8px;
     overflow: hidden;
     background: #fff;
     border: 1px solid rgba(15, 23, 42, 0.1);
     cursor: default;
     position: relative;
     z-index: 1;
 }

 .fancybox-container .fancybox-pm-preview-imgwrap:hover {
     overflow: visible;
     z-index: 30;
 }

 .fancybox-container .fancybox-pm-preview-img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: contain;
     transform: scale(1);
     transform-origin: center center;
     transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
     border-radius: 4px;
     will-change: transform;
 }

 .fancybox-container .fancybox-pm-preview-imgwrap:hover .fancybox-pm-preview-img {
     transform: scale(2.25);
     box-shadow: 0 14px 40px rgba(15, 23, 42, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.45);
 }

 .fancybox-container .fancybox-pm-preview-body {
     flex: 1;
     min-width: 0;
     display: flex;
     flex-direction: column;
 }

 .fancybox-container .fancybox-pm-preview-name {
     font-size: 12px;
     font-weight: 600;
     color: #0f172a;
     line-height: 1.35;
     margin-bottom: 4px;
     word-break: break-word;
 }

 .fancybox-container .fancybox-pm-preview-name .pm_preview_product_link {
     font-size: inherit;
     font-weight: inherit;
     line-height: inherit;
     color: inherit;
     text-decoration: none;
     word-break: break-word;
     cursor: pointer;
 }

 .fancybox-container .fancybox-pm-preview-name .pm_preview_product_link:hover {
     color: #1d4ed8;
     text-decoration: underline;
 }

 .fancybox-container .fancybox-pm-preview-price {
     font-size: 13px;
     font-weight: 700;
     color: #1e40af;
     margin-bottom: 8px;
 }

 .fancybox-container .fancybox-pm-preview-price small {
     font-size: 12px;
     font-weight: 600;
     opacity: 0.9;
 }

 .fancybox-container .fancybox-pm-preview-stockwarn {
     display: none;
     font-size: 11px;
     font-weight: 700;
     line-height: 1.35;
     color: #9a3412;
     margin: 0 0 8px;
     padding: 6px 8px;
     border-radius: 8px;
     background: rgba(254, 243, 199, 0.96);
     border: 1px solid rgba(245, 158, 11, 0.45);
 }

 .fancybox-container .fancybox-pm-preview-stockwarn.pm_preview_stockwarn--active {
     display: block;
 }

 .fancybox-container .fancybox-pm-preview-preorder-note {
     display: none;
     box-sizing: border-box;
     margin: 0 0 10px;
     padding: 9px 11px 9px 13px;
     border-radius: 8px;
     border: 2px solid rgba(234, 88, 12, 0.75);
     border-left-width: 5px;
     background: linear-gradient(135deg, rgba(255, 247, 237, 0.98) 0%, rgba(254, 215, 170, 0.55) 100%);
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 2px 8px rgba(234, 88, 12, 0.12);
     font-size: 11px;
     line-height: 1.45;
     color: #7c2d12;
 }

 .fancybox-container .fancybox-pm-preview-preorder-note.pm_preview_preorder_note--active {
     display: block;
 }

 .fancybox-container .fancybox-pm-preview-preorder-note .pm_preview_preorder_note__badge {
     display: inline-block;
     margin-bottom: 4px;
     padding: 2px 8px;
     border-radius: 4px;
     background: #ea580c;
     color: #fff;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.04em;
     text-transform: uppercase;
     vertical-align: middle;
 }

 .fancybox-container .fancybox-pm-preview-preorder-note .pm_preview_preorder_note__body {
     display: block;
     font-weight: 700;
     margin-top: 2px;
 }

 .fancybox-container .fancybox-pm-preview-replacement {
     display: none;
     box-sizing: border-box;
     margin-top: 10px;
     padding: 10px 12px 10px 12px;
     border-radius: 12px;
     border: 1px solid rgba(14, 116, 144, 0.38);
     border-left-width: 4px;
     background: linear-gradient(145deg, rgba(248, 250, 252, 0.98) 0%, rgba(224, 242, 254, 0.65) 100%);
     font-size: 12px;
     line-height: 1.4;
     color: #0c4a6e;
 }

 .fancybox-container .fancybox-pm-preview-replacement.pm_preview_replacement--active {
     display: block;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__badge {
     display: inline-block;
     margin-bottom: 8px;
     padding: 3px 9px;
     border-radius: 6px;
     background: linear-gradient(165deg, #0e7490 0%, #0f766e 100%);
     color: #fff;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     vertical-align: middle;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__row {
     display: flex;
     flex-direction: row;
     gap: 12px;
     align-items: flex-start;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__media {
     flex: 0 0 72px;
     width: 72px;
     height: 72px;
     border-radius: 10px;
     overflow: hidden;
     border: 1px solid rgba(15, 23, 42, 0.08);
     background: #fff;
     box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__media img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     display: block;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__body {
     flex: 1 1 auto;
     min-width: 0;
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__title {
     font-size: 13px;
     font-weight: 800;
     color: #0f172a;
     text-decoration: none;
     line-height: 1.3;
     letter-spacing: -0.02em;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__title:hover {
     color: #0369a1;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__price {
     font-size: 16px;
     font-weight: 800;
     color: #0f172a;
     letter-spacing: -0.02em;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__price small {
     font-size: 12px;
     font-weight: 700;
     color: #64748b;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__actions {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 8px;
     margin-top: 2px;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_rpl_add {
     border: none;
     border-radius: 10px;
     padding: 8px 14px;
     font-size: 12px;
     font-weight: 800;
     cursor: pointer;
     transition: filter 0.15s ease, transform 0.15s ease;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_rpl_add--buy {
     color: #fff;
     background: linear-gradient(165deg, #ef4444 0%, #e31837 45%, #c1152d 100%);
     box-shadow: 0 3px 12px rgba(227, 24, 55, 0.35);
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_rpl_add--pre {
     color: #fff;
     background: linear-gradient(165deg, #fb923c 0%, #f97316 50%, #ea580c 100%);
     box-shadow: 0 3px 12px rgba(234, 88, 12, 0.35);
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_rpl_add:hover {
     filter: brightness(1.05);
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_rpl_add:disabled {
     opacity: 0.65;
     cursor: wait;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_rpl_muted {
     font-size: 11px;
     font-weight: 700;
     color: #64748b;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_rpl_cardlink {
     font-size: 12px;
     font-weight: 800;
     color: #0369a1;
     text-decoration: none;
     border-bottom: 1px solid rgba(3, 105, 161, 0.35);
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_rpl_cardlink:hover {
     color: #1d4ed8;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__links {
     font-weight: 700;
     margin-top: 2px;
     word-break: break-all;
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__link {
     color: #0369a1;
     text-decoration: none;
     border-bottom: 1px solid rgba(3, 105, 161, 0.35);
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__link:hover {
     color: #1d4ed8;
     border-bottom-color: rgba(29, 78, 216, 0.55);
 }

 .fancybox-container .fancybox-pm-preview-replacement .pm_preview_replacement__hint {
     margin: 8px 0 0;
     padding: 0;
     font-size: 10px;
     font-weight: 600;
     line-height: 1.35;
     color: #155e75;
     opacity: 0.92;
 }

 .fancybox-container .fancybox-pm-preorder-flash {
     display: none;
     box-sizing: border-box;
     margin: 0 0 10px;
     border-radius: 10px;
     overflow: hidden;
 }

 .fancybox-container .fancybox-pm-preorder-flash.pm_preorder_flash--visible {
     display: block;
     animation: pm_preorder_flash_pop 0.4s ease-out;
     box-shadow: 0 10px 32px rgba(234, 88, 12, 0.42), 0 0 0 2px rgba(255, 255, 255, 0.92) inset;
 }

 .fancybox-container .fancybox-pm-preorder-flash .pm_preorder_flash_inner {
     position: relative;
     padding: 12px 38px 12px 14px;
     background: linear-gradient(145deg, #ffedd5 0%, #fdba74 42%, #fb923c 100%);
     border: 2px solid #c2410c;
     color: #431407;
 }

 .fancybox-container .fancybox-pm-preorder-flash .pm_preorder_flash_title {
     font-size: 16px;
     font-weight: 800;
     line-height: 1.25;
     margin-bottom: 6px;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
 }

 .fancybox-container .fancybox-pm-preorder-flash .pm_preorder_flash_txt {
     font-size: 12px;
     font-weight: 700;
     line-height: 1.45;
 }

 .fancybox-container .fancybox-pm-preorder-flash .pm_preorder_flash_close {
     position: absolute;
     top: 6px;
     right: 8px;
     width: 30px;
     height: 30px;
     border: none;
     border-radius: 6px;
     background: rgba(67, 20, 7, 0.12);
     color: #431407;
     font-size: 20px;
     line-height: 1;
     cursor: pointer;
     padding: 0;
 }

 .fancybox-container .fancybox-pm-preorder-flash .pm_preorder_flash_close:hover {
     background: rgba(67, 20, 7, 0.22);
 }

 .fancybox-container .fancybox-pm-preview-actions {
     display: flex;
     flex-direction: column;
     gap: 8px;
     margin-top: 4px;
 }

 .fancybox-container .fancybox-pm-preview-scroll {
     display: inline-block;
     width: 100%;
     padding: 7px 12px;
     border: 1px solid rgba(148, 163, 184, 0.45);
     border-radius: 8px;
     background: #fff;
     color: #334155;
     font-size: 12px;
     font-weight: 600;
     cursor: pointer;
     text-align: center;
     transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
 }

 .fancybox-container .fancybox-pm-preview-scroll:hover {
     border-color: rgba(59, 130, 246, 0.5);
     color: #1d4ed8;
     background: rgba(239, 246, 255, 0.95);
 }

 .fancybox-container .fancybox-pm-preview-buy {
     display: inline-block;
     width: 100%;
     padding: 8px 12px;
     border: none;
     border-radius: 8px;
     background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
     color: #fff;
     font-size: 12px;
     font-weight: 700;
     cursor: pointer;
     text-align: center;
     box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
     transition: filter 0.15s ease;
 }

 .fancybox-container .fancybox-pm-preview-buy:hover {
     filter: brightness(1.06);
 }

 .fancybox-container .fancybox-pm-preview-buy.fancybox-pm-preview-buy--preorder {
     background: linear-gradient(180deg, #fb923c 0%, #ea580c 52%, #c2410c 100%);
     box-shadow: 0 2px 10px rgba(234, 88, 12, 0.38);
 }

 .fancybox-container .fancybox-pm-preview-buy.fancybox-pm-preview-buy--preorder:hover {
     filter: brightness(1.05);
 }

 .fancybox-container .fancybox-pm-preview-buy--busy,
 .fancybox-container .fancybox-pm-preview-buy:disabled {
     opacity: 0.65;
     cursor: wait;
     pointer-events: none;
 }

 /* Міні-кошик поруч із панеллю пошуку в lightbox схем */
 .fancybox-container .fancybox-pm-cart-dock {
     position: relative;
     width: min(316px, calc(100vw - 24px));
     max-width: calc(100vw - 24px);
     max-height: min(72vh, 520px);
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     padding: 0;
     border-radius: 14px;
     overflow: hidden;
     background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.96) 45%, rgba(241, 245, 249, 0.94) 100%);
     border: 1px solid rgba(15, 23, 42, 0.09);
     box-shadow: 0 12px 40px rgba(15, 23, 42, 0.16), 0 0 0 1px rgba(255, 255, 255, 0.88) inset;
     backdrop-filter: blur(14px);
     -webkit-backdrop-filter: blur(14px);
     pointer-events: auto;
     -webkit-user-select: none;
     user-select: none;
     cursor: grab;
 }

 .fancybox-container .fancybox-pm-cart-dock--dragging {
     cursor: grabbing !important;
 }

 .fancybox-container .fancybox-pm-cart-dock button,
 .fancybox-container .fancybox-pm-cart-dock a[href],
 .fancybox-container .fancybox-pm-cart-dock a.imgwrp {
     cursor: pointer;
 }

 .fancybox-container .fancybox-pm-cart-dock input.fancybox-pm-cart-dock-qtyinp,
 .fancybox-container .fancybox-pm-cart-dock input[type="number"] {
     cursor: text;
 }

 .fancybox-container .fancybox-pm-cart-dock-head {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 8px;
     padding: 10px 12px;
     border-bottom: 1px solid rgba(15, 23, 42, 0.08);
     background: rgba(255, 255, 255, 0.45);
 }

 .fancybox-container .fancybox-pm-cart-dock-drag {
     flex-shrink: 0;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
     border-radius: 9px;
     border: 1px solid rgba(148, 163, 184, 0.35);
     background: rgba(255, 255, 255, 0.92);
     color: #64748b;
     cursor: grab;
     transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
 }

 .fancybox-container .fancybox-pm-cart-dock-drag:hover {
     border-color: rgba(59, 130, 246, 0.45);
     color: #2563eb;
     background: rgba(239, 246, 255, 0.95);
 }

 .fancybox-container .fancybox-pm-cart-dock--dragging .fancybox-pm-cart-dock-drag {
     cursor: grabbing;
     border-color: rgba(59, 130, 246, 0.55);
     color: #1d4ed8;
 }

 .fancybox-container .fancybox-pm-cart-dock-title {
     display: flex;
     align-items: center;
     gap: 8px;
     flex: 1 1 auto;
     min-width: 0;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.07em;
     text-transform: uppercase;
     color: #334155;
 }

 .fancybox-container .fancybox-pm-cart-dock-title .fa {
     font-size: 14px;
     color: #3b82f6;
     opacity: 0.9;
 }

 .fancybox-container .fancybox-pm-cart-dock-close {
     flex-shrink: 0;
     width: 32px;
     height: 32px;
     padding: 0;
     border: 1px solid rgba(148, 163, 184, 0.35);
     border-radius: 9px;
     background: rgba(255, 255, 255, 0.9);
     color: #64748b;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
 }

 .fancybox-container .fancybox-pm-cart-dock-close:hover {
     background: rgba(254, 242, 242, 0.95);
     border-color: rgba(248, 113, 113, 0.45);
     color: #b91c1c;
 }

 .fancybox-container .fancybox-pm-cart-dock-body {
     flex: 1 1 auto;
     min-height: 0;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     position: relative;
 }

 .fancybox-container .fancybox-pm-cart-dock--loading .fancybox-pm-cart-dock-lines {
     pointer-events: none;
     opacity: 0.42;
     transition: opacity 0.2s ease;
 }

 .fancybox-container .fancybox-pm-cart-dock-overlay {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 40;
     display: none;
     align-items: center;
     justify-content: center;
     background: rgba(248, 250, 252, 0.82);
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
     pointer-events: auto;
     cursor: wait;
 }

 .fancybox-container .fancybox-pm-cart-dock--loading .fancybox-pm-cart-dock-overlay {
     display: flex;
 }

 .fancybox-container .fancybox-pm-cart-dock-spinner {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 10px;
     padding: 18px 16px;
 }

 .fancybox-container .fancybox-pm-cart-dock-spinner-ring {
     width: 38px;
     height: 38px;
     border-radius: 50%;
     border: 3px solid rgba(148, 163, 184, 0.35);
     border-top-color: #3b82f6;
     border-right-color: rgba(59, 130, 246, 0.45);
     animation: fancyboxPmCartSpin 0.72s linear infinite;
     box-shadow: 0 2px 12px rgba(59, 130, 246, 0.2);
 }

 .fancybox-container .fancybox-pm-cart-dock-spinner-txt {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: #475569;
 }

 @keyframes fancyboxPmCartSpin {
     to {
         transform: rotate(360deg);
     }
 }

 .fancybox-container .fancybox-pm-cart-dock-lines {
     flex: 1 1 auto;
     min-height: 0;
     overflow-y: auto;
     overflow-x: hidden;
     padding: 8px 8px 4px;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: thin;
     scrollbar-color: rgba(59, 130, 246, 0.55) rgba(241, 245, 249, 0.8);
 }

 .fancybox-container .fancybox-pm-cart-dock-lines::-webkit-scrollbar {
     width: 5px;
 }

 .fancybox-container .fancybox-pm-cart-dock-lines::-webkit-scrollbar-thumb {
     background: linear-gradient(165deg, #93c5fd 0%, #3b82f6 100%);
     border-radius: 999px;
 }

 .fancybox-container .fancybox-pm-cart-dock-empty {
     padding: 14px 12px;
     font-size: 12px;
     color: #94a3b8;
     text-align: center;
 }

 .fancybox-container .fancybox-pm-cart-dock-line {
     display: flex;
     gap: 10px;
     align-items: flex-start;
     padding: 8px 6px;
     margin-bottom: 4px;
     border-radius: 10px;
     background: rgba(255, 255, 255, 0.72);
     border: 1px solid rgba(15, 23, 42, 0.06);
     transition: box-shadow 0.18s ease, border-color 0.18s ease;
 }

 .fancybox-container .fancybox-pm-cart-dock-line:hover {
     border-color: rgba(59, 130, 246, 0.28);
     box-shadow: 0 4px 14px rgba(59, 130, 246, 0.1);
 }

 .fancybox-container .fancybox-pm-cart-dock-line--provisional {
     opacity: 0.9;
     pointer-events: none;
 }

 .fancybox-container .fancybox-pm-cart-dock-provisional-qty {
     font-size: 11px;
     font-weight: 700;
     color: #64748b;
     margin-left: 4px;
 }

 .fancybox-container .fancybox-pm-cart-dock-line-img {
     flex-shrink: 0;
     width: 44px;
     height: 44px;
     border-radius: 8px;
     overflow: hidden;
     background: #fff;
     border: 1px solid rgba(15, 23, 42, 0.08);
     display: block;
 }

 .fancybox-container .fancybox-pm-cart-dock-line-img img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 .fancybox-container .fancybox-pm-cart-dock-line-main {
     flex: 1 1 auto;
     min-width: 0;
 }

 .fancybox-container .fancybox-pm-cart-dock-line-name {
     display: block;
     font-size: 12px;
     font-weight: 600;
     line-height: 1.35;
     color: #0f172a;
     text-decoration: none;
     word-break: break-word;
 }

 .fancybox-container .fancybox-pm-cart-dock-line-name:hover {
     color: #2563eb;
 }

 .fancybox-container .fancybox-pm-cart-dock-line-ctrl {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 6px;
     margin-top: 8px;
 }

 .fancybox-container .fancybox-pm-cart-dock-qtybtn {
     width: 28px;
     height: 28px;
     padding: 0;
     border: 1px solid rgba(148, 163, 184, 0.45);
     border-radius: 8px;
     background: linear-gradient(180deg, #fff 0%, #f1f5f9 100%);
     color: #334155;
     font-size: 16px;
     font-weight: 700;
     line-height: 1;
     cursor: pointer;
     transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
 }

 .fancybox-container .fancybox-pm-cart-dock-qtybtn:hover {
     border-color: rgba(59, 130, 246, 0.55);
     color: #1d4ed8;
     background: rgba(239, 246, 255, 0.95);
 }

 .fancybox-container .fancybox-pm-cart-dock-qtyinp {
     width: 44px;
     height: 28px;
     padding: 0 4px;
     box-sizing: border-box;
     text-align: center;
     border: 1px solid rgba(148, 163, 184, 0.55);
     border-radius: 8px;
     font-size: 13px;
     font-weight: 700;
     color: #0f172a;
     background: #fff;
     -moz-appearance: textfield;
     -webkit-user-select: text;
     user-select: text;
 }

 .fancybox-container .fancybox-pm-cart-dock-qtyinp::-webkit-outer-spin-button,
 .fancybox-container .fancybox-pm-cart-dock-qtyinp::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 .fancybox-container .fancybox-pm-cart-dock-qtyinp:focus {
     outline: none;
     border-color: rgba(59, 130, 246, 0.75);
     box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
 }

 .fancybox-container .fancybox-pm-cart-dock-remove {
     margin-left: auto;
     width: 30px;
     height: 28px;
     padding: 0;
     border: 1px solid rgba(248, 113, 113, 0.35);
     border-radius: 8px;
     background: rgba(254, 242, 242, 0.9);
     color: #b91c1c;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
 }

 .fancybox-container .fancybox-pm-cart-dock-remove:hover {
     background: rgba(254, 226, 226, 0.98);
     border-color: rgba(220, 38, 38, 0.45);
     transform: scale(1.04);
 }

 .fancybox-container .fancybox-pm-cart-dock-line-meta {
     display: flex;
     align-items: baseline;
     justify-content: flex-end;
     gap: 8px;
     margin-top: 6px;
     font-size: 11px;
     color: #64748b;
 }

 .fancybox-container .fancybox-pm-cart-dock-price {
     font-weight: 700;
     color: #1e40af;
     white-space: nowrap;
     font-size: 12px;
 }

 .fancybox-container .fancybox-pm-cart-dock-foot {
     flex-shrink: 0;
     padding: 10px 12px 12px;
     border-top: 1px solid rgba(15, 23, 42, 0.08);
     background: rgba(255, 255, 255, 0.55);
 }

 .fancybox-container .fancybox-pm-cart-dock-total-row {
     display: flex;
     align-items: baseline;
     justify-content: space-between;
     gap: 10px;
     margin-bottom: 10px;
     font-size: 12px;
     color: #475569;
 }

 .fancybox-container .fancybox-pm-cart-dock-total {
     font-size: 15px;
     font-weight: 800;
     color: #0f172a;
     letter-spacing: 0.02em;
 }

 .fancybox-container .fancybox-pm-cart-dock-btn {
     display: block;
     width: 100%;
     box-sizing: border-box;
     text-align: center;
     padding: 10px 12px;
     border-radius: 10px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.04em;
     text-transform: uppercase;
     text-decoration: none;
     color: #fff;
     background: linear-gradient(165deg, #3b82f6 0%, #2563eb 48%, #1d4ed8 100%);
     border: none;
     box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.22);
     transition: transform 0.15s ease, filter 0.15s ease;
 }

 .fancybox-container .fancybox-pm-cart-dock-btn:hover {
     transform: translateY(-1px);
     filter: brightness(1.05);
     color: #fff;
 }

 /* Тулбар, лічильник і підпис у lightbox схем — той самий скляний стиль (лише коли є панель пошуку) */
 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-toolbar {
     right: 12px;
     top: 12px;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
     align-items: center;
     gap: 5px;
     max-width: calc(100vw - 24px);
     padding: 6px 8px;
     border-radius: 14px;
     background: linear-gradient(165deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.94) 100%);
     border: 1px solid rgba(15, 23, 42, 0.1);
     box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     pointer-events: auto;
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-toolbar .fancybox-button {
     background: rgba(255, 255, 255, 0.65);
     border: 1px solid rgba(148, 163, 184, 0.35);
     border-radius: 10px;
     width: 40px;
     height: 40px;
     margin: 0;
     padding: 8px;
     box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
     transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-toolbar .fancybox-button,
 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-toolbar .fancybox-button:link,
 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-toolbar .fancybox-button:visited {
     color: #475569;
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-toolbar .fancybox-button:hover {
     color: #1d4ed8;
     background: rgba(239, 246, 255, 0.98);
     border-color: rgba(59, 130, 246, 0.45);
     transform: translateY(-1px);
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-toolbar .fancybox-button--buy {
     width: auto !important;
     min-width: auto !important;
     padding: 0 12px !important;
     height: 40px !important;
     border-radius: 10px !important;
     border: none !important;
     font-size: 11px !important;
     font-weight: 700 !important;
     letter-spacing: 0.02em;
     line-height: 1.2 !important;
     background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%) !important;
     color: #fff !important;
     box-shadow: 0 2px 10px rgba(220, 38, 38, 0.35) !important;
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-toolbar .fancybox-button--buy:hover {
     filter: brightness(1.06);
     transform: translateY(-1px);
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-infobar {
     left: 12px;
     top: 12px;
     height: auto;
     min-height: 40px;
     padding: 8px 16px;
     line-height: 1.35;
     border-radius: 999px;
     color: #334155;
     font-size: 12px;
     font-weight: 600;
     background: linear-gradient(165deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.94) 100%);
     border: 1px solid rgba(15, 23, 42, 0.1);
     box-shadow: 0 6px 22px rgba(15, 23, 42, 0.1);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     mix-blend-mode: normal;
     pointer-events: none;
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-caption {
     background: linear-gradient(0deg, rgba(248, 250, 252, 0.96) 0%, rgba(248, 250, 252, 0.82) 40%, rgba(255, 255, 255, 0) 100%);
     color: #0f172a;
     font-weight: 500;
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-caption a,
 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-caption a:link,
 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-caption a:visited {
     color: #2563eb;
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-caption a:hover {
     color: #1d4ed8;
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-thumbs {
     background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(226, 232, 240, 0.96) 100%);
     border-left: 1px solid rgba(15, 23, 42, 0.08);
     box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.85);
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-thumbs__list a {
     background-color: rgba(255, 255, 255, 0.75);
     border-radius: 8px;
     border: 1px solid rgba(148, 163, 184, 0.28);
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-thumbs__list a:before {
     border-color: #3b82f6;
 }

 .fancybox-container:has(.fancybox-pm-search-bar) .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
     background: linear-gradient(165deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);
     border: 2px solid rgba(255, 255, 255, 0.65);
 }

 .product_model_block.pm_search_highlight {
     outline: 3px solid rgba(59, 130, 246, 0.85);
     outline-offset: 4px;
     transition: outline-color 0.3s ease;
 }

 /* Старі класи для сумісності */
 .product_model_block.product_model_block_header {
     display: none;
 }

 /* Адаптивні стилі для режиму списку */
 @media (max-width: 992px) {
     .product_models_grid_wrapper.view-list .product_model_block .pm_card_left {
         flex: 0 0 172px;
         width: 172px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_content {
         gap: 20px;
     }
 }

 @media (max-width: 768px) {
     .product_models_view_switcher {
         justify-content: center;
         margin-bottom: 15px;
     }

     .pm_view_btn {
         padding: 6px 12px;
         font-size: 13px;
     }

     .pm_view_label {
         display: none;
     }

     /* Режим списку на мобільних - все в одну лінію, але компактніше */
     .product_models_grid_wrapper.view-list .product_model_block .pm_card_content {
         flex-direction: row;
         gap: 12px;
         align-items: flex-start;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_left {
         flex: 0 0 108px;
         width: 108px;
         gap: 5px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_image {
         min-height: 96px;
         padding: 6px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_image .imgwrp img,
     .product_models_grid_wrapper.view-list .product_model_block .pm_card_image .imgwrp_noimage img {
         max-height: 96px;
         max-width: 96px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_left .pm_card_code {
         font-size: 10px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_right {
         flex-direction: column;
         align-items: stretch;
         gap: 12px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_name {
         margin-right: 0;
         width: 100%;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_description {
         flex: 0 1 auto;
         max-width: 100%;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_toolbar {
         flex: 0 0 auto;
         max-width: none;
         width: 100%;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_name {
         margin-right: 8px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_name a {
         font-size: 13px;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         line-clamp: 2;
         overflow: hidden;
         text-overflow: ellipsis;
         overflow-wrap: anywhere;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_description {
         flex: 1 1 140px;
         max-width: 100%;
         font-size: 11px;
         display: block;
         overflow: visible;
         overflow-wrap: anywhere;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_toolbar .pm_card_bottom {
         row-gap: 8px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_price .pm_price {
         font-size: 16px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_button .add2cart_handler,
     .product_models_grid_wrapper.view-list .product_model_block .pm_card_button .button_buy,
     .product_models_grid_wrapper.view-list .product_model_block .pm_card_button .add2preorder {
         font-size: 11px;
         padding: 6px 10px;
         min-width: 90px;
     }
 }

 /* Адаптивні медіа-запити для grid */
 @media (max-width: 1200px) {
     .product_models_grid_wrapper {
         grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
         gap: 18px;
     }
 }

 @media (max-width: 992px) {
     .product_models_grid_wrapper {
         grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
         gap: 15px;
     }
 }

 @media (max-width: 768px) {
     .product_models_grid_wrapper {
         grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
         gap: 12px;
     }

     .product_model_block {
         padding: 12px;
     }

     .product_model_block .pm_card_content {
         flex-direction: column;
         gap: 15px;
     }

     .product_model_block .pm_card_left {
         width: 100%;
     }

     .product_model_block .pm_card_image {
         min-height: 160px;
         padding: 5px;
     }

     .product_model_block .pm_card_image .imgwrp img,
     .product_model_block .pm_card_image .imgwrp_noimage img {
         max-height: 160px;
     }

     .product_model_block .pm_card_bottom {
         flex-direction: column;
         align-items: stretch;
     }

     .product_model_block .pm_card_button {
         width: 100%;
     }
 }

 @media (max-width: 480px) {
     .product_models_grid_wrapper {
         grid-template-columns: 1fr;
         gap: 15px;
     }

     .product_model_block .pm_card_image {
         min-height: 180px;
     }

     .product_model_block .pm_card_image .imgwrp img,
     .product_model_block .pm_card_image .imgwrp_noimage img {
         max-height: 180px;
     }

     /* Режим списку на дуже маленьких екранах - ще компактніше */
     .product_models_grid_wrapper.view-list .product_model_block .pm_card_content {
         gap: 8px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_left {
         flex: 0 0 84px;
         width: 84px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_image {
         min-height: 76px;
         padding: 5px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_image .imgwrp img,
     .product_models_grid_wrapper.view-list .product_model_block .pm_card_image .imgwrp_noimage img {
         max-height: 76px;
         max-width: 76px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_left .pm_card_code {
         font-size: 9px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_right {
         gap: 8px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_name {
         margin-right: 5px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_name a {
         font-size: 12px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_toolbar .pm_card_bottom {
         row-gap: 8px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_price .pm_price {
         font-size: 14px;
     }

     .product_models_grid_wrapper.view-list .product_model_block .pm_card_button .add2cart_handler,
     .product_models_grid_wrapper.view-list .product_model_block .pm_card_button .button_buy,
     .product_models_grid_wrapper.view-list .product_model_block .pm_card_button .add2preorder {
         font-size: 10px;
         padding: 5px 8px;
         min-width: 80px;
     }
 }


 .pi_new_code {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-top: 8px;
     padding: 10px 12px;
     max-width: 100%;
     border-radius: 10px;
     border: 1px solid #fecdd3;
     background: linear-gradient(180deg, #fff5f5 0%, #fef2f2 100%);
     color: #0f172a;
     box-sizing: border-box;
 }

 .pi_new_code_ico {
     flex-shrink: 0;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #fee2e2;
     color: #e11d48;
 }

 .pi_new_code_svg {
     display: block;
 }

 .pi_new_code_body {
     display: flex;
     flex-direction: column;
     gap: 2px;
     min-width: 0;
 }

 .pi_new_code_label {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #be123c;
 }

 .pi_new_code_codes {
     font-size: 15px;
     font-weight: 800;
     line-height: 1.3;
     word-break: break-word;
 }

 .pi_new_code_sep {
     font-weight: 600;
     color: #64748b;
     margin: 0 2px;
 }

 .pi_new_code_link {
     color: #0f172a;
     text-decoration: none;
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
     letter-spacing: 0.02em;
     border-bottom: 1px dashed rgba(225, 29, 72, 0.45);
 }

 .pi_new_code_link:hover {
     color: #be123c;
     border-bottom-color: #be123c;
 }

 .pi_new_code_plain {
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
 }

 /* Картка заміни артикула: білий блок як у макеті */
 .pi_replacement_stack {
     margin-top: 14px;
     display: flex;
     flex-direction: column;
     gap: 14px;
 }

 .pi_replacement_unit {
     border-radius: 14px;
     overflow: hidden;
     background: #fff;
     border: 1px solid #e5e7eb;
     box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
     transition: box-shadow 0.2s ease;
 }

 .pi_replacement_unit:hover {
     box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
 }

 @media (prefers-reduced-motion: reduce) {
     .pi_replacement_unit {
         transition: none;
     }
 }

 @media (hover: none) {
     .pi_replacement_unit:hover {
         box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
     }

     .pi_replacement_card_media:hover {
         transform: none;
     }
 }

 .pi_replacement_banner {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     padding: 12px 14px 14px;
     background: #fafafa;
     border-bottom: 1px solid #f1f5f9;
 }

 .pi_replacement_banner_ico {
     flex-shrink: 0;
     width: 40px;
     height: 40px;
     border-radius: 10px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #fef2f2;
     font-size: 17px;
     color: #e11d48;
 }

 .pi_replacement_banner_main {
     display: flex;
     flex-direction: column;
     gap: 3px;
     min-width: 0;
 }

 .pi_replacement_banner_kicker {
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #dc2626;
 }

 .pi_replacement_banner_title {
     font-size: 17px;
     font-weight: 800;
     letter-spacing: -0.02em;
     line-height: 1.2;
     color: #0f172a;
 }

 .pi_replacement_banner_sub {
     margin: 4px 0 0;
     font-size: 13px;
     font-weight: 500;
     line-height: 1.45;
     color: #64748b;
 }

 .pi_replacement_banner_sub--solo {
     margin-top: 2px;
 }

 .pi_replacement_banner_sub_label {
     display: block;
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #94a3b8;
     margin-bottom: 4px;
 }

 .pi_replacement_banner_old_code {
     display: inline-block;
     margin-top: 2px;
     padding: 3px 9px;
     border-radius: 8px;
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
     font-size: 13px;
     font-weight: 800;
     letter-spacing: 0.03em;
     color: #0f172a;
     background: #fff;
     border: 1px solid #e2e8f0;
 }

 .pi_replacement_card {
     display: flex;
     flex-direction: column;
     gap: 12px;
     padding: 14px 14px 16px;
     align-items: stretch;
     background: #fff;
 }

 .pi_replacement_card_title_strip {
     width: 100%;
     min-width: 0;
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .pi_replacement_card_title_strip .pi_replacement_card_title {
     display: block;
     overflow-wrap: anywhere;
     word-break: break-word;
 }

 .pi_replacement_card_title_strip .pi_replacement_card_sub {
     max-width: none;
 }

 .pi_replacement_card_main {
     display: flex;
     flex-direction: row;
     gap: 14px;
     align-items: flex-start;
     min-width: 0;
 }

 .pi_replacement_card_media {
     flex-shrink: 0;
     width: 96px;
     height: 96px;
     border-radius: 10px;
     overflow: hidden;
     border: 1px solid #e5e7eb;
     background: #fff;
     transition: box-shadow 0.2s ease, transform 0.2s ease;
 }

 .pi_replacement_card_media:hover {
     box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
     transform: scale(1.02);
 }

 .pi_replacement_card_media img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     display: block;
 }

 .pi_replacement_card_body {
     flex: 1 1 auto;
     min-width: 0;
     display: grid;
     grid-template-columns: 1fr minmax(180px, 32%);
     grid-template-rows: auto auto;
     gap: 10px 16px;
     align-items: start;
 }

 .pi_replacement_card_top {
     grid-column: 1;
     grid-row: 1;
     display: flex;
     flex-direction: column;
     gap: 8px;
     align-self: center;
 }

 .pi_replacement_card_heading {
     margin: 0;
     padding: 0;
     font: inherit;
     line-height: 1.25;
 }

 .pi_replacement_card_title {
     font-size: 16px;
     font-weight: 800;
     color: #0f172a;
     line-height: 1.28;
     letter-spacing: -0.02em;
     text-decoration: none;
     transition: color 0.15s ease;
 }

 .pi_replacement_card_title:hover {
     color: #be123c;
 }

 .pi_replacement_card_sub {
     margin: 0;
     font-size: 13px;
     color: #64748b;
     line-height: 1.45;
     max-width: 52em;
 }

 .pi_replacement_card_meta {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 8px 10px;
 }

 .pi_replacement_card_sku_line {
     font-size: 13px;
     font-weight: 600;
     color: #475569;
 }

 .pi_replacement_card_sku_word {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: #94a3b8;
     margin-right: 4px;
 }

 .pi_replacement_badge {
     display: inline-flex;
     align-items: center;
     gap: 5px;
     font-size: 12px;
     font-weight: 700;
     padding: 5px 10px;
     border-radius: 999px;
     border: 1px solid transparent;
     line-height: 1.2;
 }

 .pi_replacement_badge--ok {
     background: rgba(34, 197, 94, 0.12);
     border-color: rgba(34, 197, 94, 0.28);
     color: #166534;
 }

 .pi_replacement_badge--pre {
     background: rgba(251, 146, 60, 0.14);
     border-color: rgba(251, 146, 60, 0.35);
     color: #9a3412;
 }

 .pi_replacement_badge--muted {
     background: rgba(148, 163, 184, 0.12);
     border-color: rgba(148, 163, 184, 0.25);
     color: #64748b;
 }

 .pi_replacement_card_footer {
     grid-column: 2;
     grid-row: 1;
     justify-self: end;
     align-self: center;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     gap: 10px;
     margin: 0;
     padding: 0;
     border: 0;
 }

 .pi_replacement_card_price_row {
     display: flex;
     flex-direction: column;
     gap: 1px;
     align-items: flex-end;
     min-width: 0;
 }

 .pi_replacement_price_label {
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #94a3b8;
 }

 .pi_replacement_card_price {
     font-size: 22px;
     font-weight: 800;
     letter-spacing: -0.02em;
     color: #0f172a;
     line-height: 1.1;
 }

 .pi_replacement_card_buy {
     width: 100%;
     display: flex;
     justify-content: flex-end;
 }

 .pi_replacement_buyform {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
     gap: 8px;
 }

 .pi_replacement_buyform--pre {
     width: 100%;
     justify-content: flex-end;
 }

 .pi_replacement_qty_btns {
     display: inline-flex;
     align-items: stretch;
     border: 1px solid #e5e7eb;
     border-radius: 8px;
     overflow: hidden;
     background: #fff;
 }

 .pi_replacement_qty_btn {
     width: 34px;
     border: 0;
     background: #f8fafc;
     color: #334155;
     font-size: 18px;
     line-height: 1;
     cursor: pointer;
     padding: 0;
 }

 .pi_replacement_qty_btn:hover {
     background: #f1f5f9;
 }

 .pi_replacement_qty_input {
     width: 44px;
     border: 0;
     border-left: 1px solid #e5e7eb;
     border-right: 1px solid #e5e7eb;
     text-align: center;
     font-size: 14px;
     font-weight: 700;
     color: #0f172a;
     -moz-appearance: textfield;
 }

 .pi_replacement_qty_input::-webkit-outer-spin-button,
 .pi_replacement_qty_input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 .pi_replacement_card_cartbtn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     min-height: 42px;
     padding: 0 16px;
     border: 0;
     border-radius: 10px;
     font-size: 14px;
     font-weight: 800;
     cursor: pointer;
     color: #fff;
     background: linear-gradient(165deg, #ef4444 0%, #e31837 48%, #c1152d 100%);
     box-shadow: 0 3px 12px rgba(227, 24, 55, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
     transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.2s ease;
 }

 .pi_replacement_card_cartbtn--pre {
     background: linear-gradient(165deg, #fb923c 0%, #ea580c 100%);
     box-shadow: 0 3px 12px rgba(234, 88, 12, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
 }

 .pi_replacement_card_cartbtn:hover {
     filter: brightness(1.05);
     transform: translateY(-1px);
 }

 .pi_replacement_card_cartbtn:focus {
     outline: none;
 }

 .pi_replacement_card_cartbtn:focus-visible {
     outline: 3px solid rgba(227, 24, 55, 0.45);
     outline-offset: 2px;
 }

 .pi_replacement_card_cta {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     min-height: 42px;
     padding: 0 16px;
     border-radius: 10px;
     font-size: 14px;
     font-weight: 800;
     text-decoration: none;
     color: #fff;
     background: linear-gradient(165deg, #ef4444 0%, #e31837 48%, #c1152d 100%);
     box-shadow: 0 3px 12px rgba(227, 24, 55, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
     transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.2s ease;
 }

 .pi_replacement_card_cta_ico {
     font-size: 16px;
 }

 .pi_replacement_card_cta_label {
     line-height: 1.2;
 }

 .pi_replacement_card_cta:hover {
     color: #fff;
     filter: brightness(1.05);
     transform: translateY(-1px);
 }

 .pi_replacement_card_cta:focus {
     outline: none;
 }

 .pi_replacement_card_cta:focus-visible {
     outline: 3px solid rgba(227, 24, 55, 0.45);
     outline-offset: 2px;
 }


 .model_suitable_for_block {
     margin: 0 0 20px;
     border-radius: 10px;
     padding: 10px;
     box-shadow: 0 2px 2px rgba(0, 8, 29, 5%), 0 0 2px rgba(0, 8, 29, 6%), 0 1px 3px rgba(0, 8, 29, 8%);
     overflow: hidden;
     position: relative;
 }

 .model_suitable_for_block .msf_title {
     display: block;
     font-size: 21px;
     margin: 10px auto;
     padding: 10px 10px;
 }

 .model_suitable_for_block .msf_title_sub {
     display: block;
     font-size: 16px;
     margin: 0 0 10px;
 }

 #kupit h2 {
     font-size: 16px;
     font-weight: 500;
 }

 h2.title {
     color: white;
     margin-left: 10px;
 }

 .model_list_block {
     display: flex;
     flex-wrap: wrap;
     margin: 10px;
 }

 .model_list_item {
     padding: 3px 6px;
     background: rgba(23, 60, 97, 6%);
     border-radius: 10px;
     margin: 3px auto;
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .model_list_description {
     padding-right: 10px;
 }

 .model_list_description a {
     text-decoration: none;
     color: #3b6d9a;
     transition: 0.3s;
 }

 .model_list_description a:hover {
     color: red
 }

 button#btn-checkout {
     background: red;
     border-radius: 10px;
     font-size: 23px;
     font-weight: 500;
     z-index: 9999999999999999999999999999999999999999999999;
 }

 button#btn-checkout a {
     background: red;
     border-radius: 10px;
     font-size: 25px;
     font-weight: 500;
     color: white;
 }

 .model_list_link img {
     padding-right: 10px;
 }

 .model_list_item a {
     color: #3b6d9a;
 }

 .top-information a {
     color: rgb(221, 7, 7);
     font-size: 18px;
     position: relative;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 32px;
     margin: 0 auto;
 }

 .model_suitable_for_block ul li a {
     display: inline-block;
     font-size: 18px;
     margin: 0;
     padding: 0;
     color: #6a6ac1;
     border-bottom-width: 1.5px;
     border-bottom-style: dotted;
 }

 .model_suitable_for_block ul li a:hover {
     color: #ff7676;
 }

 .product-related {
     margin: 25px 0;
     padding: clamp(5px, 1vw, 5px);
     background: #ffffff;
     border-radius: 22px;
     border: 1px solid rgba(15, 23, 42, 0.08);
     box-shadow: 0 18px 60px -42px rgba(15, 23, 42, 0.28);
     position: relative;
     contain: layout paint;
 }

 .product-related__inner {
     position: relative;
     display: flex;
     flex-direction: column;
     gap: clamp(16px, 2vw, 24px);
     padding-top: clamp(26px, 3.6vw, 44px);
 }

 .product-related__header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     flex-wrap: wrap;
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(15, 23, 42, 0.08);
 }

 .product_related_title {
     margin: 0;
     font-size: clamp(22px, 2.4vw, 28px);
     line-height: 1.2;
     font-weight: 600;
     letter-spacing: -0.01em;
     color: #101828;
 }

 .product-related__track {
     position: relative;
     isolation: isolate;
 }

 .product-related__viewport {
     position: relative;
     overflow: hidden;
     padding: 6px 12px 16px;
     margin: 0 -12px;
 }

 .product-related__viewport:focus-visible {
     outline: 2px solid rgba(15, 23, 42, 0.25);
     outline-offset: 4px;
     border-radius: 12px;
 }

 .product-related__list {
     position: relative;
     display: flex;
     align-items: stretch;
     gap: clamp(16px, 1.6vw, 24px);
     margin: 0;
     padding: 0;
     list-style: none;
     transform: translateX(0);
     will-change: transform;
 }

 .product-related__item {
     display: flex;
     min-width: 0;
     flex: 0 0 clamp(210px, 21vw, 260px);
 }

 .product-related__item .product_follow_block {
     width: 100%;
     display: flex;
     align-items: stretch;
 }

 .product-related__item .product_brief_table_follow {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     padding: 10px;
     margin: 0;
     position: relative;
     z-index: 1;
     background-color: #fff;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
     border-radius: 12px;
     border: 1px solid rgba(0, 0, 0, 0.06);
     min-height: 410px;
     cursor: pointer;
     width: 100%;
     transition: all 0.3s ease;
 }

 .product-related__item .product_follow_block:hover .product_brief_table_follow,
 .product-related__item .product_follow_block:focus-within .product_brief_table_follow {
     transform: translateY(-4px);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     border-color: rgba(59, 109, 154, 0.2);
 }

 .product-related__item .product_brief_sku_block {
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: rgba(15, 23, 42, 0.45);
     flex-shrink: 0;
 }

 .product-related__item .imgwrp {
     display: block;
     font-size: 0;
     height: 210px;
     line-height: 210px;
     margin: 0 0 10px;
     text-align: center;
     width: 100%;
     position: relative;
     flex-shrink: 0;
 }

 .product-related__item .imgwrp img {
     max-height: 210px;
     max-width: 100%;
     vertical-align: middle;
 }

 .name_block_follow {
     flex-shrink: 0;
     min-height: 55px;
     margin-bottom: 10px;
 }

 .name_block_follow .pb_product_name {
     font-size: 14px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     line-clamp: 3;
     line-height: 16px;
     overflow: hidden;
     font-weight: 500;
     color: #3b6d9a;
     height: 55px;
     word-break: break-word;
     text-align: left;
     transition: color .3s;
     margin: 0 0 10px;
     text-decoration: none;
 }

 .product-related__item .price_product_follow {
     margin-top: auto;
     flex-shrink: 0;
 }

 .product-related__item .price_product_follow .pb_price {
     color: #e31837;
     display: block;
     font-size: 21px;
     font-weight: 600;
     position: relative;
     font-family: 'Roboto';
     line-height: 24px;
     white-space: nowrap;
     text-align: left;
     margin-bottom: 15px;
 }

 .product-related__item .price_product_follow .pb_price.pb_price_action {
     color: #f00;
 }

 .product-related__item .price_product_follow .pb_old_price {
     text-decoration: line-through #a70000;
 }

 .product-related__item .price_product_follow .pb_price_save_percent {
     display: inline-block;
     margin-left: 6px;
     padding: 2px 8px;
     font-size: 11px;
     font-weight: 600;
     color: #d92d20;
     background-color: rgba(217, 45, 32, 0.12);
     border-radius: 999px;
 }

 .product-related__item .product_follow_block .add2cart_handler {
     width: 100%;
     border-radius: 999px;
     font-weight: 600;
     padding: 12px 0;
     box-shadow: none;
     flex-shrink: 0;
 }

 .product-related__item .product_follow_block .add2cart_handler:hover,
 .product-related__item .product_follow_block .add2cart_handler:focus {
     box-shadow: none;
 }

 .product-related__item .product_follow_block .stock_label {
     margin-top: 4px;
     flex-shrink: 0;
 }

 .product-related__item .product_brief_table_follow>div {
     flex-shrink: 0;
 }

 .product-related__nav {
     position: absolute;
     top: 50%;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 1px solid rgba(15, 23, 42, 0.08);
     background: linear-gradient(180deg, #111c2e 0%, #0b1322 100%);
     color: #ffffff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     pointer-events: auto;
     transform: translateY(-50%);
     transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
     box-shadow: 0 12px 20px -16px rgba(15, 23, 42, 0.55);
     z-index: 5;
     overflow: visible;
 }

 .product-related__nav::after {
     content: "";
     position: absolute;
     inset: -10px;
     border-radius: inherit;
     background: radial-gradient(60% 60% at 50% 40%, rgba(15, 23, 42, 0.28) 0%, rgba(15, 23, 42, 0) 100%);
     opacity: 0;
     transform: scale(0.6);
     transition: opacity 0.2s ease, transform 0.2s ease;
     pointer-events: none;
     z-index: -1;
 }

 .product-related__nav--prev {
     left: clamp(12px, 2.6vw, 28px);
 }

 .product-related__nav--next {
     right: clamp(12px, 2.6vw, 28px);
 }

 .product-related__nav:hover,
 .product-related__nav:focus-visible {
     transform: translateY(calc(-50% - 1px));
     background: linear-gradient(180deg, #172640 0%, #0c1a33 100%);
     border-color: rgba(15, 23, 42, 0.25);
     box-shadow: 0 16px 26px -18px rgba(15, 23, 42, 0.55);
 }

 .product-related__nav:hover::after,
 .product-related__nav:focus-visible::after,
 .product-related__nav.is-pressed::after {
     opacity: 0.85;
     transform: scale(1);
 }

 .product-related__nav.is-pressed {
     transform: translateY(calc(-50% + 1px)) scale(0.96);
     background: linear-gradient(180deg, #0f1828 0%, #0a1120 100%);
     border-color: rgba(15, 23, 42, 0.3);
     box-shadow: 0 10px 22px -18px rgba(15, 23, 42, 0.6);
 }

 .product-related__nav:focus {
     outline: none;
 }

 .product-related__nav-icon {
     width: 11px;
     height: 11px;
     position: relative;
     display: inline-block;
 }

 .product-related__nav-icon::before {
     content: "";
     position: absolute;
     inset: 0;
     border-right: 2px solid currentColor;
     border-bottom: 2px solid currentColor;
     transform: rotate(135deg) translate(-2px, 2px);
     transform-origin: center;
 }

 .product-related__nav--next .product-related__nav-icon::before {
     transform: rotate(-45deg) translate(-2px, 2px);
 }

 .product-related__nav[disabled] {
     opacity: 0.5;
     cursor: default;
     pointer-events: none;
     box-shadow: none;
     background: rgba(15, 23, 42, 0.12);
     border-color: rgba(15, 23, 42, 0.08);
     color: rgba(255, 255, 255, 0.45);
 }

 .product-related__fade {
     position: absolute;
     top: 6px;
     bottom: 16px;
     width: 56px;
     pointer-events: none;
     z-index: 2;
     opacity: 0;
     transition: opacity 0.2s ease;
 }

 .product-related__fade--left {
     left: 0;
     background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
 }

 .product-related__fade--right {
     right: 0;
     background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
 }

 .product-related--scrollable .product-related__fade {
     opacity: 0.85;
 }

 .product-related:not(.product-related--scrollable) .product-related__fade {
     opacity: 0;
 }

 .slider-progress {
     width: 100%;
     height: 4px;
     background-color: rgba(15, 23, 42, 0.08);
     border-radius: 2px;
     margin-top: 16px;
     overflow: hidden;
 }

 .slider-progress-bar {
     height: 100%;
     background-color: #3b6d9a;
     border-radius: 2px;
     transition: width 0.3s ease;
     width: 0%;
 }

 .product_related_categories_wrp {
     margin-top: 25px;
     padding: 7px;
     background: #fafafa;
     border-radius: 16px;
     margin-bottom: 40px;
 }

 .product_related_categories_list {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     margin: 16px 0 0;
     padding: 0;
     list-style: none;
 }

 .product_related_categories_item {
     margin: 0;
 }

 .product_related_categories_link {
     display: inline-block;
     padding: 10px 18px;
     border-radius: 48px;
     background: #ffffff;
     border: 1px solid #e2e2e2;
     font-size: 14px;
     line-height: 1.4;
     color: #2b2b2b;
     text-decoration: none;
     transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
 }

 .product_related_categories_link:hover,
 .product_related_categories_link:focus {
     background: #f1f1f1;
     color: #000000;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 }

 .product_related_categories_item.is-current .product_related_categories_link,
 .product_related_categories_link.is-current {
     background: #222222;
     color: #ffffff;
     border-color: #222222;
     font-weight: 600;
     box-shadow: 0 6px 16px rgba(34, 34, 34, 0.25);
 }

 .product_related_categories_link.is-disabled {
     cursor: default;
     background: #efefef;
     color: #888888;
     border-color: #e2e2e2;
     box-shadow: none;
 }

 .promo_product_list_group+.promo_product_list_group {
     margin-top: 28px;
 }

 .promo_product_list_title {
     margin: 0 0 16px;
     font-size: 18px;
     line-height: 1.35;
     font-weight: 700;
     color: #222222;
 }

 .product_follow_block .pb_product_name {
     font-size: 14px;
     line-height: 10px;
 }

 .footer_wrp {
     background: none repeat scroll 0 0 #414d57;
     clear: both;
     color: #fff;
     margin: 40px 0 0 0;
     width: 100%;
 }

 .footer_wrp .main_wide_padding {
     max-width: 100%;
     margin: 0;
     padding: 0 2%;
 }

 /* Сторінка товару - main_wide_padding на всю ширину */
 .product_page_main_wide,
 .floating_sidebar_product~.main_wide_padding,
 .floating_sidebar_product+.main_wide_padding,
 .floating_sidebar_product .main_wide_padding,
 .main_wide_padding:has(.header_main_content_product) {
     max-width: 100% !important;
     margin-left: calc(50% - 50vw) !important;
     margin-right: calc(50% - 50vw) !important;
     padding: 0 2% !important;
     width: 100vw !important;
 }

 /* Сторінка товару - page_body_wrp на всю ширину */
 .page_body_wrp:has(.product_page_main_wide),
 .page_body_wrp:has(.header_main_content_product) {
     max-width: 100% !important;
     width: 100% !important;
     overflow-x: visible;
 }

 .footer_wrp footer {
     display: flex;
     flex-direction: column;
     padding: 5px 0;
 }

 .footer_wrp footer .footer_col {
     float: left;
 }

 .footer_wrp footer .footer_col.footer_col_w25 {
     padding: 0 2%;
     font-size: 20px;
 }

 .footer_wrp footer .footer_col.footer_col_w33 {
     width: 33%;
 }

 .footer_wrp footer .footer_col .footer_col_title {
     font-size: 16px;
     margin: 0 0 20px;
     text-align: center;
     text-transform: uppercase;
 }

 .footer_wrp footer .footer_col a {
     color: #fff;
     text-decoration: none;
     font-size: 14px;
 }

 .footer_wrp .news_shortlist .news_item {
     margin: 0;
 }

 .footer_wrp .news_shortlist .news_item .news_date {
     display: inline;
 }

 .footer_wrp .news_shortlist .news_item .news_title {
     display: inline;
 }

 .footer_wrp .news_shortlist .news_item .news_title a {
     color: #fff;
 }

 .footer_wrp .news_viewall a {
     color: #fff8ca;
     display: block;
     font-style: italic;
 }

 .footer_wrp .recallme {
     color: #fff8ca;
     display: block;
     font-style: bold;
     font-size: 16px;
 }


 .footer_wrp .footer_soc_buttons .fsoc_ico {
     display: inline-block;
     height: 36px;
     margin: 0 0 0 10px;
     width: 36px;
     text-align: center;
     line-height: 36px;
     font-size: 23px;
     color: #fff;
     cursor: pointer;
     border-radius: 50%;
     vertical-align: middle;
 }

 .footer_wrp .footer_soc_buttons .fsoc_ico:hover {
     opacity: 0.8;
 }

 .footer_wrp .footer_soc_buttons .fsoc_ico.fsoc_item_fb {
     background-color: #0c88ef;
 }

 .footer_wrp .footer_soc_buttons .fsoc_ico.fsoc_item_gp {
     background-color: #ea4335;
 }

 .floating_sidebar {
     background: none repeat scroll 0 0 #394550;
     box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1);
     color: #fff;
     position: fixed;
     width: 100%;
     z-index: 99999999;
     top: 0;
     display: none;
 }

 /* На мобільних пристроях floating_sidebar не повинен перекривати мобільну шапку */
 @media (max-width: 797px) {
     .floating_sidebar {
         /* Мобільна шапка має z-index: 9999999, тому floating_sidebar має бути нижче */
         z-index: 9999998 !important;

     }
 }

 /* Плашка з повідомленням про неробочі дні в floating sidebar */
 .sidebar-holiday-banner {
     position: relative;
     background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 50%, #c44569 100%);
     color: #ffffff;
     font-size: 14px;
     font-weight: 500;
     line-height: 1.5;
     padding: 12px 50px 12px 20px;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     z-index: 100000000;
     border-bottom: 2px solid rgba(255, 255, 255, 0.2);
     overflow: hidden;
 }

 /* Новорічна версія плашки */
 .sidebar-holiday-banner--newyear {
     background: linear-gradient(135deg, #c41e3a 0%, #8b0000 25%, #006400 50%, #228b22 75%, #c41e3a 100%);
     background-size: 200% 200%;
     animation: newyearGradient 8s ease infinite;
     box-shadow: 0 2px 20px rgba(196, 30, 58, 0.4), 0 0 30px rgba(34, 139, 34, 0.3);
     border-bottom: 3px solid rgba(255, 215, 0, 0.5);
 }

 @keyframes newyearGradient {
     0% {
         background-position: 0% 50%;
     }

     50% {
         background-position: 100% 50%;
     }

     100% {
         background-position: 0% 50%;
     }
 }

 /* Сніжинки */
 .sidebar-holiday-banner__snowflakes {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     overflow: hidden;
     z-index: 1;
 }

 .sidebar-holiday-banner__snowflakes .snowflake {
     position: absolute;
     color: rgba(255, 255, 255, 0.8);
     font-size: 16px;
     animation: snowfall 10s linear infinite;
     text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
 }

 .sidebar-holiday-banner__snowflakes .snowflake:nth-child(1) {
     left: 10%;
     animation-delay: 0s;
     animation-duration: 12s;
 }

 .sidebar-holiday-banner__snowflakes .snowflake:nth-child(2) {
     left: 30%;
     animation-delay: 2s;
     animation-duration: 14s;
 }

 .sidebar-holiday-banner__snowflakes .snowflake:nth-child(3) {
     left: 50%;
     animation-delay: 4s;
     animation-duration: 11s;
 }

 .sidebar-holiday-banner__snowflakes .snowflake:nth-child(4) {
     left: 70%;
     animation-delay: 1s;
     animation-duration: 13s;
 }

 .sidebar-holiday-banner__snowflakes .snowflake:nth-child(5) {
     left: 90%;
     animation-delay: 3s;
     animation-duration: 15s;
 }

 @keyframes snowfall {
     0% {
         transform: translateY(-100%) rotate(0deg);
         opacity: 0;
     }

     10% {
         opacity: 1;
     }

     90% {
         opacity: 1;
     }

     100% {
         transform: translateY(100vh) rotate(360deg);
         opacity: 0;
     }
 }


 .sidebar-holiday-banner__content {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     max-width: 1600px;
     margin: 0 auto;
     position: relative;
     gap: 12px;
     z-index: 2;
 }

 .sidebar-holiday-banner__icon {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     width: 24px;
     height: 24px;
     color: #FFD700;
     opacity: 0.95;
     animation: iconSparkle 2s ease-in-out infinite;
 }

 .sidebar-holiday-banner--newyear .sidebar-holiday-banner__icon {
     color: #FFD700;
     filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.8));
 }

 @keyframes iconSparkle {

     0%,
     100% {
         transform: scale(1);
         opacity: 0.95;
     }

     50% {
         transform: scale(1.1);
         opacity: 1;
     }
 }

 .sidebar-holiday-banner__icon svg {
     width: 100%;
     height: 100%;
 }

 .sidebar-holiday-banner__text {
     flex: 1;
     text-align: center;
     color: #ffffff;
     font-size: clamp(13px, 1.1vw, 15px);
     font-weight: 500;
     line-height: 1.5;
     padding: 0 10px;
     display: flex;
     flex-direction: column;
     gap: 1px;
     align-items: center;
 }

 .sidebar-holiday-banner__text strong {
     font-weight: 700;
     color: #ffffff;
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }

 .newyear-greeting {
     font-size: clamp(14px, 1.2vw, 16px);
     font-weight: 700;
     color: #FFD700;
     text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 2px 4px rgba(0, 0, 0, 0.3);
     animation: greetingGlow 2s ease-in-out infinite;
     letter-spacing: 0.5px;
 }

 @keyframes greetingGlow {

     0%,
     100% {
         text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 2px 4px rgba(0, 0, 0, 0.3);
     }

     50% {
         text-shadow: 0 0 20px rgba(255, 215, 0, 1), 0 0 30px rgba(255, 215, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.3);
     }
 }

 .sidebar-holiday-banner__text p {
     margin: 0;
     color: #ffffff;
 }

 .sidebar-holiday-banner__close {
     position: absolute;
     right: 15px;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.25);
     border: none;
     border-radius: 50%;
     width: 28px;
     height: 28px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 0.2s ease;
     padding: 0;
     flex-shrink: 0;
     z-index: 3;
 }

 .sidebar-holiday-banner--newyear .sidebar-holiday-banner__close {
     background: rgba(255, 215, 0, 0.3);
     border: 1px solid rgba(255, 215, 0, 0.5);
 }

 .sidebar-holiday-banner__close:hover {
     background: rgba(255, 255, 255, 0.35);
     transform: translateY(-50%) scale(1.1);
 }

 .sidebar-holiday-banner--newyear .sidebar-holiday-banner__close:hover {
     background: rgba(255, 215, 0, 0.5);
     box-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
 }

 .sidebar-holiday-banner__close:active {
     transform: translateY(-50%) scale(0.95);
 }

 .sidebar-holiday-banner__close svg {
     width: 16px;
     height: 16px;
     stroke: #ffffff;
     stroke-width: 2.5;
 }

 @media (max-width: 797px) {

     /* На мобільних пристроях плашка не повинна перекривати мобільну шапку */
     /* Мобільна шапка має z-index: 9999999, тому плашка має бути нижче */
     .sidebar-holiday-banner {
         padding: 10px 45px 10px 15px;
         font-size: 13px;

         z-index: 9999998 !important;
         margin-top: 40px;
     }

     .sidebar-holiday-banner__icon {
         width: 20px;
         height: 20px;
     }

     .sidebar-holiday-banner__text {
         font-size: 12px;
         padding: 0 8px;
     }

     .sidebar-holiday-banner__close {
         right: 10px;
         width: 24px;
         height: 24px;
     }

     .sidebar-holiday-banner__close svg {
         width: 14px;
         height: 14px;
     }
 }

 .floating_sidebar .fs_item {
     cursor: pointer;
     display: block;
     float: left;
     padding: 5px;
     text-align: center;
     position: relative;
 }

 .floating_sidebar .fs_item .fs_ico {
     background: url("/images/sidebar_compare_ico.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
     display: inline-block;
     height: 30px;
     margin: 0 10px 0 0;
     vertical-align: middle;
     width: 30px;
 }

 button.mainMenu_catalog_float_button {
     background: 0 0;
     font-size: 18px;
     line-height: 21px;
     height: 50px;
     display: -moz-box;
     display: flex;
     -moz-box-ordinal-group: 2;
     align-items: center;
     border: none;
     position: relative;
 }

 svg.icon-component_catalog_float {
     display: inline-block;
     flex-shrink: 0;
     height: 50px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     margin-right: 10px;
 }




 .mainMenu_catalog_float_block {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .events_container_product {
     display: flex;
     justify-content: space-between;
     margin-top: 5px;
     margin-bottom: 5px;
 }

 .Events_containerIcon__1SbO5 {
     width: 40px;
     height: 40px;
     border: 1px solid var(--color-gray-border);
     transition: border-color 0.3s ease 0s, background 0.3s ease 0s;
 }

 .events_container_product svg {
     height: 40px;
     color: rgba(63, 78, 93, 60%);
     border: 1px solid rgba(0, 0, 0, 12%);
     border-radius: 10px;
     padding: 5px;
 }

 .add-favorire_block,
 .add-compare_block,
 .tracking_price_block {
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }


 .add-favorire_text_link,
 .add-compare__text_link,
 .tracking_price_text_link {
     margin-left: 10px;
 }


 li.float_catalog_item img {
     width: 30px;
     height: 30px;
     padding-right: 5px;
 }

 .drop_down_sub_catalog_block.loading {
     background-image: url('/images/ajax_load.gif');
     background-repeat: no-repeat;
     width: 400px;
     height: 600px;
 }



 .floating_sidebar .fs_item .fs_item_name {
     font-size: 18px;
     text-transform: uppercase;
     vertical-align: middle;
     color: red;
     font-weight: bold;

 }

 .floating_sidebar .fs_item sup {
     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
     border-radius: 50%;
     box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
     display: inline-block;
     height: 25px;
     line-height: 25px;
     margin: 0 0 0 7px;
     text-align: center;
     top: 0;
     vertical-align: middle;
     width: 25px;
 }

 .prod_history_list {
     display: block;
     margin: 3px -5px 0;
     max-height: 300px;
     overflow-y: auto;
 }

 .prod_history_list a {
     border-top: 1px solid #FFFFFF;
     box-shadow: 0 -1px 0 #DADADA;
     display: block;
     position: relative;
     font-size: 11px;
     font-weight: normal;
     height: 30px;
     margin: 0 0 2px;
     overflow: hidden;
     padding: 0 3px 1px;
     font-weight: normal;
 }

 .prod_history_list a.instock {}

 .prod_history_list a:hover {
     background: #fff;
 }

 .prod_history_list a div {
     background: #FFFFFF;
     float: left;
     height: 25px;
     line-height: 25px;
     margin: 2px 4px 0 0;
     text-align: center;
     width: 25px;
 }

 .prod_history_list a img {
     max-height: 24px;
     max-width: 24px;
     vertical-align: middle;
     *width: 24px;
 }

 .prod_history_list p {
     text-align: center;
     font-style: italic;
 }

 .prod_history_list .lprice,
 .treeprods .lprice {
     color: #499500;
     font-weight: bold;
 }

 .prod_history_list .delete {
     border-radius: 5px 5px 5px 5px;
     color: red;
     height: 16px;
     position: absolute;
     right: 4px;
     text-align: center;
     top: -1px;
     width: 16px;
 }

 .prod_history_list .delete:hover {
     font-weight: bold;
     background: #fff;
 }

 .tooltip_btns {
     margin: 0;
 }

 .tooltip_btns a {
     background: none repeat scroll 0 0 #FFFFFF;
     border: 1px solid #DADADA;
     border-radius: 3px;
     cursor: pointer;
     display: inline-block;
     font-size: 10px;
     margin: 1px 0 0;
     padding: 0 4px;
     text-align: center;
     white-space: pre;
     font-weight: normal;
     *display: inline;
     zoom: 1;
 }

 .tooltip_btns a:hover {
     border-color: #007FC0;
 }

 .tooltip_btns .dellallcompare {
     color: Red;
 }

 .compare-list a,
 .wish-list a {
     padding: 0 16px 1px 3px;
     font-weight: normal;
 }

 .cart-content {
     overflow: hidden;
 }

 .cart-content.loadings {
     height: auto;
     width: auto;
     border-radius: 0;
     opacity: 0.5;
     position: relative;
 }

 .cart-content.loadings::before {
     background-image: url("/images/loader.gif");
     background-position: 50% 50%;
     background-repeat: no-repeat;
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 1;
     content: "";
 }

 .btn_recalculate_class {
     display: none;
 }

 .cart-content .imgwrp {
     width: 36px;
     height: 36px;
     line-height: 36px;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     overflow: hidden;
 }

 .cart-content .imgwrp img {
     max-width: 100%;
     max-height: 36px;
     vertical-align: middle;
 }

 .cart-content .product-link {
     text-decoration: none;
 }

 .cart-content .preorder_label {
     font-weight: bold;
     color: #077;
 }

 .cart-content .remove-item {
     color: #02020254;
     font-size: 1.3em;
 }

 .checkout-part-content button[type="submit"] {
     font-size: 21px;
 }

 .cart-content .remove-item:hover {
     color: #bf2f2f66;
 }

 .cart-content .cart-bottom-buttons-wrp {
     margin: 10px 10px 10px 10px;
 }

 .cart-content .cart-bottom-buttons-wrp .button {
     min-height: 20px;
     padding: 5px;
     line-height: 18px;
     display: block;
     max-height: none;
     font-size: 21px;
     font-weight: lighter;
 }

 #CartContent .cart_gift {
     font-size: 11px;
     font-weight: bold;
 }

 #CartContent .cart_gift .fa {}

 #CartContent .cart_gift a {
     text-decoration: none;
     line-height: 11px;
     display: inline-block;
     color: #bd2e00;
 }

 .floating_cart {
     background-color: #222d38;
     bottom: 77px;
     color: #fff;
     padding: 5px 10px;
     position: fixed;
     right: 0;
     z-index: 5;
     border-radius: 10px;
 }

 .floating_cart.hidden {
     display: none;
 }

 .floating_cart .fcart_ico {
     background-image: url(/images_sale/header_shoping_cart_icon.svg);
     /* background-position: 50% 50%; */
     background-repeat: no-repeat;
     display: inline-block;
     height: 21px;
     /* margin: 0 5px 0 0; */
     vertical-align: middle;
     width: 26px;
 }

 .floating_cart .fcart_link {
     border-bottom: 1px dashed #e14d4d;
     */ color: #fff;
     /* font-size: 18px; */
     margin: 0 10px 0 0;
     text-decoration: none;
     vertical-align: middle;
 }

 .floating_cart .fcart_link:hover {
     border-bottom: 1px solid #fff;
 }

 .floating_cart .fc_cartinfo {
     border-left: 1px solid rgba(255, 255, 255, .1);
     */ display: inline-block;
     font-size: 17px;
     font-style: italic;
     vertical-align: middle;
 }

 .floating_cart .fc_cartinfo sup {
     background-color: #fff;
     border-radius: 50%;
     color: #e14d4d;
     display: inline-block;
     height: 18px;
     line-height: 18px;
     text-align: center;
     text-indent: 0;
     font-size: 14px;
     vertical-align: middle;
     width: 18px;
     top: -1px;
 }

 .loading {
     background: url(/images/loading.gif) no-repeat 50% 50%;
     width: 100px;
     height: 100px;
     margin: 0 auto;
 }

 div.cart_wrp {
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     border-radius: 6px;
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
     background: none repeat scroll 0 0 #FFFFFF;
     border: 3px solid #666666;
     width: 650px;
     padding: 20px;
     *height: 500px;
     max-height: 500px;
     overflow-y: auto;
 }

 .apple_overlay {
     display: none;
     font-size: 11px;
 }

 .apple_overlay .close {
     color: Crimson;
     cursor: pointer;
     font-family: arial;
     font-size: 31px;
     height: 35px;
     line-height: 35px;
     position: absolute;
     right: 3px;
     text-align: center;
     top: 3px;
     width: 35px;
 }

 /*overlay end*/
 .tooltip {
     background: none repeat scroll 0 0 #fff;
     border: 5px solid #4c5761;
     box-shadow: 0 0 0 1px #ffffff inset, 0 1px 6px rgba(0, 0, 0, 0.3);
     color: #434343;
     display: none;
     font-size: 11px;
     font-weight: bold;
     margin: 0;
     opacity: 0.8;
     padding: 5px;
     position: absolute;
     text-shadow: 0 1px 0 #ffffff;
     width: 159px;
     z-index: 99;
 }

 .tooltip.bottom,
 .tooltip.tooltip_bottom_sidebar {
     margin: -20px 0 0;
 }

 .tooltip.tooltip_bottom_sidebar {
     width: 200px;
     bottom: 50px;
     position: fixed !important;
     top: auto !important;
 }

 .tooltip:before {
     border-color: transparent transparent #4c5761;
     border-style: solid;
     border-width: 0 15px 15px;
     bottom: 100%;
     content: "";
     display: block;
     left: 50%;
     margin: 0 0 0 -10px;
     position: absolute;
 }

 .tooltip.bottom:before,
 .tooltip.tooltip_bottom_sidebar:before {
     border-color: #4c5761 transparent transparent;
     border-width: 15px 15px 0;
     bottom: auto;
     top: 100%;
 }

 /* qsearch*/
 .ac_loading {
     background: url("/images/ajax_load.gif") no-repeat scroll 99% 50% #FFFFFF !important;
     color: grey !important;
 }

 .ac_results {
     background: none repeat scroll 0 0 #FFFFFF;
     border-color: #DADADA;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
     border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
     -webkit-border-radius: 0 0 3px 3px;
     border-right: 1px solid #DADADA;
     border-style: none solid solid;
     border-width: medium 1px 1px;
     margin: 0;
 }

 .ac_results iframe {
     display: none;
     /*sorry for IE5*/
     display
     /**/
     : block;
     /*sorry for IE5*/
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     filter: mask();
     width: 3000px;
     height: 3000px;
 }

 .ac_results ul {
     padding: 0;
     margin: 0;
 }

 .ac_results ul li {
     border-bottom: 1px solid #DADADA;
     list-style: none outside none;
     padding: 5px;
     overflow: hidden;
 }

 .ac_results ul li.ac_over {
     background-color: #ffb;
 }

 .ac_results ul li a {}

 .ac_results ul li a.imgbrd {
     display: block;
     float: left;
     height: 65px;
     line-height: 65px;
     margin: 0 7px 0 0;
     overflow: hidden;
     width: 65px;
 }

 .ac_results ul li a.imgbrd img {
     max-height: 65px;
     max-width: 65px;
     vertical-align: middle;
 }

 #kupit li {
     font-size: 16px;
     line-height: 30px;
     font-family: sans-serif;
 }

 #kupit strong {
     font-size: 16px;
 }

 .header_top_menu a {
     font-size: 13px;
     text-decoration: none;
     font-family: 'Roboto';
 }

 .header_top_menu a>i {
     margin: 0 5px 0 0;
 }

 .cat_info_right_bg a {
     font-size: 16px;
     text-decoration: none;
 }

 #instock {
     font-size: 10px;
 }

 .montagimg {
     margin: 15px;
 }

 .montagimg img {
     padding-right: 30px;
 }

 .contact-page {
     font-size: 22px;
     font-weight: normal;
     line-height: 1.2em;
     margin-bottom: 0.325em;
     letter-spacing: -0.025em
 }

 .contacttel {
     font-size: 18px;
     line-height: 1.25926em;
     border-left: 2px solid #ccc;
     /* Параметры линии */
     margin-left: 20px;
     /* Отступ слева */
     padding-left: 10px;
 }

 .mailcon {
     color: #999;
     line-height: 1.4em;
     font-size: 1.6em;
 }

 .planner-work {
     line-height: 1.4em;
     font-size: 1.6em;
 }

 .work-time-call {
     font-size: 1.692em;
     margin: 0.455em 0;
     font-weight: bold;
 }

 .work-time-call-weekender {
     color: #999;
     font-size: 1em;
     line-height: 1.38462em;
 }

 .stat hr {
     width: 250px;
 }

 .category-text a {
     font-size: 1.88462em;
     margin: 1em;
     color: #3e77aa;
 }

 .category-text {
     margin: 3em;
 }

 .bestmontag {
     color: #475766;
     font-size: 1.3077em;
     font-weight: bold;
     margin-bottom: 0.3em;
 }

 .callmaster {
     font-size: 2em;
     font-weight: bold;
     cursor: pointer;
     color: rgb(32, 67, 99)
 }

 .category-textall a {
     display: block;
     padding-right: 5px;
     position: relative;
     color: #3e77aa
 }

 .htm_ico htm_ico_id3 a {
     background: url("/images/header_top_menu_icons.png") no-repeat scroll 1px 50% rgba(0, 0, 0, 0);
 }

 .recomcat {
     color: #1B6FB9;
     font-weight: bold;
 }

 .conteiner div {
     display: inline-block;
     width: 200px;
     margin-left: 15px;
     margin-bottom: 15px;
     color: #1B6FB9;
     font-weight: bold;
 }

 .conteiner-zap div {
     display: inline-block;
     width: 200px;
     margin-left: 15px;
     margin-bottom: 15px;
     color: #1B6FB9;
     font-weight: bold;
 }

 .conteiner-zap a {
     display: inline-block;
     font-size: 15px;
 }

 .tag1,
 .tag2,
 .tag3,
 .tag4 {
     background: url("/images/tag2.png") no-repeat scroll 0 0 transparent;
     width: 50px;
     height: 50px;
     display: block;
     z-index: 1;
     margin: 20px;
     position: absolute;
 }

 .tag2 {
     background: url("/images/tag2.png") no-repeat scroll 0 0 transparent;
 }

 .tag3 {
     background: url("/images/tag2.png") no-repeat scroll 0 0 transparent;
 }

 .tag4 {
     background: url("/images/tag2.png") no-repeat scroll 0 0 transparent;
 }

 .zaphref {
     margin-left: 12px;
     margin-bottom: 20px;
     color: #091F31;
     font-weight: bold;
     font-size: 10px;
 }

 #productdetailedshema {
     width: 200px;
     margin-left: 15px;
     margin-bottom: 15px;
     color: #1B6FB9;
     font-weight: bold;
 }

 #overlay1 {
     position: fixed;
     top: 0;
     left: 0;
     display: none;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.65);
     z-index: 999;
     -webkit-animation: fade .6s;
     -moz-animation: fade .6s;
     animation: fade .6s;
     overflow: auto;
 }

 .popup {
     top: 25%;
     left: 0;
     right: 0;
     font-size: 14px;
     margin: auto;
     width: 85%;
     min-width: 320px;
     max-width: 600px;
     position: absolute;
     padding: 15px 20px;
     border: 1px solid #383838;
     background: #fefefe;
     z-index: 1000;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     border-radius: 4px;
     font: 14px/18px 'Tahoma', Arial, sans-serif;
     -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
     -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
     -ms-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
     box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
     -webkit-animation: fade .6s;
     -moz-animation: fade .6s;
     animation: fade .6s;
 }

 .close {
     top: 10px;
     right: 10px;
     width: 32px;
     height: 32px;
     position: absolute;
     border: none;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     background-color: rgba(0, 131, 119, 0.9);
     -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     cursor: pointer;
     outline: none;
 }

 .close:before {
     color: rgba(255, 255, 255, 0.9);
     content: "X";
     font-family: 'Roboto';
     font-size: 14px;
     font-weight: normal;
     text-decoration: none;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
 }

 /* кнопка закрытия при наведении */
 .close:hover {
     background-color: rgba(252, 20, 0, 0.8);
 }

 .conteiner-modeli div {
     display: inline-block;
     margin-left: 5px;
     margin-bottom: 5px;
     color: #1B6FB9;
     font-weight: bold;
 }

 .conteiner-zap a {
     display: inline-block;
     font-size: 12px;
 }

 #creditpage {
     font-size: 14px;
 }

 .credtovar {
     color: #1c1d1c;
     font-weight: bold;
     background: #ead048;
     font-size: 14px;
     margin-top: 30px;
 }

 .tooltip_helper {
     margin: 15px;
 }

 .footer-flow-up-button {
     position: fixed;
     bottom: 44px;
     /*left: 44px;*/
     display: block;
     text-align: center;
     width: 0;
     height: 0;
     background-color: #dd0601;
     color: #fff;
     cursor: pointer;
     border-radius: 50%;
     font-size: 0;
     line-height: 20px;
     opacity: 0;
     transition: all 300ms;
 }

 .footer-flow-up-button:hover {
     background-color: #1a3249;
     color: #fff;
 }

 .footer-flow-up-button.visible {
     bottom: 70px;
     /*left: 20px;*/
     right: 10px;
     opacity: .9;
     width: 48px;
     height: 48px;
     font-size: 20px;
     line-height: 48px;
 }

 #jvlabelWrap {
     z-index: 1 !important;
 }

 /* fancybox */
 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: none;
     position: fixed;
     -webkit-tap-highlight-color: transparent;
     top: 0;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     transform: translateZ(0);
     width: 100%;
     z-index: 9999299999;
 }

 .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: 1;
     position: absolute;
     transition: opacity .25s ease, visibility 0s ease .25s;
     visibility: visible;
     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: none;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     padding: 5px;
     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: transparent;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     left: 0;
     max-width: none;
     overflow: visible;
     padding: 0;
     position: absolute;
     top: 0;
     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: grab
 }

 .fancybox-is-grabbing .fancybox-content {
     cursor: grabbing
 }

 .fancybox-container [data-selectable=true] {
     cursor: text
 }

 .fancybox-image,
 .fancybox-spaceball {
     background: transparent;
     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: transparent;
     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: none
 }

 .fancybox-button.fancybox-focus {
     outline: 1px dotted
 }

 .fancybox-button[disabled],
 .fancybox-button[disabled]:hover {
     color: #888;
     cursor: default;
     outline: none
 }

 .fancybox-button div {
     height: 100%
 }

 .fancybox-button svg {
     display: block;
     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--fsexit svg:first-child,
 .fancybox-button--pause svg:first-child,
 .fancybox-button--play svg:nth-child(2) {
     display: none
 }

 .fancybox-progress {
     background: #ff5268;
     height: 2px;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     transform: scaleX(0);
     transform-origin: 0;
     transition-property: transform;
     transition-timing-function: linear;
     z-index: 99998
 }

 .fancybox-close-small {
     background: transparent;
     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: 110px
 }

 .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 45px;
 }

 .fancybox-navigation .fancybox-button--arrow_right {
     padding: 31px 45px 31px 26px;
     right: 0;
     right: env(safe-area-inset-right)
 }

 .fancybox-caption {
     background: linear-gradient(0deg, 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%, transparent);
     bottom: 0;
     color: #eee;
     font-size: 14px;
     font-weight: 400;
     left: 0;
     line-height: 1.5;
     padding: 75px 44px 25px;
     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: a 1s linear infinite;
     background: transparent;
     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 a {
     to {
         transform: rotate(1turn)
     }
 }

 .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: translateZ(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: scaleX(1)
 }

 .fancybox-fx-rotate.fancybox-slide--previous {
     opacity: 0;
     transform: rotate(-1turn)
 }

 .fancybox-fx-rotate.fancybox-slide--next {
     opacity: 0;
     transform: rotate(1turn)
 }

 .fancybox-fx-rotate.fancybox-slide--current {
     opacity: 1;
     transform: rotate(0deg)
 }

 .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: scaleX(1) translateZ(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: translateZ(0) scale(1)
 }

 @media (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
 }

 .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;
     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: transparent;
     border: 0;
     border-bottom: 1px solid #d7d7d7;
     border-radius: 0;
     color: #5d5b5b;
     font-size: 14px;
     margin: 10px 0 0;
     outline: none;
     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;
     position: absolute;
     right: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     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: 50%;
     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: none;
     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 (max-width:576px) {
     .fancybox-thumbs {
         width: 110px
     }

     .fancybox-show-thumbs .fancybox-inner {
         right: 110px
     }

     .fancybox-thumbs__list a {
         max-width: calc(100% - 10px)
     }
 }

 /*! jQuery UI - v1.12.1 - 2017-03-17* http://jqueryui.com* Includes: core.css, slider.css, theme.css* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-lightness&cornerRadiusShadow=5px&offsetLeftShadow=-5px&offsetTopShadow=-5px&thicknessShadow=5px&opacityShadow=20&bgImgOpacityShadow=10&bgTextureShadow=flat&bgColorShadow=000000&opacityOverlay=50&bgImgOpacityOverlay=20&bgTextureOverlay=diagonals_thick&bgColorOverlay=666666&iconColorError=ffd27a&fcError=ffffff&borderColorError=cd0a0a&bgImgOpacityError=18&bgTextureError=diagonals_thick&bgColorError=b81900&iconColorHighlight=228ef1&fcHighlight=363636&borderColorHighlight=fed22f&bgImgOpacityHighlight=75&bgTextureHighlight=highlight_soft&bgColorHighlight=ffe45c&iconColorActive=ef8c08&fcActive=eb8f00&borderColorActive=fbd850&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=ef8c08&fcHover=c77405&borderColorHover=fbcb09&bgImgOpacityHover=100&bgTextureHover=glass&bgColorHover=fdf5ce&iconColorDefault=ef8c08&fcDefault=1c94c4&borderColorDefault=cccccc&bgImgOpacityDefault=100&bgTextureDefault=glass&bgColorDefault=f6f6f6&iconColorContent=222222&fcContent=333333&borderColorContent=dddddd&bgImgOpacityContent=100&bgTextureContent=highlight_soft&bgColorContent=eeeeee&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=e78f08&bgImgOpacityHeader=35&bgTextureHeader=gloss_wave&bgColorHeader=f6a828&cornerRadius=4px&fsDefault=1.1em&fwDefault=bold&ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif* Copyright jQuery Foundation and other contributors;
Licensed MIT */
 .ui-helper-hidden {
     display: none
 }

 .ui-helper-hidden-accessible {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px
 }

 .ui-helper-reset {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     line-height: 1.3;
     text-decoration: none;
     font-size: 100%;
     list-style: none
 }

 .ui-helper-clearfix:before,
 .ui-helper-clearfix:after {
     content: "";
     display: table;
     border-collapse: collapse
 }

 .ui-helper-clearfix:after {
     clear: both
 }

 .ui-helper-zfix {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     opacity: 0;
     filter: Alpha(Opacity=0)
 }

 .ui-front {
     z-index: 100
 }

 .ui-state-disabled {
     cursor: default !important;
     pointer-events: none
 }

 .ui-icon {
     display: inline-block;
     vertical-align: middle;
     margin-top: -.25em;
     position: relative;
     text-indent: -99999px;
     overflow: hidden;
     background-repeat: no-repeat
 }

 .ui-widget-icon-block {
     left: 50%;
     margin-left: -8px;
     display: block
 }

 .ui-widget-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }

 .ui-slider {
     position: relative;
     text-align: left
 }

 .ui-slider .ui-slider-handle {
     position: absolute;
     z-index: 2;
     width: 1.2em;
     height: 1.2em;
     cursor: default;
     -ms-touch-action: none;
     touch-action: none
 }

 .ui-slider .ui-slider-range {
     position: absolute;
     z-index: 1;
     font-size: .7em;
     display: block;
     border: 0;
     background-position: 0 0
 }

 .ui-slider.ui-state-disabled .ui-slider-handle,
 .ui-slider.ui-state-disabled .ui-slider-range {
     filter: inherit
 }

 .ui-slider-horizontal {
     height: .8em
 }

 .ui-slider-horizontal .ui-slider-handle {
     top: -.3em;
     margin-left: -.6em
 }

 .ui-slider-horizontal .ui-slider-range {
     top: 0;
     height: 100%
 }

 .ui-slider-horizontal .ui-slider-range-min {
     left: 0
 }

 .ui-slider-horizontal .ui-slider-range-max {
     right: 0
 }

 .ui-slider-vertical {
     width: .8em;
     height: 100px
 }

 .ui-slider-vertical .ui-slider-handle {
     left: -.3em;
     margin-left: 0;
     margin-bottom: -.6em
 }

 .ui-slider-vertical .ui-slider-range {
     left: 0;
     width: 100%
 }

 .ui-slider-vertical .ui-slider-range-min {
     bottom: 0
 }

 .ui-slider-vertical .ui-slider-range-max {
     top: 0
 }

 .ui-widget {
     font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
     font-size: 1.1em
 }

 .ui-widget .ui-widget {
     font-size: 1em
 }

 .ui-widget input,
 .ui-widget select,
 .ui-widget textarea,
 .ui-widget button {
     font-family: sans-serif;
     font-size: 1em
 }

 .ui-widget.ui-widget-content {
     border: 1px solid #ccc
 }

 .ui-widget-content {
     border: 1px solid #ddd;
     background: #eee url("/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
     color: #333
 }

 .ui-widget-content a {}

 .ui-widget-header {
     border: 1px solid #e78f08;
     background-color: #f6a828;
     color: #fff;
     font-weight: bold
 }

 .ui-widget-header a {
     color: #fff
 }

 .ui-state-default,
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default,
 .ui-button,
 html .ui-button.ui-state-disabled:hover,
 html .ui-button.ui-state-disabled:active {
     border: 1px solid #ccc;
     background: #f6f6f6 url("/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
     font-weight: bold;
     color: #1c94c4
 }

 .ui-state-default a,
 .ui-state-default a:link,
 .ui-state-default a:visited,
 a.ui-button,
 a:link.ui-button,
 a:visited.ui-button,
 .ui-button {
     color: #1c94c4;
     text-decoration: none
 }

 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
 .ui-state-focus,
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus,
 .ui-button:hover,
 .ui-button:focus {
     border: 1px solid #fbcb09;
     background: #fdf5ce url("/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
     font-weight: bold;
     color: #c77405
 }

 .ui-state-hover a,
 .ui-state-hover a:hover,
 .ui-state-hover a:link,
 .ui-state-hover a:visited,
 .ui-state-focus a,
 .ui-state-focus a:hover,
 .ui-state-focus a:link,
 .ui-state-focus a:visited,
 a.ui-button:hover,
 a.ui-button:focus {
     color: #c77405;
     text-decoration: none
 }

 .ui-visual-focus {
     box-shadow: 0 0 3px 1px rgb(94, 158, 214)
 }

 .ui-state-active,
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active,
 a.ui-button:active,
 .ui-button:active,
 .ui-button.ui-state-active:hover {}

 .ui-icon-background,
 .ui-state-active .ui-icon-background {
     border: #fbd850;
     background-color: #eb8f00
 }

 .ui-state-active a,
 .ui-state-active a:link,
 .ui-state-active a:visited {}

 .ui-state-highlight,
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight {
     border: 1px solid #fed22f;
     background: #ffe45c url("/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
     color: #363636
 }

 .ui-state-checked {
     border: 1px solid #fed22f;
     background: #ffe45c
 }

 .ui-state-highlight a,
 .ui-widget-content .ui-state-highlight a,
 .ui-widget-header .ui-state-highlight a {
     color: #363636
 }

 .ui-state-error,
 .ui-widget-content .ui-state-error,
 .ui-widget-header .ui-state-error {
     border: 1px solid #cd0a0a;
     background: #b81900 url("/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
     color: #fff
 }

 .ui-state-error a,
 .ui-widget-content .ui-state-error a,
 .ui-widget-header .ui-state-error a {
     color: #fff
 }

 .ui-state-error-text,
 .ui-widget-content .ui-state-error-text,
 .ui-widget-header .ui-state-error-text {
     color: #fff
 }

 .ui-priority-primary,
 .ui-widget-content .ui-priority-primary,
 .ui-widget-header .ui-priority-primary {
     font-weight: bold
 }

 .ui-priority-secondary,
 .ui-widget-content .ui-priority-secondary,
 .ui-widget-header .ui-priority-secondary {
     opacity: .7;
     filter: Alpha(Opacity=70);
     font-weight: normal
 }

 .ui-state-disabled,
 .ui-widget-content .ui-state-disabled,
 .ui-widget-header .ui-state-disabled {
     opacity: .35;
     filter: Alpha(Opacity=35);
     background-image: none
 }

 .ui-state-disabled .ui-icon {
     filter: Alpha(Opacity=35)
 }

 .ui-icon {
     width: 16px;
     height: 16px
 }

 .ui-icon,
 .ui-widget-content .ui-icon {
     background-image: url("/images/ui-icons_222222_256x240.png")
 }

 .ui-widget-header .ui-icon {
     background-image: url("/images/ui-icons_ffffff_256x240.png")
 }

 .ui-state-hover .ui-icon,
 .ui-state-focus .ui-icon,
 .ui-button:hover .ui-icon,
 .ui-button:focus .ui-icon {
     background-image: url("/images/ui-icons_ef8c08_256x240.png")
 }

 .ui-state-active .ui-icon,
 .ui-button:active .ui-icon {
     background-image: url("/images/ui-icons_ef8c08_256x240.png")
 }

 .ui-state-highlight .ui-icon,
 .ui-button .ui-state-highlight.ui-icon {
     background-image: url("/images/ui-icons_228ef1_256x240.png")
 }

 .ui-state-error .ui-icon,
 .ui-state-error-text .ui-icon {
     background-image: url("/images/ui-icons_ffd27a_256x240.png")
 }

 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-left,
 .ui-corner-tl {
     border-top-left-radius: 4px
 }

 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-right,
 .ui-corner-tr {
     border-top-right-radius: 4px
 }

 .ui-corner-all,
 .ui-corner-bottom,
 .ui-corner-left,
 .ui-corner-bl {
     border-bottom-left-radius: 4px
 }

 .ui-corner-all,
 .ui-corner-bottom,
 .ui-corner-right,
 .ui-corner-br {
     border-bottom-right-radius: 4px
 }

 .ui-widget-overlay {
     background: #666 url("/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
     opacity: .5;
     filter: Alpha(Opacity=50)
 }

 .ui-widget-shadow {
     -webkit-box-shadow: -5px -5px 5px #000;
     box-shadow: -5px -5px 5px #000
 }

 .ui-autocomplete {
     padding: 15px 0;
     margin: 0;
 }

 .ui-autocomplete .ui-menu-item {
     display: block;
     clear: both;
 }

 .ui-autocomplete .ui-menu-item .ss_product_item {}

 .ui-autocomplete .ui-menu-item .ss_product_item:hover {
     background-color: rgba(255, 255, 255, 0.5);
 }

 .ui-autocomplete .ui-menu-item .ss_product_item .ss_pi_link {
     display: block;
     padding: 0 15px;
     margin: 0 0 5px;
     overflow: hidden;
     text-decoration: none;
 }

 .ui-autocomplete .ui-menu-item .ss_product_item .ss_pi_link .imgwrp {
     display: block;
     float: left;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     overflow: hidden;
     margin: 0 10px 0 0;
     font-size: 0;
     background-color: #fff;
 }

 .ui-autocomplete .ui-menu-item .ss_product_item .ss_pi_link .imgwrp img {
     width: 100%;
     max-height: 30px;
     vertical-align: middle;
 }

 .ui-autocomplete .ui-menu-item .ss_product_item .ss_pi_link .ss_pi_name {
     text-decoration: none;
     font-size: 12px;
 }

 .internal_body img {
     width: 100%;
 }

 .internal_body {
     font-size: 16px;
 }

 .line {
     display: flex;
     flex-wrap: wrap;
     font-size: 16px;
     width: 100%;
     line-height: 16px;
     margin: 1px 0 1px 0;
     border-bottom: 1px dashed rgba(0, 0, 0, .15);
 }

 .value {
     margin-left: 10px;
     margin-top: 10px;
 }

 .properties-group {
     margin-bottom: 30px
 }

 .properties-group_title {
     font-size: 18px;
     line-height: 22px;
     font-weight: 500;
     border-bottom: 1px solid #dadada;
     padding: 0 0 10px 13px
 }

 .name {
     width: 50%;
     padding: 12px 0 12px 9px;
     color: rgba(0, 0, 0, 54%);
 }

 .tab-title {
     font-size: 22px;
     line-height: 29px;
     margin-bottom: 31px;
     font-weight: 500;
 }

 .features_texts-item {
     margin: 10px 0 10px 5px;
     font-size: 20px;
 }

 .col col-12 col-md-10 body {
     font-size: 30px;
 }

 .col col-12 col-md-10 body span {
     font-size: 40px;
 }

 .top-information img {
     height: auto;
 }

 .header_top_menu_viber {
     position: relative;
 }

 .fa-viber {
     margin-left: 20px;
 }

 .fa-viber::before {
     content: " ";
     position: absolute;
     font-size: 12px;
     left: 1px;
     background-image: url('/images/viber_tile_logo_icon.svg');
     background-repeat: no-repeat;
     background-position: left center;
     width: 60%;
     height: 60%;
 }

 .header_cell_popup_down {
     visibility: hidden;
 }

 .messenger {
     display: block;
     position: fixed;
     right: 5px;
     bottom: 130px;
     height: 60px;
     z-index: 99999;
 }

 .messenger-btn img {
     width: 50px;
     height: 50px;
 }

 .messenger-links {
     /* position: absolute; */
     left: 50px;
     top: 10px;
     width: 200px;
     transform: scale(0);
     transform-origin: 100% 50%;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     z-index: 9999999;
 }

 .messenger-links.show {
     left: 0;
     transform: scale(1);
 }

 .messenger-links a {
     width: 40px;
     margin-left: 4px;
 }

 .messenger-links img {
     max-width: 40px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
 }

 .messenger-links a:hover img {
     transform: scale(1.1);
     text-decoration: none;
 }

 .category_hits_products input[type="submit"] {
     width: 150px
 }

 /* input type number */
 .input_type_number_control {
     display: inline-block;
     margin: 0 5px;
     overflow: hidden;
     padding: 0 30px;
     position: relative;
     vertical-align: middle;
     border-top: 1px solid #e4e4e4;
     border-bottom: 1px solid #e4e4e4;
 }

 .input_type_number_control input {
     border: none;
     text-align: center;
     text-indent: 0;
     width: 32px;
     height: 32px;
     line-height: 32px;
     font-size: 15px;
 }

 .input_type_number_control .cart_product_quantitycart_product_quantity {
     text-align: center;
 }

 .input_type_number_control .itnc_plusminus {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: #fbfbfb;
     box-sizing: border-box;
     color: #5b5b5b;
     cursor: pointer;
     display: block;
     line-height: 32px;
     font-size: 12px;
     height: 100%;
     position: absolute;
     text-align: center;
     top: 0;
     width: 32px;
     right: 0;
     left: auto;
     border-left: 1px solid #e4e4e4;
     border-right: 1px solid #e4e4e4;
 }

 .input_type_number_control .itnc_plusminus_down {
     left: 0;
     right: auto;
 }

 .input_type_number_control .itnc_plusminus:hover {
     background: #d9d9d9;
     color: #000;
 }

 .header_row_tel {
     display: flex;
     justify-content: flex-start;
     margin-left: 310px;
     font-size: 14px;
     font-weight: 500;
     margin-top: 3px;
 }

 .header_row_tel:hover {
     text-decoration: none;
 }

 .header_row_tel noindex {
     margin-left: 7px;
     color: #15375b
 }

 .header_worktime {
     display: flex;
     justify-content: flex-start;
     margin-left: 320px;
 }

 .header_adress {
     display: flex;
     justify-content: flex-start;
     margin-left: 320px;
 }

 .checkout-part-next {
     border-style: none;
     color: #ffffff;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     padding: 6px 3px;
     text-align: center;
     text-transform: uppercase;
     vertical-align: middle;
     text-decoration: none;
     border-radius: 30px;
     width: 130px;
     transition: 1s ease;
     margin-left: 35%;
     margin-top: 15px;
 }

 .messenger-btn {

     position: absolute;
     right: 0;
     top: 0;
     cursor: pointer;
     z-index: 99999;
 }

 #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
     fill: rgb(223 81 78) !important;
 }


 input.add2cart_handler.button_buy {
     background: red;
     color: white;
     border: 1px solid #cfcfcf;
 }







 input.add2cart_handler.button_buy:hover {
     color: #fff;
     background: #d91e1e;
 }

 .header_wrapper {
     display: block;
     padding: 5px 0 5px;
     min-height: 74px;
 }

 .header_contacts_info a {
     color: white;
 }

 .header_account a {
     color: white;
 }

 .header_shopping_cart {
     color: white;
     height: 29px;
     align-items: center;
     display: inline-block;
     text-align: right;
     padding: 18px 0 0 15px;
 }

 .header_right {
     display: inline-block;
     text-align: left;
 }

 .header_right a {
     font-size: 18px;
     font-weight: 500;
 }

 .shcart_link {
     margin-top: 25px;
 }


 .shcart_link a {
     color: white;
     white-space: nowrap;
     display: inline-flex;
     align-items: center;
     gap: 1px;
     line-height: 1.2;
     font-size: 22px;
 }

 .shcart_link a:hover {
     color: red;
     text-decoration: none;
 }

 .cart_animation_bounce {
     animation: cartBounce 0.5s ease-in-out;
 }

 form.pb_product_table_search_form {
     border: 1px #7195b5 solid;
     width: 500px;
     border-radius: 10px;
 }

 .cart_animation_bounce a,
 .cart_animation_bounce svg,
 .cart_animation_bounce sup,
 .cart_animation_bounce button.header_card_button_action,
 .cart_animation_bounce button.header_card_button_action svg,
 .cart_animation_bounce button.header_card_button_action a {
     color: #4CAF50 !important;
     fill: #4CAF50 !important;
     transition: color 0.3s ease, fill 0.3s ease;
 }

 .cart_animation_bounce sup.shpcrtgc {
     background-color: #4CAF50 !important;
     color: white !important;
 }

 .cart_animation_bounce button.header_card_button_action {
     background-color: rgba(76, 175, 80, 0.1) !important;
 }

 @keyframes cartBounce {

     0%,
     100% {
         transform: scale(1);
     }

     25% {
         transform: scale(1.15);
     }

     50% {
         transform: scale(0.95);
     }

     75% {
         transform: scale(1.05);
     }
 }

 .header_top_menu_info {
     background-color: #505961;
     color: #fff;
 }

 .header_top_menu_info__inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: nowrap;
     gap: clamp(4px, 1vw, 16px);
     padding: clamp(4px, 0.5vw, 8px) 0;
     overflow: hidden;
 }

 ul.header_list_top_menu_info {
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     gap: clamp(4px, 0.9vw, 14px);
     list-style-type: none;
     color: #fff;
     padding: 0;
     margin: 0;
     float: none;
     flex: 1 1 auto;
     overflow: hidden;
 }

 ul.header_list_top_menu_info li {
     display: inline-flex;
     align-items: center;
     gap: clamp(4px, 0.6vw, 8px);
     flex: 0 1 auto;
     min-width: 0;
 }

 .header_list_top_menu_info__item {
     display: inline-flex;
     align-items: center;
     gap: clamp(4px, 0.6vw, 8px);
     flex: 0 1 auto;
 }

 .header_list_top_menu_info__item--lang {
     gap: 0;
 }

 ul.header_list_top_menu_info a {
     color: #fff;
     font-size: clamp(14px, 0.75vw, 13px);
     display: inline-flex;
     align-items: center;
     padding: clamp(3px, 0.45vw, 6px) 0;
     outline: none;
     vertical-align: middle;
     line-height: 1.35;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 ul.header_list_top_menu_info a.lang {
     text-transform: uppercase;
     font-size: clamp(9px, 0.65vw, 11px);
     border: 1px solid rgba(255, 255, 255, 0.3);
     border-radius: 12px;
     padding: clamp(2px, 0.35vw, 3px) clamp(5px, 0.8vw, 9px);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     line-height: 1;
 }

 ul.header_list_top_menu_info a.lang.current {
     background-color: rgba(255, 255, 255, 0.3);
 }

 .header_top_menu_icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: clamp(12px, 0.85vw, 16px);
     height: clamp(12px, 0.85vw, 16px);
     flex: none;
 }

 .header_logo_top {
     display: inline-flex;
     align-items: center;
     flex-wrap: nowrap;
     vertical-align: top;
     white-space: nowrap;
 }

 .header_logo_top>a {
     display: inline-block;
     flex-shrink: 0;
 }

 .header_logo_top>a>img {
     width: auto;
     max-width: 180px;
     height: 62px;
     display: block;
 }

 .header-search_icons {
     position: absolute;
     right: 18px;
     top: 3px;
     cursor: pointer;
     display: block;
     width: 18px;
 }

 .header_search {
     display: inline-block;
     position: relative;
     width: 25%;
     vertical-align: top;
     padding: 16px 0 0 0;
     margin-left: 20px;
 }

 .header_search>form {
     position: relative;
 }

 .header_search input#searchstring {
     width: 100%;
     border-radius: 30px;
     height: 35px;
     position: relative;
     text-indent: 22px;
 }

 .header_search input#findbtt {
     position: absolute;
     right: 0;
     top: 0;
     font-size: 6px;
     background-image: url(/images_sale/search-cust.svg);
     width: 43px;
     height: 100%;
     background-size: auto 70%;
     background-position: 0 50%;
     background-color: transparent;
     background-repeat: no-repeat;
 }

 .header_contacts_info {
     display: inline-block;
     height: 32px;
     width: 15%;
     white-space: nowrap;
     border: 1px solid grey;
     border-radius: 6px;
     background: #4d565f;
     position: relative;
     margin: 18px 0 0 2%;
     line-height: 30px;
     text-align: center;
     vertical-align: top;
 }

 .header_contacts_info .header_chevron_icon {
     display: inline-block;
     margin: 0 10px 0 0;
 }

 .header_contacts_info .header-phone-link {
     display: inline-block;
 }

 .header_contacts_info .header_phone_icon {
     display: inline-block;
     margin: 0 0 0 10px;
 }

 .header_contacts_info a {
     text-decoration: none;
     font-size: 18px;
 }

 .header_contacts_info:hover {
     background: #566363;
 }

 .header_phone_icon {
     padding-bottom: 3px;
 }

 .header_wrapper {
     display: grid;
     grid-template-columns: auto minmax(320px, 1fr) 240px auto auto;
     align-items: center;
     column-gap: 18px;
 }

 .header_search {
     width: 100%;
     margin-left: 0;
     padding: 12px 0 0 0;
     margin-top: 0;
 }

 .header_contacts_info {
     width: auto;
     margin: 0;
     padding: 8px 12px;
     min-height: 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     line-height: 1.1;
 }

 .header_contacts_info .header_chevron_icon,
 .header_contacts_info .header_phone_icon {
     display: flex;
     align-items: center;
     margin: 0;
 }

 .header_contacts_info .header-phone-link {
     display: block;
 }

 .header_action_wishlist_block {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     min-width: 64px;
 }

 .header_right {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 18px;
     text-align: left;
     flex: 0 0 280px;
 }

 .header_account {
     padding: 0;
     display: flex;
     align-items: center;
     gap: 10px;
     white-space: nowrap;
     min-width: 150px;
     justify-content: flex-end;
     min-height: 48px;
 }

 .header_shopping_cart {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 12px;
     padding: 0;
     height: auto;
     min-width: 160px;
     min-height: 48px;
 }


 .header_acount_link a {
     color: white;
 }

 .header_account {
     display: inline-block;
     text-align: right;
     white-space: nowrap;
     padding: 25px 10px 0 20px;
 }

 .header_account .header_account_icon {
     padding-right: 4px;
     padding-bottom: 7px;
     display: inline-block;
 }

 .header_account .header_account_icon_svg {
     width: 28px;
     height: 28px;
     display: inline-block;
     vertical-align: middle;
 }

 .header_account .header_account_title {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     line-height: 1.2;
 }

 .header_account .header_acount_link {
     display: inline-block;
 }

 .header_shopping_total {
     padding-left: 10px;
 }

 .header_shopping_cart_icon {
     padding-right: 10px;
 }

 .header_shopping_cart_icon svg {
     width: 28px;
     height: 28px;
     display: inline-block;
     vertical-align: middle;
 }

 .header_contacts_info:hover .drop-down_contact {
     display: block;
 }

 ul.email_drop-down_contact {
     font-size: 20px;
 }

 .header_top_menu_info a {
     text-decoration: none;
 }

 .header_top_menu_info a:hover {
     color: red;
 }

 .drop-down_contact {
     margin: 0 0 0 -44px;
     display: none;
     position: absolute;
     top: 30px;
     width: 305px;
     z-index: 9999999999999999;
     background: white;
     border-radius: 10px;
     text-align: left;
     padding: 20px;
     box-shadow: 0 3px 4px rgba(0, 8, 29, 5%), 0 2px 4px rgba(0, 8, 29, 6%), 0 1px 5px rgba(0, 8, 29, 8%);
     transition: 0.6s;

 }

 .drop-down_contact a {
     color: black;
 }

 .header_contacts_info:hover .header_chevron_icon img {
     transform: scaleY(-1);
 }


 .text_list_phone_drope {
     font-size: 12px;
     line-height: 13px;
     font-weight: 500;
 }

 ul.list-phone a {
     font-size: 18px;
     font-weight: 500;
 }

 ul.email_drop-down_contact svg {
     height: 20px;
     width: 20px;
 }

 ul.workingtime_drop-down_contact svg {
     width: 20px;
     height: 20px;
     margin-right: 5px;
 }

 .text_list_phone_drope svg {
     height: 15px;
     margin-right: 5px;
 }

 ul.adress_drop-down_contact li {
     font-size: 16px;
     font-weight: 500;
 }

 ul.adress_drop-down_contact svg {
     height: 20px;
     width: 20px;
 }

 .drop-down_contact ul {
     list-style-type: none;
     border-bottom: 0.5px solid #edebeb;
     padding-bottom: 3px;
     margin-bottom: 11px;
     font-size: 14px;
     line-height: 14px;
     position: relative;
 }

 ul.workingtime_drop-down_contact li {
     font-size: 18px;
     font-weight: 500;
 }

 .list-phone li::before {
     content: "";
     background-image: url("/images_sale/header-phone_icon.svg");
 }

 .drop-down_contact li {
     padding-bottom: 10px;
 }

 ul.list_last_drop {
     border: none;
 }

 .header_list_top_menu_info li {
     margin-right: 0;
     vertical-align: middle;
     display: inline-flex;
     align-items: center;
     gap: 8px;
 }

 .header_list_top_menu_info li.additional_menu {
     display: inline-flex;
     align-items: center;
     gap: clamp(4px, 0.6vw, 8px);
     position: relative;
 }

 .header_list_top_menu_info li.additional_menu>a {
     display: inline-flex;
     align-items: center;
     gap: clamp(4px, 0.6vw, 8px);
 }

 .header_list_top_menu_info li.additional_menu>a>i {
     margin: 0;
 }

 .header_list_top_menu_info li.additional_menu.admin_links {
     display: inline-flex;
     align-items: center;
     gap: clamp(4px, 0.6vw, 8px);
 }

 .header_list_top_menu_info li.additional_menu.admin_links>.admin_link {
     display: inline-flex;
     align-items: center;
     gap: clamp(4px, 0.6vw, 8px);
     white-space: nowrap;
     font-size: 12px;
 }

 .header_list_top_menu_info li.additional_menu.admin_links>.admin_link a {
     display: inline-flex;
     align-items: center;
     gap: clamp(4px, 0.6vw, 8px);
     border: none;
     padding: 0;
 }

 .header_list_top_menu_info li.additional_menu.admin_links>.admin_link.cacheupdate a {
     gap: 0;
 }

 .header_list_top_menu_info li.additional_menu.admin_links>.admin_link.clearallproductscache a {
     gap: 0;
 }

 .mobile_admin_links_panel {
     display: none;
 }

 @media (max-width: 1300px) {
     .mobile_admin_links_panel {
         position: fixed;
         right: 12px;
         bottom: 12px;
         z-index: 10030;
         display: flex;
         align-items: center;
         gap: 6px;
         padding: 8px 10px;
         margin: 0;
         background: rgba(36, 45, 53, 0.92);
         color: #fff;
         border-radius: 999px;
         backdrop-filter: blur(4px);
         -webkit-backdrop-filter: blur(4px);
         box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
         list-style: none;
     }

     .mobile_admin_links_panel>a,
     .mobile_admin_links_panel .admin_link a {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         width: 34px;
         height: 34px;
         border-radius: 50%;
         padding: 0;
         border: none;
         color: #fff;
         background: rgba(255, 255, 255, 0.12);
         font-size: 0;
         text-decoration: none;
     }

     .mobile_admin_links_panel>a>i,
     .mobile_admin_links_panel .admin_link a>i {
         font-size: 16px;
         margin: 0;
     }

     .mobile_admin_links_panel .admin_link {
         display: inline-flex;
     }
 }

 @media (max-width: 600px) {
     .mobile_admin_links_panel {
         right: 8px;
         left: 8px;
         bottom: calc(8px + env(safe-area-inset-bottom));
         justify-content: space-between;
         padding: 8px;
     }
 }

 .header_acount_link a {
     text-decoration: none;
 }

 .header_acount_link a:hover {
     color: red;
 }

 ul.header_promotion_block {
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     gap: clamp(4px, 0.9vw, 14px);
     margin: 0 0 0 auto;
     padding: 0;
     list-style: none;
     flex: 0 1 auto;
     overflow: hidden;
 }

 .header_promotion_block__item {
     display: inline-flex;
     align-items: center;
     gap: clamp(3px, 0.5vw, 7px);
     flex: 0 1 auto;
     min-width: 0;
 }

 .header_promotion_block li {
     list-style-type: none;
     display: inline-flex;
     align-items: center;
     vertical-align: middle;
     margin: 0;
     flex: 0 1 auto;
 }

 ul.header_promotion_block li a {
     display: inline-flex;
     align-items: center;
     color: #fff;
     vertical-align: middle;
     padding: clamp(3px, 0.45vw, 6px) 0;
     font-size: clamp(18px, 0.75vw, 13px);
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 ul.header_promotion_block li img {
     margin-right: clamp(2px, 0.35vw, 4px);
     min-width: clamp(12px, 0.85vw, 16px);
     max-width: clamp(12px, 0.85vw, 16px);
     height: clamp(20px, 0.85vw, 16px);
     flex: none;
     display: block;
 }


 form.search_form {
     display: flex;
 }

 .comparisson_icon svg.icon-component.icon.add-favorire {
     height: 25px;
     color: rgba(63, 78, 93, 60%);
     border: 1px solid rgba(0, 0, 0, 12%);
     border-radius: 10px;
 }



 .checkout-cell-cart button[type="submit"] {
     color: white;
     background: red;
     border-radius: 10px;
     font-size: 18px;
     z-index: 999999999;
 }

 span.quick-buy.quick-buy-handler:hover {
     color: red;
     cursor: pointer;
 }

 .nameTableValue {
     padding-left: 5px
 }

 jdiv#jvlabelWrap {
     background: #df514e !important;
 }

 jdiv#jvlabelWrap .leafCont_939f .leaf_c971 .cssLeaf_025e {
     border-radius: 0 0 0 92px !important;
     overflow: hidden;
 }

 h1.checkout_title_name {
     margin-top: 30px;
     margin-left: 60px;
 }

 #warning_string {
     color: red;
     font-size: larger;
     font-weight: 900;
 }

 .contact_notifacation {
     background: #f9f9f9;
     padding: 20px;
     border-radius: 15px;
     margin: 40px 20px;
     font-size: 18px;
     box-shadow: 0px 4px 10px 0px rgba(64, 64, 64, 0.2);
 }

 .contact_notifacation:hover {
     cursor: pointer;
 }

 .buy_imit {
     background: none repeat scroll 0 0 #333;
     border-style: none;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     line-height: 1.42857;
     margin-bottom: 0;
     padding: 4px 8px;
     text-align: center;
     text-transform: uppercase;
     vertical-align: middle;
     border-radius: 5px;
 }

 .main_wide_padding_aux h1 {
     padding-top: 50px;
 }

 .content_aux {
     font-size: 22px;
     margin: 20px;
     font-family: 'Roboto';
     color: #595959;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: 30px;
     text-align: left;
     border: 1px solid #f0f0f0;
     background: #fff;
     padding: 50px;
     box-shadow: 0 2px 5px 0 rgba(64, 64, 64, .2);
 }

 .main_wide_padding_aux h1 {
     margin: 0;
 }

 .main_wide_padding_aux {
     max-width: 1250px;
     margin: 0 auto;
     width: 100%;
 }

 .content_aux svg {
     width: 25px;
     height: 20px;
     margin-right: 5px;
 }


 input#searchstring:focus {
     outline: none;
 }

 img.vendorlogo {
     padding-left: 10px;
     padding-top: 5px;
     border: 1px solid #343434;
     border-radius: 15px;
     padding-right: 10px;
     padding-bottom: 5px;
     margin-left: 5px;
     box-shadow: -1px 2px 8px 3px rgb(193 174 174 / 50%);
     -webkit-box-shadow: 1px 1px 16px 1px rgb(204 189 189 / 50%);
     display: inline-block;
     flex-shrink: 0;
     vertical-align: middle;
     -moz-box-shadow: 10px 8px 46px 3px rgba(204, 189, 189, 0.75);

 }

 .fa-wrench:before {
     content: "\f0ad";
 }

 .fa-angle-down:before {
     content: "\f107";
 }

 .top-information {
     position: relative;
     overflow: hidden;
     min-height: 44px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     color: #ffffff;
     font-size: 14px;
     font-weight: 500;
     line-height: 1.4;
     padding: 10px 50px 10px 20px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     z-index: 1000;
 }

 .top-information.hidden {
     max-height: 0;
     min-height: 0;
     padding: 0 50px;
     opacity: 0;
     margin: 0;
     overflow: hidden;
 }

 .top-information__content {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     max-width: 1600px;
     position: relative;
     gap: 15px;
 }

 .top-information__text {
     flex: 1;
     text-align: center;
     color: #ffffff;
     font-size: clamp(13px, 1.2vw, 15px);
     font-weight: 500;
     line-height: 1.5;
     padding: 0 10px;
 }

 .top-information__text p {
     margin: 0;
     color: #ffffff;
 }

 .top-information__text a {
     color: #ffffff;
     text-decoration: underline;
     text-decoration-color: rgba(255, 255, 255, 0.6);
     transition: text-decoration-color 0.2s ease;
 }

 .top-information__text a:hover {
     text-decoration-color: rgba(255, 255, 255, 1);
 }

 .top-information__close {
     position: absolute;
     right: 15px;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.2);
     border: none;
     border-radius: 50%;
     width: 28px;
     height: 28px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 0.2s ease;
     padding: 0;
     flex-shrink: 0;
 }

 .top-information__close:hover {
     background: rgba(255, 255, 255, 0.3);
     transform: translateY(-50%) scale(1.1);
 }

 .top-information__close:active {
     transform: translateY(-50%) scale(0.95);
 }

 .top-information__close svg {
     width: 16px;
     height: 16px;
     stroke: #ffffff;
     stroke-width: 2.5;
 }

 @media (max-width: 768px) {
     .top-information {
         min-height: 40px;
         padding: 8px 45px 8px 15px;
         font-size: 13px;
     }

     .top-information__close {
         right: 10px;
         width: 24px;
         height: 24px;
     }

     .top-information__close svg {
         width: 14px;
         height: 14px;
     }
 }

 span.\'info_text {
     color: #ffffff;
     font-weight: bold;
     font-family: 'Roboto';
     height: auto;
     padding-top: 5px;
     position: relative;
 }

 .text-overlay {
     color: white;
     font-weight: bold;
     font-family: 'Roboto';
     text-shadow: -5px 3px 19px #0f25df;
 }

 span.original_parts {
     color: #28a745;
     background-color: rgb(247 250 244);

     border-radius: 15px;
     padding: 3px 8px 3px 5px;
     text-align: center;

     margin-top: 10px;

     font-size: 14px;

     padding: 10px 5px 10px 10px;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);

     width: 40%;
     height: 100%;
     font-weight: 500;
     text-transform: uppercase;
 }

 svg.info_imag_original {
     margin-left: 10px;
     width: 37px;
 }

 .top_product_info_block {
     box-shadow: 0 1px 2px rgba(0, 8, 29, 5%), 0 0 2px rgba(0, 8, 29, 6%), 0 1px 1px rgba(0, 8, 29, 8%);
     border-radius: 0 0 10px 10px;
     padding: 10px;
     margin-bottom: 10px;
     display: block;
 }

 .qa-item.question-spoiler {
     display: flex;
     flex-direction: column;
 }

 .qa-item.question-spoiler.open {
     display: flex;
     flex-direction: column;
 }

 .product_name_block {
     display: flex;
     justify-content: space-between;

 }

 .Description_statusRating_sku {
     display: flex;
     margin-bottom: 10px;
     justify-content: space-between;
     align-items: center;
 }

 span.code_for_order_word {
     color: rgba(0, 0, 0, 54%);
     font-size: 14px;
 }

 span.code_for_order_defination {
     color: rgba(0, 0, 0, 87%);
     font-weight: 500;
     font-size: 14px;
 }


 input.product_add2cart_handler.button_buy {
     background: none repeat scroll 0 0 #fa0000;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     font-size: 16px;
     font-weight: bold;
     padding: 10px 10px;
     text-transform: uppercase;
     border-radius: 10px;
     border: 1px solid;
     width: 180px;

 }

 .quick-buy_button {
     margin-left: 15px;
     border: 1px solid rgba(0, 0, 0, 12%);
     cursor: pointer;
     display: inline-block;
     font-size: 16px;
     font-weight: bold;
     padding: 10px 10px;
     text-transform: uppercase;
     border-radius: 10px;
     color: red;
     transition: .3s;
 }

 .quick-buy_button:hover {
     background: #e8eaed;
     border: 1px solid rgba(0, 0, 0, 12%);
 }



 span.priceValue {
     font-size: 28px;
 }

 .top_menu_float_main {
     backdrop-filter: saturate(180%) blur(20px);
     background-color: rgba(255, 255, 255, .72);
     position: fixed;
     width: 100%;
     top: 0;
     border-bottom: 1px solid #b1b0b0;
     z-index: 9999;
     align-items: center;
     justify-content: center;
     padding-bottom: 10px;
 }


 .header_search_float_menu {

     display: inline-block;
     position: relative;
     vertical-align: top;
     padding: 16px 0 0 0;
     width: 400px;
 }

 .header_search_float_menu input#searchstring {
     width: 100%;
     border-radius: 30px;
     height: 35px;
     position: relative;
     text-indent: 22px;
 }

 .header_search_float_menu input#findbtt {
     position: absolute;
     z-index: 5656565;
     right: 0;
     top: 17px;
     background-image: url(/images_sale/search-cust.svg);
     width: 43px;
     background-size: auto 70%;
     background-position: 0 50%;
     background-color: transparent;
     background-repeat: no-repeat;
 }

 .top_menu_float_main a.header_account_title.handler_popup_login_form {
     color: red;
 }

 .delivery_item {
     display: flex;
     justify-content: space-between;
 }

 .delivery_container {
     margin-bottom: 5px;
     margin-top: 5px;
     border-bottom: 1px solid #eaeaea;
     font-size: 14px;
     font-weight: 400;

 }

 .delivery_pic_def {
     display: flex;
     margin-bottom: 3px;
     align-items: center;

 }

 .delivery_pic_def img {
     margin-right: 10px;
     height: 30px;

 }

 .PaymentMethods_block {
     display: flex;
     margin-bottom: 5px;
 }

 .PaymentMethods_item img {
     padding: 2px 6px;
     background: rgba(23, 60, 97, 6%);
     margin: 0 5px 0 5px;
     border-radius: 10px;
 }

 .PaymentMethods_block_description {
     display: flex;
     margin-bottom: 10px;
     flex-wrap: wrap;
     font-size: 14px;
     font-weight: 400;
 }



 .PaymentMethods_item_description {
     display: flex;
     margin-right: 5px;
     margin-bottom: 5px;
     padding: 1px 10px;
     background: rgba(23, 60, 97, 6%);
     border-radius: 10px;
 }

 .PaymentMethods_item_description img {
     margin-right: 5px;
 }

 div#kupit {
     border: 1px solid #f1f0f0;
     box-shadow: 0 2px 2px rgba(0, 8, 29, 5%), 0 0 2px rgba(0, 8, 29, 6%), 0 1px 3px rgba(0, 8, 29, 8%);
     border-radius: 10px;
     margin: 0;
     padding: 10px 20px 10px 20px;
     margin-bottom: 10px;
 }

 .product-details__label {
     color: #929292;
     margin-bottom: 4px;
 }

 .product-details__all {
     margin-top: 22px;
     cursor: pointer;
     display: inline-block;
     color: #5285cc;
     transition: all .3s;
     text-decoration: none;
 }

 .product-details__all:hover {
     color: #7fb5ff;
 }


 div#desc_diss {
     border: 1px solid #f1f0f0;
     box-shadow: 0 2px 2px rgba(0, 8, 29, 5%), 0 0 2px rgba(0, 8, 29, 6%), 0 1px 3px rgba(0, 8, 29, 8%);
     border-radius: 10px;
     margin: 0;
     padding: 10px 20px 40px 20px;
     margin-bottom: 40px;
     display: none;
 }

 form.discussion_form button {
     color: #fa0000;
     background: rgba(63, 78, 93, 5%);
     border: 1px solid rgba(63, 78, 93, 5%);
     border-radius: 10px;
 }

 span.name_product_discuss {
     color: rgba(0, 0, 0, .54);
 }

 .pi_header_left {
     display: flex;
     justify-content: space-between;
 }

 .pi_header_left .pi_allimages {
     display: flex;
     flex-direction: column;
     margin-top: 60px;
 }

 div#reccom_related {
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
     grid-gap: 17px;
     margin: 0 -8px;
     padding: 10px 3px;
     display: grid;
     overflow: hidden;
     position: relative;
     transition: .3s;
 }

 /* Виправлення для каруселі в reccom_related */
 div#reccom_related {
     overflow: visible !important;
 }

 div#reccom_related .product-related {
     overflow: visible;
 }

 div#reccom_related .product-related__inner {
     overflow: visible;
 }

 div#reccom_related .modern_products_scroller {
     grid-column: 1 / -1;
     overflow: visible;
     width: 100%;
 }

 div#reccom_related .modern_products_scroller .scroller_container {
     overflow: visible;
 }

 div#reccom_related .modern_products_scroller .scroller_track {
     overflow-x: auto;
     overflow-y: visible;
     scroll-padding-right: 60px;
 }

 div#reccom_related .modern_products_scroller .scroller_list {
     display: flex;
     width: max-content;
     flex-wrap: nowrap;
     padding-right: 60px;
 }

 div#reccom_related .modern_products_scroller .scroller_list::after {
     content: '';
     flex-shrink: 0;
     width: 60px;
 }

 /* Мобільні стилі для reccom_related */
 @media (max-width: 768px) {
     div#reccom_related {
         overflow: visible !important;
         margin: 0;
         padding: 0;
     }

     div#reccom_related .modern_products_scroller {
         margin: 0;
     }

     div#reccom_related .modern_products_scroller .scroller_track {
         scroll-padding-right: 50px;
     }

     div#reccom_related .modern_products_scroller .scroller_list {
         padding-right: 50px;
     }

     div#reccom_related .modern_products_scroller .scroller_list::after {
         width: 50px;
     }
 }

 @media (max-width: 480px) {
     div#reccom_related {
         overflow: visible !important;
     }

     div#reccom_related .modern_products_scroller .scroller_track {
         scroll-padding-right: 45px;
     }

     div#reccom_related .modern_products_scroller .scroller_list {
         padding-right: 45px;
     }

     div#reccom_related .modern_products_scroller .scroller_list::after {
         width: 45px;
     }
 }

 .price_value_float {
     font-weight: 600;
     font-size: 14px;
     margin-left: 30px
 }

 .prod_wish_list_item img {
     margin-right: 7px;
 }

 .product_follow_block {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     padding: 10px;
     margin: 0;
     position: relative;
     z-index: 1;
     background-color: #fff;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
     border-radius: 12px;
     border: 1px solid rgba(0, 0, 0, 0.06);
     min-height: 410px;
     cursor: pointer;
     width: 100%;
     transition: all 0.3s ease;
 }

 .product_follow_block img {
     width: 183px;
     height: 160px;
 }

 .tooltip_defination_block_original_parts {
     position: absolute;
     background: white;
     right: 800px;
     width: 370px;
     display: none;
     box-shadow: 0 12px 17px rgba(0, 8, 29, 5%), 0 5px 22px rgba(0, 8, 29, 6%), 0 7px 8px rgba(0, 8, 29, 8%);
     border-radius: 10px;
     z-index: 999999;
     padding: 15px;
 }

 .original_parts:hover .tooltip_defination_block_original_parts {
     display: block;
     cursor: pointer;

 }

 .info_imag_original:hover .tooltip_defination_block_original_parts {
     display: block;
     cursor: pointer;
 }

 input.report_available.button_buy {
     color: red;
     background: white;
     border-radius: 5px;
     border: 1px solid;
     margin: 5px 0px;
     transition: 0.3s;
     padding: 3px;

 }

 input.report_available.button_buy:hover {
     background: red;
     color: white;
 }

 .info_imag_original {
     width: 25px;
 }

 input.product_add2cart_handler.button_buy_follow {
     margin: 10px 0 10px;
     background: none repeat scroll 0 0 #fcfafa;
     color: #e31837;
     cursor: pointer;
     display: block;
     font-size: 16px;
     font-weight: bold;
     padding: 5px 10px;
     text-transform: uppercase;
     border-radius: 5px;
     border: 1px solid;
     text-align: left;
     transition: .3s;
 }

 .price_product_follow {
     font-weight: 600;
     font-size: 18px;
 }

 form.product_brief_table.notavailible {
     opacity: 60%;
 }

 .name_block_follow {
     height: 64px;
     overflow: hidden;
 }

 .product_brief_sku_block {
     height: 24px;
     max-height: 24px;
     color: rgba(63, 78, 93, 60%);
     font-size: 10px;
     line-height: 11px;
     display: flex;
     justify-content: flex-end;
 }

 .comparisson_icon {
     height: 24px;
     color: rgba(63, 78, 93, 60%);
     display: flex;
     justify-content: space-between;
 }

 .product_brief_sticker {
     color: white;
     position: absolute;
     top: -24px;
     background: red;
     height: 24px;
     padding-left: 8px;
     padding-right: 8px;
     font-size: 14px;
     font-weight: 600;
     line-height: 24px;
     border-radius: 10px;
 }

 .users_shippay_block {
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 14px;
     font-weight: 400;
 }

 .users_spayblk_img {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     margin-right: 15px;
     margin-bottom: 10px;
     padding: 3px 6px;
     background: rgba(23, 60, 97, 6%);
     border-radius: 10px;
 }

 .pm_table_row .pmtc_id:nth-child(2) {
     color: white;
     background: #376cca;
     border-radius: 26px;
     padding: 5px 9px;
     position: absolute;
     top: 0;
     left: 5px;

 }

 .imgwrp_no_photo {
     display: block;
     text-align: center;
     line-height: 530px;
     width: 501px;
     border: 1px solid #e1dfdf;
     min-height: 400px;
     aspect-ratio: 560 / 500;
     background-color: #f9f9f9;
 }

 .imgwrp_no_photo img {
     width: 100%;
     height: auto;
     object-fit: contain;
 }

 input.product_add2cart_handler.button_buy:hover {
     background: #d10606;
     box-shadow: 0px 3px 5px rgba(0, 8, 29, 5%), 0px 3px 4px rgba(0, 8, 29, 6%), 0px 2px 5px rgba(0, 8, 29, 8%);
 }

 form.search_form_floating {
     color: #5f5c5c;
 }

 .mainMenu_catalog_float_block {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }


 .product_search_floating_block {
     display: flex;
     position: relative;
 }

 form.search_form_floating {
     color: #5f5c5c;
     position: relative;
 }

 .input_message_floating {
     border-radius: 10px;
     width: 500px;
     height: 36px;
     padding: 20px;
     font-size: 16px;
 }

 .input_message_floating:focus {
     height: 40px;


 }

 input.findbtt_float {
     background: blue;
     color: #ff0303;
     position: absolute;
     z-index: 5656565;
     right: 2px;
     top: 1px;
     font-size: 16px;
     background-image: url(/images_sale/search-cust.svg);
     background-size: auto 80%;
     background-position: 0 50%;
     background-color: transparent;
     background-repeat: no-repeat;
 }

 h1.product_name {
     word-break: break-word;
     font-size: 22px;
     line-height: 24px;
 }

 a.fs_item_name.hndl_proceed_checkout img {
     margin-right: 10px;
 }

 svg.HeaderActionButton {
     height: 32px;
 }

 button.header_action_button_action,
 button.header_card_button_action {
     color: white;
     font-size: 18px;
     background: #394550;
     border: none;
     transition: .3s;
     position: relative;
     outline: none;
 }

 button.header_card_button_action:focus {
     outline: none;
     border: none;
 }

 .drop_down_wishlist_block {
     display: none;
     width: 420px;
     position: absolute;
     background: white;
     top: 35px;
     right: -192px;
     color: black;
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 3px 4px rgba(0, 8, 29, 5%), 0 2px 4px rgba(0, 8, 29, 6%), 0 1px 5px rgba(0, 8, 29, 8%);
     z-index: 999999;
     height: auto;
     max-height: 500px;
     overflow: auto;
 }

 .header_action_button_action:hover .drop_down_wishlist_block {
     display: block;

 }





 .prod_wish_list_item {
     font-size: 12px;
     line-height: 12px;
     border-bottom: 1px solid #dedede;
     padding: 7px 2px;
     display: flex;
     justify-content: space-between;
     align-items: center;

 }

 .drop_down__cart_body_product_price_qnt {
     display: flex;
     justify-content: space-between;
 }

 span.drop_down__cart_body_total {
     font-size: 20px;
     font-weight: 500;
 }

 button.header_action_button_action:hover,
 button.header_card_button_action:hover {
     color: red;
 }

 .drop_down__cart_body_product_img img {
     height: 50px;
     width: 50px;
     margin-right: 5px;
 }

 svg.HeaderCardButton {
     height: 28px;
     margin-right: 6px;
 }


 .floating_sidebar_product {
     background: white;
     box-shadow: 0px 2px 2px rgba(0, 8, 29, 5%), 0px 0px 2px rgba(0, 8, 29, 6%), 0px 1px 3px rgba(0, 8, 29, 8%);
     color: #fff;
     position: fixed;
     width: 100%;
     z-index: 999999;
     top: 50px;
     display: none;
 }

 .pi_tabs_wrp_floating {
     display: flex;
     justify-content: space-between;

 }

 .pi_tabs_wrp_floating .tabs_floating {
     display: flex;
     margin: 0;
     padding: 5px 0;
     color: rgba(0, 0, 0, 54%);
 }

 .pi_tabs_wrp_floating .tabs_floating li.current {
     color: red;
     border-bottom: 2px solid red;
     position: relative;
 }

 .pi_tabs_wrp_floating .tabs_floating li {
     display: block;
     padding-left: 24px;
     padding: 14px 16px;
     cursor: pointer;
     font-size: 18px;
     line-height: 20px;
     letter-spacing: .25px;
     text-transform: uppercase;
     white-space: nowrap;
     position: relative;
 }

 .floating_picture_top img {
     height: 40px;
     width: 40px;
 }

 .floating_picture_top {
     display: flex;
     align-content: center;
     align-items: center;
 }

 h2.floating_product_name {
     font-size: 14px;
     color: black;
     padding: 2px 7px;
     width: 266px;
     overflow: hidden;
     height: 16px;
 }

 .button_buy_product_floating_block {
     margin-top: 5px;
     margin-bottom: 2px;
 }

 input.product_add2cart_handler.button_buy.floating {
     width: 130px;
     margin-top: 5px
 }

 .logo_brands_logo_block {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 15px;
     padding-bottom: 10px;
     border-bottom: 1px solid #5d5d5d;

 }

 .logo_brands_logo_block svg {
     height: 30px;
 }

 svg.arrow_more_product {
     height: 54px;
     background: red;
     border-radius: 50%;
     position: absolute;
     bottom: 0;
     left: 50%;
     cursor: pointer;
 }

 .logo_brands_title {
     margin-bottom: 10px;
 }

 .pay_block_footer img {
     margin-right: 10px;
     background: rgb(255 255 255 / 30%);
     border-radius: 10px;
     padding: 5px 10px;
     margin-bottom: 5px;

 }

 .pay_block_footer {
     margin-bottom: 20px;
     padding-bottom: 10px;
     border-bottom: 1px solid #5d5d5d;
 }

 .footer_copy {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .footer_copy svg {
     height: 40px;
 }

 a.pb_product_name {
     color: #1a578e;
     font-size: 16px;
     line-height: 16px;
     margin-bottom: 8px;
     font-weight: 500;
     transition: color .3s;
 }

 a.pb_product_name:hover {
     color: red;
     text-decoration: none;
 }

 .product_follow_block:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     border-color: rgba(59, 109, 154, 0.2);
 }

 .qa-block {
     margin-top: 40px;
     padding: 24px;
     background: #fafafa;
     border-radius: 16px;
     margin-bottom: 40px;
 }

 .catalog_footer a {
     color: white;
     font-weight: bold;
     padding: 10px 0;
 }

 .catalog_footer {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-bottom: 25px;
     padding-bottom: 10px;
     border-bottom: 1px solid #5d5d5d;
 }

 button.add-favorire_block_button {
     color: #211f1f;
     background: white;
     border: none;
     position: relative;
     transition: 0.3s;
 }

 /* button.add-favorire_block_button:active {
    border: none;
} */


 button.add-favorire_block_button:focus {
     outline: none;
 }

 form.product_brief_table.notavailible .stock_label.outofstock {
     font-size: 14px;
     display: inline-block;
     margin-top: 10px;
     width: 65%;
     padding: 1px 5px;
     display: flex;
 }

 svg.icon-component.icon.add-favorire:hover {
     fill: red;
 }


 .events_container_product svg:hover {
     background-color: #e8eaed;
 }

 .container_check_mark svg {
     height: 130px;
 }


 .container_check_mark svg path {
     stroke-dasharray: 99.47578430175781;
     stroke-dashoffset: -99.47578430175781;
     fill: transparent;
 }

 .container_check_mark svg.animate path {
     animation: 0.8s ease forwards draw;
     opacity: 1;
 }

 @keyframes draw {
     0% {
         opacity: 1;
         stroke-dashoffset: -99.47578430175781;
         fill: transparent;
         transform: translateY(0);
     }

     35% {
         stroke-dashoffset: 0;
         fill: transparent;
     }

     60% {
         fill: red;
         opacity: 1;
         transform: translateY(0);
     }

     100% {
         fill: red;
         stroke-dashoffset: 0;
         opacity: 0;
         transform: translateY(-10px);
     }
 }

 .container_check_mark {
     position: fixed;
     top: 120px;

 }

 .add_check_mate_text {
     opacity: 0;
     visibility: hidden;
     transition: .3s;

 }

 .add_check_mate_text.show_checkmark_text {
     opacity: 1;
     visibility: visible;
     font-size: 18px;
     color: red;
     font-weight: bolder;
 }

 .container_check_mark.active_background {
     background: white;
     opacity: 91%;
     transition: .3s;
 }

 .PaymentMethods_item.novapay img {
     padding: 6px 5px;
 }

 .PaymentMethods_item.mono img {
     padding: 6px 9px;
 }

 svg.info_imag {
     height: 20px;
     position: relative;
     padding-left: 5px;

 }

 .delivery_pic_def img {
     margin-right: 5px;
     height: 25px;
 }

 .tooltip_defination_block_pickup,
 .tooltip_defination_block_nova,
 .tooltip_defination_block_ukrposhta,
 .tooltip_defination_block_postomat {
     position: absolute;
     background: white;
     right: 140px;
     width: 370px;
     display: none;
     box-shadow: 0px 12px 17px rgba(0, 8, 29, 5%), 0px 5px 22px rgba(0, 8, 29, 6%), 0px 7px 8px rgba(0, 8, 29, 8%);
     border-radius: 10px;
     z-index: 999999;
     padding: 15px;
 }

 .delivery_pic_val.mobkos:hover .tooltip_defination_block_pickup {
     display: block;
 }

 .delivery_pic_val.novaposhta:hover .tooltip_defination_block_nova {
     display: block;
 }

 .delivery_pic_val.ukrposhta:hover .tooltip_defination_block_ukrposhta {
     display: block;
 }

 .delivery_pic_val.postomat:hover .tooltip_defination_block_postomat {
     display: block;
 }

 img#img-current_picture {
     max-width: 560px;
     height: max-content;
     position: sticky;
     top: 110px;
     max-height: 470px;
 }

 /* Сторінка креслень / моделей: глобальні 560×470 і sticky не стискають головну схему */
 .pi_models_page img#img-current_picture {
     position: relative;
     top: auto;
     max-width: min(100%, 1320px);
     max-height: min(92vh, 960px);
     width: auto;
     height: auto;
 }

 span.shopping_cart_count.sc_nonempty {
     color: red;
     font-size: 18px;
     font-weight: bold;

 }

 /* Sandbox hard override: keep scheme image inside viewport on zoom/pan */
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport img#img-current_picture,
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport img {
     position: absolute !important;
     left: 0 !important;
     top: 0 !important;
     width: 100% !important;
     height: 100% !important;
     max-width: none !important;
     max-height: none !important;
     margin: 0 !important;
     padding: 0 !important;
     object-fit: contain !important;
     object-position: center !important;
     transform-origin: center center !important;
     transform-style: flat !important;
     -webkit-transform-style: flat !important;
     /* Не використовувати -webkit-optimize-contrast / crisp-edges з !important — ламає масштаб у WebKit (мило/сходки). */
     image-rendering: auto !important;
     filter: none !important;
     will-change: auto !important;
 }

 /* Той самий origin 0 0 для crisp на планшетах/тонкому desktop (pointer: coarse), де max-width > 768 і медіаправило вище не діє */
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport.pim_sandbox_crisp_layout img#img-current_picture,
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport.pim_sandbox_crisp_layout img,
 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_viewport.pim_sandbox_crisp_layout img#img-current_picture,
 .pi_models_page .pim_main_scheme_link.imgwrp .pim_scheme_sandbox_viewport.pim_sandbox_crisp_layout img {
     transform-origin: 0 0 !important;
     -webkit-transform-origin: 0 0 !important;
 }

 .model_list_link a {
     color: #3b6d9a;
     transition: .3s;
     font-size: 16px;
     font-weight: bold;
 }

 .model_list_link a:hover {
     cursor: pointer;
     color: red;
     text-decoration: none;
 }


 .model_list_block svg {
     position: absolute;
     bottom: 0;
 }

 .drop_down__cart_header h4 {
     font-size: 20px;
     font-weight: 500;
 }

 .svg.arrow_more_product.models {
     position: relative;
     bottom: 0;
 }

 .drop_down_bloc_cart {
     width: 450px;
     position: absolute;
     top: 3px;
     right: 20px;
     z-index: 99999999999;
     color: black;
     background: white;
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0px 3px 4px rgba(0, 8, 29, 5%), 0px 2px 4px rgba(0, 8, 29, 6%), 0px 1px 5px rgba(0, 8, 29, 8%);
     display: none;
     margin-top: 28px;
     height: auto;
     overflow: auto;
     max-height: 600px;
 }

 .drop_down__cart_body_total_button button {
     border-radius: 10px;
     background: red;
 }




 .header_logo_top_float img {
     height: 40px;
 }

 svg.ModelActionButton {
     height: 35px;
     color: rgba(63, 78, 93, 60%);
     border: 1px solid rgba(0, 0, 0, 12%);
     border-radius: 10px;
     padding: 5px;
 }

 svg.ModelActionButton:hover {
     background: #e8eaed;
     fill: red;
 }


 .ModelActionButtonBlock button {
     color: black;
     background: #ffffff;
     border: none;
     transition: .3s;
 }







 .users_spayblk_img img {
     padding-right: 5px;
     border-radius: 48px
 }

 .menu_footer a {
     color: rgba(255, 255, 255, .7);
     transition: .3s;
 }

 .menu_footer a:hover {
     color: white;
     transition: .3s;
 }


 .menu_footer {
     display: flex;
     border-bottom: 1px solid #5e5e5e;
     margin-bottom: 5px;
 }

 .menu_footer ul {
     flex: 1 1;
     margin: 12px;
     list-style-type: none;
 }

 a.drop_down__cart_body_product_link {
     color: #3b6d9a;
     font-size: 12px;
 }

 .drop_down_bloc_cart a {
     color: #3b6d9a;
     font-size: 12px;
 }

 .drop_down__cart_body_product {
     display: flex;
     border-bottom: 1px solid #eeeeee;
     padding: 10px 0;
 }

 .drop_down__cart_body_total_block {
     display: flex;
     justify-content: space-between;
     margin: 10px 0;
     align-items: center;
 }

 .drop_down__cart_body_total_number {
     font-size: 20px;
     font-weight: 500;
 }

 .drop_down__cart_body_total_incartlink a {
     color: #3b6d9a;
     font-size: 18px;
 }


 .menu_footer ul li:first-child {
     font-size: 18px;
     line-height: 21px;
     font-weight: 700;
     color: #fff;
     padding: 0 0 5px;
 }

 .drop_down_catalog_block {
     position: absolute;
     top: 30px;
     line-height: 30px;
     z-index: 999999999;
     color: #333;
     background: #ffffff;
     padding: 12px 0;
     border-radius: 12px;
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.08);
     display: none;
     min-width: 280px;
     border: 1px solid rgba(0, 0, 0, 0.08);
     backdrop-filter: blur(10px);
     animation: fadeInDropdown 0.2s ease-out;
 }

 @keyframes fadeInDropdown {
     from {
         opacity: 0;
         transform: translateY(-10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 svg.icon-component.MainMenu_arrow__3wrqk {
     height: 22px;
 }

 .drop_down_catalog_block ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
 }

 .drop_down_catalog_block li.float_catalog_item_root {
     position: relative;
     padding: 12px 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     transition: all 0.2s ease;
     cursor: pointer;
     margin: 10px 8px;
     border-radius: 8px;
     text-decoration: 1px solid grey;
     border-bottom: 1px solid grey;
     border-top: 1px solid grey;
     border-left: 1px solid grey;
     border-right: 1px solid grey;
     border-radius: 10px;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
     background: white;
     color: black;
     font-size: 18px;
     font-weight: 500;
     letter-spacing: 0.2px;
 }

 .drop_down_catalog_block li.float_catalog_item_root::before {
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 3px;
     height: 0;
     background: linear-gradient(180deg, #ff4444 0%, #ff6666 100%);
     border-radius: 0 3px 3px 0;
     transition: height 0.2s ease;
 }

 .drop_down_catalog_block li.float_catalog_item_root:hover {
     background: linear-gradient(90deg, rgba(255, 68, 68, 0.08) 0%, rgba(255, 68, 68, 0.03) 100%);
     transform: translateX(3px);
 }

 .drop_down_catalog_block li.float_catalog_item_root:hover::before {
     height: 60%;
 }

 .drop_down_catalog_block li.float_catalog_item_root.hover {
     background: linear-gradient(90deg, rgba(255, 68, 68, 0.12) 0%, rgba(255, 68, 68, 0.05) 100%);
 }

 .drop_down_catalog_block li.float_catalog_item_root.hover::before {
     height: 60%;
 }

 .drop_down_catalog_block li.float_catalog_item_root a {
     flex: 1;
     text-decoration: none;
     color: #333;
     font-size: 18px;
     font-weight: 500;
     transition: color 0.2s ease;
     letter-spacing: 0.2px;
 }

 .drop_down_catalog_block li.float_catalog_item_root:hover a {
     color: #ff4444;
 }

 .drop_down_catalog_block li.float_catalog_item_root svg {
     margin-left: 12px;
     flex-shrink: 0;
     transition: transform 0.2s ease, color 0.2s ease;
     color: #999;
     width: 20px;
     height: 20px;
 }

 .drop_down_catalog_block li.float_catalog_item_root:hover svg {
     transform: translateX(3px);
     color: #ff4444;
 }

 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp {
     position: absolute;
     left: calc(100% - 15px);
     top: 0;
     z-index: 10;
     padding-left: 0;
     pointer-events: auto;
     margin-left: 0;
     width: 15px;
     height: 100%;
     overflow: visible;
 }

 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp .float_subcategories {
     background: #fff;
     border: 1px solid #505961;
     display: block;
     padding: 0;
     position: absolute;
     left: 0;
     top: 0;
     text-align: left;
     visibility: hidden;
     min-width: 1100px;
     width: auto;
     max-width: calc(100vw - 250px);
     max-height: calc(100vh - 100px);
     overflow-y: auto;
     overflow-x: hidden;
     font-family: 'Roboto';
     box-shadow: 1px 10px 10px 10px rgba(133, 128, 128, 0.7);
     border-radius: 0 10px 10px 0;
 }

 .drop_down_catalog_block li.float_catalog_item_root.hover .float_subcategories_wrp .float_subcategories {
     visibility: visible;
 }

 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp .float_subcategories .loading {
     margin: 50px auto;
 }

 /* Стилі для прокрутки subcats_row в новому меню */
 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp .float_subcategories .subcats_row {
     max-height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
 }

 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp .float_subcategories .category_info {
     max-height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
 }

 /* Стилізація скроллбара для нового меню */
 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp .float_subcategories {
     scrollbar-width: thin;
     scrollbar-color: #888 #f1f1f1;
 }

 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp .float_subcategories::-webkit-scrollbar {
     width: 12px;
 }

 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp .float_subcategories::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 6px;
     margin: 5px 0;
     border: 1px solid #e0e0e0;
 }

 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp .float_subcategories::-webkit-scrollbar-thumb {
     background: linear-gradient(180deg, #888 0%, #666 100%);
     border-radius: 6px;
     border: 2px solid #f1f1f1;
     min-height: 30px;
 }

 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp .float_subcategories::-webkit-scrollbar-thumb:hover {
     background: linear-gradient(180deg, #666 0%, #555 100%);
     border: 2px solid #e0e0e0;
 }

 .drop_down_catalog_block li.float_catalog_item_root .float_subcategories_wrp .float_subcategories::-webkit-scrollbar-thumb:active {
     background: linear-gradient(180deg, #555 0%, #444 100%);
 }


 .fs_item:hover .drop_down_bloc_cart {
     display: block;

 }

 .mainMenu_catalog_float_block a {
     text-decoration: none;
     transition: .3s;
 }

 .contacts_floating_block a {
     color: white;
     font-size: 18px;
     ;

 }

 .mainMenu_catalog_float_block a:hover {
     color: red;
 }

 .contacts_floating_block {
     position: relative;
 }

 .contacts_floating_block::after {
     border: medium solid transparent;
     content: "";
     left: 100%;
     top: 40%;
     position: absolute;
     height: 0;
     width: 0;
     border-color: #ffffff rgba(255, 212, 52, 0) rgba(255, 212, 52, 0);
     border-width: 5px;
     margin-left: 2px;
 }

 .drop_down__cart_body .product-link {
     color: black;
 }

 .drop_down_contacts_block {
     position: absolute;
     line-height: 30px;
     z-index: 999999999;
     color: black;
     background: white;
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0px 3px 4px rgba(0, 8, 29, 5%), 0px 2px 4px rgba(0, 8, 29, 6%), 0px 1px 5px rgba(0, 8, 29, 8%);
     display: none;
 }

 .drop_down_contacts_block a {
     color: black;
 }


 .contacts_floating_block:hover .drop_down_contacts_block {
     display: block;
 }

 .drop_down_contacts_block ul {
     list-style-type: none;
 }

 .header_catalog_top_float_block:hover .drop_down_catalog_block {
     display: block;
 }

 .header_catalog_top_float_block {
     transition: .8s;
 }

 .Rating-module {
     position: relative;
 }

 span.rating_text_value {
     color: grey;
     position: absolute;
     top: 2px;
     left: 100%;

 }

 .drop_down_catalog_block a {
     color: black;
     font-size: 14px;
 }

 .drop_down_sub_catalog_block {
     position: absolute;
     left: 237px;
     top: 0px;
     width: 430px;
     background: white;
     z-index: 2;
     background: #fff;
     box-shadow: 0px 2px 2px rgba(0, 8, 29, 5%), 0px 0px 2px rgba(0, 8, 29, 6%), 0px 1px 3px rgba(0, 8, 29, 8%);
     border-radius: 0 10px 10px 0;
     display: none;
 }

 .pi_header_left .product_brief_sticker {
     position: absolute;
     top: 314px;
     z-index: 9;
     font-size: 30px;
     font-weight: 600;
     width: 100px;
     height: 45px;
     border-radius: 10px;
     padding: 10px 9px;
 }

 span.pi_price_save_percent {
     color: white;
     background: red;
     border-radius: 10px;
     padding: 2px 3px;
     margin-left: 3px;
 }

 ul.adress_drop-down_contact:last-child {
     border-bottom: none;
 }

 #btn-checkout:hover {
     background: #d10606;
     box-shadow: 0 3px 5px rgba(0, 8, 29, 5%), 0 3px 4px rgba(0, 8, 29, 6%), 0 2px 5px rgba(0, 8, 29, 8%);
 }



 .section-headline_categories_related {
     font-size: 1.3rem;
     font-weight: 600;
     text-transform: uppercase;
     font-family: "Arial", sans-serif;
     color: #111;
     padding-bottom: 3px;
     margin-bottom: 10px;
     margin-top: 10px;
     border-bottom: 2px solid #e33d32;
     display: inline-block;
     margin-left: 10px;
 }


 /* ===== Light Modern Breadcrumbs ===== */
 .path {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 3px;
     font-family: "Inter", "Roboto", sans-serif;
     font-size: 17px;
     color: #3d6dd7;
     background: #fdfdfd;
     padding: 10px 14px;
     border-radius: 7px;
     margin-top: 10px;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.04);
 }

 /* Посилання */
 .path a.path_item {
     color: #2f5f89;
     text-decoration: none;
     transition: color 0.25s ease, transform 0.25s ease;
     position: relative;
 }

 /* Ефект при наведенні */
 .path a.path_item:hover {
     color: #000;
     transform: translateY(-1px);
 }

 /* Активний пункт (остання сторінка) */
 .path [itemprop="itemListElement"]:last-of-type a {
     color: #6e6d6d;
     font-weight: 400;
     pointer-events: none;
     cursor: default;
     border-bottom: 1px red solid;
 }

 /* Роздільник — елегантний шеврон */
 .path [itemprop="itemListElement"]:not(:last-of-type)::after {
     content: "";
     display: inline-block;
     width: 6px;
     height: 6px;
     margin: 0 8px;
     border-top: 1.6px solid rgba(0, 0, 0, 0.2);
     border-right: 1.6px solid rgba(0, 0, 0, 0.2);
     transform: rotate(45deg);
     transition: border-color 0.25s ease;
 }

 /* Кольоровий акцент при hover — жовтий Kärcher */
 .path a.path_item:hover+[itemprop="itemListElement"]::after {
     border-color: #ffd200;
 }






 .delete-cross {
     cursor: pointer;
     color: red;
     font-size: 26px;
     position: relative;
     font-weight: bold;
     top: 3px;
     left: 3px;
 }

 .clean_list_wish {
     text-align: right;
     font-size: 12px;
     margin-bottom: 5px;
 }

 .drop_down_wishlist_block_header {
     display: none;
     width: 420px;
     position: absolute;
     background: white;
     top: 125px;
     right: 258px;
     color: black;
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 3px 4px rgba(0, 8, 29, 5%), 0 2px 4px rgba(0, 8, 29, 6%), 0 1px 5px rgba(0, 8, 29, 8%);
     z-index: 999999;
     height: auto;
     max-height: 500px;
     overflow: auto;
     transition: 0.3s;
 }

 .header_action_wishlist_block:hover .drop_down_wishlist_block_header {
     display: block;
 }

 .header_action_wishlist_block:hover button.header_action_wishlist svg path {
     fill: red;
 }

 .order_success_warning {
     color: red;
     font-weight: 700;
     font-size: 18px;
 }

 span.sticker_detail {
     background: red;
     padding: 1px 5px;
     border-radius: 15px;
     color: white;
     font-size: 12px;
     font-weight: bold;
 }

 html body .fancybox-content #bwc-wrap #bwc-widget-action button,
 html body bwchat#bwc-wrap #bwc-widget-action .bwc-button {
     bottom: 2px !important;
     z-index: 1 !important;
 }

 #bwc-widget-action {

     height: 35px;
     left: 10px;
 }

 .promo-block {
     background-color: #f9f9f9;
     border: 1px solid red;
     border-radius: 10px;
     padding: 5px;
     text-align: center;
     max-width: 800px;
     margin: 5px auto;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1)
 }

 .promo-block h2 {
     color: red;
     /* Колір заголовка */
     font-size: 20px;
     margin-bottom: 5px;
 }

 .promo-block p {
     color: #333;
     /* Текстовий колір */
     font-size: 16px;
 }

 span.a.show-cart.hndl_proceed_checkout {
     font-size: 16px;
     text-align: left;
 }






 .short-attributes-groups {
     width: 100%;
     max-width: 800px;
     background: #fff;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     border-radius: 10px;
     overflow: hidden;
     padding: 20px;
     margin-top: 15px;
 }

 .attr-group-name {
     font-size: 18px;
     font-weight: bold;
     background: #394550;
     color: white;
     padding: 10px;
     text-align: center;
 }

 .short-attribute {
     display: flex;
     justify-content: space-between;
     padding: 12px 15px;
     border-bottom: 1px solid #ddd;
 }

 .short-attribute:last-child {
     border-bottom: none;
 }

 .attr-name {
     font-weight: bold;
     color: #333;
 }

 .attr-text {
     color: #000000;
 }




 bwchat#bwc-wrap #bwc-chat>.bwc-close {
     z-index: 99999999999999999 !important;
 }

 bwchat#bwc-wrap #bwc-chat.bwc-mobile.bwc-chat-show>.bwc-close {
     background-color: rgb(14 14 14) !important;
     border-radius: 10px !important;
     z-index: 999999999999999999999999999999999999999999999 !important;
 }

 .official-dealer {
     background-color: #f8f8f8;
     border-radius: 15px;
     cursor: pointer;
     text-align: center;
     margin-top: 30px;
     font-size: 13px;
     margin: 10px;
     padding: 5px;
 }






 /* Контейнер */
 #downloads {

     padding: 40px;

 }



 /* Сітка через Flex */
 #downloads .row {
     display: flex;
     flex-wrap: wrap;
     gap: 40px;
     justify-content: center;
 }

 /* Картка документа */
 .fc-document {
     background: #fafafa;
     border-radius: 12px;
     padding: 15px;
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     flex: 1 1 220px;
     /* гнучка ширина з мінімумом 220px */
     max-width: 220px;
 }

 .fc-document:hover {
     transform: translateY(-5px);
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
 }

 /* Заголовок документа */
 .fc-title h6 {
     font-size: 1rem;
     font-weight: 600;
     text-align: center;
     margin-bottom: 10px;
     color: #444;
     transition: color 0.3s ease;
 }

 .fc-title h6:hover {
     color: #0077cc;
 }

 /* Картинка */
 .fc-image img {
     max-width: 100%;
     height: auto;
     border-radius: 15px;
     transition: transform 0.3s ease, filter 0.3s ease;
     margin-bottom: 12px;
 }

 .fc-image img:hover {
     transform: scale(1.05);
     filter: brightness(1.05);
 }

 /* Контейнер кнопок */
 .fc-buttons {
     display: flex;
     gap: 10px;
     /* відстань між кнопками */
     margin-top: auto;
     /* щоб кнопки були внизу картки */
 }

 .fc-buttons .btn {
     flex: 1;
     /* рівна ширина для обох кнопок */
     text-align: center;
     padding: 10px 0;
     font-weight: bold;
     border-radius: 6px;
     background: #ffcc00;
     color: #000;
     text-decoration: none;
     transition: background 0.3s ease, transform 0.2s ease;
 }

 .fc-buttons .btn:hover {
     background: #ffdb4d;
     transform: scale(1.03);
 }

 .btn-block {
     display: block;
     background: yellow;
     width: 150px;
     border-radius: 15px;
 }

 /* Іконки */
 .btn .glyphicon {
     margin-right: 6px;
 }


 .karcher-list {
     list-style: none;
     padding: 0;
     margin: 20px 0;
     font-family: "ui-monospace";
     width: 40%;
 }

 .karcher-list li {
     position: relative;
     margin: 12px 0;
     padding: 12px 18px 12px 45px;
     background: #fff;
     border-left: 20px solid #FFD500;
     /* Жовта лінія */
     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
     border-radius: 8px;
     font-size: 1rem;
     font-weight: bold;
     color: #222;
     transition: all 0.25s ease-in-out;
 }

 .karcher-list li::before {
     content: "✔";
     color: #000;
     position: absolute;
     left: 15px;
     font-size: 1.1rem;
     font-weight: bold;
 }

 .karcher-list li:hover {
     transform: translateX(6px);
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
     background: #fdfdfd;
 }




 .section-headline {
     font-size: 1.3rem;
     font-weight: 600;
     text-transform: uppercase;
     font-family: "Arial", sans-serif;
     color: #111;
     padding-bottom: 3px;
     margin-bottom: 20px;
     margin-top: 20px;
     border-bottom: 3px solid #FFD500;
     /* тонкий жовтий акцент */
     display: inline-block;
 }






 .product-description {

     padding: 10px 20px;
     background: #fcfcfc;
     border-left: 2px solid #ffd700;
     /* жовта лінія Karcher */
     border-radius: 12px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
     font-family: "Helvetica Neue", Arial, sans-serif;
     color: #222;
     line-height: 1.7;
     margin-bottom: 20px;
 }

 .product-description p {
     margin: 15px 0;
     font-size: 1.05rem;
 }


 .product-description p::before {
     content: "• ";
     color: #ffd700;
     /* жовтий акцент */
     font-weight: bold;
     font-size: 1.5em;
     line-height: 1.3;
 }


 .compatible-devices {
     list-style: none;
     padding: 0;
     margin: 15px 0;
     font-family: Arial, sans-serif;
 }

 .compatible-devices li {
     margin-bottom: 10px;
     padding-left: 20px;
     position: relative;
     font-size: 15px;
 }

 .compatible-devices li::before {
     content: "➜";
     position: absolute;
     left: 0;
     color: #FFD500;
     /* жовтий акцент Kärcher */
     font-weight: bold;
 }

 .compatible-devices a {
     text-decoration: none;
     color: #111;
     font-weight: 500;
     transition: color 0.2s ease;
 }

 .compatible-devices a:hover {
     color: #FFD500;
 }
























 .karcher-icons {
     display: flex;
     flex-wrap: wrap;
     gap: 40px;
     margin: 30px 0;

 }

 .karcher-icon {
     background: #fff;
     border: 2px solid #FFD500;
     /* жовта рамка */
     border-radius: 12px;
     padding: 15px;
     width: 120px;
     height: 120px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
     transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
 }

 .karcher-icon img {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
     filter: grayscale(20%) contrast(110%);
     transition: filter 0.3s ease;
     width: 120px !important;
     height: 120px !important;
 }


 .karcher-icon:hover {
     transform: translateY(-6px);
     box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
     background: #FFD500;
 }

 .karcher-icon:hover img {
     filter: none;
 }

 .karcher_table {
     width: 100%;
     border-collapse: collapse;
     margin: 20px 0;
     font-family: "Arial", sans-serif;
     font-size: 0.95rem;
     background: #fff;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
     border-radius: 8px;
     overflow: hidden;
 }

 /* Рядки */
 .karcher_tr:nth-child(even) {
     background: #f9f9f9;
 }

 .karcher_tr:hover {
     background: #fff7cc;
     /* легкий жовтий при наведенні */
     transition: background 0.3s ease;
 }

 /* Ліва колонка */
 .karcher_td {
     font-weight: 600;
     color: #111;
     padding: 14px 18px;
     border-bottom: 1px solid #e0e0e0;
     width: 75%;
 }

 /* Права колонка (значення) */
 .karcher_td_value {
     font-weight: 500;
     color: #000;
     padding: 14px 18px;
     border-bottom: 1px solid #e0e0e0;
     text-align: right;
     white-space: nowrap;
 }

 /* Загальний стиль */
 .karcher_td,
 .karcher_td_value {
     font-size: 0.95rem;
 }

 /* Адаптивність */
 @media (max-width: 768px) {

     .karcher_table,
     .karcher_tr,
     .karcher_td,
     .karcher_td_value {
         display: block;
         width: 100%;
     }

     .karcher_tr {
         border-bottom: 1px solid #ffd500;
         margin-bottom: 12px;
     }

     .karcher_td {
         border: none;
         font-size: 0.95rem;
         padding: 10px 12px 4px;
     }

     .karcher_td_value {
         border: none;
         text-align: left;
         padding: 4px 12px 10px;
         font-weight: 700;
         background: #fffef5;
         border-left: 2px solid #FFD500;
     }

     .product-gallery img,
     .product-icons img {
         max-width: 60px !important;
         margin: 5px !important;
     }

 }


/* ========== Опис товару — стиль husqvarna.com/ua (HBD design system) ========== */
.sc-product-content-description,
.c-product-content-description {
  --hv-primary: #273a60;
  --hv-primary-dark: #1f2742;
  --hv-green: #227730;
  --hv-grey100: #f4f4f3;
  --hv-grey200: #eeeeed;
  --hv-grey300: #d2d2d1;
  --hv-grey500: #686867;
  --hv-grey600: #3d3d3c;
  --hv-grey800: #1e1e1d;
  --hv-font-heading: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --hv-font-body: "Roboto", Arial, sans-serif;
  position: relative;
  max-width: 100%;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow-x: hidden;
  color: var(--hv-grey600);
  font-family: var(--hv-font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.4px;
}

/* Заголовок секції — як hui-text-h3 на husqvarna.com */
.sc-product-content-description .sc-product-content-title,
.c-product-content-description .sc-product-content-title {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px 16px;
  padding: 0 0 20px;
  margin: 0 0 24px;
  background: transparent;
  border-bottom: 1px solid var(--hv-grey300);
  max-width: 100%;
  min-width: 0;
}

.sc-product-content-description .sc-product-content-title > *:not(.sc-product-content-title-icon),
.c-product-content-description .sc-product-content-title > *:not(.sc-product-content-title-icon) {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.sc-product-content-description .sc-product-content-title-icon,
.c-product-content-description .sc-product-content-title-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: var(--hv-grey100);
  border-radius: 50%;
  box-shadow: none;
}

.sc-product-content-description .sc-product-content-title-icon::before,
.c-product-content-description .sc-product-content-title-icon::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  margin: 13px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23273a60' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

.sc-product-content-description .sc-product-content-title .fsz-24,
.sc-product-content-description .dark-text,
.c-product-content-description .sc-product-content-title .fsz-24,
.c-product-content-description .dark-text {
  margin: 0;
  font-family: var(--hv-font-heading);
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  letter-spacing: -0.2px;
  text-transform: none;
  color: var(--hv-grey800);
}

.sc-product-content-description .dark-text::after,
.sc-product-content-description .sc-product-content-title .fsz-24::after,
.c-product-content-description .dark-text::after,
.c-product-content-description .sc-product-content-title .fsz-24::after {
  display: none;
}

/* Тіло опису — hui-text-body1 */
.sc-product-content-description .sc-product-content-text,
.c-product-content-description .sc-product-content-text {
  padding: 0;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  font-family: var(--hv-font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.4px;
  color: var(--hv-grey600);
}

.sc-product-content-description .sc-product-content-text > p:first-of-type,
.sc-product-content-description .sc-product-content-text > .MsoNormal:first-of-type,
.c-product-content-description .sc-product-content-text > p:first-of-type,
.c-product-content-description .sc-product-content-text > .MsoNormal:first-of-type {
  font-size: 17px;
  line-height: 26px;
  color: var(--hv-grey800);
}

.sc-product-content-description .sc-product-content-text p,
.c-product-content-description .sc-product-content-text p {
  margin: 0 0 16px;
}

.sc-product-content-description .sc-product-content-text p:last-child,
.c-product-content-description .sc-product-content-text p:last-child {
  margin-bottom: 0;
}

.sc-product-content-description .sc-product-content-text .MsoNormal,
.c-product-content-description .sc-product-content-text .MsoNormal {
  margin: 0 0 16px;
}

.sc-product-content-description .sc-product-content-text font,
.sc-product-content-description .sc-product-content-text span[style*="font-size"],
.c-product-content-description .sc-product-content-text font,
.c-product-content-description .sc-product-content-text span[style*="font-size"] {
  font-size: inherit !important;
  font-family: var(--hv-font-body) !important;
  color: inherit !important;
}

.sc-product-content-description .sc-product-content-text b,
.sc-product-content-description .sc-product-content-text strong,
.c-product-content-description .sc-product-content-text b,
.c-product-content-description .sc-product-content-text strong {
  font-weight: 700;
  color: var(--hv-grey800);
}

.sc-product-content-description .sc-product-content-text i,
.sc-product-content-description .sc-product-content-text em,
.c-product-content-description .sc-product-content-text i,
.c-product-content-description .sc-product-content-text em {
  font-style: italic;
  color: var(--hv-grey500);
}

/* Заголовки в HTML-описі — hui-text-h1…h4 */
.sc-product-content-description .sc-product-content-text h1,
.sc-product-content-description .sc-product-content-text h2,
.sc-product-content-description .sc-product-content-text h3,
.sc-product-content-description .sc-product-content-text h4,
.sc-product-content-description .sc-product-content-text h5,
.sc-product-content-description .sc-product-content-text h6,
.c-product-content-description .sc-product-content-text h1,
.c-product-content-description .sc-product-content-text h2,
.c-product-content-description .sc-product-content-text h3,
.c-product-content-description .sc-product-content-text h4,
.c-product-content-description .sc-product-content-text h5,
.c-product-content-description .sc-product-content-text h6 {
  margin: 32px 0 12px;
  font-family: var(--hv-font-heading);
  font-weight: 700;
  font-style: normal;
  color: var(--hv-grey800);
  text-transform: none;
}

.sc-product-content-description .sc-product-content-text h1,
.c-product-content-description .sc-product-content-text h1 {
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -0.4px;
}

.sc-product-content-description .sc-product-content-text h2,
.c-product-content-description .sc-product-content-text h2 {
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.3px;
}

.sc-product-content-description .sc-product-content-text h3,
.c-product-content-description .sc-product-content-text h3 {
  font-size: 28px;
  line-height: 32px;
  letter-spacing: -0.2px;
}

.sc-product-content-description .sc-product-content-text h4,
.sc-product-content-description .sc-product-content-text h5,
.sc-product-content-description .sc-product-content-text h6,
.c-product-content-description .sc-product-content-text h4,
.c-product-content-description .sc-product-content-text h5,
.c-product-content-description .sc-product-content-text h6 {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0;
}

.sc-product-content-description .sc-product-content-text h1:first-child,
.sc-product-content-description .sc-product-content-text h2:first-child,
.sc-product-content-description .sc-product-content-text h3:first-child,
.c-product-content-description .sc-product-content-text h1:first-child,
.c-product-content-description .sc-product-content-text h2:first-child,
.c-product-content-description .sc-product-content-text h3:first-child {
  margin-top: 0;
}

/* Списки — як на husqvarna.com */
.sc-product-content-description .sc-product-content-text ul,
.sc-product-content-description .sc-product-content-text ol,
.c-product-content-description .sc-product-content-text ul,
.c-product-content-description .sc-product-content-text ol {
  margin: 0 0 20px;
  padding: 0 0 0 1em;
}

.sc-product-content-description .sc-product-content-text ul,
.c-product-content-description .sc-product-content-text ul {
  list-style: disc;
  list-style-position: outside;
}

.sc-product-content-description .sc-product-content-text ul li,
.sc-product-content-description .sc-product-content-text ol li,
.c-product-content-description .sc-product-content-text ul li,
.c-product-content-description .sc-product-content-text ol li {
  margin: 0 0 8px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}

.sc-product-content-description .sc-product-content-text ul li::before,
.c-product-content-description .sc-product-content-text ul li::before {
  display: none;
}

.sc-product-content-description .sc-product-content-text ul li:hover,
.c-product-content-description .sc-product-content-text ul li:hover {
  transform: none;
  box-shadow: none;
}

.sc-product-content-description .sc-product-content-text ol,
.c-product-content-description .sc-product-content-text ol {
  list-style: decimal;
  list-style-position: outside;
}

.sc-product-content-description .sc-product-content-text ol li::marker,
.c-product-content-description .sc-product-content-text ol li::marker {
  font-weight: 700;
  color: var(--hv-grey800);
}

/* Посилання */
.sc-product-content-description .sc-product-content-text a,
.c-product-content-description .sc-product-content-text a {
  color: var(--hv-primary);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 2px;
  border-bottom: none;
  transition: color 0.2s ease;
}

.sc-product-content-description .sc-product-content-text a:hover,
.c-product-content-description .sc-product-content-text a:hover {
  color: var(--hv-primary-dark);
  background: transparent;
}

/* Зображення та медіа */
.sc-product-content-description .sc-product-content-text img,
.c-product-content-description .sc-product-content-text img {
  display: block;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  margin: 24px 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.sc-product-content-description .sc-product-content-text iframe,
.sc-product-content-description .sc-product-content-text video,
.c-product-content-description .sc-product-content-text iframe,
.c-product-content-description .sc-product-content-text video {
  max-width: 100%;
  margin: 24px 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.sc-product-content-description .sc-product-content-text blockquote,
.c-product-content-description .sc-product-content-text blockquote {
  margin: 24px 0;
  padding: 20px 24px;
  background: var(--hv-grey100);
  border-left: none;
  border-top: 1px solid var(--hv-grey300);
  border-bottom: 1px solid var(--hv-grey300);
  color: var(--hv-grey600);
  font-style: normal;
}

.sc-product-content-description .sc-product-content-text hr,
.c-product-content-description .sc-product-content-text hr {
  margin: 32px 0;
  border: none;
  height: 1px;
  background: var(--hv-grey300);
}

/* Таблиці — як table на husqvarna.com */
.sc-product-content-description .sc-product-content-text table,
.c-product-content-description .sc-product-content-text table {
  width: 100%;
  min-width: 100%;
  margin: 24px 0 32px;
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.4px;
}

.sc-product-content-description .sc-product-content-text table caption,
.c-product-content-description .sc-product-content-text table caption {
  margin: 12px 0;
  font-family: var(--hv-font-heading);
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--hv-grey800);
  text-align: start;
}

.sc-product-content-description .sc-product-content-text table thead tr,
.c-product-content-description .sc-product-content-text table thead tr {
  border-bottom: 1px solid var(--hv-grey300);
}

.sc-product-content-description .sc-product-content-text table thead th,
.c-product-content-description .sc-product-content-text table thead th {
  padding: 14px;
  text-align: start;
  font-family: var(--hv-font-heading);
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--hv-grey800);
  background: transparent;
  border: none;
}

.sc-product-content-description .sc-product-content-text table tbody tr:not(:first-child),
.c-product-content-description .sc-product-content-text table tbody tr:not(:first-child) {
  border-top: 1px solid var(--hv-grey300);
}

.sc-product-content-description .sc-product-content-text table tbody tr:hover td,
.c-product-content-description .sc-product-content-text table tbody tr:hover td {
  background-color: hsla(0, 0%, 100%, 0.6);
}

.sc-product-content-description .sc-product-content-text table td,
.c-product-content-description .sc-product-content-text table td {
  min-width: 0;
  padding: 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.4px;
  color: var(--hv-grey600);
  border: none;
  vertical-align: top;
}

.sc-product-content-description .sc-product-content-text table td:first-child,
.c-product-content-description .sc-product-content-text table td:first-child {
  font-weight: 400;
  color: var(--hv-grey800);
  width: auto;
}

/* Характеристики — той самий HBD-стиль (поруч з описом) */
.sc-product-content-attributes {
  --hv-primary: #273a60;
  --hv-grey100: #f4f4f3;
  --hv-grey300: #d2d2d1;
  --hv-grey600: #3d3d3c;
  --hv-grey800: #1e1e1d;
  --hv-font-heading: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --hv-font-body: "Roboto", Arial, sans-serif;
  max-width: 100%;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow-x: hidden;
}

.sc-product-content-attributes .sc-product-content-title {
  padding: 0 0 20px;
  margin: 0 0 0;
  background: transparent;
  border-bottom: 1px solid var(--hv-grey300);
}

.sc-product-content-attributes .dark-text.fsz-24 {
  font-family: var(--hv-font-heading);
  font-size: 28px;
  line-height: 32px;
  letter-spacing: -0.2px;
  text-transform: none;
  color: var(--hv-grey800);
}

.sc-product-content-attributes .dark-text.fsz-14 {
  padding: 0;
  margin-top: 0;
}

.sc-product-content-attributes .sc-product-content-attributes-list {
  margin: 0;
}

.sc-product-content-attributes-list {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: var(--hv-font-body);
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.4px;
  color: var(--hv-grey600);
}

.sc-product-content-attributes-list-title {
  display: table-caption;
  caption-side: top;
  padding: 12px 0;
  margin-bottom: 0;
  font-family: var(--hv-font-heading);
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--hv-grey800);
  background: transparent;
  border: none;
  text-align: start;
}

.sc-product-content-attributes-list-item {
  display: table-row;
  border-top: 1px solid var(--hv-grey300);
}

.sc-product-content-attributes-list-item:nth-child(even) {
  background: transparent;
}

.sc-product-content-attributes-list-item:hover {
  background: hsla(0, 0%, 100%, 0.6);
}

.sc-product-content-attributes-list-item>div:first-child {
  display: table-cell;
  padding: 14px 14px 14px 0;
  border-bottom: none;
  font-weight: 400;
  color: var(--hv-grey800);
  width: 55%;
}

.sc-product-content-attributes-list-item>div:last-child {
  display: table-cell;
  padding: 14px 0 14px 14px;
  border-bottom: none;
  text-align: end;
  color: var(--hv-grey600);
  font-weight: 400;
}

.sc-product-content-attributes .dark-text.fsz-14.mt-3 {
  margin-top: 0 !important;
}

/* Адаптив — breakpoints husqvarna.com */
@media (min-width: 768px) {
  .sc-product-content-description .sc-product-content-title .fsz-24,
  .sc-product-content-description .dark-text,
  .c-product-content-description .sc-product-content-title .fsz-24,
  .c-product-content-description .dark-text {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.3px;
  }

  .sc-product-content-description .sc-product-content-text,
  .c-product-content-description .sc-product-content-text {
    font-size: 17px;
    line-height: 26px;
  }

  .sc-product-content-description .sc-product-content-text table thead th,
  .c-product-content-description .sc-product-content-text table thead th {
    font-size: 14px;
    line-height: 14px;
  }

  .sc-product-content-description .sc-product-content-text table td,
  .c-product-content-description .sc-product-content-text table td {
    font-size: 14px;
    line-height: 21px;
  }
}

@media (max-width: 991px) {
  .sc-product-content-description.pb-4,
  .c-product-content-description.pb-4 {
    padding-bottom: 1.5rem !important;
  }

  .sc-product-content-description.mb-md-4,
  .c-product-content-description.mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
}

/* Мобільні та вузькі планшети — без горизонтального «їзду» */
@media (max-width: 767.98px) {
  .sc-product-content-description,
  .c-product-content-description {
    overflow-x: hidden;
  }

  .sc-product-content-description .sc-product-content-title,
  .c-product-content-description .sc-product-content-title {
    gap: 10px 12px;
    padding-bottom: 16px;
    margin-bottom: 20px;
  }

  .sc-product-content-description .sc-product-content-title-icon,
  .c-product-content-description .sc-product-content-title-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }

  .sc-product-content-description .sc-product-content-title-icon::before,
  .c-product-content-description .sc-product-content-title-icon::before {
    width: 18px;
    height: 18px;
    margin: 11px;
  }

  .sc-product-content-description .sc-product-content-title .fsz-24,
  .sc-product-content-description .dark-text,
  .c-product-content-description .sc-product-content-title .fsz-24,
  .c-product-content-description .dark-text {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.1px;
  }

  .sc-product-content-description .sc-product-content-text,
  .c-product-content-description .sc-product-content-text {
    font-size: 15px;
    line-height: 22px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .sc-product-content-description .sc-product-content-text h1,
  .c-product-content-description .sc-product-content-text h1 {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.2px;
  }

  .sc-product-content-description .sc-product-content-text h2,
  .c-product-content-description .sc-product-content-text h2 {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.1px;
  }

  .sc-product-content-description .sc-product-content-text h3,
  .c-product-content-description .sc-product-content-text h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .sc-product-content-description .sc-product-content-text h4,
  .sc-product-content-description .sc-product-content-text h5,
  .sc-product-content-description .sc-product-content-text h6,
  .c-product-content-description .sc-product-content-text h4,
  .c-product-content-description .sc-product-content-text h5,
  .c-product-content-description .sc-product-content-text h6 {
    font-size: 18px;
    line-height: 22px;
  }

  .sc-product-content-description .sc-product-content-text blockquote,
  .c-product-content-description .sc-product-content-text blockquote {
    margin: 20px 0;
    padding: 16px;
  }

  /* Таблиці: горизонтальний скрол, не display:block */
  .sc-product-content-description .sc-product-content-text table,
  .c-product-content-description .sc-product-content-text table {
    display: table;
    width: auto;
    min-width: 100%;
    max-width: none;
    margin: 20px 0 24px;
    table-layout: auto;
  }

  .sc-product-content-description .sc-product-content-text table thead th,
  .sc-product-content-description .sc-product-content-text table td,
  .c-product-content-description .sc-product-content-text table thead th,
  .c-product-content-description .sc-product-content-text table td {
    min-width: 0;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 18px;
    word-break: break-word;
    white-space: normal;
  }

  /* Word/HTML: фіксовані ширини (крім table — її скролимо окремо) */
  .sc-product-content-description .sc-product-content-text td[style],
  .sc-product-content-description .sc-product-content-text th[style],
  .sc-product-content-description .sc-product-content-text div[style],
  .sc-product-content-description .sc-product-content-text p[style],
  .sc-product-content-description .sc-product-content-text span[style],
  .c-product-content-description .sc-product-content-text td[style],
  .c-product-content-description .sc-product-content-text th[style],
  .c-product-content-description .sc-product-content-text div[style],
  .c-product-content-description .sc-product-content-text p[style],
  .c-product-content-description .sc-product-content-text span[style] {
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .sc-product-content-description .sc-product-content-text table[width],
  .c-product-content-description .sc-product-content-text table[width] {
    width: auto !important;
  }

  .sc-product-content-description .sc-product-content-text iframe,
  .sc-product-content-description .sc-product-content-text video,
  .c-product-content-description .sc-product-content-text iframe,
  .c-product-content-description .sc-product-content-text video {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  /* Характеристики */
  .sc-product-content-attributes {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .sc-product-content-attributes .dark-text.fsz-24 {
    font-size: 22px;
    line-height: 26px;
  }

  .sc-product-content-attributes-list {
    display: block;
    width: 100%;
  }

  .sc-product-content-attributes-list-title {
    display: block;
    padding: 12px 0;
  }

  .sc-product-content-attributes-list-item {
    display: block;
    width: 100%;
    padding: 0;
    border-top: 1px solid var(--hv-grey300, #d2d2d1);
  }

  .sc-product-content-attributes-list-item>div:first-child,
  .sc-product-content-attributes-list-item>div:last-child {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }

  .sc-product-content-attributes-list-item>div:first-child {
    padding: 12px 0 4px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: var(--hv-grey500, #686867);
  }

  .sc-product-content-attributes-list-item>div:last-child {
    text-align: start;
    padding: 0 0 12px;
    font-size: 15px;
    line-height: 22px;
    color: var(--hv-grey800, #1e1e1d);
  }
}

 /* ——— Плаваюча кнопка Telegram-бота (низ справа) ——— */
 .tg-assistant {
     position: fixed;
     z-index: 999996;
     right: max(10px, env(safe-area-inset-right, 0px));
     bottom: max(10px, env(safe-area-inset-bottom, 0px));
     font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
     --tg-ice: #7dd3fc;
     --tg-sky: #38bdf8;
     --tg-accent: #0ea5e9;
     --tg-deep: #0369a1;
     --tg-midnight: #0c4a6e;
     pointer-events: none;
 }

 .tg-assistant>* {
     pointer-events: auto;
 }

 .tg-assistant__dismiss {
     position: absolute;
     top: -6px;
     right: -6px;
     width: 28px;
     height: 28px;
     border: none;
     border-radius: 50%;
     background: linear-gradient(145deg, #fff 0%, #f1f5f9 100%);
     color: #64748b;
     box-shadow:
         0 1px 0 rgba(255, 255, 255, 0.9) inset,
         0 4px 14px rgba(15, 23, 42, 0.12),
         0 0 0 1px rgba(148, 163, 184, 0.25);
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     z-index: 2;
     transition: transform 0.22s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.2s ease, box-shadow 0.2s ease;
 }

 .tg-assistant__dismiss:hover {
     color: #0f172a;
     transform: scale(1.08);
     box-shadow:
         0 1px 0 rgba(255, 255, 255, 1) inset,
         0 6px 20px rgba(14, 165, 233, 0.2),
         0 0 0 1px rgba(14, 165, 233, 0.35);
 }

 .tg-assistant__dismiss:focus-visible {
     outline: 2px solid var(--tg-accent);
     outline-offset: 2px;
 }

 .tg-assistant__link {
     position: relative;
     display: flex;
     align-items: center;
     text-decoration: none;
     color: #fff;
     border-radius: 100px;
     padding: 0;
     overflow: visible;
     isolation: isolate;
     box-shadow:
         0 2px 0 rgba(255, 255, 255, 0.22) inset,
         0 -2px 0 rgba(0, 40, 80, 0.12) inset,
         0 12px 28px rgba(3, 105, 161, 0.38),
         0 4px 12px rgba(15, 23, 42, 0.1);
     transition: transform 0.38s cubic-bezier(0.34, 1.4, 0.64, 1), box-shadow 0.35s ease;
 }

 .tg-assistant__link:hover,
 .tg-assistant__link:focus-visible {
     transform: translateY(-4px);
     box-shadow:
         0 2px 0 rgba(255, 255, 255, 0.28) inset,
         0 -2px 0 rgba(0, 40, 80, 0.1) inset,
         0 20px 40px rgba(3, 105, 161, 0.48),
         0 8px 20px rgba(15, 23, 42, 0.12);
 }

 .tg-assistant__link:focus-visible {
     outline: 2px solid rgba(125, 211, 252, 0.9);
     outline-offset: 3px;
 }

 /* 
  * Адаптація для великих екранів (1800px+): 
  * Збільшуємо зону фото (на ~20%) і зменшуємо список запчастин для гармонійнішого вигляду.
  * Обмежуємо max-width щоб прибрати порожній простір на ультраширокому дисплеї.
  */  
 @media screen and (min-width: 1800px) {

      /* Обмеження ширини сторінки схем і центрування, щоб прибрати пустий простір */
      .pi_models_page {
          max-width: 2200px !important;
          margin-left: auto !important;
          margin-right: auto !important;
      }

      /* Обмеження самого viewer-блоку */
      .pi_models_page .pim_scheme_split.pim_scheme_viewer {
          max-width: 2160px !important;
      }

      /* Одна схема: збільшуємо колонку з фото, зменшуємо список */
      .pi_models_page.pi_models_page--single_scheme .pim_header .pim_header_main {
          grid-template-columns: minmax(0, 3.8fr) minmax(0, 1.6fr) !important;
      }
 }

 .tg-assistant__glow {
     position: absolute;
     inset: -6px;
     border-radius: inherit;
     background: linear-gradient(135deg, var(--tg-ice) 0%, var(--tg-accent) 50%, var(--tg-midnight) 100%);
     opacity: 0.45;
     filter: blur(16px);
     z-index: -1;
     animation: tg-assistant-pulse 3.2s ease-in-out infinite;
 }

 .tg-assistant__body {
     display: flex;
     align-items: center;
     gap: 0;
     min-height: 52px;
     padding: 6px 6px 6px 8px;
     border-radius: 100px;
     background: linear-gradient(168deg,
             var(--tg-ice) 0%,
             var(--tg-sky) 18%,
             var(--tg-accent) 52%,
             var(--tg-deep) 100%);
     border: 1px solid rgba(255, 255, 255, 0.28);
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
     backdrop-filter: saturate(140%) blur(10px);
     -webkit-backdrop-filter: saturate(140%) blur(10px);
 }

 .tg-assistant__icon-wrap {
     flex-shrink: 0;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(255, 255, 255, 0.14);
     box-shadow:
         0 1px 0 rgba(255, 255, 255, 0.35) inset,
         0 4px 12px rgba(0, 30, 60, 0.15);
     border: 1px solid rgba(255, 255, 255, 0.2);
     color: #fff;
 }

 .tg-assistant__icon {
     display: block;
     margin-left: 1px;
     margin-top: 1px;
     filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
 }

 .tg-assistant__text {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: center;
     line-height: 1.15;
     max-width: 0;
     opacity: 0;
     overflow: hidden;
     white-space: nowrap;
     transition: max-width 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.32s ease, margin 0.4s ease, padding 0.4s ease;
     margin-left: 0;
     padding-right: 0;
 }

 .tg-assistant__title {
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     text-shadow: 0 1px 2px rgba(0, 30, 60, 0.25);
 }

 .tg-assistant__hint {
     font-size: 11px;
     font-weight: 500;
     opacity: 0.92;
     margin-top: 3px;
     letter-spacing: 0.02em;
     text-shadow: 0 1px 2px rgba(0, 30, 60, 0.2);
 }

 @media (hover: hover) and (pointer: fine) {

     .tg-assistant__link:hover .tg-assistant__text,
     .tg-assistant__link:focus-visible .tg-assistant__text {
         max-width: 220px;
         opacity: 1;
         margin-left: 12px;
         padding-right: 14px;
     }
 }

 @media (hover: none) {
     .tg-assistant__text {
         max-width: 220px;
         opacity: 1;
         margin-left: 12px;
         padding-right: 16px;
     }

     .tg-assistant__body {
         padding-right: 10px;
     }
 }

 .tg-assistant--collapsed .tg-assistant__text {
     max-width: 0 !important;
     opacity: 0 !important;
     margin-left: 0 !important;
     padding-right: 0 !important;
 }

 .tg-assistant--collapsed .tg-assistant__body {
     padding: 6px;
     min-height: 0;
 }

 .tg-assistant--collapsed .tg-assistant__glow {
     animation: none;
     opacity: 0.22;
 }

 .tg-assistant--collapsed .tg-assistant__link {
     box-shadow:
         0 2px 0 rgba(255, 255, 255, 0.18) inset,
         0 8px 24px rgba(3, 105, 161, 0.28),
         0 2px 8px rgba(15, 23, 42, 0.08);
     transform: none;
     opacity: 0.92;
 }

 .tg-assistant--collapsed .tg-assistant__link:hover,
 .tg-assistant--collapsed .tg-assistant__link:focus-visible {
     opacity: 1;
     transform: translateY(-2px) scale(1.03);
 }

 .tg-assistant--collapsed .tg-assistant__dismiss {
     opacity: 0.9;
 }

 @keyframes tg-assistant-pulse {

     0%,
     100% {
         transform: scale(1);
         opacity: 0.42;
     }

     50% {
         transform: scale(1.06);
         opacity: 0.62;
     }
 }

 @media (prefers-reduced-motion: reduce) {
     .tg-assistant__glow {
         animation: none;
         opacity: 0.32;
     }

     .tg-assistant__link,
     .tg-assistant__text,
     .tg-assistant__dismiss {
         transition: none;
     }
 }

/* Sandbox height +70px: лише ≥769px. Глобальний !important тут зривав моб. clamp (спочатку — зменшена, після кінця файлу — 526/67vh). */
.pi_models_page .pim_scheme_sandbox_wrap {
     overflow: hidden;
}

@media screen and (min-width: 769px) {
     .pi_models_page .pim_scheme_sandbox_wrap {
         min-height: clamp(526px, 67vh, 1078px) !important;
     }
}

@media screen and (max-width: 768px) {
     .pi_models_page .pim_scheme_sandbox_wrap {
         min-height: clamp(346px, calc(66vh - 50px), 689px) !important;
     }
}

 /* Smooth pan for single-image sandbox */
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport img#img-current_picture,
 .pi_models_page .pim_scheme_sandbox_wrap .pim_scheme_sandbox_viewport img {
     pointer-events: none !important;
 }

 .pim_cart_fly_token {
     position: fixed;
     z-index: 100120;
     pointer-events: none;
     border-radius: 14px;
     overflow: hidden;
     background: radial-gradient(circle at 25% 20%, rgba(255, 255, 255, 0.96), rgba(229, 239, 255, 0.95) 55%, rgba(173, 201, 255, 0.85) 100%);
     box-shadow: 0 16px 42px rgba(2, 8, 23, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.75) inset;
     transform-origin: center center;
     will-change: transform, opacity;
 }

 .pim_cart_fly_token.pim_cart_fly_token--from_tip {
     z-index: 2147483646;
     border-radius: 12px;
     box-shadow:
         0 18px 48px rgba(227, 24, 55, 0.28),
         0 0 0 2px rgba(255, 255, 255, 0.92),
         0 0 28px rgba(59, 130, 246, 0.42),
         0 0 0 1px rgba(255, 255, 255, 0.75) inset;
 }

 .pim_cart_fly_token.pim_cart_fly_token--from_tip img {
     object-fit: contain;
     background: #fff;
 }

 .pim_cart_fly_token img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 .pim_cart_fly_token__emoji {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 18px;
     line-height: 1;
 }

 .pim_cart_fly_target_pulse {
     animation: pimCartFlyTargetPulse 0.72s cubic-bezier(0.2, 0.86, 0.25, 1);
 }

 @keyframes pimCartFlyTargetPulse {
     0% {
         transform: scale(1);
         filter: drop-shadow(0 0 0 rgba(59, 130, 246, 0));
     }

     28% {
         transform: scale(1.12);
         filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.52));
     }

     58% {
         transform: scale(0.98);
         filter: drop-shadow(0 0 14px rgba(16, 185, 129, 0.4));
     }

     100% {
         transform: scale(1);
         filter: drop-shadow(0 0 0 rgba(16, 185, 129, 0));
     }
 }

 /* 
 * Адаптація для великих екранів (1800px+): 
 * Збільшуємо зону фото (на ~20%) і зменшуємо список запчастин для гармонійнішого вигляду. 
 */
 @media screen and (min-width: 1800px) {

     /* Одна схема: збільшуємо колонку з фото, зменшуємо список */
     .pi_models_page.pi_models_page--single_scheme .pim_header .pim_header_main {
         grid-template-columns: minmax(0, 3.8fr) minmax(0, 1.6fr) !important;
     }

     /* Кілька схем (десктоп, з мініатюрами зверху): робимо сайдбар ширшим, щоб все влізло в один ряд */
     .pi_models_page .pim_scheme_split.pim_scheme_viewer.pim_scheme_split--top_thumbs {
         grid-template-columns: minmax(0, 1fr) minmax(460px, 540px) !important;
     }

     /* Кілька схем (загальний вигляд): змінюємо пропорції */
     .pi_models_page .pim_scheme_split.pim_scheme_viewer {
         grid-template-columns: minmax(0, 3fr) minmax(460px, 540px) !important;
     }

     /* Картка в сайдбарі: назва на всю ширину, блок ціна+дії — окремо */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_right,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_right {
         display: grid !important;
         grid-template-columns: minmax(0, 1fr) !important;
         row-gap: 6px !important;
         column-gap: 0 !important;
         overflow: hidden !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content:not(.pm_card_content--title_toprow) .pm_card_name,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content:not(.pm_card_content--title_toprow) .pm_card_name {
         grid-column: 1 / -1 !important;
         width: 100% !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar {
         grid-column: 1 / -1 !important;
         max-width: 100% !important;
         width: 100% !important;
         overflow: hidden !important;
         box-sizing: border-box !important;
     }

     /* Ціна + дії — в один рядок з переносом якщо не вміщається */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_bottom {
         display: flex !important;
         flex-direction: row !important;
         flex-wrap: wrap !important;
         align-items: center !important;
         gap: 6px !important;
         overflow: hidden !important;
         max-width: 100% !important;
         box-sizing: border-box !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_price,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_price {
         flex-shrink: 0 !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_actions,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_actions {
         flex: 1 1 auto !important;
         min-width: 0 !important;
         overflow: visible !important;
         max-width: 100% !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_toolbar .pm_card_button {
         display: flex !important;
         flex-direction: row !important;
         flex-wrap: wrap !important;
         align-items: center !important;
         gap: 6px !important;
         max-width: 100% !important;
         overflow: visible !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper {
         flex-shrink: 0 !important;
     }

     /* Зменшуємо степер кількості: вужчі кнопки ± та поле */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_btn,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_btn,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_minus,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_minus,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_plus,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_plus {
         width: 24px !important;
         min-width: 24px !important;
         max-width: 24px !important;
         flex: 0 0 24px !important;
         min-height: 30px !important;
         padding: 0 !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper .product_qty,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper .product_qty,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_field .product_qty,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_field .product_qty {
         width: 28px !important;
         min-width: 28px !important;
         max-width: 28px !important;
         height: 30px !important;
         font-size: 12px !important;
         padding: 0 !important;
     }

     /* Весь степер компактніший */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_qty_wrapper {
         height: 30px !important;
         min-height: 30px !important;
     }

     /* Купити — фіксовані 92px, як заміна */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.button_buy,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.button_buy,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.add2cart_handler:not(.add2preorder),
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.add2cart_handler:not(.add2preorder) {
         flex: 0 0 92px !important;
         width: 92px !important;
         min-width: 92px !important;
         max-width: 92px !important;
         padding-left: 14px !important;
         padding-right: 14px !important;
         white-space: nowrap !important;
         flex-shrink: 0 !important;
         box-sizing: border-box !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.add2preorder,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.add2preorder {
         flex: 1 1 112px !important;
         width: auto !important;
         min-width: 112px !important;
         max-width: 100% !important;
         padding-left: 14px !important;
         padding-right: 14px !important;
         white-space: nowrap !important;
         flex-shrink: 0 !important;
         box-sizing: border-box !important;
     }

     /* Кнопка "Передзамовлення" — менший шрифт, щоб вміщалося */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.add2preorder,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_button>.add2preorder {
         font-size: 10px !important;
         letter-spacing: -0.02em !important;
     }

     /* Фото запчастини (трохи більше за базовий список) */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_left,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_left {
         flex: 0 0 100px !important;
         width: 100px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image {
         height: 88px !important;
         min-height: 88px !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp img,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp img,
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp_noimage img,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_image .imgwrp_noimage img {
         width: 88px !important;
         height: 88px !important;
         max-width: 88px !important;
         max-height: 88px !important;
     }

     /* Картка цілком — не виходить за межі */
     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block {
         overflow: hidden !important;
         box-sizing: border-box !important;
         max-width: 100% !important;
     }

     .pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content,
     .pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_card_content {
         overflow: hidden !important;
         box-sizing: border-box !important;
         max-width: 100% !important;
     }
 }
/* --- Zen Mode (Сховати все зайве) --- */
body.pim-zen-mode #product_models_parts,
body.pim-zen-mode .product_models_footer_btns,
body.pim-zen-mode .pm_zen_hide,
body.pim-zen-mode #footer,
body.pim-zen-mode footer,
body.pim-zen-mode .footer {
    display: none !important;
}

body.pim-zen-mode .pm_view_btn.pm_zen_mode_toggle {
    background: #e2e8f0;
    color: #0f172a;
    border-color: #cbd5e1;
}

body.pim-zen-mode .pm_view_btn.pm_zen_mode_toggle:hover {
    background: #cbd5e1;
}

/* === Швидкий перегляд (око): у куті зони назви, absolute — не в flex/grid-рядку === */
/* Назва — зазвичай grid-area pm_title (на всю ширину картки); не flex-елемент колонки «фото|ціна» */
.pi_models_page .pm_card_name {
    position: relative;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-right: 44px;
}
.pi_models_page .pm_card_name a,
.pi_models_page .pm_card_name a:link,
.pi_models_page .pm_card_name a:visited {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    word-break: break-word;
    overflow-wrap: anywhere;
}
/* view-list задає свій clamp вище за специфічністю; сітка / інші режими — повна назва */
.pi_models_page .pm_qd_eye {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    color: #0d9488;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s, border-color 0.15s, color 0.15s;
}
.pi_models_page .pm_qd_eye:hover {
    transform: translateY(-1px);
    background: #fff;
    border-color: #0d9488;
    color: #0f172a;
    box-shadow: 0 4px 14px rgba(13, 148, 136, 0.18);
}
.pi_models_page .pm_qd_eye i {
    font-size: 1rem;
}

.pi_models_page .pm_scheme_focus_btn {
    display: none;
    position: absolute;
    top: 0;
    right: 38px;
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 1px solid #fde68a;
    border-radius: 8px;
    background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);
    color: #b45309;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s, border-color 0.15s, color 0.15s;
}

.pi_models_page .pim_single_scheme_parts_panel .product_model_block .pm_scheme_focus_btn {
    display: inline-flex;
}

.pi_models_page .pim_single_scheme_parts_panel .product_model_block .pm_card_name {
    padding-right: 74px;
}

.pi_models_page .pm_scheme_focus_btn:hover {
    transform: translateY(-1px);
    background: #fffdf5;
    border-color: #f59e0b;
    color: #92400e;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.24);
}

.pi_models_page .pm_scheme_focus_btn i {
    font-size: 1rem;
}

.pi_models_page.pi_models_page--single_scheme .pim_single_scheme_parts_list.view-list .product_model_block .pm_scheme_focus_btn,
.pi_models_page.pi_models_page--multi_scheme_sidebar .pim_single_scheme_parts_list.view-list .product_model_block .pm_scheme_focus_btn {
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    right: 30px;
    font-size: 12px;
}

body.pm_qd_open { overflow: hidden; }

#pm_qd_modal.pm_qd_modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s;
}
#pm_qd_modal.pm_qd_modal.is_open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
#pm_qd_modal .pm_qd_modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(3px);
}
#pm_qd_modal .pm_qd_modal__dialog {
    position: relative;
    z-index: 1;
    width: min(920px, 100%);
    max-height: min(90vh, 900px);
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.25), 0 0 0 1px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    animation: pm_qd_in 0.3s ease;
}
@keyframes pm_qd_in {
    from { opacity: 0; transform: scale(0.97) translateY(10px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}
#pm_qd_modal .pm_qd_modal__close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #f1f5f9;
    color: #334155;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
}
#pm_qd_modal .pm_qd_modal__close:hover {
    background: #e2e8f0;
    color: #0f172a;
}
#pm_qd_modal .pm_qd_modal__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 0;
    min-height: 0;
    flex: 1;
    overflow: hidden;
}
@media (max-width: 720px) {
    #pm_qd_modal .pm_qd_modal__grid {
        grid-template-columns: 1fr;
        max-height: min(88vh, 100%);
    }
}
#pm_qd_modal .pm_qd_modal__gallery {
    background: linear-gradient(145deg, #f8fafc, #e2e8f0);
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    border-right: 1px solid #e2e8f0;
}
@media (max-width: 720px) {
    #pm_qd_modal .pm_qd_modal__gallery {
        border-right: none;
        border-bottom: 1px solid #e2e8f0;
    }
}
#pm_qd_modal .pm_qd_modal__main {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#pm_qd_modal .pm_qd_modal__mainimg {
    max-width: 100%;
    max-height: 360px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
#pm_qd_modal .pm_qd_modal__thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 100px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
}
#pm_qd_modal .pm_qd_modal__thbtn {
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 0;
    background: #fff;
    cursor: pointer;
    flex: 0 0 auto;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.1);
    transition: border-color 0.15s, box-shadow 0.15s;
}
#pm_qd_modal .pm_qd_modal__thbtn:hover,
#pm_qd_modal .pm_qd_modal__thbtn:focus {
    border-color: #0d9488;
    outline: none;
    box-shadow: 0 2px 8px rgba(13, 148, 136, 0.2);
}
#pm_qd_modal .pm_qd_modal__thbtn img {
    display: block;
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 6px;
}
#pm_qd_modal .pm_qd_modal__body {
    padding: 24px 20px 20px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
}
#pm_qd_modal .pm_qd_modal__title {
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: 700;
    color: #0f172a;
    margin: 0 32px 0 0;
    word-break: break-word;
}
#pm_qd_modal .pm_qd_meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    font-size: 0.9rem;
    color: #334155;
}
#pm_qd_modal .pm_qd_meta.is_hidden { display: none; }
#pm_qd_modal .pm_qd_modal__codelab {
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #94a3b8;
}
#pm_qd_modal .pm_qd_modal__code {
    font-weight: 700;
    color: #0d9488;
    font-size: 0.95rem;
}
#pm_qd_modal .pm_qd_modal__price {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
}
#pm_qd_modal .pm_qd_modal__price small { font-weight: 600; font-size: 0.85em; }
#pm_qd_modal .pm_qd_modal__price.is_hidden { display: none; }
#pm_qd_modal .pm_qd_modal__desc {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #475569;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 200px;
    overflow-y: auto;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}
#pm_qd_modal .pm_qd_modal__fulllink {
    display: inline-block;
    margin-top: 4px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #0d9488;
    text-decoration: none;
    border-bottom: 1px solid rgba(13, 148, 136, 0.35);
}
#pm_qd_modal .pm_qd_modal__fulllink:hover { color: #0f766e; border-color: #0f766e; }
#pm_qd_modal .pm_qd_modal__fulllink[hidden] { display: none; }