<!-- Array
(
    [0] => Array
        (
            [product_id] => 936094
            [price] => 106.8100
            [quantity] => 722
            [sku] => EU16-936094
            [model] => HSY4875C__plastoria
            [color] => Пастельный серый
            [material] => Латунь, хромирование
            [brand] => 2
            [product_size] => Dia. 13 / h. 140.5 mm
            [weight_gr] => 
            [markgroup] => Лазерное нанесение, шелкография
            [packaged_in] => Картонная коробка
            [quantity_next_delivery] => 1856
            [quantity_in_cartbox] => 50
            [cartbox_measurements] => 300 x 400 x 500 mm
            [cartbox_weight_kg] => 10.62 кг
            [quantity_7_10_days] => 
            [main_image] => catalog/prod/image/plastoria/HSY4875C-1.jpg
            [images] => Array
                (
                    [0] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875C-1.jpg
                    [1] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_F-1.jpg
                    [2] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_O-1.jpg
                    [3] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_Z-1.jpg
                    [4] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_Z2-1.jpg
                    [5] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_B-1.jpg
                    [6] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_E-2.jpg
                    [7] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_E2-2.jpg
                )

            [priceNow] => 106.8100
            [currency_prices] => Array
                (
                    [RUB] => Array
                        (
                            [without_vat] => 9482.37
                            [with_vat] => 11568.49
                            [old_price] => 11568.49
                        )

                    [BYN] => Array
                        (
                            [without_vat] => 341.45
                            [with_vat] => 409.74
                            [old_price] => 409.74
                        )

                    [EUR] => Array
                        (
                            [without_vat] => 106.81
                            [old_price] => 106.81
                        )

                )

        )

    [1] => Array
        (
            [product_id] => 967228
            [price] => 115.7200
            [quantity] => 525
            [sku] => EU16-967228
            [model] => HSY4875D__plastoria
            [color] => Темно-зеленый
            [material] => Латунь, гальваническое покрытие оружия
            [brand] => 
            [product_size] => 140.5 x 13 x 13 mm
            [weight_gr] => 
            [markgroup] => 
            [packaged_in] => 
            [quantity_next_delivery] => 1659
            [quantity_in_cartbox] => 
            [cartbox_measurements] => 
            [cartbox_weight_kg] => 
            [quantity_7_10_days] => 
            [main_image] => 
            [images] => Array
                (
                    [0] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875D-1.jpg
                    [1] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_F-1.jpg
                    [2] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_O-1.jpg
                    [3] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_Z-1.jpg
                    [4] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_Z2-1.jpg
                    [5] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_B-1.jpg
                    [6] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_E-2.jpg
                    [7] => index.php?route=common/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_E2-2.jpg
                )

            [priceNow] => 115.7200
            [currency_prices] => Array
                (
                    [RUB] => Array
                        (
                            [without_vat] => 10273.38
                            [with_vat] => 12533.52
                            [old_price] => 12533.52
                        )

                    [BYN] => Array
                        (
                            [without_vat] => 369.93
                            [with_vat] => 443.92
                            [old_price] => 443.92
                        )

                    [EUR] => Array
                        (
                            [without_vat] => 115.72
                            [old_price] => 115.72
                        )

                )

        )

)
 --><!doctype html>
<html dir="ltr" lang="ru">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link type="Image/x-icon" href="/image/catalog/favicon/favic/favicon.ico" rel="icon">

        <meta name="google-site-verification" content="bo3JDxGjdDgh_3W3BaZmjd80hGmCe2lrohXQPPv6c6w" />

        <meta name="format-detection" content="telephone=no">
        <meta name="MobileOptimized" content="380">
        <base href="https://new-ton.org/">
        <title></title>
        <meta name="theme-color" content="#CB4335">
        <meta name="format-detection" content="telephone=no">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
                            <meta name="description" content="Ручка-роллер Essential Metal EU16-936094 европейского качества для нанесения логотипа. Закажите онлайн недорого и быстро -  доставляем &#127873; корпоративные подарки и бизнес-сувениры из Европы за 15 дней в Беларусь, Россию и Казахстан.">
            <meta name="og:description" content="Ручка-роллер Essential Metal EU16-936094 европейского качества для нанесения логотипа. Закажите онлайн недорого и быстро -  доставляем &#127873; корпоративные подарки и бизнес-сувениры из Европы за 15 дней в Беларусь, Россию и Казахстан.">
                                    <link rel="apple-touch-icon" sizes="180x180" href="/image/catalog/favicon/favic/apple-touch-icon.png">
                            <link rel="icon" type="image/png" href="/image/catalog/favicon/favic/favicon-32x32.png" sizes="32x32">
                            <link rel="icon" type="image/png" href="/image/catalog/favicon/favic/favicon-16x16.png" sizes="16x16">
                            <meta property="og:title" content=" " />
            <meta property="og:type" content="website">
            <meta property="og:url" content="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/metallicheskie-ruchki/ruchka-roller-essential-metal-936094">
                            <meta property="og:image" content="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C-1-400x400.webp">
                        <meta property="og:site_name" content="Нью-Тон">
        
                    <link rel="stylesheet" href="catalog/view/theme/technics/css/fontawesome/4.7.0/css/font-awesome.min.css?v1781351760">
                <link rel="stylesheet" href="catalog/view/theme/technics/css/bootstrap/3.3.5/bootstrap.min.css?v1781351760">
        <link rel="stylesheet" href="catalog/view/theme/technics/css/app.min.css?v1781351760">


        <link href="/catalog/view/theme/technics/css/vier_styles.css" rel="stylesheet">
        <link href="/catalog/view/theme/technics/css/popup_modal.css" rel="stylesheet">


                <style>
            /* roboto-300 - cyrillic_latin */
            @font-face {
                font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 300;
                src: url('https://new-ton.org/image/catalog/fonts/roboto-v50-cyrillic_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            }

            /* roboto-regular - cyrillic_latin */
            @font-face {
                font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 400;
                src: url('https://new-ton.org/image/catalog/fonts/roboto-v50-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            }

            /* roboto-500 - cyrillic_latin */
            @font-face {
                font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 500;
                src: url('https://new-ton.org/image/catalog/fonts/roboto-v50-cyrillic_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            }

            /* roboto-600 - cyrillic_latin */
            @font-face {
                font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 600;
                src: url('https://new-ton.org/image/catalog/fonts/roboto-v50-cyrillic_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            }

            /* roboto-700 - cyrillic_latin */
            @font-face {
                font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 700;
                src: url('https://new-ton.org/image/catalog/fonts/roboto-v50-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
            }

            :root {font-size: 10px; } @media (max-width: 479px) {:root {font-size: 9px; }}
            .app {position: relative;min-height: 100%;}
            body {font: 400 1.4rem/1.714 "Roboto", Helvetica, Arial, als_rublregular, sans-serif; font-display: swap;}
            button,input,optgroup,select,textarea,.fancybox-container {font-family: "Roboto", Helvetica, Arial, als_rublregular, sans-serif;}
                        /* E74C3C CB4335 F1948A 203, 67, 53, 0.5 203, 67, 53, 0.1 */
            a,mark,.btn--copy:hover,.btn--blog:hover,.btn--preview:hover,.btn--preview:focus,.btn--dashed,.btn--link,.btn--transparent,.ui-check:hover,.ui-number .jq-number__spin:hover,.fancybox-close-small:hover,.popup__close:hover,.signin__close:hover,.slides .slick-arrow:hover,.products__sorting-btn,.products__item-price,.products__line-price,.products__line-buttons .btn--blog:hover,.products__micro-price,.products__tabs-btn,.media__item-title,.category__item:hover,.info__item svg,.sku__close:hover,.sku__thumbs-video,.sku__rating mark,.other__item-price,.details__tabs-btn,.comments__heading mark,.comments__statistic-count,.tabs__btn,.options__link, .options__btn,.catalog__nav-link:hover, .catalog__nav-link.is-active,.checkout__accordion dt,.checkout__basket-title,.offices__panel .ui-select .jq-selectbox__select,.personal__nav-link:hover,.personal__nav-link.is-active,.brands__item-link,.compare__column-item-price,.nav__topline-sublink,.nav__topbar-sublink,.search__btn:hover,.phone__link,.cart__item-title a,.nav__priority-dropdown .nav__link,.is-open > .nav__link,.is-open > .nav__link:not([href]):not([tabindex]),.is-open > .nav__link:not([href]):not([tabindex]):hover, .is-open > .nav__priority-toggle,.nav__promo-slides .slick-arrow:hover,.footer__social-link,.footer--v6 .footer__middle .nav-categories__link,.footer--v6 .footer__middle .footer__social-link:hover,.link, .sku__brand a,.link-underline, .sorting__link, .media__link, .category__link, .seo__readmore-link, .breadcrumbs__link, .reviews__link, .reviews__item-link,.footer__phone-link,.link-dashed, .products__status-link, .sku__status-link,.modal-header .close:hover,.blog__nav-link,.search__input,.subsc-min__btn,.footer__questions-link,.products__item-images .slick-arrow:hover,.products__line-images .slick-arrow:hover,.products__micro-images .slick-arrow:hover{
            color: #e14a4e;}
            .search__input:-ms-input-placeholder{
            color: #e14a4e;}
            .search__input::placeholder{
            color: #e14a4e;}
            @media (max-width: 767px) {
                .header--v1 .acc .acc__btn.is-active,.header--v1 .lang .lang__btn.is-active,.header--v1 .wallet .wallet__btn.is-active,.header--v2 .acc .acc__btn.is-active,.header--v2 .lang .lang__btn.is-active,.header--v2 .wallet .wallet__btn.is-active,.header--v4 .acc .acc__btn.is-active,.header--v4 .lang .lang__btn.is-active,.header--v4 .wallet .wallet__btn.is-active,.header--v5 .acc .acc__btn.is-active,.header--v5 .lang .lang__btn.is-active,.header--v5 .wallet .wallet__btn.is-active,.header--v6 .acc .acc__btn.is-active,.header--v6 .lang .lang__btn.is-active,.header--v6 .wallet .wallet__btn.is-active,.header--v8 .acc .acc__btn.is-active,.header--v8 .lang .lang__btn.is-active,.header--v8 .wallet .wallet__btn.is-active,.header--v9 .acc .acc__btn.is-active,.header--v9 .lang .lang__btn.is-active,.header--v9 .wallet .wallet__btn.is-active,.header--v10 .acc .acc__btn.is-active,.header--v10 .lang .lang__btn.is-active,.header--v10 .wallet .wallet__btn.is-active{
                color: #e14a4e;}
            }
            @media (min-width: 480px) {
                .products__item--dual .products__item-title{
                color: #e14a4e;}
            }
            .btn--transparent:hover,.btn--transparent:focus,.ui-check__input:checked ~ .ui-check__checkbox,.products__item-mark--new,.products__line-mark--new,.products__micro-mark--new,.pagination > li.active > a:after,.pagination > li.active > span:after,.tabs__btn.is-active:after,.options__dropdown > li:hover,.catalog__nav-menu > li.is-active > .catalog__nav-link,.contacts__item-icon,.blog__nav-link:hover,.article__tags-item:hover,.tags__btn:hover,.cart__counter,.nav,.ctrl-v6__btn-counter,.ctrl-v4__btn-counter,.header--service,.subsc__btn,.irs-bar,.irs-handle,.nav__topline-sublink:hover,.nav__topbar-sublink:hover,.nav__priority-dropdown li.is-open > .nav__link:not(.nav__link--arrow), .nav__priority-dropdown li.is-open > .nav__list-link,.nav__list-link:not(.nav__list-link--arrow):hover{
            background: #ff7477;}
            .btn--transparent:hover,.btn--transparent:focus,.ui-range__input:focus,.ui-check__input:checked ~ .ui-check__radio,.ui-check__input:checked ~ .ui-check__checkbox,.options__dropdown > li:hover [class^="icon-view"]:after, .options__dropdown > li:hover [class^="icon-view"]:before,.offices__panel .ui-select .jq-selectbox__trigger-arrow,.personal__nav-link.is-active,.nav__priority-dropdown li.is-open > .nav__link--arrow:after, .nav__priority-dropdown li.is-open > .nav__list-link--arrow:after,.header--v9 .nav .nav__priority-toggle:after,.subsc-min__input:focus,.nav__list-link--arrow:hover:after{
            border-color: #CB4335;}
            .irs-handle.state_hover, .irs-handle:hover{
            box-shadow: inset 0 0 0 .2rem #CB4335;}
            .products__item-replace .icon-replace,.products__item-replace:hover,.reviews__slides--catalog .slick-arrow:hover,.compare__nav-prev:hover, .compare__nav-next:hover,.compare__column-add:hover,.compare__column-item-delete .icon-delete-compare,.compare__column-item-delete:hover{
            color: #E74C3C;}
            .btn--white:hover,.btn--white:focus,.btn--blue,.btn--cart,.ui-size__input:checked ~ .ui-size__btn,.ui-select.opened .jq-selectbox__trigger,.ui-select .jq-selectbox__dropdown li:hover,.app-notice__btn:hover,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.products__slides > .slick-arrow:hover,.set__slides > .slick-arrow:hover,.sku__thumbs .slick-arrow:hover,.other__slides .slick-arrow:hover,.filter__back:hover,.filter__clear:hover,.reviews__slides--homepage > .slick-arrow:hover,.compare__column-add-icon,.cart__back:hover,.cart__clear:hover,.nav__list-close:hover,#collapse-shipping-method .btn.btn-primary,.scroll-to-top:hover,.btn--black:hover,.btn--black:focus,.app-chats__toggle{
            background: #E74C3C;}
            .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover,.bootstrap-datetimepicker-widget table td span.active,s.bootstrap-datetimepicker-widget table td.today:before {
            background-color: #E74C3C;}
            .btn--white:hover,.btn--white:focus,.ui-size__input:checked ~ .ui-size__btn,.ui-size__btn:hover,.slick-current .sku__thumbs-item,.slick-current .sku__thumbs-video,.sku__thumbs-item:hover,.filter__clear:hover,.cart__clear:hover,.btn--black:hover,.btn--black:focus{
            border-color: #E74C3C;}
            a:hover,.btn--link:hover,.btn--dashed:hover,.btn--dashed:focus,.products__sorting-btn:hover,.products__tabs-btn:hover,.media__item:not(.media__item--bg):hover .media__item-title,.sku__thumbs-video:hover,.tabs__btn:hover,.options__link:hover, .options__btn:hover,.brands__item-link:hover,.phone__btn:hover,.phone__link:hover,.acc__btn:hover,.lang__btn:hover,.wallet__btn:hover,.cart__item-title a:hover,.header--v1 .search .search__close:hover,.header--v2 .search .search__close:hover,.header--v3 .search .search__close:hover,.header--v4 .search .search__close:hover,.header--v6 .search .search__close:hover,.header--v7 .search .search__close:hover,.header--v1 .search .search__send:hover,.header--v2 .search .search__send:hover,.header--v3 .search .search__send:hover,.header--v4 .search .search__send:hover,.header--v6 .search .search__send:hover,.header--v7 .search .search__send:hover,.subsc-min__btn:hover,.footer__social--icons .footer__social-link:hover,.footer__social-link:hover,.footer__nav .footer__phone-link:hover,.footer--v6 .footer__middle .nav-categories__link:hover,.link:hover, .sku__brand a:hover,.link-underline:hover, .sorting__link:hover, .media__link:hover, .category__link:hover, .seo__readmore-link:hover, .breadcrumbs__link:hover, .reviews__link:hover, .reviews__item-link:hover, .footer__phone-link:hover,.link-dashed:hover, .products__status-link:hover, .sku__status-link:hover{
            color: #F1948A;}
            .pagination > li > span:after,.tabs__btn:hover:after,.subsc__btn:hover,.app-chats__toggle:hover,.pagination > li > a:after, .pagination > li > span:after{
            background: #F1948A;}
            .cart__clear:hover,.system__social-link:hover{
            border-color: #F1948A;}
            .search__input:focus,.header--v1 .search .search__input:focus,.header--v2 .search .search__input:focus,.header--v3 .search .search__input:focus,.header--v4 .search .search__input:focus,.header--v6 .search .search__input:focus,.header--v7 .search .search__input:focus,.nav__priority-toggle:after,.nav__link--arrow:after {
            border-bottom-color: #F1948A;}
            .nav__priority-toggle:after,.nav__link--arrow:after{
            border-right-color: #F1948A;}
            .ui-input:focus, .ui-textarea:focus, .ui-select .jq-selectbox__select:focus,.ui-check:hover .ui-check__radio, .ui-check:hover .ui-check__checkbox,.cart__counter:after,.ctrl-v6__btn-counter:after,.ctrl-v4__btn-counter:after{
            border-color: rgba(203, 67, 53, 0.5); /* CB4335 0.5 */ }
            .btn--dashed span,.products__sorting-btn,.media__item-title u,.phone__link,.link--underline, .sku__brand a,.link--dashed,.link-underline, .sorting__link, .media__link, .category__link, .seo__readmore-link, .breadcrumbs__link, .reviews__link, .reviews__item-link, .footer__phone-link,.link-dashed, .products__status-link, .sku__status-link{
            border-bottom-color: rgba(203, 67, 53, 0.1); /* CB4335 0.1 */ }
            .footer__nav .footer__phone-link:hover{
            border-color: rgba(203, 67, 53, 0.1); /* CB4335 0.1 */ }
            
            
            .btn--preview.js-btn-preview {display: none;}                                    top: -60px;ertical-align: text-top;width: 200px;width: 200px;.footer_submit-app-form_wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
 	align-items: center;
}
.footer_submit-app-form{
	margin:15px 0 30px;
}
.footer_submit-app-form_btn{
	margin-left: 15px;
    background: #C0392B;
    padding: 10px 15px;
    border-radius: 20px;
    color: #fff;
  	cursor: pointer;
}
.footer_submit-app-form_btn:hover{
	box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 25%);
}
.wbt_tags_bottom{
	display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
  	margin: 5rem 0 0;
}
.wbt_tags_bottom-item{
	display:none;
}
.wbt_tags_bottom-show_more{
	margin: 30px 0;
    text-align: center;
    color: #A93226;
    text-decoration: underline dashed;
  	cursor:pointer;
}
.recommend_product-block,.similar-cats_block{
	margin: 30px 0 10px;
}
.similar-cats_wrapper{
	display: flex;
	flex-wrap: wrap;
  	align-items:center;
}
.similar-cats_item{
	margin-right: 10px;
  	margin-right: 10px;
    font-weight: bold;
    font-size: 18px;
}
.shortcode_product-block{
	margin: 90px 0 50px;
}
.shortcode_product-block .slick-prev{
	right: auto;
  	left:0;
}
.shortcode_product-block .slick-next{
	right: auto;
  	left:40px;
}
.catalog__products-load-more-block{
	margin: 0 0 40px;
}
.catalog__products-load-more{
	background-color: #A93226;
  	padding: 10px 20px;
  	margin: 0 auto;
  	width: fit-content;
  	color: #fff;
  	cursor: pointer;
}
.watched-products_head-wraper{
	display: flex;
  	align-items: center;
}
.watched-products_head-wraper h2{
	flex: 0 0 auto;
  	padding: 0;
}
.clear-watched_products{
	border: 1px solid #C0392B;
    padding: 10px 15px;
    color: #C0392B;
    border-radius: 20px;
    margin-bottom: 2.5rem;
  	transition: all .2s;
  	cursor: pointer;
}
.clear-watched_products:hover{
	background-color: #C0392B;
  	color: #fff;
}
.products__item-desc{
  position:relative;
}
.promo__item-block{
  position: relative;
}
.promo__item-subcats{
	background: #fff;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
  	left: 0;
  	right: 0;
    z-index: 99;
    width: 90%;
    height: 90%;
    overflow: auto;
    padding: 15px;
  	margin: 0 auto;
  	opacity: 0;
  	transition: all .3s;
}
.promo__item-subcats a:first-child{
	font-size: 18px;
  	margin-bottom: 10px;
}
.promo__item-block:hover .promo__item-subcats{
	opacity: 1;
}
.promo__item-subcats::-webkit-scrollbar-track {border-radius: 4px;}
.promo__item-subcats::-webkit-scrollbar {width: 6px;}
.promo__item-subcats::-webkit-scrollbar-thumb {border-radius: 4px;background: #fff;}
.promo__item-subcats:hover::-webkit-scrollbar-thumb {background: #A93226;}

.btn-show-all_product-tabs{
	margin: 20px auto 0;
    display: block;
    width: fit-content;
}
.product_seo_text{
	margin-top: 50px;
}
.popup-alert{
  position:fixed;
  top: 35%;
  left: 0;
  right: 0;
  z-index: 9999;
  margin: 0 auto;
  width: fit-content;
  box-shadow: 0 0 15px black;
}
.iti__country-list{
	z-index:9999;
}
.iti__standard,.iti__divider{
	display: none;
}
.iti{
 	display: block!important; 
}
.footer_submit-app-form_wrapper{
	display: flex;
  	align-items: center;
  	justify-content: flex-end;
}
.nav__menu li:nth-child(2) a:after, .nav__menu li:nth-child(3) a:after{
	display:none;
}
.product-kp-block{
	border-radius: 6px;
	  padding: 0;
	  margin: 34px 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
}
.product-kp-block-text{
color: white;
  background: #ff4e53;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  width: 58%;
  height: 43px;
  font-size: 15px;
  line-height: 150%;
  opacity: 0.99;
  cursor: pointer;
  padding: 1.2rem 2rem;
}

@media (max-width: 767px) {
.product-kp-block-text {
	width: 95%;
	padding: 3rem 2rem;
}
}
.kp-show{
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    /* text-decoration-line: underline; */
    /* color: #C0392B; */
    margin-left: 5px;
    cursor: pointer;
}
.product-kp-popup{
	display: none;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  backdrop-filter: blur(3px);
  background: #0000008f;
  transition: opacity 400ms ease-in;
}

.product-kp-popup-overlay{
  background: #000000;
  opacity: 0.5;
    width: 100%;
    height: 100%;
}
.product-kp-popup-content{
	position: fixed;
  background: #ffffffd9;
  box-shadow: .4rem .4rem .5rem #0000004d;
  padding: 4rem 6rem;
  width: auto;
  border-radius: 1.5rem;
}
.product-kp-popup-close{
 	background-image: url("/catalog/view/theme/technics/images/product-kp-popup-close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
	top: 2rem;
	 right: 2rem;
  	cursor: pointer;
}
.product-kp-popup-title{
  font-weight: 600;
    font-size: 28px;
    line-height: 15%;
    color: #343434;
  margin-bottom: 28px;
}
.product-kp-popup-content form{
  width: 520px;
    margin: 0 auto;
}
.product-kp-popup-form-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.product-kp-popup-form-row input{
  width: 100%;
    border: 1px solid #E8E8E8;
  border-radius: 4px;
    background-color: #fff;
    padding: 14px 20px;   
}
.product-kp-popup-form-row input:not(:last-child){
  margin-right: 18px;
}
.product-kp-popup-form-row.product-kp-popup-form-two-fields input{
  width: calc(50% - 9px);
}
.product-kp-popup-form-row.product-kp-popup-form-three-fields input{
  width: calc(100%/3 - 9px);
}
.product-kp-popup-form-row select{
	width: calc(50% - 9px);
  	padding: 14px 20px;
  	border: 1px solid #E8E8E8;
  	border-radius: 4px;
}
.product-kp-popup-form-text{
	font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #343434;
    opacity: 0.99;
}
.product-kp-popup-content form input[type="submit"]{
	background: #C0392B;
    border-radius: 50px;
    border: none;
    padding: 17px 53px 16px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
	margin: 40px auto 0;
  	display: block;
  	cursor: pointer;
}
.product-kp-popup-form-row-radio{
	justify-content: flex-start;
}
.product-kp-popup-form-row-radio .product-kp-popup-form-text{
	margin-right: 30px;
}
/* для элемента input c type="radio" */
.product-kp-popup-content input[type="radio"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
/* для элемента label связанного с .custom-radio */
.product-kp-popup-content input[type="radio"]+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #343434;
  opacity: 0.99;  
  margin-right: 20px;
}
/* создание в label псевдоэлемента  before со следующими стилями */
.product-kp-popup-content input[type="radio"]+label::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 22px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
/* стили для радиокнопки, находящейся в состоянии checked */
.product-kp-popup-content input[type="radio"]:checked+label::before {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cmask id='mask0_25_1695' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='22'%3E%3Crect width='22' height='22' fill='url(%23pattern0)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_25_1695)'%3E%3Crect x='-5' y='-20' width='38' height='57' fill='%23C0392B'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_25_1695' transform='scale(0.00195312)'/%3E%3C/pattern%3E%3Cimage id='image0_25_1695' width='512' height='512' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAURQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAi2s+iwAAAGt0Uk5TAAECAwQFBggJDA0SExQVGRobHyIpKistLzA5O0hNTk9TVVZaW2drc3R1d3h5ent+gIGChoqUl5ufoKGio6SlqKusra6vsLGztLi+xMvMzs/Q0dLT2Nzf4OHj5OXo6evs8fLz9PX2+fr8/f5ycjfQAAAGZElEQVR42u3cW1dQBRSF0SNgRCLZBbMEI4iIwtKKiMKymwZJCYEUREQkBvv/v/dQjcSQS9YYctb8fgFnz6UgcmgaSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkPVjnxavTswvr22vzN6fGz7tHVj3DMxt1f3cmB7qcJaXusb36f7Q80uE0CXWNrtb+LV5ynfbXv1QPb67PgVre4GYd1MoFJ2p1Ezt1cFtDjtTiT//X6tB2X3en1vpfryO06++AaP+qLV8HRPtXrfi3QLR/1ZxzRftX+Y5Qtn8t+q5wtH/ViJtF+9ey/xuM9q8acLZo/5p0t2j/uuNw0f5Vfkos27/G3S7av6YcL9q/brpetH/NO1+0f625X7R/bTtgtH+tu2C0fy04YbR/zbphtH9NO2K0f111xRPs/+kj+9dFZ4z23+h0x2T/mnHHaP8adsho/40el0z2rzGXjPZf7XbKZP8adcpo/yVvBUT7b/a7ZbL/zqBbJvvXhFtG+19zy2j/674A5C/+4i/+4i/+4i/+4i/+4i/+4i/+4i/+4i/+4i/+4i/+4i/+4i/+4i/+4i/+4i/+4i/+Opb/Z/z58+fPnz9//vz58+fPnz9//vz58+fPnz9//vz58+fPnz9//vz58+fPn7/4i7/4i7/4i7/4i78et07z58+fP3/+/Pnz58+fP3/+/Pnz58+fP3/+/Pnz58+fP3/+/Pnz58+fP/+T6f85f/78+fPnz58/f/78+fPnz58/f/78+fPnz58/f/78+fPnz58/f/78+fPnL/7iL/7iL/7iL/7iL/7iL/7iL/7iL/7iL/7iL/7iL/7iL/7iL/7iL/7iL/56JP8v+PPnz58/f/78+fPnz58/f/78+fPnz58/f/78W+J/qu/5pzv5R/r3vvrxrR/uVdXOj7dvvPYs/yj/c29+/dvej/27d8/zT/Hvfe/uPh/+zsxz/BP8n3r754c8wb33z/Fvvf+L3x/wEL+8zL/l/q/8euBj7L7Fv83+p97ZPexJPnmSf3v//H94hGe5dYZ/W/0njvQ035zh307/wZ2ygGD//s2jPlHEAuL8u5aO/kwBC8j7/t/ocZ6q9QvI8+9eLQsI9m/GjvlkrV5AoH/PRllAsH8zfPyna+0CIn/+46OygGT/jp/KAoL9m5f+3TO2cAGhP/95pSwg2b/5oCwg2b+ZLQtI9m8WygKi3/9ZLwuIfv9ruywg+v2/tYpfQPb7n/OVvoDw93+/qvAFpL//PVXZC4h///+Nil6A3//wwqM/+7dn+J/g3/+xErwA/k3TTFbsAvg3TdMMVOoCTn/Jv2maruXQBfD/s5GKXAD/v+pYTFwA/7+7VHkL4H9/c3EL4L+nvpWwBfB/oAtbUQvg/4+GdoMWwH+fLlfMAvjv25WUBfDPXgD//38BvfwtgL8F8LcA/hbA3wL4WwB/C+BvAfyzFnC7l78F8LcA/hbA3wL4WwB/C+BvAfwtgL8F8LcA/hbA3wL4WwB/C+BvAfwtgL8F8LcA/hbA3wL4WwB/C+BvAfzbtoCFXv4WwN8C+FsAfwv47/xv8D9JCzjL3wL4WwB/C+BvAfwtgL8F8LcA/hbA3wL4WwB/C+BvAfwtgL8F8LcA/hbA3wL4WwB/C2ia5gn+bVzA4ln+FsDfAvhbAH8L4G8B/C2AvwXwtwD+FsA/fgH8sxfAP3sB/LMXwD97AfyzF8A/cwF9/C2Af/wC+GcvgH/2Ap7hn72Au/zDF8DfAvhbAH8L4G8B/C2AvwXwtwD+FsDfAvhbAH8L4G8B/C2AvwXwtwD+FsDfAvinL4B/9gL4Zy+Af/YC+GcvgH/2AvhnL4B/9gL4Zy+Af/YC+GcvgH/2AvhnL4B/9gL4Zy+Af/YC+GcvgH/2AvhnL4B/9gL4Zy+Af/YC+GcvgH/2AvhnL4B/9gL4Zy+Af/YC+GcvgH/2AvhnL4B/9gL4Zy+Af/YC+GcvgH97u7x7uP81/i1uaOsQ/p0JR2p1F1YO9N8cdKKW1zd3gP9SvwO1v0uLD+FfHfXpP6KOkeV9+DfGup0mpa6ByTt79WeGe5wlq/PjUzfn17bXF2anr17sdA9JkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkvQY9TtWXIJiBquu+QAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A");
}

.mobile-social{
	display: none;
}
.product-kp-popup-success{
	text-align:center;
  	padding: 14px 0 32px;
}
.product-kp-popup-success img{
	width: 135px;
  	margin-bottom: 23px;
}
.product-kp-popup-success-text{
	font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #343434;
    opacity: 0.99;
}
.products__item-desc{
	margin-top: 5px;
}
.products__item .price-info{
	vertical-align: text-top;
}
.products__item .price-info-popup{
	z-index: 99;
  	top: -85px;
	width: 200px;
}
.products__line-desc .price-info-popup{
	top: -60px;
  	z-index: 99;
}
.products__micro-price .price-info-popup{
	top: -25px;
  	width: 245px;
  	z-index: 99;
}

@media screen and (max-width: 1024px){
  .product-kp-popup-content{
  	width: 100%;
    padding: 20px;
    top: 0;
    height: 100%;
    overflow-y: auto;
  }
  .product-kp-popup-close{
  	width: 15px;
    height: 15px;
    top: 10px;
    right: 10px;
  }
  .product-kp-popup-content form{
  	width: 100%;
  }
  .product-kp-popup-form-row{
  	flex-direction: column;
    margin-bottom: 15px;
    align-items: flex-start;
  }
  .product-kp-popup-form-row.product-kp-popup-form-two-fields input{
  	width: 100%;
    margin-right: 0;
    margin-bottom:15px;
  }
  .product-kp-popup-form-row.product-kp-popup-form-two-fields input:last-child{
  	margin-bottom: 0;
  }
  .product-kp-popup-form-row select{
  	width: 100%;
  }
  .product-kp-popup-form-text{
  	margin-bottom: 15px;
  }
  .product-kp-popup-success{
  	padding-top: 150px;
  }
}
@media screen and (max-width: 767px){
  .watched-products_head-wraper{
  	flex-direction: column;
    align-items: flex-start;
  }
  .promo__item-subcats{
  	display: none;
  }
  .popup-alert{
  	width: 80%;
  }
  .mobile-social{
  	display: block;
    margin: 5px;
    position: relative;
    z-index: 2;
  }
  .mobile-social-wrapper{
  	display: flex;
  }
  .mobile-social-item{
	width: 20px;
    margin-right: 10px;
  }
  .products__item .price-info-popup{
  	padding: 10px;
    width: 135px;
    top: -55px
  }
  .products__item .price-info-popup-price, .products__item .price-info-popup-currency{
  	font-size: 12px;
  }
  .products__micro .products__micro-desc{
  	margin-top: 35px;
  }
  .products__micro-price{
  	position: relative;
  }
  .products__micro-price .price-info-popup{
  	top: -110px;
  }
  
}


/* notisend form subscribe*/

.subsForm {
    display: none;
width: 90%;
height: 118px;
border-right: 1px solid #E8E8E8;
box-sizing: border-box;
justify-content: flex-start;
align-items: center;
align-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
overflow: hidden;
line-height: 3rem;
font-family: "Roboto", Helvetica, Arial, als_rublregular, sans-serif;
margin-top: 1%;
margin-bottom: 20px;
margin-top: 20px;
}


    .subsForm .subsDiv {
        display: flex;
        align-items: center;
        height: 53%;
        justify-content: space-between;
        flex-direction: column;
        max-width: 21%;
        /* border: 2px solid blue; */
        overflow: visible;
        box-sizing: border-box;
        margin-right: 3%;
    }


    .subsForm .subsDiv.subsDivHeader {
        max-height: 30%;
        width: 100%;
        max-width: 100%;
        margin-top: 3px;
        overflow: visible;
        margin-right: 0%;
        align-items: flex-start;
        margin-left: 13%;
        margin-bottom: 0.7rem;
    }


        .subsForm .subsDiv .subsHeader {
            font-weight: 500;
            text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.12);
            font-size: 1.63rem;
        }


        .subsForm .subsDiv .subsLabel {
            height: 50%;
            font-weight: 400;
            font-size: 1.15em;
            text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);
            padding-left: 3px;
            margin-top: 1px;
            text-align: center;
            align-self: flex-start;
            margin-left: 1%;
            margin-bottom: 4px;
        }

        
        .subsForm .subsDiv .subsInput, .subsForm .subsDiv .subsList {
            border: 1px solid rgba(0, 0, 0, 0.282);
            border-radius: 7px;
            color: #4d4d4d;
            height: 47%;
            width: 100%;
            font-size: 0.97em;
            box-shadow: 1px 2px 5px rgba(51, 51, 51, 0.225);
            padding: 1px 0 0 7px;
        }

        .subsForm .subsDiv .subsInput:valid:hover, .subsForm .subsDiv .subsList:valid:hover {
            border-color: rgba(0, 0, 0, 0.88);
            box-shadow: 1px 2px 5px rgba(51, 51, 51, 0.325);
        }
        .subsForm .subsDiv .subsInput:hover, .subsForm .subsDiv .subsList:hover {
            border-color: rgba(0, 0, 0, 0.88);
            box-shadow: 1px 2px 5px rgba(51, 51, 51, 0.325);
        }
        
        .subsForm .subsDiv .subsInput::placeholder {
            color: rgba(0, 0, 0, 0.384);
            font-size: 0.95em;
            /* padding-left: 5px; */
        }

        .subsForm .subsDiv .subsList:valid {
            border-color: rgba(0, 0, 0, 0.48);
            border-color: red;
        }
        
        .subsForm .subsDiv .subsList:valid {
            border-color: rgba(0, 0, 0, 0.48);
        }


        .subsForm .subsDiv select {
            height: 54% !important;
            width: 100% !important;
            min-width: 150px;
            padding-left: 7px !important;
        }

        .subsForm .subsDiv select option {
            border-radius: 10px;
            color: #2e2e2e;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            height: 20px;
            font-size: 0.97em;
            font-weight: 450;
        }

        .subsForm .subsDiv select option[value="OTH"] {
            color: #2e2e2ec0;
            font-weight: 400;
        }


        .subsForm div[id="buttonSubs"] {
            justify-content: flex-end;
            width: 38%;
            margin-left: 7px;
        }

        .subsForm .subsDiv .subsSubmitButton {
            font-family: "Roboto", Helvetica, Arial, als_rublregular, sans-serif;
            font-weight: 500;
            font-size: 1.2em;
            color: white;
            background-color: #FF4045;
            border: 3px solid #ff3137;
            border-radius: 18px;
            height: 83%;
            width: 106%;
            text-align: center;
        }

        .subsForm .subsDiv .subsSubmitButton:hover {
            font-size: 1.2em;
            color: white;
            background-color: #FF4045;
            border: 3px solid #ff0008;
        }


        .subsForm div[id="emailSubs"] {
            margin-left: 4% !important;
        }


@media (max-width: 600px) {
    .subsForm {
        width: 100%;
        flex-direction: column;
        border-right: none;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .subsForm .subsDiv {
        max-width: 100%;
        margin-top: 20px;
        border-bottom: 1px solid #E8E8E8;
        padding-bottom: 20px;
        width: 60%;
    }

    .subsForm .subsDiv[id="Compan"] {
        border-bottom: none;
    }

    .subsForm .subsDiv .subsInput, .subsForm .subsDiv .subsList {
        height: 25px;
    }

    .subsForm .subsDiv select {
        height: auto;
    }

    .subsForm .subsDiv.subsDivHeader {
        margin-left: 0;
        border-bottom: none;
        margin-bottom: 0;
        text-align: center;
        padding-bottom: 2%;
    }

    .subsForm div[id="buttonSubs"] {
        width: 53%;
        margin-left: 0;
        height: 70px;
        border-bottom: 0;
    }

    .subsForm div[id="emailSubs"] {
        margin-left: 0;
    }
}


.popichUp {
    width: 19%;
    height: 115px;
    display: flex;
    position: fixed;
    left: 1%;
    bottom: -100%;
    justify-content: space-between;
    align-items: center;
    border: 2px solid rgb(0, 205, 0);
    overflow: hidden;
    border-radius: 16px;
    z-index: 9999999999;
    box-shadow: rgba(0, 0, 0, 0.133) 2px 2px;
    transition: bottom 0.6s ease-in-out;
    animation-iteration-count: 1;
}

    .popichUpText {
        width: 90%;
        font-size: 1.35em;
        font-family:cursive;
        text-shadow: rgba(0, 0, 0, 0.133) 1px 2px;
        font-weight: 500;
        text-align: center;
        margin: 0;
    }

    .popichUpClose {
        width: fit-content;
        width: moz-fit-content;
        font-size: 0.95em;
        color: rgba(0, 0, 0, 0.383);
        position: absolute;
        cursor: pointer;
        top: 3px;
        right: 8px;
    }

    .popichUpClose:hover {
        color: rgba(0, 0, 0, 0.497);
    }

    @keyframes popichShake {
        0% { transform: translateX(0); }
        25% { transform: translateX(-5px); }
        50% { transform: translateX(5px); }
        75% { transform: translateX(-5px); }
        100% { transform: translateX(0); }
      }

/* end notisend form subs */
                    </style>
                    <link href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/metallicheskie-ruchki/ruchka-roller-essential-metal-936094" rel="canonical">
                    <link href="https://new-ton.org/image/catalog/favicon/453a0f812eae431c2c7bbf02071e043b-32bits-16.png" rel="icon">
                            <script src="catalog/view/javascript/technics/plugins.min.js?v1781351760"></script>
            
            <script src="catalog/view/javascript/technics/bootstrap/3.3.5/bootstrap.min.js?v1781351760"></script>
            <script src="catalog/view/javascript/technics/app.min.js?v1781351760"></script>

                            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.7/jquery.inputmask.min.js"></script>
                    
                    <script>function search() {

    //$('.js-search-btn').on('click', function (event) {
    //	event.preventDefault();

    //	if ($(this).is('.is-active')) {
    //		$(this).removeClass('is-active').closest('.js-search').removeClass('is-open');
    //	} else {
    //		$(this).addClass('is-active').closest('.js-search').addClass('is-open');
    //	}
    //});
    

    $(document).on('click', function (e) {
        if ($(e.target).closest('.js-search').length == 0) {
            $('html').removeClass('is-search-keyup');
        }
    });
  

    // $(window).on('load resize', function(event) {


    // 	$('.header--v3, .header--v4').each(function() {


    // 		var searchWrapper    = $(this).find('.search__wrapper'),

    // 			colSearch = $(this).find('.col-search'),
    // 			colNav    = $(this).find('.col-nav'),
    // 			colSearchWidth = colSearch.innerWidth(),
    // 			colNavWidth    = colNav.innerWidth();


    // 			searchWrapper.innerWidth(colSearchWidth + colNavWidth - 15);


    // 	});


    // });

}

$(document).ready(function(){
    if ($('.wbt_tags_bottom-item').length > 5){
          for (var i=0;i < 5;i++){
            $('.wbt_tags_bottom-item:eq('+ i +')').fadeIn();
        }
          $('.wbt_tags_bottom').after('<div class="wbt_tags_bottom-show_more">Показать еще</div>');
    }else{
        for (var i=0;i < $('.wbt_tags_bottom-item').length;i++){
            $('.wbt_tags_bottom-item:eq('+ i +')').fadeIn();
        }
    }
    
      $('.wbt_tags_bottom-show_more').click(function(){
          if ($(this).hasClass('wbt_tags_bottom-show_more--active')){
          for (var i=5;i < $('.wbt_tags_bottom-item').length;i++){
                $('.wbt_tags_bottom-item:eq('+ i +')').fadeOut();
            }
              $(this).removeClass('wbt_tags_bottom-show_more--active');
              $(this).text('Показать еще');
        }else{
              for (var i=5;i < $('.wbt_tags_bottom-item').length;i++){
                $('.wbt_tags_bottom-item:eq('+ i +')').fadeIn();
            }
              $(this).addClass('wbt_tags_bottom-show_more--active');
              $(this).text('Скрыть');
        }        	
    });
});

function setCookie(name, value, options = {}) {

options = {
path: '/',
// при необходимости добавьте другие значения по умолчанию
...options
};

if (options.expires instanceof Date) {
options.expires = options.expires.toUTCString();
}

let updatedCookie = encodeURIComponent(name) + "=" + encodeURIComponent(value);

for (let optionKey in options) {
updatedCookie += "; " + optionKey;
let optionValue = options[optionKey];
if (optionValue !== true) {
  updatedCookie += "=" + optionValue;
}
}

document.cookie = updatedCookie;
}


function deleteCookie(name) {
setCookie(name, "", {
'max-age': -1
})
}

if (window.innerWidth > 1199){
$('#product .price-info').mouseover(function(){    
  $('.price-info-popup').fadeIn();
});
$('#product .price-info').mouseleave(function(){
  $('.price-info-popup').fadeOut();
});

$('.products__item .price-info, .products__line-desc .price-info, .products__micro-price .price-info').mouseover(function(){
  $(this).next().fadeIn();
});
$('.products__item .price-info, .products__line-desc .price-info, .products__micro-price .price-info').mouseleave(function(){
  $(this).next().fadeOut();
});

}else{
$('#product .price-info').click(function(){
  $('.price-info-popup').fadeToggle();
});

$('.products__item .price-info, .products__line-desc .price-info, .products__micro-price .price-info').click(function(){
  $(this).next().fadeToggle();
});
}

$('.product-kp-popup-content form').submit(function(e){
e.preventDefault();

  $.ajax({
    method: "POST",
    url: "index.php?route=product/product/kp_send",
    data: $(this).serialize(),
}).done(function(msg) {                   
    $('.product-kp-popup-content form').html('<div class="product-kp-popup-success"><img src="/catalog/view/theme/technics/images/galka.svg" /><div class="product-kp-popup-title">Спасибо!</div><div class="product-kp-popup-success-text">Ваша заявка принята! В ближайшее время мы с вами свяжемся</div></div>');
});
});

$('.product-kp-popup-close').click(function(){
$('.product-kp-popup').fadeOut();
});

$('.kp-show').click(function(){
$('.product-kp-popup').fadeIn();
});

$(document).ready(function() {

// функция которая чето чинит
// const inputFirst = $('.search.js-search:first .js-search-input');
// const inputSecond = $('.search.js-search:last .js-search-input');

// inputFirst.on('input', function() {
// const inputValue = $(this).val();
// inputSecond.val(inputValue);
// });

// inputSecond.on('input', function() {
// const inputValue = $(this).val();
// inputFirst.val(inputValue);
// });


});


// notisend form

$(document).ready(function() {
$("#notisendForm").on('submit', function (event) {
event.preventDefault();


const emailVal = $("input#subsEmail.subsInput").val();
const countryVal = $("#subsCountry.subsList").val();
let companyVal = $("#subsCompany.subsInput").val();


const emailCorrectly = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Zа-яА-Я0-9\-]+\.)+[a-zA-Zа-яА-Я]{2,}))$/.test(emailVal);
let companyCorrecty = /^[a-zA-Zа-яА-Я0-9\s\-&.,'"]+$/.test(companyVal);    


let url = String;
let parameterId = String;
let err = [];


const request = () => {
    $.ajax({
        method: 'GET',

        url: 'https://new-ton.org/mailing/?email=' + emailVal + '&parametr_id=' + parameterId + '&value=' + companyVal + '&url=' + url,

        success: function(response) {
            const resp = response;

            const regEx = /STATUS:<(\d+)>/;
            const respText = resp.match(regEx);
        
            if (respText[0] === "201") {
                $("#popichUpTextP").text("Вы успешно подписаны на рассылку!");
                $("#popichUpSymbP").text("✓");
                popichUpWork("border", "2px solid rgb(0, 205, 0)", "color", "rgb(0, 178, 0)","","","background-color", "rgb(59 255 0 / 10%)");
            } else if (respText[0] === "422") {
                $("#popichUpTextP").text("Вы уже подписаны на рассылку!");
                $("#popichUpSymbP").text("X");
                popichUpWork("border", "2px solid red", "color", "red", "animation", "popichShake 0.2s", "background-color", "rgb(255 0 0 / 10%)");
            } else if (respText[0]) {
                $("#popichUpTextP").text("Неизвестная ошибка. Попробуйте позже.");
                $("#popichUpSymbP").text("X");
                popichUpWork("border", "2px solid red", "color", "red", "animation", "popichShake 0.2s", "background-color", "rgb(255 0 0 / 10%)");
            } else {
                console.log(response);
            };
        },

        error: function(xhr, status, error) {
            console.log(xhr + status + error);
        }
    })
};

let popTimerCount;
const popichTimer = () => {
        popTimerCount = setTimeout(() => {
        popichUpClose();   
    }, 6000);
};

$(".popichUp").off("mouseenter");
$(".popichUp").on("mouseenter", function() {
    clearTimeout(popTimerCount)
});

$(".popichUp").off("mouseleave");
$(".popichUp").on("mouseleave", function() {
    popichTimer()
})

const popichUpWork = (param1, param2, param3, param4, param5, param6, param7, param8) => {
    if (param1 && param2) {
        $(".popichUp").css(param1, param2);
    };
    
    if (param3 && param4) {
        $(".popichUp").css(param3, param4);
    };
    
    if (param7 && param8) {
        $(".popichUp").css(param7, param8);
    };

    if (!$._data($(".popichUp")[0], "events")["mouseleave"]) {
    }

    $(".popichUp").css("transition", "bottom 0.6s ease-in-out");
    $(".popichUp").css("bottom", "1%");

    $(".popichUp").one("transitionend", () => {
            if (param5 && param6) {
                $(".popichUp").css(param5, param6);
            };

            popichTimer()
    });
}

const popichUpClose = () => {
    $(".popichUp").css("bottom", "-100%");
    setTimeout(() => {
        $(".popichUp").css("animation", "none");
        $(".popichUp").css("transition", "none");
    }, 700);
}


if (countryVal === "RU") {
    url = "397915";
    parameterId = "277405";
} else if (countryVal === "BY") {
    url = "397914";
    parameterId = "278057";
} else if (countryVal === "OTH") {
    url = "402632";
    parameterId = "277779";
};


if (companyVal === "") {
    companyVal = "-";
    companyCorrecty = true;
};


if (!$._data($("#popichClosePopup")[0], "events")) {
    $("#popichClosePopup").on("click", function () {
        popichUpClose();
    });
};


if (emailCorrectly) {
    if (companyCorrecty) {
        request();
    } else {
        $("#popichUpTextP").text("Проверьте правильность ввода компании.");
        $("#popichUpSymbP").text("X");
        popichUpWork("border", "2px solid red", "color", "red", "animation", "popichShake 0.2s", "background-color", "rgb(255 0 0 / 10%)");
    };
} else {
    $("#popichUpTextP").text("Проверьте правильность ввода Email.");
    $("#popichUpSymbP").text("X");
    popichUpWork("border", "2px solid red", "color", "red", "animation", "popichShake 0.2s", "background-color", "rgb(255 0 0 / 10%)");
};

return false;
})


})

// end notisend form


function setCookie(name, value, days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + value + expires + "; path=/";
}

function getCookie(name) {
    var nameEQ = name + "=";
    var cookies = document.cookie.split(';');
    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i];
        while (cookie.charAt(0) === ' ') {
            cookie = cookie.substring(1, cookie.length);
        }
        if (cookie.indexOf(nameEQ) === 0) {
            return cookie.substring(nameEQ.length, cookie.length);
        }
    }
    return null;
}

$(document).ready(function() {

    const currentTimeinSec = () => {
        return Math.floor(new Date().getTime() / 1000);
    }

    const time = localStorage.getItem('timeData');

    if (!time) {
        sessionStorage.setItem('timeData', currentTimeinSec());
    }

    const currentData = new Date();

    const firstDate = new Date(time * 1000);

    if (currentData - firstDate >= 24 * 60 * 60 * 1000) {
        sessionStorage.setItem('timeData', currentTimeinSec());
    }

    $(window).on('load', function() {

        $('.b24-form-btn').on('click', function() {
        
        const time = localStorage.getItem('timeData');
        
        const spendedTime = currentTimeinSec() - time;

          $.ajax({
            type: "GET",
            url: "https://new-ton.org/index.php?route=product/product/getInfo",
            data: {"Seconds count": spendedTime},
            error: function (error) {
              console.log("Err:", error);
            }
          });
        })
      })
})


// // MODAL_SECRET_CHAT
//     const modal_2 = document.querySelector('.modalCallWindow2');
//     const close_modal_2 = modal_2.querySelector('#popCloseD2');
//     const modal_1 = document.querySelector('.modalCallWindow');

//     document.addEventListener('DOMContentLoaded', () => {
//         setTimeout(() => {
//             let modal_showed = getCookie('modal_secret_chat');

//             if (!modal_showed) {
//                 if (modal_1.style.display === 'flex') {
//                 modal_1.style.display = 'none'
//                 }

//                 modal_2.style.display = 'flex';

//                 setCookie('modal_secret_chat', true, 1)
//             }
//         }, 15000);

//         close_modal_2.addEventListener('click', () => {
//         modal_2.style.display = 'none'
//         })
//     });

//     $('.modalCallWindow2').click(function(e) {
//     if ( $('.modalCallWindow2').is(e.target) && $('.modalCallWindow2').has(e.target).length === 0 ) {
//       $('.modalCallWindow2').fadeOut(120);
//     }
//     });


window.addEventListener('load', () => {
    let timerId;

    timerId = setInterval(() => {
        const jiv = document.querySelector('body jdiv');
        if (jiv) {

                const buttons = () => {
                    const modalDiv = document.createElement('div');
                    modalDiv.className = 'modal_jivo';
                    modalDiv.innerHTML = '<button class="modal_jivo_telegram" onclick="window.open(\'https://t.me/newtonorg\',\'_blank\')">Telegram</button><button class="modal_jivo_jivo">Написать в чат</button>';
                    const jivjiv = jiv.querySelector('#jvlabelWrap')
                    if (jivjiv) {
                        jivjiv.appendChild(modalDiv);
                    }
                    
                    modalDiv.querySelector('.modal_jivo_jivo').addEventListener('click', () => {
                        document.querySelectorAll('#jvlabelWrap jdiv:nth-child(2)').forEach((elem) => {
                            elem.click();
                        })
                    });
                    const hoverlCecf = document.querySelector('#jvlabelWrap');
                    const modalJivo = document.querySelector('.modal_jivo');

                    // Показываем элемент при наведении на hoverlCecf
                    if (hoverlCecf) {
                        hoverlCecf.addEventListener('mouseenter', () => {
                            modalJivo.style.display = 'flex';
                        });

                        hoverlCecf.addEventListener('mouseleave', (event) => {
                            if (!event.relatedTarget || !event.relatedTarget.closest('.modal_jivo')) {
                                modalJivo.style.display = 'none';
                            }
                        });
                    }

                    if (modalJivo) {
                        modalJivo.addEventListener('mouseleave', (event) => {
                            if (!event.relatedTarget || !event.relatedTarget.closest('#jvlabelWrap')) {
                                modalJivo.style.display = 'none';
                            }
                        });
                    }
                }

                const observer = new MutationObserver((mutations) => {
                        buttons()
                    });
                
                const obs_obj = document.querySelector('jdiv .notranslate');

                if (obs_obj) {
                    observer.observe(obs_obj, { childList: true });
                };

                buttons();
                clearInterval(timerId);
        }
    }, 2000)
});

const searchParamsHeader = new URLSearchParams;


// стыдоба
window.colorsListCustomRgb = {
'черный': 'rgb(0, 0, 0)',
  'белый': 'rgb(255, 255, 255)',
  'красный': 'rgb(255, 0, 0)',
  'темно-синий': 'rgb(0, 0, 139)',
  'синий': 'rgb(0, 0, 255)',
  'серый': 'rgb(128, 128, 128)',
  'зеленый': 'rgb(0, 128, 0)',
  'оранжевый': 'rgb(255, 165, 0)',
  'желтый': 'rgb(255, 255, 0)',
  'королевский синий': 'rgb(65, 105, 225)',
  'сплошной черный': 'rgba(0, 0, 0, 1)',
  'натуральный': 'rgb(222, 184, 135)',
  'бежевый': 'rgb(245, 245, 220)',
  'серебристый': 'rgb(192, 192, 192)',
  'голубой': 'rgb(173, 216, 230)',
  'серый меланж': 'rgb(169, 169, 169)',
  'коричневый': 'rgb(165, 42, 42)',
  'розовый': 'rgb(255, 192, 203)',
  'естественный': 'rgb(250, 235, 215)',
  'прозрачный': 'rgba(255, 255, 255, 0)',
  'фиолетовый': 'rgb(128, 0, 128)',
  'темно-серый': 'rgb(169, 169, 169)',
  'нэйви': 'rgb(0, 0, 128)',
  'фуксия': 'rgb(255, 0, 255)',
  'бордовый': 'rgb(128, 0, 0)',
  'бирюзовый': 'rgb(64, 224, 208)',
  'апельсин': 'rgb(255, 165, 0)',
  'светло-зеленый': 'rgb(144, 238, 144)',
  'серебряный': 'rgb(192, 192, 192)',
  'королевский': 'rgb(65, 105, 225)',
  'серый вереск': 'rgb(119, 136, 153)',
  'жёлтый': 'rgb(255, 255, 0)',
  'небесно-голубой': 'rgb(135, 206, 235)',
  'серебро': 'rgb(192, 192, 192)',
  'светло-серый': 'rgb(211, 211, 211)',
  'бутылочно-зеленый': 'rgb(34, 139, 34)',
  'французский флот': 'rgb(0, 0, 139)',
  'хаки': 'rgb(195, 176, 145)',
  'зеленое яблоко': 'rgb(141, 182, 0)',
  'зелёный': 'rgb(0, 128, 0)',
  'темно-зеленый': 'rgb(0, 100, 0)',
  'светло-розовый': 'rgb(255, 182, 193)',
  'золотой': 'rgb(255, 215, 0)',
  'светло-синий': 'rgb(173, 216, 230)',
  'оливковый': 'rgb(128, 128, 0)',
  'штормовой серый': 'rgb(113, 116, 128)',
  'дерево': 'rgb(101, 67, 33)',
  'гранатовый': 'rgb(128, 0, 0)',
  'лаймовый': 'rgb(50, 205, 50)',
  'французский военно-морской флот': 'rgb(0, 0, 139)',
  'лайм': 'rgb(0, 255, 0)',
  'нейтральный': 'rgb(204, 204, 204)',
  'аква': 'rgb(0, 255, 255)',
  'пурпурный': 'rgb(128, 0, 128)',
  'антрацит': 'rgb(70, 68, 81)',
  'дефолт': 'rgb(0, 0, 0)',
  'бутылочный зеленый': 'rgb(34, 139, 34)',
  'классический красный': 'rgb(255, 0, 0)',
  'неоновый желтый': 'rgb(204, 255, 0)',
  'синий классический': 'rgb(0, 0, 255)',
  'песочный': 'rgb(244, 164, 96)',
  'темно-серый (сплошной)': 'rgb(85, 85, 85)',
  'золото': 'rgb(255, 215, 0)',
  'тёмно-синий': 'rgb(0, 0, 139)',
  'келли-зеленый': 'rgb(76, 187, 23)',
  'угольный': 'rgb(54, 69, 79)',
  'графит': 'rgb(54, 69, 79)',
  'яблочно-зеленый': 'rgb(141, 182, 0)',
  'глубокий черный': 'rgb(0, 0, 0)',
  'ярко-синий': 'rgb(0, 0, 255)',
  'графитовый': 'rgb(84, 84, 84)',
  'огненно-красный': 'rgb(178, 34, 34)',
  'флуоресцентный желтый': 'rgb(204, 255, 0)',
  'crudo сырой': 'rgb(255, 250, 240)',
  'темно-серый меланж': 'rgb(84, 84, 84)',
  'черный/серебристый': 'rgba(0, 0, 0, 0.5)',
  'зеленый келли': 'rgb(76, 187, 23)',
  'светло-голубой': 'rgb(173, 216, 230)',
  'флуоресцентный оранжевый': 'rgb(255, 109, 0)',
  'яркий королевский': 'rgb(65, 105, 225)',
  'зеленый папоротник': 'rgb(79, 121, 66)',
  'золотистый': 'rgb(255, 215, 0)',
  'белый/черный': 'rgba(255, 255, 255, 0.5)',
  'светло-коричневый': 'rgb(181, 101, 29)',
  'щепка': 'rgb(210, 180, 140)',
  'сиреневый': 'rgb(200, 162, 200)',
  'эбеновый': 'rgb(85, 93, 80)',
  'лесной зеленый': 'rgb(34, 139, 34)',
  'серый марль': 'rgb(168, 168, 168)',
  'темно-красный': 'rgb(139, 0, 0)',
  'армейский зеленый': 'rgb(75, 83, 32)',
  'неоновый оранжевый': 'rgb(255, 85, 0)',
  'стальной серый': 'rgb(102, 102, 102)',
  'свинцовый': 'rgb(85, 85, 85)',
  'салатовый': 'rgb(173, 255, 47)',
  'шоколадный': 'rgb(123, 63, 0)',
  'черно-белый': 'rgba(0, 0, 0, 0.5)',
  'темно-фиолетовый': 'rgb(48, 25, 52)',
  'черное': 'rgba(0, 0, 0, 1)',
  'угольный меланж': 'rgb(84, 84, 84)',
  'темный свинец': 'rgb(84, 84, 84)',
  'военно-зеленый': 'rgb(75, 83, 32)',
  'французский темно-синий': 'rgb(0, 0, 139)',
  'папаротниковый': 'rgb(79, 121, 66)',
  'разноцветный': 'rgba(255, 192, 203, 0.5)',
  'яблочно-зелёный': 'rgb(141, 182, 0)',
  'бургундский': 'rgb(128, 0, 32)',
  'бордо': 'rgb(128, 0, 32)',
  'ярко-красный': 'rgb(255, 0, 0)',
  'золотисто-желтый': 'rgb(255, 223, 0)',
  'розетта': 'rgb(249, 66, 158)',
  'многоцветный': 'rgba(255, 255, 255, 0.5)',
  'мультиколор': 'rgba(255, 239, 213, 0.5)',
  'нэйви/неоновый желтый': 'rgba(0, 0, 128, 0.5)',
  'черный меланж': 'rgb(54, 69, 79)',
  'ярко-розовый': 'rgb(255, 105, 180)',
  'ясень (вереск)': 'rgb(119, 136, 153)',
  'красный/черный': 'rgba(255, 0, 0, 0.5)',
  'по умолчанию': 'rgb(0, 0, 0)',
  'зеленый лайм': 'rgb(0, 255, 0)',
  'бирюза': 'rgb(64, 224, 208)',
  'черный опал': 'rgb(1, 1, 1)',
  'черный/красный': 'rgba(0, 0, 0, 0.5)',
  'вересковый серый': 'rgb(119, 136, 153)',
  'малиновый': 'rgb(220, 20, 60)',
  'насыщенный черный': 'rgba(0, 0, 0, 1)',
  'папоротниково-зелёный': 'rgb(79, 121, 66)',
  'джинсовый': 'rgb(21, 96, 189)',
  'индиго': 'rgb(75, 0, 130)',
  'мятный': 'rgb(152, 255, 152)',
  'спортивный серый (вереск)': 'rgb(119, 136, 153)',
  'стальной': 'rgb(70, 130, 180)',
  'черный 02': 'rgb(5, 5, 5)',
  'лазурно-синий': 'rgb(0, 127, 255)',
  'меланжевый серый': 'rgb(119, 136, 153)',
  'нэйви/неоновый оранжевый': 'rgb(255, 85, 0)',
  'свинцовый/неоновый желтый': 'rgba(85, 85, 85, 0.5)',
  'серебристый/черный': 'rgba(192, 192, 192, 0.5)',
  'темное море': 'rgb(47, 79, 79)',
  'серый/черный': 'rgba(128, 128, 128, 0.5)',
  'армейский': 'rgb(75, 83, 32)',
  'черный/белый': 'rgba(0, 0, 0, 0.5)',
  'белый/черный': 'rgba(255, 255, 255, 0.5)',
  'оливково-зеленый': 'rgb(107, 142, 35)',
  'стальной серый (сплошной)': 'rgb(119, 136, 153)',
  'древесный': 'rgb(139, 69, 19)',
  'морской': 'rgb(0, 105, 148)',
  'древесный уголь': 'rgb(54, 69, 79)',
  'черный как смоль': 'rgb(8, 8, 8)',
  'бледно-розовый': 'rgb(255, 192, 203)',
  'бутылка': 'rgb(0, 128, 0)',
  'сатин серебро': 'rgb(192, 192, 192)',
  'сигнальный желтый': 'rgb(255, 246, 0)',
  'деним': 'rgb(21, 96, 189)',
  'морской синий': 'rgb(0, 105, 148)',
  'неоновый коралловый': 'rgb(255, 127, 80)',
  'темно-синий 55': 'rgb(0, 0, 139)',
  'красный 60': 'rgb(205, 0, 0)',
  'лаймовый пунш': 'rgb(166, 214, 8)',
  'спортивный серый': 'rgb(119, 136, 153)',
  'пепельный': 'rgb(188, 188, 188)',
  'чистый серый': 'rgb(128, 128, 128)',
  'оранжевая глина': 'rgb(210, 105, 30)',
  'синий/черный': 'rgba(0, 0, 255, 0.5)',
  'роза': 'rgb(255, 0, 127)',
  'арктический белый': 'rgb(248, 248, 255)',
  'лиловый': 'rgb(221, 160, 221)',
  'верблюжий': 'rgb(193, 154, 107)',
  'веревка': 'rgb(139, 69, 19)',
  'лаванда': 'rgb(230, 230, 250)',
  'мышиный серый': 'rgb(146, 146, 146)',
  'матовый серебристый': 'rgb(192, 192, 192)',
  'травяной зеленый': 'rgb(124, 252, 0)',
  'угольно-серый': 'rgb(54, 69, 79)',
  'шоколад': 'rgb(123, 63, 0)',
  'бургунди': 'rgb(128, 0, 32)',
  'мята': 'rgb(152, 255, 152)',
  'фисташковый': 'rgb(157, 194, 9)',
  'хризантемный': 'rgb(255, 193, 193)',
  'антрацитовый': 'rgb(70, 68, 81)',
  'лимонный': 'rgb(255, 250, 205)',
  'натуральный светлый': 'rgb(244, 164, 96)',
  'средне-синий': 'rgb(0, 0, 205)',
  'неоновый зеленый': 'rgb(57, 255, 20)',
  'прозрачный синий': 'rgba(0, 0, 255, 0.5)',
  'слоновая кость': 'rgb(255, 255, 240)',
  'ярко-оранжевый': 'rgb(255, 69, 0)',
  'лесной зелёный': 'rgb(34, 139, 34)',
  'сигнальный оранжевый': 'rgb(255, 144, 0)',
  'флуоресцентный зеленый': 'rgb(204, 255, 0)',
  'синий атолл': 'rgb(0, 128, 128)',
  'древесный уголь (вереск)': 'rgb(54, 69, 79)',
  'травянисто-зеленый': 'rgb(124, 252, 0)',
  'графит (сплошной)': 'rgb(54, 69, 79)',
  'ирландский зеленый': 'rgb(0, 155, 72)',
  'красный/белый': 'rgba(255, 0, 0, 0.5)',
  'флот': 'rgb(0, 0, 128)',
  'карбон': 'rgb(54, 69, 79)',
  'лазурный': 'rgb(0, 127, 255)',
  'белый 01': 'rgb(255, 255, 255)',
  'военно-морской флот': 'rgb(0, 0, 139)',
  'классический синий': 'rgb(0, 0, 255)',
  'туманно-зеленый': 'rgb(143, 188, 143)',
  'припыленный зеленый': 'rgb(143, 188, 143)',
  'прозрачный красный': 'rgba(255, 0, 0, 0.5)',
  'прозрачный чистый': 'rgba(255, 255, 255, 0)',
  'синий меланж': 'rgb(119, 136, 153)',
  'садовый зеленый/неоновый желтый': 'rgb(124, 252, 0)',
  'солнечный желтый': 'rgb(255, 223, 0)',
  'тускло-серебряный': 'rgb(192, 192, 192)',
  'лавандовый': 'rgb(230, 230, 250)',
  'нейви': 'rgb(0, 0, 128)',
  'песок': 'rgb(244, 164, 96)',
  'серый графит': 'rgb(54, 69, 79)',
  'ярко-зеленый': 'rgb(0, 255, 0)',
  'горчичный': 'rgb(255, 219, 88)',
  'кремово-розовый': 'rgb(255, 192, 203)',
  'небо': 'rgb(135, 206, 235)',
  'синий деним': 'rgb(21, 96, 189)',
  'темный вереск': 'rgb(54, 69, 79)',
  'черный/серый': 'rgba(0, 0, 0, 0.5)',
  'negro': 'rgb(0, 0, 0)',
  'синий/серебристый': 'rgba(0, 0, 255, 0.5)',
  'темно-коричневый': 'rgb(101, 67, 33)',
  'темно-оливковый': 'rgb(85, 107, 47)',
  'изумрудный': 'rgb(80, 200, 120)',
  'нежно-зеленый': 'rgb(152, 251, 152)',
  'нэйви/королевский синий': 'rgba(0, 0, 128, 0.5)',
  'синий оксфорд': 'rgb(0, 33, 71)',
  'спокойный синий': 'rgb(112, 128, 144)',
  'королевский синий 05': 'rgb(65, 105, 225)',
  'овсянка': 'rgb(222, 184, 135)',
  'темно-розовый': 'rgb(231, 84, 128)',
  'каменный': 'rgb(176, 196, 222)',
  'ментоловый': 'rgb(143, 248, 173)',
  'морская волна': 'rgb(46, 139, 87)',
  'светло-жёлтый': 'rgb(255, 255, 224)',
  'тёмно-зелёный': 'rgb(0, 100, 0)',
  'серый конвой (сплошной)': 'rgb(119, 136, 153)',
  'темно-оранжевый': 'rgb(255, 140, 0)',
  'вино': 'rgb(119, 0, 60)',
  'красный/серебристый': 'rgba(255, 0, 0, 0.5)',
  'темно-синий/черный': 'rgba(0, 0, 139, 0.5)',
  'белый с оттенком': 'rgb(245, 245, 245)',
  'лимон': 'rgb(253, 233, 16)',
  'лососевый': 'rgb(250, 128, 114)',
  'атолловый синий': 'rgb(70, 130, 180)',
  'белый/королевский синий': 'rgba(255, 255, 255, 0.5)',
  'темно-серый вереск': 'rgb(84, 84, 84)',
  'hi-vis желтый': 'rgb(204, 255, 0)',
  'белый/синий': 'rgba(255, 255, 255, 0.5)',
  'весенний зелёный': 'rgb(0, 255, 127)',
  'графитовый серый': 'rgb(84, 84, 84)',
  'нежно-голубой': 'rgb(173, 216, 230)',
  'опаловый': 'rgb(168, 195, 188)',
  'пепельно-серый': 'rgb(178, 190, 181)',
  'светло-желтый': 'rgb(255, 255, 224)',
  'светло-фиолетовый': 'rgb(216, 191, 216)',
  'черный/золотистый': 'rgba(0, 0, 0, 0.5)',
  'зеленый армейский': 'rgb(75, 83, 32)',
  'капучино': 'rgb(118, 68, 18)',
  'натуральный натуральный': 'rgb(244, 164, 96)',
  'неоновый розовый': 'rgb(255, 105, 180)',
  'королевский синий/белый': 'rgba(65, 105, 225, 0.5)',
  'неоново-желтый': 'rgb(204, 255, 0)',
  'прозрачный оранжевый': 'rgba(255, 165, 0, 0.5)',
  'сапфировый синий': 'rgb(8, 37, 103)',
  'серо-коричневый': 'rgb(205, 133, 63)',
  'серый стальной': 'rgb(176, 196, 222)',
  'синий кобальт': 'rgb(0, 71, 171)',
  'голубой атолл': 'rgb(0, 128, 128)',
  'navy': 'rgb(0, 0, 128)',
  'бензин': 'rgb(75, 97, 113)',
  'папоротниково-зеленый': 'rgb(79, 121, 66)',
  'прозрачный белый': 'rgba(255, 255, 255, 0.5)',
  'спектр': 'rgba(255, 192, 203, 0.5)',
  'белый/серебристый': 'rgba(255, 255, 255, 0.5)',
  'вересково-черный': 'rgb(54, 69, 79)',
  'военно-морской': 'rgb(0, 0, 139)',
  'лесной': 'rgb(34, 139, 34)',
  'тёмносиний': 'rgb(0, 0, 139)',
  'армейский зелёный': 'rgb(75, 83, 32)',
  'винтажный белый': 'rgb(250, 235, 215)',
  'зеленый-зеленый': 'rgb(0, 128, 0)',
  'меланжевый черный': 'rgb(54, 69, 79)',
  'неоново-оранжевый': 'rgb(255, 109, 0)',
  'оазисный зеленый': 'rgb(0, 148, 50)',
  'орхидеево-розовый': 'rgb(218, 112, 214)',
  'пыльно-голубой': 'rgb(135, 206, 250)',
  'асфальт': 'rgb(70, 70, 70)',
  'оранжевый/черный': 'rgba(255, 165, 0, 0.5)',
  'пепельный меланж': 'rgb(84, 84, 84)',
  'свинцовый/черный': 'rgba(85, 85, 85, 0.5)',
  'синий navy': 'rgb(0, 0, 128)',
  'цветовая смесь': 'rgba(255, 192, 203, 0.5)',
  'штормовой синий': 'rgb(72, 85, 112)',
  'электрический синий': 'rgb(44, 117, 255)',
  'ягодный красный': 'rgb(227, 11, 93)',
  'атолл': 'rgb(70, 130, 180)',
  'нежно-розовый': 'rgb(255, 182, 193)',
  'черный красный': 'rgba(0, 0, 0, 0.5)',
  'черный/синий': 'rgba(0, 0, 0, 0.5)',
  'голубой дунай': 'rgb(85, 190, 255)',
  'желтый фтор': 'rgb(204, 255, 0)',
  'лиственный/неоновый желтый': 'rgb(204, 255, 0)',
  'пыльно-синий': 'rgb(135, 206, 250)',
  'ультрамарин': 'rgb(18, 10, 143)',
  'экрю': 'rgb(194, 178, 128)',
  'hi-vis оранжевый': 'rgb(255, 109, 0)',
  'marino темно-синий': 'rgb(0, 0, 139)',
  'rojo': 'rgb(255, 0, 0)',
  'аква-синий': 'rgb(0, 255, 255)',
  'гавайский синий': 'rgb(0, 102, 204)',
  'прозрачный черный': 'rgba(0, 0, 0, 0.5)',
  'розовое золото': 'rgb(255, 102, 204)',
  'светлозелёный': 'rgb(144, 238, 144)',
  'серый (сплошной)': 'rgb(119, 136, 153)',
  'темно-морской': 'rgb(0, 105, 148)',
  'черный вереск': 'rgb(54, 69, 79)',
  'черный/серый меланж': 'rgba(0, 0, 0, 0.5)',
  'royal': 'rgb(65, 105, 225)',
  'астральный фиолетовый': 'rgb(145, 19, 251)',
  'камуфляж': 'rgb(60, 179, 113)',
  'кислотно-желтый': 'rgb(204, 255, 0)',
  'кремовый': 'rgb(255, 253, 208)',
  'поп-оранжевый': 'rgb(255, 153, 51)',
  'сапфировый': 'rgb(45, 0, 98)',
  'светлый оксфорд (вереск)': 'rgb(119, 136, 153)',
  'темно-бирюзовый': 'rgb(0, 128, 128)',
  'цвет бассейна': 'rgb(0, 204, 204)',
  'белый/оранжевый': 'rgba(255, 255, 255, 0.5)',
  'матовый cветло-серый': 'rgb(144, 144, 144)',
  'новый французский флот': 'rgb(0, 0, 139)',
  'угольно-серый (сплошной)': 'rgb(84, 84, 84)',
  'флуоресцентный коралловый': 'rgb(255, 127, 80)',
  'цветовой микс': 'rgba(255, 192, 203, 0.5)',
  'ягодный': 'rgb(150, 0, 24)',
  'винный': 'rgb(114, 47, 55)',
  'зеленый бутылочный': 'rgb(0, 70, 32)',
  'красный (примерно pantone 200)': 'rgb(196, 18, 48)',
  'охотничий': 'rgb(53, 94, 59)',
  'темный шоколад': 'rgb(123, 63, 0)',
  'угольный (сплошной)': 'rgb(70, 70, 70)',
  'белый/серый': 'rgba(255, 255, 255, 0.5)',
  'бесцветный': 'rgba(255, 255, 255, 0)',
  'желтый/черный': 'rgba(255, 255, 0, 0.5)',
  'коралловый': 'rgb(255, 127, 80)',
  'светло-зелёный': 'rgb(144, 238, 144)',
  'алый красный': 'rgb(255, 36, 0)',
  'камуфляжный зеленый': 'rgb(60, 179, 113)',
  'неоновый желтый/черный': 'rgba(204, 255, 0, 0.5)',
  'новый светло-серый (сплошной)': 'rgb(211, 211, 211)',
  'прозрачный зеленый': 'rgba(0, 128, 0, 0.5)',
  'светлый графит (сплошной)': 'rgb(84, 84, 84)',
  'сияющий фиолетовый': 'rgb(147, 112, 219)',
  'темный армейский зеленый': 'rgb(75, 83, 32)',
  'арктический синий': 'rgb(72, 209, 204)',
  'вересково-зелёный': 'rgb(85, 107, 47)',
  'кобальтовый': 'rgb(0, 71, 171)',
  'комбинация': 'rgba(255, 192, 203, 0.5)',
  'королевский светлый': 'rgba(65, 105, 225, 0.5)',
  'красный меланж': 'rgb(205, 92, 92)',
  'лаймово-зелёный': 'rgb(50, 205, 50)',
  'марл серый': 'rgb(84, 84, 84)',
  'металлический серый': 'rgb(169, 169, 169)',
  'океанский синий': 'rgb(0, 119, 190)',
  'охотник': 'rgb(53, 94, 59)',
  'сапфир': 'rgb(8, 37, 103)',
  'светло-серый меланж': 'rgb(211, 211, 211)',
  'серебристо-серый': 'rgb(192, 192, 192)',
  'серый яркий': 'rgb(119, 136, 153)',
  'синий/белый': 'rgba(0, 0, 255, 0.5)',
  'сталь': 'rgb(70, 130, 180)',
  'ярко-желтый': 'rgb(255, 255, 0)',
  'heather grey': 'rgb(169, 169, 169)',
  'белый/нэйви': 'rgba(255, 255, 255, 0.5)',
  'бордовый меланж': 'rgb(128, 0, 0)',
  'вишня': 'rgb(222, 49, 99)',
  'вмс франции': 'rgb(0, 49, 83)',
  'камень': 'rgb(176, 196, 222)',
  'конфетно-розовый': 'rgb(255, 105, 180)',
  'красный/серый': 'rgba(255, 0, 0, 0.5)',
  'неоново-жёлтый': 'rgb(204, 255, 0)',
  'розетка 78': 'rgb(255, 20, 147)',
  'серебристый матовый': 'rgb(192, 192, 192)',
  'серый графитовый': 'rgb(84, 84, 84)',
  'темно-синий (примерно pantone 2766)': 'rgb(0, 51, 102)',
  'флуоресцентный розовый': 'rgb(255, 20, 147)',
  'черный/оранжевый': 'rgba(0, 0, 0, 0.5)',
  'бледно-красный': 'rgb(255, 99, 71)',
  'ворон': 'rgb(0, 0, 0)',
  'красный вереск': 'rgb(205, 92, 92)',
  'меланжевый нэйви': 'rgb(84, 84, 84)',
  'темно-синий navy': 'rgb(0, 0, 139)',
  'crudo': 'rgb(255, 250, 240)',
  'аквамарин': 'rgb(127, 255, 212)',
  'атолл-синий': 'rgb(70, 130, 180)',
  'белый/желтый': 'rgba(255, 255, 255, 0.5)',
  'гранат': 'rgb(178, 34, 34)',
  'деревянный светильник': 'rgb(139, 69, 19)',
  'джинсовая ткань': 'rgb(21, 96, 189)',
  'лаймово-зеленый': 'rgb(50, 205, 50)',
  'металлик': 'rgb(169, 169, 169)',
  'молочный': 'rgb(255, 253, 233)',
  'мятно-зеленый': 'rgb(152, 255, 152)',
  'пастельно-розовый': 'rgb(255, 192, 203)',
  'серо-голубой': 'rgb(176, 196, 222)',
  'сливовый': 'rgb(221, 160, 221)',
  'темно-синий/серый': 'rgba(0, 0, 139, 0.5)',
  'цвета фуксии': 'rgb(255, 0, 255)',
  'эбеновый серый': 'rgb(54, 69, 79)',
  'blanco': 'rgb(255, 255, 255)',
  'бирюзовый 12': 'rgb(72, 209, 204)',
  'военный': 'rgb(75, 83, 32)',
  'гренадин': 'rgb(242, 21, 65)',
  'кобальт': 'rgb(0, 71, 171)',
  'подсолнечник': 'rgb(255, 204, 0)',
  'серый вереск 58': 'rgb(169, 169, 169)',
  'ассорти': 'rgba(255, 192, 203, 0.5)',
  'бирюзовый меланж': 'rgb(72, 209, 204)',
  'лес': 'rgb(34, 139, 34)',
  'медный': 'rgb(184, 115, 51)',
  'неоново-розовый': 'rgb(255, 20, 147)',
  'подсолнух': 'rgb(255, 204, 0)',
  'пыльный индиго': 'rgb(75, 0, 130)',
  'тёмно-серый': 'rgb(55, 55, 55)',
  'уголь': 'rgb(70, 70, 70)',
  'черный/графитовый': 'rgba(0, 0, 0, 0.5)',
  'яркое небо': 'rgb(135, 206, 250)',
  'black': 'rgb(0, 0, 0)',
  'баклажан': 'rgb(153, 0, 153)',
  'белый/зеленый': 'rgba(255, 255, 255, 0.5)',
  'джинсовый меланж': 'rgb(84, 84, 84)',
  'древесный уголь (сплошной)': 'rgb(54, 69, 79)',
  'зеленый/серебристый': 'rgba(0, 128, 0, 0.5)',
  'кремово-голубой': 'rgb(173, 216, 230)',
  'натуральный/черный': 'rgba(222, 184, 135, 0.5)',
  'полуночно-синий': 'rgb(0, 51, 102)',
  'прозрачный желтый': 'rgba(255, 255, 0, 0.5)',
  'серый вигоре': 'rgb(119, 136, 153)',
  'темно-желтый': 'rgb(204, 204, 0)',
  'виноградный': 'rgb(111, 45, 168)',
  'грифон': 'rgb(184, 184, 184)',
  'жемчужный': 'rgb(234, 224, 200)',
  'замороженный зеленый': 'rgb(0, 255, 127)',
  'красный/антрацит': 'rgba(255, 0, 0, 0.5)',
  'лаймовый зеленый': 'rgb(50, 205, 50)',
  'матовый синий': 'rgb(42, 82, 190)',
  'медь': 'rgb(184, 115, 51)',
  'натуральный/красный': 'rgba(222, 184, 135, 0.5)',
  'неоново-зеленый': 'rgb(57, 255, 20)',
  'неоновый оранжевый/черный': 'rgba(255, 85, 0, 0.5)',
  'оранжевый/серебристый': 'rgba(255, 165, 0, 0.5)',
  'природный': 'rgb(222, 184, 135)',
  'серый меланж/черный': 'rgba(119, 136, 153, 0.5)',
  'угольно-серый меланж': 'rgb(84, 84, 84)',
  'черный матовый': 'rgb(13, 13, 13)',
  'яблоко': 'rgb(141, 182, 0)',
  'яркая фуксия': 'rgb(255, 0, 255)',
  'heather navy': 'rgb(0, 51, 102)',
  'verde helecho': 'rgb(79, 121, 66)',
  'белый/антрацит': 'rgba(255, 255, 255, 0.5)',
  'вересковая бычья кровь': 'rgb(128, 0, 0)',
  'графитовый вереск': 'rgb(84, 84, 84)',
  'зеленый камуфляж': 'rgb(60, 179, 113)',
  'кофе': 'rgb(111, 78, 55)',
  'ледяной синий': 'rgb(102, 204, 255)',
  'меланжевый королевский синий': 'rgb(65, 105, 225)',
  'оксфордский флот': 'rgb(0, 33, 71)',
  'процесс синий': 'rgb(0, 94, 184)',
  'слон': 'rgb(48, 48, 48)',
  'темно-черный': 'rgb(13, 13, 13)',
  'угольно-черный': 'rgb(84, 84, 84)',
  'чернильный синий': 'rgb(8, 31, 56)',
  'шиферно-серый (сплошной)': 'rgb(119, 136, 153)',
  'seal grey (сплошной)': 'rgb(119, 136, 153)',
  'античный белый': 'rgb(250, 235, 215)',
  'антрацитовый серый': 'rgb(90, 87, 89)',
  'вересковый деним': 'rgb(84, 84, 84)',
  'греческий оранжевый': 'rgb(255, 127, 0)',
  'древесина': 'rgb(150, 111, 51)',
  'желтый 03': 'rgb(255, 255, 0)',
  'классический голубой': 'rgb(0, 0, 255)',
  'лунный синий': 'rgb(85, 95, 128)',
  'матовый красный': 'rgb(204, 40, 40)',
  'пастельно-серый': 'rgb(207, 207, 196)',
  'серый/белый': 'rgba(128, 128, 128, 0.5)',
  'темно-серый (примерно pantone 431)': 'rgb(84, 88, 90)',
  'темно-синий (примерно pantone 2767c)': 'rgb(0, 56, 101)',
  'темно-синий оксфорд': 'rgb(0, 33, 71)',
  'темный ментол': 'rgb(63, 117, 73)',
  'тихий океан': 'rgb(28, 169, 201)',
  'тропический зеленый': 'rgb(0, 199, 140)',
  'туркиз блю': 'rgb(64, 224, 208)',
  'футболка- натуральный': 'rgb(222, 184, 135)',
  'хризантемный красный': 'rgb(255, 84, 94)',
  'черный/антрацит': 'rgba(0, 0, 0, 0.5)'
}


  const LogoImg = (el, width, height, supplier, code) => {
    const controller = new AbortController();
    const timeoutId = setTimeout(() => controller.abort(), 10000);
  
    fetch(
      `https://app.promotron.com/api/3SCy0MrxxX0FoJb27zkPGNjKFwTKKj1aTNXmiUZm/2fCRpOM0tadRWSXXR3HrcAmqSUMKmVXPzQfzk3fh/visual/motive?sid=${supplier}&spcode=${code}&motive=999ea3a4-d659-46d3-a4c6-4a89c95be5b6&width=${width}&height=${height}&vcolour=auto&effectcode=none`,
      { signal: controller.signal }
    )
      .then((response) => {
        clearTimeout(timeoutId);
  
        if (response.status === '400') {
          return Promise.reject();
        }
  
        if (!response.ok) {
          return Promise.reject(`Ошибка ${response.status}: ${response.statusText}`);
        }
  
        return response.blob();
      })
      .then((blob) => {
        el.src = URL.createObjectURL(blob);
      })
      .catch((error) => {
        if (error !== 'Ошибка 400: Bad Request' && error.name !== "AbortError") {
          console.error(`Ошибка: ${error}`);
        }
      });
  };


document.addEventListener('DOMContentLoaded', () => {
    const li = document.createElement('li');
    li.innerHTML = `<a href="https://new-ton.org/privacy-policy.docx" download>Политика конфиденциальности</a>`

    document.querySelector('.container-new .footer-menu .footer-menu_col ul').appendChild(li);
})</script>
        
        <script src="catalog/view/javascript/common.js"></script>
        <script src="catalog/view/javascript/jquery.maskedinput.js" type="text/javascript"></script>

        
    <link href="catalog/view/javascript/live_search/live_search.css" rel="stylesheet" type="text/css">
<script src="catalog/view/javascript/live_search/live_search.js"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
var options = {"text_view_all_results":"     \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0432\u0441\u0451     ","text_empty":"\u041d\u0435\u0442 \u0442\u043e\u0432\u0430\u0440\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u044f\u043c \u043f\u043e\u0438\u0441\u043a\u0430.","module_live_search_show_image":"1","module_live_search_show_price":"1","module_live_search_show_description":"0","module_live_search_min_length":"1","module_live_search_show_add_button":"0"};
LiveSearchJs.init(options); 
});
//--></script>
</head>


            <body class="page-custom">
        

            <div class="loader-container">
                <div class="loader"></div>
            </div>

            <style>
                .loader-container {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 100vh;
                    width: 100vw;
                    position: fixed;
                    background: white;
                    z-index: 9999;
                    transition: opacity 70ms ease-in;
                }

                .loader-container .loader {
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    width: 50px;
                    height: 50px;
                    margin-left: -25px;
                    margin-top: -25px;
                    border: 5px solid #f3f3f3;
                    border-top-width: 5px;
                    border-top-style: solid;
                    border-top-color: rgb(243, 243, 243);
                    border-top: 5px solid #ff4045;
                    border-radius: 50%;
                    animation: loader-spin 1s linear infinite;
                }

                @keyframes loader-spin {
                    0% {
                        transform: rotate(0deg);
                    }
                    100% {
                        transform: rotate(360deg);
                    }
                }

                body {
                    overflow: hidden;
                }
            </style>

            <script>
                const loader = document.querySelector('.loader-container');

                document.addEventListener('DOMContentLoaded', () => {
                    loader.style.opacity = 0;
                    setTimeout(() => {
                        loader.style.display = 'none';
                    }, 70);
                    document.body.style.overflow = 'auto';
                    document.body.style.overflowX = 'hidden';
                })
            </script>


            <!-- YANDEX -->
                        <noscript><div><img src="https://mc.yandex.ru/watch/74397448" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
            <!-- END YANDEX -->

            <!-- NEW GOOGLE -->
            <!-- Google Tag Manager (noscript) -->
            <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NX6FJH3W"
            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
            <!-- End Google Tag Manager (noscript) -->


            <!-- Google Tag Manager -->
                        <!-- End Google Tag Manager -->
            <!-- END NEW GOOGLE -->

            <!-- Meta Pixel Code -->
            <noscript><img height="1" width="1" style="display:none"
                src="https://www.facebook.com/tr?id=899824075188175&ev=PageView&noscript=1"
            /></noscript>

                        <!-- End Meta Pixel Code -->


            <!-- ОТЛОЖЕННАЯ ЗАГРУЗКА ВСЕХ МЕТРИК (ТОЛЬКО ПОСЛЕ LOAD) -->
            <script>
                window.addEventListener('load', function() {

                    // Jivo
                    const jivoScript = document.createElement('script');
                    jivoScript.src = 'https://code.jivo.ru/widget/BAxnUZ0Qva';
                    document.body.appendChild(jivoScript);

                    // YANDEX
                    (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
                    m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
                    (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

                    ym(74397448, "init", {
                        clickmap:true,
                        trackLinks:true,
                        accurateTrackBounce:true,
                        webvisor:true,
                        ecommerce:"dataLayer"
                    });

                    // FACEBOOK
                    !function(f,b,e,v,n,t,s){
                        if(f.fbq)return;
                        n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};
                        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];
                        t=b.createElement(e);t.async=!0;t.src=v;
                        s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)
                    }(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');

                    fbq('init', '899824075188175');
                    fbq('track', 'PageView');


                    // GTAG
                    setTimeout(function(){
                        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                    })(window,document,'script','dataLayer','GTM-NX6FJH3W');
                }, 100);
            });
            </script>


            <button class="back-to-top"><svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13l4 4m-4-4l-4 4"/></svg></button>
            <script>
                document.addEventListener("DOMContentLoaded", () => {
                    const btn_top = document.querySelector(".back-to-top");

                    window.addEventListener('scroll', () => {
                        if (window.scrollY > window.innerHeight * 0.5) {
                            btn_top.style.display = 'flex';
                            } else {
                            btn_top.style.display = 'none';
                        }
                    });

                    btn_top.addEventListener('click', () => {
                        window.scrollTo({
                            top: 0,
                            behavior: 'smooth'
                        });
                    });
                })
            </script>

            <style>
                .news-container {
                    display: none;
                    align-items: center;
                    justify-content: center;
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(0, 0, 0, 0.5);
                    z-index: 999;
                    opacity: 0;
                    transition: opacity 70ms ease-in;
                }

                .news-subscribe-form {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    padding: 20px;
                    border-radius: 10px;
                    background-color: #fff;
                    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                    max-width: 400px;
                    width: 100%;
                    position: relative;
                }

                .news-subscribe-form h1 {
                    font-size: 24px;
                    margin-bottom: 20px;
                    text-align: center;
                    color: #333;
                }
                .news-subscribe-form input[type='email'] {
                    width: 100%;
                    padding: 10px;
                    margin-bottom: 10px;
                    border: 1px solid #ccc;
                    border-radius: 5px;
                    box-sizing: border-box;
                }
                .news-subscribe-form button {
                    padding: 10px 20px;
                    border: none;
                    border-radius: 5px;
                    background-color: #007bff;
                    color: #fff;
                    font-size: 16px;
                    cursor: pointer;
                }
                .news-subscribe-form button:hover {
                    background-color: #0056b3;
                }
                .response-message {
                    margin-top: 10px;
                    padding: 10px;
                    border-radius: 5px;
                    width: 100%;
                    text-align: center;
                    position: absolute;
                    top: 100%;
                }
                .response-message.success {
                    background-color: #d4edda;
                    color: #155724;
                }
                .response-message.error {
                    background-color: #f8d7da;
                    color: #721c24;
                }

                @media screen and (max-width: 1030px) {
                    .news-subscribe-form {
                        max-width: 318px;
                    }

                    .news-subscribe-form h1 {
                        font-size: 17px;
                    }

                    .news-subscribe-form button {
                        font-size: 14px;
                    }
                }
            </style>

            <div class="news-container">
                <form id="news_subscribe" class="news-subscribe-form">
                    <h2>Подписаться на дайджесты</h2>
                    <input type="email" id="emailInput" name="email" placeholder="Введите ваш email" minlength="5" required />

                    <div class="agreement-checkbox">
                        <input type="checkbox" id="agreementCheckbox" name="agreement" required />
                        <label for="agreementCheckbox">
                            Нажимая кнопку, я принимаю условия
                            <a href="/agreement" target="_blank" class="agreement-link">соглашения</a>
                        </label>
                    </div>

                    <button type="submit">Отправить</button>
                    <div id="responseMessage" class="response-message"></div>
                </form>
            </div>

            <script>
                document.addEventListener('DOMContentLoaded', function () {
                    document.querySelectorAll('#subscribe-news-btn').forEach((button) => {
                        button.addEventListener('click', function () {
                            document.querySelector('.news-container').style.display = 'flex';

                            setTimeout(() => {
                                document.querySelector('.news-container').style.opacity = '1';
                            }, 1);
                        });
                    });

                    document.querySelector('.news-container').addEventListener('click', function (event) {
                        if (event.target.classList.contains('news-container')) {
                            document.querySelector('.news-container').style.opacity = '0';

                            setTimeout(() => {
                                document.querySelector('.news-container').style.display = 'none';
                            }, 70);
                        }
                    });

                    document.querySelector('#news_subscribe.news-subscribe-form').addEventListener('submit', function (event) {
                        event.preventDefault();

                        const form = document.querySelector('#news_subscribe.news-subscribe-form');
                        const email = form.querySelector('#emailInput').value;
                        const checkbox = form.querySelector('#agreementCheckbox');
                        const messageElement = form.querySelector('#responseMessage');

                        messageElement.textContent = '';
                        messageElement.className = 'response-message';

                        if (email.length < 5) {
                            messageElement.textContent = 'Email должен содержать не менее 5 символов';
                            messageElement.className = 'response-message error';
                            return;
                        }

                        if (!checkbox.checked) {
                            messageElement.textContent = 'Необходимо принять условия соглашения';
                            messageElement.className = 'response-message error';
                            return;
                        }

                        const apiURL = '/mailing/?email=' + email + '&udl=' + 569021;

                        fetch(apiURL, {
                            method: 'GET',
                        })
                        .then((response) => {
                            if (response.ok) {
                                if (response.status === 201) {
                                    messageElement.textContent = 'Вы успешно подписались!';
                                    messageElement.className = 'response-message success';
                                    form.reset();
                                    } else {
                                    messageElement.textContent = 'Произошла ошибка! Попробуйте ещё раз';
                                    messageElement.className = 'response-message error';
                                }
                                } else {
                                if (response.status === 422) {
                                    messageElement.textContent = 'Вы уже подписаны!';
                                    messageElement.className = 'response-message error';
                                    } else {
                                    messageElement.textContent = 'Произошла ошибка! Попробуйте ещё раз';
                                    messageElement.className = 'response-message error';
                                }
                            }
                        })
                        .catch(() => {
                            messageElement.textContent = 'Произошла ошибка! Попробуйте ещё раз';
                            messageElement.className = 'response-message error';
                        });
                    });

                    document.querySelector('#agreementCheckbox').addEventListener('change', function() {
                        const messageElement = document.querySelector('#responseMessage');
                        if (!this.checked && messageElement.classList.contains('error')) {
                            messageElement.textContent = '';
                            messageElement.className = 'response-message';
                        }
                    });
                });
            </script>

            <style>
                .agreement-checkbox {
                    margin: 15px 0;
                    display: flex;
                    align-items: flex-start;
                    gap: 8px;
                }

                .agreement-checkbox input[type="checkbox"] {
                    margin-top: 3px;
                    flex-shrink: 0;
                }

                .agreement-checkbox label {
                    font-size: 14px;
                    line-height: 1.4;
                    color: #333;
                    cursor: pointer;
                    font-weight: 500;
                }

                .agreement-link {
                    color: #0066cc;
                    text-decoration: none;
                    transition: color 0.2s;
                }

                .agreement-link:hover {
                    color: #004499;
                    text-decoration: underline;
                }

                .news-subscribe-form button[type="submit"] {
                    margin-top: 10px;
                }
            </style>


            <div class="modalCallWindow" style="display: none">
                <div class="modal-new modalWindow">
                    <div class="heading">
                        <p class="hello">
                            Давайте знакомиться
                            <img style="margin-left: 11px" src="https://i.ibb.co/9rXkMhD/1.png" alt=", newton" loading="lazy" />
                        </p>
                        <p class="name">Виктория, менеджер по счастью, Компания "Нью-Тон"</p>
                    </div>
                    <div class="main-blocks">
                        <div class="first-block">
                            <div class="success">
                                <img src="https://i.ibb.co/y4Gtfhk/free-icon-checkmark-8625364.png" alt="Success" loading="lazy" />
                                <p>Спасибо! Ваше сообщение отправлено</p>
                            </div>

                            <div class="error">
                                <img
                                src="https://i.ibb.co/cTjygby/free-icon-remove-folder-circular-button-8345013.png"
                                alt="Error"
                                loading="lazy"
                                />
                                <p>Ошибка! Попробуйте ещё раз!</p>
                            </div>

                            <p class="tellUs">
                                Расскажите нам про: задачу, тираж, бюджет - подберем в течение дня концепцию подарков
                                <span style="color: #ff4045; font-weight: 800">БЕСПЛАТНО!</span>
                            </p>
                            <form class="form">
                                <input id="company" type="text" placeholder="Компания *" value="" autocomplete="off" required />
                                <input id="name" type="text" placeholder="Имя *" value="" autocomplete="off" required />
                                <input
                                id="phone"
                                type="tel"
                                placeholder="Телефон *"
                                value=""
                                autocomplete="off"
                                required=""
                                pattern="\+?[0-9\-]{10,25}"
                                maxlength="25"
                                minlength="10"
                                />
                                <div class="doubled-input">
                                    <input id="edition" type="text" placeholder="Тираж" value="" autocomplete="off" />
                                    <input id="budget" type="text" placeholder="Бюджет" value="" autocomplete="off" />
                                </div>
                                <textarea id="task" type="text" placeholder="Задача" value="" autocomplete="off"></textarea>
                                <div class="check-modal">
                                    <input
                                    id="secret_chat"
                                    type="checkbox"
                                    name="secret_chat"
                                    autocomplete="off"
                                    style="margin-right: 10px"
                                    />
                                    <label for="secret_chat" class="check_secret_chat">
                                        Хотите получить доступ к секретным чатам Нью-Тон?
                                    </label>
                                </div>
                                <div class="check-modal">
                                    <input
                                    id="check_policy"
                                    type="checkbox"
                                    name="check_policy"
                                    autocomplete="off"
                                    required=""
                                    style="margin-right: 10px"
                                    />
                                    <label for="check_policy" class="check_policy">
                                        Нажимая на кнопку, я принимаю условия соглашения
                                    </label>
                                </div>
                                <button id="send" type="submit">Отправить</button>
                                <div class="modal-b24-form"></div>
                            </form>
                        </div>
                        <div class="second-block">
                            <img src="/image/catalog/a08fb5a6f558440695815e5e6dc91c37-2.webp" loading="lazy" />
                        </div>
                        <div class="third-block">
                            <p class="text-inf">
                                Хотите быть в курсе всех новинок и акций, трендов и брендов Европы? Ждем Вас в Telegram-канале PRO
                                Мерч. Будем на связи!
                            </p>
                            <div class="tg-qr-code"></div>
                            <a href="https://t.me/present_new_ton" target="_blank">
                                <button class="tg-join-btn">Присоединиться в Telegram-канал</button>
                            </a>
                        </div>
                    </div>
                    <div id="popCloseD" class="modalClosePopD">X</div>
                </div>

                <script>
                    document.addEventListener('DOMContentLoaded', () => {
                        const initializeModal = () => {
                            const modal_form = document.querySelector('.modalCallWindow .main-blocks .form');
                            const modal_form_b24 = document.querySelector('.modalCallWindow .modal-new .form');

                            const budget = modal_form_b24.querySelectorAll(".b24-form-field-string input[type='string']");

                            const elems = {
                                modal_company: modal_form.querySelector('#company'),
                                modal_company_b24: modal_form_b24.querySelector(
                                '.b24-form-field-company-name input[type="string"]'
                                ),

                                modal_name: modal_form.querySelector('#name'),
                                modal_name_b24: modal_form_b24.querySelector(".b24-form-control[name='name']"),

                                modal_phone: modal_form.querySelector('#phone'),
                                modal_phone_b24: modal_form_b24.querySelector(".b24-form-control[name='phone']"),

                                modal_edition: modal_form.querySelector('#edition'),
                                modal_edition_b24: budget[0],

                                modal_budget: modal_form.querySelector('#budget'),
                                modal_budget_b24: budget[1],

                                modal_task: modal_form.querySelector('#task'),
                                modal_task_b24: modal_form_b24.querySelector('.b24-form-field-text textarea'),

                                modal_secret_chat: modal_form.querySelector('#secret_chat'),
                                modal_secret_chat_b24: modal_form_b24.querySelector(".b24-form-field-bool input[type='checkbox']"),

                                modal_check_policy: modal_form.querySelector('#check_policy'),
                                modal_check_policy_b24: modal_form_b24.querySelector(
                                ".b24-form-field-agreement input[type='checkbox']"
                                ),

                                modal_send: modal_form.querySelector('#send'),
                                modal_send_b24: modal_form_b24.querySelector(".b24-form-btn[type='submit']"),

                                error: document.querySelector('.first-block .error'),
                                success: document.querySelector('.first-block .success'),
                            };

                            elems.modal_company.value = '';
                            elems.modal_name.value = '';
                            elems.modal_phone.value = '';
                            elems.modal_edition.value = '';
                            elems.modal_budget.value = '';
                            elems.modal_task.value = '';

                            function simulateInput(element, value, isCheckbox = false) {
                                if (isCheckbox) {
                                    element.checked = value;
                                    } else {
                                    element.value = value;
                                }

                                const event = new Event('input', { bubbles: true });
                                element.dispatchEvent(event);

                                const changeEvent = new Event('change', { bubbles: true });
                                element.dispatchEvent(changeEvent);
                            }

                            elems.modal_company.addEventListener('input', function (e) {
                                simulateInput(elems.modal_company_b24, e.target.value);
                            });
                            elems.modal_name.addEventListener('input', function (e) {
                                simulateInput(elems.modal_name_b24, e.target.value);
                            });
                            elems.modal_phone.addEventListener('input', function (e) {
                                let input = e.target.value.replace(/\D/g, '');
                                let formattedInput = '';

                                if (e.inputType === 'deleteContentBackward') {
                                    return;
                                }

                                if (input.startsWith('7')) {
                                    formattedInput = '+7';
                                    if (input.length > 1) {
                                        formattedInput += '-' + input.substring(1, 4);
                                    }
                                    if (input.length > 4) {
                                        formattedInput += '-' + input.substring(4, 7);
                                    }
                                    if (input.length > 7) {
                                        formattedInput += '-' + input.substring(7, 9);
                                    }
                                    if (input.length > 9) {
                                        formattedInput += '-' + input.substring(9, 11);
                                    }
                                    if (input.length > 11) {
                                        formattedInput += '-' + input.substring(11, 14);
                                    }
                                    if (input.length > 14) {
                                        formattedInput += '-' + input.substring(14, 17);
                                    }
                                    if (input.length > 17) {
                                        formattedInput += '-' + input.substring(17, 20);
                                    }
                                    if (input.length > 20) {
                                        formattedInput += '-' + input.substring(20, 23);
                                    }
                                    if (input.length > 23) {
                                        formattedInput += '-' + input.substring(23, 26);
                                    }
                                    } else if (input.startsWith('3')) {
                                    formattedInput = '+375';
                                    if (input.length > 3) {
                                        formattedInput += '-' + input.substring(3, 6);
                                    }
                                    if (input.length > 6) {
                                        formattedInput += '-' + input.substring(6, 9);
                                    }
                                    if (input.length > 9) {
                                        formattedInput += '-' + input.substring(9, 11);
                                    }
                                    if (input.length > 11) {
                                        formattedInput += '-' + input.substring(11, 14);
                                    }
                                    if (input.length > 14) {
                                        formattedInput += '-' + input.substring(14, 17);
                                    }
                                    if (input.length > 17) {
                                        formattedInput += '-' + input.substring(17, 20);
                                    }
                                    if (input.length > 20) {
                                        formattedInput += '-' + input.substring(20, 23);
                                    }
                                    if (input.length > 23) {
                                        formattedInput += '-' + input.substring(23, 26);
                                    }
                                    } else {
                                    formattedInput = '+';
                                    if (input.length > 0) {
                                        formattedInput += input.substring(0, 3);
                                    }
                                    if (input.length > 3) {
                                        formattedInput += '-' + input.substring(3, 6);
                                    }
                                    if (input.length > 6) {
                                        formattedInput += '-' + input.substring(6, 9);
                                    }
                                    if (input.length > 9) {
                                        formattedInput += '-' + input.substring(9, 12);
                                    }
                                    if (input.length > 12) {
                                        formattedInput += '-' + input.substring(12, 15);
                                    }
                                    if (input.length > 15) {
                                        formattedInput += '-' + input.substring(15, 18);
                                    }
                                    if (input.length > 18) {
                                        formattedInput += '-' + input.substring(18, 21);
                                    }
                                    if (input.length > 21) {
                                        formattedInput += '-' + input.substring(21, 24);
                                    }
                                    if (input.length > 24) {
                                        formattedInput += '-' + input.substring(24, 26);
                                    }
                                }

                                e.target.value = formattedInput;

                                simulateInput(elems.modal_phone_b24, e.target.value);
                            });
                            elems.modal_edition.addEventListener('input', function (e) {
                                simulateInput(elems.modal_edition_b24, e.target.value);
                            });
                            elems.modal_budget.addEventListener('input', function (e) {
                                simulateInput(elems.modal_budget_b24, e.target.value);
                            });
                            elems.modal_task.addEventListener('input', function (e) {
                                simulateInput(elems.modal_task_b24, e.target.value);
                            });

                            elems.modal_secret_chat.addEventListener('change', function (e) {
                                simulateInput(elems.modal_secret_chat_b24, e.target.checked, true);
                            });

                            elems.modal_check_policy.addEventListener('click', function (e) {
                                e.target.checked = false;
                                elems.modal_check_policy_b24.checked = false;

                                elems.modal_check_policy_b24.click();

                                const interval = setInterval(() => {
                                    if (elems.modal_check_policy_b24.checked) {
                                        e.target.checked = true;
                                        clearInterval(interval);
                                        } else {
                                        e.target.checked = false;
                                    }
                                }, 300);

                                setTimeout(() => {
                                    clearInterval(interval);
                                }, 60000);
                            });

                            elems.modal_send.addEventListener('click', function (e) {
                                e.preventDefault();

                                if (!modal_form.checkValidity()) {
                                    modal_form.reportValidity();
                                    } else {
                                    elems.modal_send_b24.click();
                                }
                            });

                            const observeFormState = function (targetSelector, message) {
                                const targetNode = modal_form_b24.querySelector(targetSelector);

                                if (targetNode) {
                                    const config = { attributes: true, attributeFilter: ['style'] };

                                    const callback = function (mutationsList, observer) {
                                        for (const mutation of mutationsList) {
                                            if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
                                                const display = getComputedStyle(targetNode).display;
                                                if (display !== 'none') {
                                                    if (message === 'success') {
                                                        elems.success.style.display = 'flex';
                                                        elems.modal_send.disabled = true;
                                                        setTimeout(() => {
                                                            document.querySelector('#popCloseD').click();
                                                            elems.success.style.display = 'none';
                                                        }, 6000);
                                                        } else if (message === 'error') {
                                                        elems.error.style.display = 'flex';
                                                        setTimeout(() => {
                                                            elems.error.style.display = 'none';
                                                        }, 6000);
                                                    }
                                                }
                                            }
                                        }
                                    };

                                    const observer = new MutationObserver(callback);
                                    observer.observe(targetNode, config);
                                    } else {
                                    console.error(`Элемент с классом "${targetSelector}" не найден`);
                                }
                            };

                            observeFormState('.b24-form-state.b24-form-success', 'success');
                            observeFormState('.b24-form-state.b24-form-error', 'error');
                            observeFormState('.b24-form-state.b24-form-warning', 'error');
                        };

                        const initializeBitrixForm = (elem) => {
                            const bScript = document.createElement('script');
                            bScript.async = true;
                            bScript.dataset.b24Form = 'inline/44/181hdq';
                            bScript.dataset.skipMoving = 'true';
                            bScript.innerHTML = `
                            (function (w, d, u) {
                                var s = d.createElement("script");
                                s.async = true;
                                s.src = u + "?" + ((Date.now() / 180000) | 0);
                                var h = d.getElementsByTagName("script")[0];
                                h.parentNode.insertBefore(s, h);
                            })(window, document, "https://cdn-ru.bitrix24.by/b22578032/crm/form/loader_44.js");
                            `;
                            elem.appendChild(bScript);
                        };

                        const modalObserver = () => {
                            const modal = document.querySelector('.modalCallWindow');
                            const bitrixBlock = modal.querySelector('.modal-b24-form');

                            if (!modal) {
                                return;
                            }

                            const observer = new MutationObserver((mutationsList, observer) => {
                                for (const mutation of mutationsList) {
                                    if (mutation.attributeName === 'style') {
                                        const display = getComputedStyle(modal).display;
                                        if (display !== 'none') {
                                            if (typeof initializeBitrixForm === 'function') {
                                                initializeBitrixForm(bitrixBlock);
                                            }

                                            if (typeof initializeModal === 'function') {
                                                setTimeout(() => {
                                                    initializeModal();
                                                }, 3000);
                                            }

                                            observer.disconnect();
                                        }
                                    }
                                }
                            });

                            observer.observe(modal, { attributes: true });
                        };

                        modalObserver();
                    });
                </script>

                <style>
                    .modalCallWindow .modal-new {
                        width: 1192px;
                        height: 698px;
                        border-radius: 32px;
                        min-height: unset;
                        min-width: unset;
                        transform: none;
                        background-image: url(https://i.ibb.co/L8KpCjM/0cb6ab8a90926a553e3fe63c720c56f1.png);
                        background-color: white; /*! background-size: 104% 104%; */
                        padding: 32px;
                        border: 0;
                        align-items: center;
                        background-image: unset;
                    }

                    .modalCallWindow .modal-new .heading {
                        width: 100%;
                        gap: 16px;
                        display: flex;
                        flex-wrap: wrap;
                        align-items: center;
                        justify-content: center;
                    }

                    .modalCallWindow .modal-new .heading .hello {
                        font-size: 48px;
                        font-weight: 800;
                        line-height: 37.5px;
                        margin: 0;
                        width: 100%;
                        text-align: center;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    .modalCallWindow .modal-new .heading .name {
                        font-size: 28px;
                        line-height: 23.44px;
                    }

                    .modalCallWindow .modal-new .main-blocks {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        margin-top: 16px;
                        max-height: 517px;
                    }

                    .modalCallWindow .modal-new .first-block {
                        max-width: 32%;
                        height: 100%;
                        position: relative;
                    }

                    .modalCallWindow .modal-new .first-block .success {
                        height: 102%;
                        width: 102%;
                        position: absolute;
                        top: -1%;
                        left: -1%;
                        background: #84ff84;
                        border-radius: 2rem;
                        display: none;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column;
                        gap: 20px;
                        transition: all 0.3s ease-in;
                    }

                    .modalCallWindow .modal-new .first-block .success img {
                        width: 25%;
                    }

                    .modalCallWindow .modal-new .first-block .success p {
                        font-size: 16px;
                    }

                    .modalCallWindow .modal-new .first-block .error {
                        height: 102%;
                        width: 102%;
                        position: absolute;
                        top: -1%;
                        left: -1%;
                        background: #f88;
                        border-radius: 2rem;
                        display: none;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column;
                        gap: 20px;
                        transition: all 0.3s ease-in;
                    }

                    .modalCallWindow .modal-new .first-block .error img {
                        width: 25%;
                    }

                    .modalCallWindow .modal-new .first-block .error p {
                        font-size: 16px;
                    }

                    .modalCallWindow .modal-new .first-block .tellUs {
                        font-size: 20px;
                        line-height: 23px;
                        font-weight: 400;
                        margin-bottom: 12px;
                        max-height: 15%;
                    }

                    .modalCallWindow .modal-new .first-block .form {
                        display: flex;
                        align-items: center;
                        flex-direction: column;
                        gap: 12px;
                        height: 84%;
                    }

                    .modalCallWindow .modal-new .first-block .form input:not([type='checkbox']) {
                        border-radius: 12px;
                        border: 1px solid #dfe6fa;
                        padding: 0 16px;
                        background: #eef2fd;
                        color: #8b909c;
                        line-height: 18.75px;
                        font-size: 16px;
                        height: 38px;
                        width: 100%;
                        flex-shrink: 0;
                    }

                    .modalCallWindow .modal-new .first-block .form input:not([type='checkbox']):focus {
                        background: #e5eaf6;
                        transition: 0.1s;
                        color: #464646;
                    }

                    .modalCallWindow .modal-new .first-block .form input:not([type='checkbox']):focus::placeholder {
                        color: transparent;
                    }

                    .modalCallWindow .modal-new .first-block .form .doubled-input {
                        gap: 12px;
                        display: flex;
                        flex-shrink: 0;
                    }

                    .modalCallWindow .modal-new .first-block .form .doubled-input input {
                        border-radius: 12px;
                        border: 1px solid #dfe6fa;
                        padding: 0 16px;
                        background: #eef2fd;
                        color: #8b909c;
                        line-height: 18.75px;
                        font-size: 16px;
                        height: 38px;
                        width: 48%;
                    }

                    .modalCallWindow .modal-new .first-block .form .doubled-input input:focus::placeholder {
                        color: transparent;
                    }

                    .modalCallWindow .modal-new .first-block .form .doubled-input input:focus {
                        background: #e5eaf6;
                        transition: 0.1s;
                        color: #464646;
                    }

                    .modalCallWindow .modal-new .first-block .form textarea {
                        border-radius: 12px;
                        border: 1px solid #dfe6fa;
                        padding: 16px;
                        background: #eef2fd;
                        color: #8b909c;
                        line-height: 18.75px;
                        font-size: 16px;
                        width: 100%;
                        flex-grow: 1;
                    }

                    .modalCallWindow .modal-new .first-block .form textarea:focus {
                        background: #e5eaf6;
                        transition: 0.1s;
                        color: #464646;
                    }

                    .modalCallWindow .modal-new .first-block .form textarea:focus::placeholder {
                        color: transparent;
                    }

                    .modalCallWindow .modal-new .first-block .form button {
                        width: 100%;
                        height: 38px;
                        color: white;
                        background: #ff4045;
                        border-radius: 12px;
                        border: 0;
                        font-size: 16px;
                        line-height: 18.75px;
                        font-weight: 600;
                        flex-shrink: 0;
                        cursor: pointer;
                    }

                    .modalCallWindow .modal-new .first-block .form button:hover {
                        background: #ce3539;
                        transform: scale(100.5%);
                        transition: 0.1s;
                        color: #fdfdfd;
                    }

                    .modalCallWindow .modal-new .first-block .form .check-modal {
                        display: flex;
                        justify-content: space-between;
                        width: 100%;
                        height: 38px;
                        flex-shrink: 0;
                    }

                    .modalCallWindow .modal-new .first-block .form .check-modal .check_secret_chat,
                    .modalCallWindow .modal-new .first-block .form .check-modal .check_policy {
                        font-size: 16px;
                        line-height: 18.75px;
                        font-weight: 400;
                    }

                    .modalCallWindow .modal-new .second-block {
                        width: 32%;
                        position: relative;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin: 0 1%;
                    }

                    .modalCallWindow .modal-new .second-block img {
                        min-width: 409px;
                        height: 545px;
                        position: absolute;
                        top: 1%;
                    }

                    .modalCallWindow .modal-new .third-block {
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        height: 100%;
                        max-width: 32%;
                        width: 100%;
                    }

                    .modalCallWindow .modal-new .third-block .text-inf {
                        margin: 0;
                        font-size: 20px;
                        line-height: 23px;
                        font-weight: 400;
                    }

                    .modalCallWindow .modal-new .third-block .tg-qr-code {
                        height: 355px;
                        width: 100%;
                        background: white;
                        border-radius: 38px;
                        display: flex;
                        background-image: url('https://i.ibb.co/dbnfgbm/image.png');
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                        background-position: center center;
                    }

                    .modalCallWindow .modal-new .third-block .tg-join-btn {
                        width: 100%;
                        height: 38px;
                        color: white;
                        background: #34aadf;
                        border-radius: 12px;
                        border: 0;
                        font-size: 16px;
                        line-height: 18.75px;
                        font-weight: 600;
                        cursor: pointer;
                    }

                    .modalCallWindow .modal-new .third-block .tg-join-btn:hover {
                        background: #2a8cb8;
                        transform: scale(100.5%);
                        transition: 0.1s;
                        color: #fdfdfd;
                    }

                    .modalCallWindow .modal-new .form .modal-b24-form {
                        display: none;
                    }
                    @media screen and (min-width: 1000px) and (max-width: 1300px) {
                        .modal-new {
                            transform: scale(90%);
                        }
                    }
                    @media (max-width: 1000px) {
                        .modalCallWindow .modal-new {
                            width: 95%;
                            height: auto;
                            border-radius: 9px;
                            padding: 24px 16px;
                        }

                        .modalCallWindow .modal-new .heading {
                            align-items: flex-start;
                            justify-content: flex-start;
                            gap: 9px;
                        }

                        .modalCallWindow .modal-new .heading .hello {
                            font-size: 18px;
                            line-height: 1.7rem;
                            text-align: start;
                            padding: 0;
                            margin-bottom: 5px;
                        }

                        .modalCallWindow .modal-new .heading .hello img {
                            width: 15px;
                        }

                        .modalCallWindow .modal-new .heading .name {
                            font-size: 13px;
                            line-height: 2rem;
                            padding: 0;
                        }

                        .modalCallWindow .modal-new .main-blocks {
                            margin-top: 5px;
                        }

                        .modalCallWindow .modal-new .first-block {
                            max-width: 100%;
                        }

                        .modalCallWindow .modal-new .first-block .success p {
                            font-size: 12px;
                        }

                        .modalCallWindow .modal-new .first-block .error p {
                            font-size: 12px;
                        }

                        .modalCallWindow .modal-new .first-block .tellUs {
                            font-size: 13px;
                            line-height: 2rem;
                            font-weight: 500;
                            margin-bottom: 14px;
                            padding: 0;
                            width: 100%;
                        }

                        .modalCallWindow .modal-new .first-block .form {
                            gap: 9px;
                        }

                        .modalCallWindow .modal-new .first-block .form input:not([type='checkbox']) {
                            line-height: 2rem;
                            font-size: 11px;
                            height: 30px;
                            padding: 0 12px;
                            border-radius: 6px;
                        }

                        .modalCallWindow .modal-new .first-block .form .doubled-input {
                            gap: 10px;
                        }

                        .modalCallWindow .modal-new .first-block .form .doubled-input input {
                            line-height: 2rem;
                            font-size: 11px;
                            height: 30px;
                            border-radius: 6px;
                            padding: 0 12px;
                        }

                        .modalCallWindow .modal-new .first-block .form textarea {
                            line-height: 3rem;
                            font-size: 11px;
                            padding: 2px 12px;
                            border-radius: 6px;
                        }

                        .modalCallWindow .modal-new .first-block .form button {
                            height: 36px;
                            border-radius: 6px;
                            font-size: 12px;
                            line-height: 2rem;
                            margin-top: 10px;
                        }

                        .modalCallWindow .modal-new .first-block .form .check-modal {
                            height: 26px;
                            align-items: center;
                        }

                        .modalCallWindow .modal-new .first-block .form .check-modal #secret_chat,
                        .modalCallWindow .modal-new .first-block .form .check-modal #secret_chat + label,
                        .modalCallWindow .modal-new .first-block .form .check-modal #check_policy,
                        .modalCallWindow .modal-new .first-block .form .check-modal #check_policy + label {
                            margin: 0 !important;
                        }

                        .modalCallWindow .modal-new .first-block .form .check-modal .check_secret_chat,
                        .modalCallWindow .modal-new .first-block .form .check-modal .check_secret_chat + label,
                        .modalCallWindow .modal-new .first-block .form .check-modal .check_policy,
                        .modalCallWindow .modal-new .first-block .form .check-modal .check_policy + label {
                            font-size: 11px;
                            margin: 0;
                        }

                        .modalCallWindow .modal-new .second-block {
                            display: none;
                        }

                        .modalCallWindow .modal-new .third-block {
                            display: none;
                        }

                        .modalCallWindow .modal-new .modalClosePopD {
                            font-size: 23px;
                            right: 18px;
                        }
                    }
                </style>
            </div>

            <script>
                const current_url = window.location.href;
                const modalCall = document.querySelector('.modalCallWindow');
                const modalClose = modalCall.querySelector('#popCloseD');

                let backoutTimer = false;

                function hidePopupOnThisTab() {
                    modalCall.style.opacity = '0';
                    setTimeout(() => {
                        modalCall.style.display = 'none';
                        modalCall.style.opacity = '1';
                    }, 120);
                }

                function setupPopupCloseHandlers() {
                    modalClose.removeEventListener('click', handleModalClose);
                    modalCall.removeEventListener('click', handleModalClick);

                    function handleModalClose() {
                        hidePopupOnThisTab();

                        setCookie('new_popup_closed', 'true', 7);
                    }
                    function handleModalClick(e) {
                        if (e.target === modalCall) {
                            hidePopupOnThisTab();

                            setCookie('new_popup_closed', 'true', 7);
                        }
                    }

                    modalClose.addEventListener('click', handleModalClose);
                    modalCall.addEventListener('click', handleModalClick);
                }

                document.addEventListener('DOMContentLoaded', setupPopupCloseHandlers);

                if (current_url == 'https://new-ton.org/?form-popup=') {
                    modalCall.style.display = 'flex';
                    } else {
                    function setupExitIntentListener() {
                        function showPopupOnThisTab() {
                            modalCall.style.display = 'flex';
                        }

                        function handleMouseMove(e) {
                            const currentVisibilityModal = modalCall.style.display == 'flex';
                            const popupClosedCookie = getCookie('new_popup_closed');

                            if (e.clientY < 10) {
                                console.log(backoutTimer)
                                if (backoutTimer && !currentVisibilityModal && !popupClosedCookie) {
                                    showPopupOnThisTab();
                                    setupPopupCloseHandlers();
                                    setCookie('new_popup_closed', 'true', 7);
                                    document.removeEventListener('mousemove', handleMouseMove);
                                }
                            }
                        }

                        document.addEventListener('mousemove', handleMouseMove);

                        // mobil
                        let touchStartY;
                        document.addEventListener(
                        'touchstart',
                        function (e) {
                            touchStartY = e.touches[0].clientY;
                        },
                        { passive: true }
                        );

                        document.addEventListener(
                        'touchmove',
                        function (e) {
                            const currentVisibilityModal = modalCall.style.display == 'flex';

                            if (touchStartY && e.touches[0].clientY < 10) {
                                if (backoutTimer && !currentVisibilityModal && !getCookie('new_popup_closed')) {
                                    showPopupOnThisTab();
                                    setupPopupCloseHandlers();
                                    setCookie('new_popup_closed', 'true', 7);
                                    document.removeEventListener('touchmove', handleMouseMove);
                                }
                            }
                        },
                        { passive: true }
                        );
                    }

                    function checkPopupOnLoad() {
                        const isAuthorized = getCookie('customer_id');
                        const popupClosedCookie = getCookie('new_popup_closed');

                        if (!isAuthorized && !popupClosedCookie) {
                            setupExitIntentListener();

                            if (!document.hidden) {
                                setTimeout(() => {
                                    if (!document.hidden) {
                                        backoutTimer = true;
                                    }
                                }, 3000);
                            }

                            document.addEventListener('visibilitychange', () => {
                                if (!document.hidden) {
                                    setTimeout(() => {
                                        if (!document.hidden) {
                                            backoutTimer = true;
                                        }
                                    }, 3000);
                                }
                            })
                        }
                    }

                    document.addEventListener('DOMContentLoaded', checkPopupOnLoad);
                }

            </script>


            <div class="app app--v4">
                <!-- Popups :: Start-->
                <!--noindex-->
                <div class="popup popup--570" style="display: none;" id="signin">
                    <button class="popup__close" data-fancybox-close>
                        <svg class="icon-close">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-close"></use>
                        </svg>
                    </button>
                    <div class="signin">
                        <div class="row">
                            <div class="col-12 col-md-12">
                                <div class="signin__head"><span class="signin__title">Авторизация</span></div>
                                <div class="signin__body">
                                    <form action="https://new-ton.org/login" enctype="multipart/form-data" id="loginform" method="post">
                                        <label class="ui-label">Электронная почта</label>
                                        <div class="ui-field">
                                            <input class="ui-input" type="email" name="email" placeholder="Электронная почта" required>
                                        </div>
                                        <label class="ui-label">Пароль</label>
                                        <div class="ui-field">
                                            <input class="ui-input" type="password" name="password" placeholder="Пароль" required>
                                            <a href="https://new-ton.org/forgot-password">Забыли пароль?</a>
                                        </div>
                                        <div class="signin__action">
                                            <button class="btn btn--blue" form="loginform" type="submit">Войти</button>
                                            <a class="btn btn--link" href="https://new-ton.org/create-account">Регистрация</a>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/noindex-->
                <!-- Popups :: End-->
                <!--<style>
	.preloader {
  /*фиксированное позиционирование*/
  position: fixed;
  /* координаты положения */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* фоновый цвет элемента */
  background: #fff;
  /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
  z-index: 1001;
}

.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: #FF4045;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader-bounce {

  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}
</style>
<div class="preloader">
  <div class="preloader__row">
    <div class="preloader__item"></div>
    <div class="preloader__item"></div>
  </div>
</div>-->
<div class="header_menu-dropdown-overlay"></div>
<div class="header_top">
	<div class="container-fluid">
		<div class="header_top-wrapper">
			<div class="header_top-left">
				<div class="header_top-dropdowns">
					        <div class="lang js-toggle">
			    <form action="https://new-ton.org/index.php?route=common/language/language" method="post" enctype="multipart/form-data" id="form-language" style="margin-block-end: 0;">
                <button class="lang__btn js-toggle-btn">
				  					   	
					  	<img src="catalog/view/theme/technics/images/lang.svg" alt="RU " title="RU ">					  	
					  						   		русский
					   						  				  					  				  				</button>
                <div class="lang__dropdown js-toggle-dropdown">
                  <ul class="lang__menu">
																						<li data-lang="ru-ru">
												<a class="lang__link" href="#">
																											русский
																									</a>
											</li>
																						<li data-lang="en-gb">
												<a class="lang__link" href="#">
																											english
																									</a>
											</li>
											                  </ul>
                </div>
					<input type="hidden" name="code" value="" />
					<input type="hidden" name="redirect" value="eyJyb3V0ZSI6InByb2R1Y3RcL3Byb2R1Y3QiLCJ1cmwiOiImcHJvZHVjdF9pZD05MzYwOTQmcGF0aD0xXzEwMjM0XzMiLCJwcm90b2NvbCI6IjEifQ==" />
				</form>
              </div>

					              <div class="wallet js-toggle">
        <form action="https://new-ton.org/index.php?route=common/currency/currency" method="post" enctype="multipart/form-data" id="form-currency" style="margin-block-end: 0;">
                <button class="wallet__btn js-toggle-btn">              
          
       
        € EUR
            
          
                    </button>
                <div class="wallet__dropdown js-toggle-dropdown">
                  <ul class="wallet__menu">
                    <li data-curr="EUR"><a class="wallet__link" href="#">€ Euro</a></li>
                            <li data-curr="BYN"><a class="wallet__link" href="#"> BYN Белорусский рубль</a></li>
                            <li data-curr="RUB"><a class="wallet__link" href="#"> ₽ Рубль</a></li>
                                  </ul>
                </div>
        <input type="hidden" name="code" value="" />
        <input type="hidden" name="redirect" value="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/metallicheskie-ruchki/ruchka-roller-essential-metal-936094" />
        </form>
              </div>

				</div>
				<div class="currency-line">
			        <nav class="nav__topline is-hidden is-md-visible">
			        	<ul class="nav__topline-menu" style="font-weight: normal;">
			         		<li>EUR/BYN - </li>
			         		<li id="p1">3.20</li>
                          <li>EUR/RUB - </li>
			         		<li id="p2">88.78</li>
			         	</ul>
		      		</nav>
		       </div>
	       </div>	       
	       <div class="header_top-menu">
	       			       		 
	       			<ul>
	                       
	                        
    <li><a class="nav__topline-link" href="https://new-ton.org/about_us" >О компании</a></li>


    <li><a class="nav__topline-link" href="https://new-ton.org/chasto-zadavaemye-voprosy" >Как заказать</a></li>


    <li><a class="nav__topline-link" href="https://new-ton.org/contact-us" >Контакты</a></li>


    <li><a class="nav__topline-link" href="https://new-ton.org/delivery" >Доставка и оплата</a></li>


	 				</ul>
	                         
	       			       			       </div>
	    </div>
	</div>
</div>
<div class="header_middle">
	<div class="container-fluid">
		<div class="header_middle-wrapper">
			<div class="header_logo">
					 
						<a href="https://new-ton.org"><img src="/catalog/view/theme/technics/images/logo.svg" title="Нью-Тон" alt="Нью-Тон"></a>
					 
			</div>
			  <!-- SERCH -->
  <div class="filter-header-background"></div>
  <div class="search js-search" id="search">
    <div id="filter-HEADER" class="filter-header" style="transition: opacity 60ms ease-in">
      <div id="Filter-NEW">
        <h3>Расширенный поиск:</h3>

        <div class="filter-option">
          <div>
            <label class="control control-checkbox" for="theBest2">
              The.Best
              <input type="checkbox" id="theBest2" />
              <div class="control_indicator"></div>
            </label>
          </div>
          <div>
            <label class="control control-checkbox" for="fastDelivery2">
              Быстрая доставка
              <input type="checkbox" id="fastDelivery2" />
              <div class="control_indicator"></div>
            </label>
          </div>
          <div>
            <label class="control control-checkbox" for="bestseller2">
              Бестселлер
              <input type="checkbox" id="bestseller2" />
              <div class="control_indicator"></div>
            </label>
          </div>
          <div>
            <label class="control control-checkbox" for="newProducts2">
              Новинка
              <input type="checkbox" id="newProducts2" />
              <div class="control_indicator"></div>
            </label>
          </div>
          <div>
            <label class="control control-checkbox" for="visualization2">
              3D визуализация
              <input type="checkbox" id="visualization2" />
              <div class="control_indicator"></div>
            </label>
          </div>
        </div>

        <div class="filter-option">
          <h4>Цена:</h4>
          <div style="display: flex; justify-content: space-between; max-width: 88%">
            <div class="custom_input">
              <input id="minPrice" class="input" type="text" placeholder="От" />
            </div>
            <div class="custom_input">
              <input id="maxPrice" class="input" type="text" placeholder="До" />
            </div>
          </div>
        </div>

        <div class="filter-option">
          <h4>Страна:</h4>
          <div>
            <label class="control control-checkbox" for="country_ru2">
              Россия (доставка только в РБ)
              <input type="checkbox" id="country_ru2" />
              <div class="control_indicator"></div>
            </label>
          </div>
          <div>
            <label class="control control-checkbox" for="country_eu2">
              Европа
              <input type="checkbox" id="country_eu2" />
              <div class="control_indicator"></div>
            </label>
          </div>
        </div>

        <div class="filter-option">
          <h4>Кол-во на складе:</h4>
          <div class="custom_input" style="max-width: 100%">
            <input id="minQuantity" class="input" type="text" placeholder="Мин. количество" style="" />
          </div>
        </div>

        <div class="filter-option">
          <h4>Производитель:</h4>
          <div id="manufacturerFilters">
            <div id="EU">
              <h5
                style="
                  font-size: 20px;
                  border-bottom: 1px solid #0000001a;
                  padding: 0 5px 5px;
                  margin-bottom: 11px;
                "
              >
                EU
              </h5>
            </div>
            <div id="RU">
              <h5
                style="
                  font-size: 20px;
                  border-bottom: 1px solid #0000001a;
                  padding: 0 5px 5px;
                  margin-bottom: 11px;
                  margin-top: 15px;
                "
              >
                RU
              </h5>
            </div>
          </div>
        </div>

        <div id="apply-filter">Применить</div>
      </div>
    </div>

    <script>
      document.addEventListener('DOMContentLoaded', () => {
        if (
          localStorage.getItem('filter_script') === 'false' ||
          localStorage.getItem('filter_script') === 'null'
        ) {
          localStorage.setItem('filter_script', 'true');

          const elems = {
            search_filter_btn: document.querySelector('.header_middle #search_filter_btn'),
            search_filter_input: document.querySelector('.header_middle #search_filter_input'),
            search_filter_start_btn: document.querySelector('.header_middle #search_filter_start_btn'),
            search_filter_close_btn: document.querySelector('.header_middle #search_filter_close_btn'),
            search_filter_background: document.querySelector('.header_middle .filter-header-background'),
            btn_filter: document.querySelector('.header_middle #filter-HEADER #apply-filter'),
            orig_filter_btn: document.querySelector('.header_middle #search .search__btn:first-of-type'),
            orig_filter_input: document.querySelector('.header_middle #search input[name="search"]'),
            manuf_block: document.querySelector('.header_middle #filter-HEADER #manufacturerFilters'),
            filter_header_block: document.querySelector('.header_middle #filter-HEADER'),
          };

          let filter_status = false;
          const filter_hdr_init = () => {
            if (!filter_status) {
              filter_status = true;
              elems.filter_header_block.style.opacity = '1';
              elems.filter_header_block.style.display = 'block';
              elems.search_filter_background.style.opacity = '1';
              elems.search_filter_background.style.display = 'block';

              elems.orig_filter_btn.style.display = 'none';
              elems.orig_filter_input.style.display = 'none';
              elems.search_filter_btn.style.display = 'flex';
              elems.search_filter_input.style.display = 'block';

              elems.search_filter_start_btn.style.opacity = '0';
              elems.search_filter_start_btn.addEventListener('transitionend', function handler() {
                elems.search_filter_start_btn.style.display = 'none';
                elems.search_filter_close_btn.style.opacity = '1';
                elems.search_filter_close_btn.style.display = 'block';
                elems.search_filter_start_btn.removeEventListener('transitionend', handler);
              });
            } else if (filter_status) {
              filter_status = false;
              elems.filter_header_block.style.opacity = '0';
              elems.filter_header_block.addEventListener('transitionend', function handler() {
                elems.filter_header_block.style.display = 'none';
                elems.filter_header_block.removeEventListener('transitionend', handler);
              });

              elems.search_filter_background.style.opacity = '0';
              elems.search_filter_background.addEventListener('transitionend', function handler() {
                elems.search_filter_background.style.display = 'none';
                elems.search_filter_background.removeEventListener('transitionend', handler);
              });

              elems.orig_filter_btn.style.display = 'flex';
              elems.orig_filter_input.style.display = 'block';
              elems.search_filter_btn.style.display = 'none';
              elems.search_filter_input.style.display = 'none';

              elems.search_filter_close_btn.style.opacity = '0';
              elems.search_filter_close_btn.addEventListener('transitionend', function handler() {
                elems.search_filter_close_btn.style.display = 'none';
                elems.search_filter_start_btn.style.opacity = '1';
                elems.search_filter_start_btn.style.display = 'block';
                elems.search_filter_close_btn.removeEventListener('transitionend', handler);
              });
            }
          };

          elems.search_filter_background.addEventListener('click', (e) => {
            if (e.target === elems.search_filter_background) {
              filter_hdr_init();
            }
          });

          elems.orig_filter_input.addEventListener('input', () => {
            elems.search_filter_input.value = elems.orig_filter_input.value;
          });

          elems.search_filter_input.addEventListener('input', () => {
            elems.orig_filter_input.value = elems.search_filter_input.value;
          });

          elems.search_filter_input.addEventListener('keydown', (e) => {
            e.key === 'Enter' && elems.btn_filter.click();
          });

          elems.search_filter_start_btn.addEventListener('click', filter_hdr_init);
          elems.search_filter_close_btn.addEventListener('click', filter_hdr_init);

          //minPrice & maxPrice
          let minPrice = document.querySelector('.header_middle #filter-HEADER #minPrice');
          minPrice.addEventListener('change', () => {
            if (minPrice.value.length > 0) {
              searchParamsHeader.set('minPrice', minPrice.value);
            } else {
              searchParamsHeader.delete('minPrice');
            }
          });

          let maxPrice = document.querySelector('.header_middle #filter-HEADER #maxPrice');
          maxPrice.addEventListener('change', () => {
            if (maxPrice.value.length > 0) {
              searchParamsHeader.set('maxPrice', maxPrice.value);
            } else {
              searchParamsHeader.delete('maxPrice');
            }
          });
          //!minPrice & maxPrice

          //theBest
          let theBest = document.querySelector('.header_middle #filter-HEADER #theBest2');
          theBest.addEventListener('change', () => {
            if (theBest.checked) {
              searchParamsHeader.set('theBest', 'true');
            } else {
              searchParamsHeader.delete('theBest');
            }
          });
          //!theBest

          //bestseller
          let bestseller = document.querySelector('.header_middle #filter-HEADER #bestseller2');
          bestseller.addEventListener('change', () => {
            if (bestseller.checked) {
              searchParamsHeader.set('bestseller', 'true');
            } else {
              searchParamsHeader.delete('bestseller');
            }
          });
          //!bestseller

          //visualization
          let visualization = document.querySelector('.header_middle #filter-HEADER #visualization2');
          visualization.addEventListener('change', () => {
            if (visualization.checked) {
              searchParamsHeader.set('visualization', 'true');
            } else {
              searchParamsHeader.delete('visualization');
            }
          });
          //!visualization

          //fastDelivery
          let fastDelivery = document.querySelector('.header_middle #filter-HEADER #fastDelivery2');
          fastDelivery.addEventListener('change', () => {
            if (fastDelivery.checked) {
              searchParamsHeader.set('fastDelivery', 'true');
            } else {
              searchParamsHeader.delete('fastDelivery');
            }
          });
          //!fastDelivery

          //new
          let newProducts = document.querySelector('.header_middle #filter-HEADER #newProducts2');
          newProducts.addEventListener('change', () => {
            if (newProducts.checked) {
              searchParamsHeader.set('new', 'true');
            } else {
              searchParamsHeader.delete('new');
            }
          });
          //!new

          //COUNTRY
          function country(country, countryButton, param1, param2, param3) {
            if (countryButton.checked) {
              if (!country.checked) {
                searchParamsHeader.set('country', param1);
              } else {
                searchParamsHeader.set('country', param2);
              }
            } else {
              if (!country.checked) {
                searchParamsHeader.delete('country');
              } else {
                searchParamsHeader.set('country', param3);
              }
            }
          }
          let country_ru = document.querySelector('.header_middle #filter-HEADER #country_ru2');
          country_ru.addEventListener('change', () => {
            let country_eu = document.querySelector('.header_middle #filter-HEADER #country_eu2');
            country(country_eu, country_ru, 'ru', 'eu,ru', 'eu');
          });

          let country_eu = document.querySelector('.header_middle #filter-HEADER #country_eu2');
          country_eu.addEventListener('change', () => {
            let country_ru = document.querySelector('.header_middle #filter-HEADER #country_ru2');
            country(country_ru, country_eu, 'eu', 'ru,eu', 'ru');
          });

          //!COUNTRY

          //minQuantity STOCK
          let minQuantity = document.querySelector('.header_middle #filter-HEADER #minQuantity');
          minQuantity.addEventListener('change', () => {
            if (minQuantity.value.length > 0) {
              searchParamsHeader.set('minQuantity', minQuantity.value);
            } else {
              searchParamsHeader.delete('minQuantity');
            }
          });
          //!minQuantity STOCK

          //manufacturers
          let manufacturers = [
            { manufacturer_id: '3', name: 'Axpol' },
            { manufacturer_id: '2', name: 'Asgard' },
            { manufacturer_id: '33', name: 'Avant' },
            { manufacturer_id: '40', name: 'Aodaci' },
            { manufacturer_id: '1', name: 'COOL' },
            { manufacturer_id: '17', name: 'Cifra' },
            { manufacturer_id: '10', name: 'Проект111', location: 'RU' },
            { manufacturer_id: '4', name: 'Easy Gifts' },
            { manufacturer_id: '14', name: 'Oasiscatalog', location: 'RU' },
            { manufacturer_id: '41', name: 'Topcatalog', location: 'RU' },
            { manufacturer_id: '8', name: 'Oceangifts' },
            { manufacturer_id: '25', name: 'Makito' },
            { manufacturer_id: '18', name: 'L-Shop' },
            { manufacturer_id: '6', name: 'Macma' },
            { manufacturer_id: '39', name: 'MerchMe BY New-Ton' },
            { manufacturer_id: '24', name: 'PF' },
            { manufacturer_id: '21', name: 'Maxim Ceramics' },
            { manufacturer_id: '27', name: 'Fare' },
            { manufacturer_id: '37', name: 'Farforite' },
            { manufacturer_id: '35', name: 'Promotionway' },
            { manufacturer_id: '5', name: 'Happygifts', location: 'RU' },
            { manufacturer_id: '15', name: 'Inspirion' },
            { manufacturer_id: '22', name: 'MPM' },
            { manufacturer_id: '23', name: 'Malfini' },
            { manufacturer_id: '13', name: 'TopPoint' },
            { manufacturer_id: '12', name: 'Stricker' },
            { manufacturer_id: '11', name: 'Royal' },
            { manufacturer_id: '16', name: 'Plastoria' },
            { manufacturer_id: '20', name: 'Sagaform' },
            { manufacturer_id: '34', name: 'Voyager XD' },
            { manufacturer_id: '7', name: 'Midocean' },
            { manufacturer_id: '38', name: 'Stamina' },
            { manufacturer_id: '42', name: 'Roly' },
            { manufacturer_id: '43', name: 'Action Wear' },
            { manufacturer_id: '44', name: 'Utteam' },
            { manufacturer_id: '45', name: 'Richartz' },
            { manufacturer_id: '46', name: 'Elite' },
			{ manufacturer_id: '47', name: 'Altom'},
			{ manufacturer_id: '48', name: 'MBW'},
			{ manufacturer_id: '49', name: 'Mikamax'},
			{ manufacturer_id: '50', name: 'Clipperinterall'},
			{ manufacturer_id: '51', name: 'Reflects'},
      { manufacturer_id: '52', name: 'Jaguargifts'},
      { manufacturer_id: '53', name: 'Mart Ceramics'},
      { manufacturer_id: '54', name: 'Lasergraf', location: 'RU'},
          ];
          let manuf_ru = elems.manuf_block.querySelector('#RU');
          let manuf_eu = elems.manuf_block.querySelector('#EU');

          manufacturers = manufacturers.sort((a, b) => a.name.localeCompare(b.name));

          manufacturers.forEach((elem) => {
            let checkbox = document.createElement('label');
            checkbox.classList.add('control', 'control-checkbox');
            checkbox.setAttribute('for', `manufacturer_${elem.name}2`);
            checkbox.textContent = elem.name;

            let input = document.createElement('input');
            input.setAttribute('type', 'checkbox');
            input.id = `manufacturer_${elem.name}2`;
            input.value = elem.manufacturer_id;

            let indicator = document.createElement('div');
            indicator.classList.add('control_indicator');

            let fast_ico = document.createElement('img');

            const isFast = ['6', '4', '11', '15', '13', '24'].includes(elem.manufacturer_id);

            if (isFast) {
              fast_ico.src = 'https://new-ton.org/image/catalog/fastDelivery_sjal.png';
              fast_ico.style.maxWidth = '21px';
              fast_ico.style.marginLeft = '5px';
            }

            checkbox.appendChild(fast_ico);

            checkbox.appendChild(input);
            checkbox.appendChild(indicator);

            if (elem.location === 'RU') {
              manuf_ru.appendChild(checkbox);
            } else {
              manuf_eu.appendChild(checkbox);
            }

            input.addEventListener('click', () => {
              const idManufacturerONE = elem.manufacturer_id;

              const idValues = searchParamsHeader.get('idManufacturer');
              var idValuesArray = [];

              if (typeof idValues === typeof '') {
                idValuesArray = idValues.toString().split(',');
              }
              if (input.checked) {
                if (!idValuesArray.includes(idManufacturerONE)) {
                  idValuesArray.push(idManufacturerONE);
                }
                searchParamsHeader.set('idManufacturer', idValuesArray.join(','));
              } else {
                if (idValuesArray.length == 1) {
                  searchParamsHeader.delete('idManufacturer');
                } else {
                  const updatedIds = idValuesArray.filter((id) => id !== idManufacturerONE);
                  searchParamsHeader.set('idManufacturer', updatedIds.join(','));
                }
              }
            });
          });
          //!manufacturers

          //apply-filter
          elems.btn_filter.addEventListener('click', () => {
            searchParamsHeader.set('search', decodeURIComponent(elems.search_filter_input.value));

            window.location.href = `search/?${searchParamsHeader.toString()}`;
          });
          //!apply-filter
        } else {
          localStorage.setItem('filter_script', 'false');
        }
      });
    </script>

    <svg
      id="search_filter_start_btn"
      xmlns="http://www.w3.org/2000/svg"
      height="20px"
      viewBox="0 -960 960 960"
      fill="#afb4bf"
      style="
        position: absolute;
        right: 54px;
        height: 100%;
        top: 0;
        transition: opacity 60ms ease-in;
        cursor: pointer;
      "
      width="25px"
    >
      <path
        d="M456-144v-240h72v84h288v72H528v84h-72Zm-312-84v-72h240v72H144Zm144-132v-84H144v-72h144v-84h72v240h-72Zm144-84v-72h384v72H432Zm144-132v-240h72v84h168v72H648v84h-72Zm-432-84v-72h384v72H144Z"
      ></path>
    </svg>
    <svg
      id="search_filter_close_btn"
      xmlns="http://www.w3.org/2000/svg"
      height="25px"
      style="
        position: absolute;
        right: 51px;
        height: 100%;
        top: 0;
        display: none;
        transition: opacity 60ms ease-in;
        cursor: pointer;
      "
      viewBox="0 -960 960 960"
      width="32px"
      fill="#afb4bf"
    >
      <path
        d="m291-240-51-51 189-189-189-189 51-51 189 189 189-189 51 51-189 189 189 189-51 51-189-189-189 189Z"
      ></path>
    </svg>
    <button class="search__btn">
      <svg width="22" height="22" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M24 24L17.6485 17.6485M17.6485 17.6485C19.3073 15.9896 20.3333 13.698 20.3333 11.1667C20.3333 6.10406 16.2293 2 11.1667 2C6.10406 2 2 6.10406 2 11.1667C2 16.2293 6.10406 20.3333 11.1667 20.3333C13.698 20.3333 15.9896 19.3073 17.6485 17.6485Z"
          stroke="#AFB4BF"
          stroke-width="3"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </svg>
    </button>
    <div id="search_filter_btn" class="search__btn" style="display: none">
      <svg width="22" height="22" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M24 24L17.6485 17.6485M17.6485 17.6485C19.3073 15.9896 20.3333 13.698 20.3333 11.1667C20.3333 6.10406 16.2293 2 11.1667 2C6.10406 2 2 6.10406 2 11.1667C2 16.2293 6.10406 20.3333 11.1667 20.3333C13.698 20.3333 15.9896 19.3073 17.6485 17.6485Z"
          stroke="#AFB4BF"
          stroke-width="3"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </svg>
    </div>
    <div class="search__wrapper">
      <div class="search__wrapper-in">
        <button class="search__send">
          <svg class="icon-search">
            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-search"></use>
          </svg>
        </button>
        <button class="search__close">
          <svg class="icon-close">
            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-close"></use>
          </svg>
        </button>
                <input
          class="search__input js-search-input"
          inputmode="text"
          name="search"
          value=""
          type="search"
          placeholder="я ищу"
        />
        <input
          style="display: none"
          id="search_filter_input"
          class="search__input"
          inputmode="text"
          value=""
          type="search"
          placeholder="я ищу"
        />
              </div>
    </div>
    <div class="live-search" hidden="" style="display: none">
      <ul id="live-brands-list"></ul>
      <ul id="live-search-list"></ul>
      <div class="result-text"></div>
    </div>
  </div>

  <div class="search_mobile">
    <div class="search_mobile_header">
      <button class="search__btn">
        <svg width="22" height="22" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M24 24L17.6485 17.6485M17.6485 17.6485C19.3073 15.9896 20.3333 13.698 20.3333 11.1667C20.3333 6.10406 16.2293 2 11.1667 2C6.10406 2 2 6.10406 2 11.1667C2 16.2293 6.10406 20.3333 11.1667 20.3333C13.698 20.3333 15.9896 19.3073 17.6485 17.6485Z"
            stroke="#AFB4BF"
            stroke-width="3"
            stroke-linecap="round"
            stroke-linejoin="round"
          ></path>
        </svg>
      </button>
      <input
        id="bab"
        class="search__input js-search-input"
        autocomplete="nope"
        inputmode="text"
        name="search"
        value=""
        type="search"
        placeholder="Я ищу"
      />
      <button class="search_mobile_close"></button>
    </div>
    <div class="live-search" hidden="" style="display: none">
          <ul id="live-brands-list"></ul>
      <ul id="live-search-list"></ul>
      <div class="result-text"></div>
    </div>
  </div>

          	<a href="https://t.me/newtonorg" target="_blank">
			 <div class="header_middle-tg-subscribe"><p>#королеваподарков </p><svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M0.981613 6.09651C0.981613 6.09651 8.05791 3.02317 10.5117 1.94149C11.4525 1.50903 14.643 0.123671 14.643 0.123671C14.643 0.123671 16.1155 -0.482626 15.9927 0.989658C15.9521 1.59596 15.6243 3.71639 15.2976 6.01066C14.8064 9.25677 14.2746 12.8066 14.2746 12.8066C14.2746 12.8066 14.1924 13.8024 13.4973 13.9752C12.8022 14.1479 11.6564 13.3689 11.4524 13.1961C11.2891 13.0663 8.38467 11.1186 7.32114 10.1657C7.03497 9.90599 6.70717 9.38662 7.36173 8.78032C8.83422 7.35203 10.5929 5.57713 11.6564 4.45146C12.1476 3.93208 12.6377 2.72056 10.5929 4.19177C7.68849 6.31327 4.82571 8.30386 4.82571 8.30386C4.82571 8.30386 4.17115 8.73632 2.94425 8.34679C1.71734 7.95725 0.28543 7.43788 0.28543 7.43788C0.28543 7.43788 -0.695884 6.78865 0.980574 6.09651H0.981613Z" fill="white"></path>
              </svg>
             </div>
			</a>
			<div class="header_callback">
									<a class="phone__link js-fancy-popup" href="#inline">Обратный звонок</a>
							</div>
			<div id="inline" class="popup popup--570" style="display:none;"><div class="writeus">
         
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {

if (window.scriptOnWork === undefined) {
window.scriptOnWork = true;
const inline_from = document.querySelector('.header_middle .popup--570');
const inline_to = inline_from.querySelector('.writeus');

const bitrix_inline_inject = (elem) => {
const bScript = document.createElement('script');
bScript.async = true;
bScript.dataset.b24Form = 'inline/64/7bq65s';
bScript.dataset.skipMoving = 'true';
bScript.innerHTML = `
         (function (w, d, u) {
            var s = d.createElement("script");
            s.async = true;
            s.src = u + "?" + ((Date.now() / 180000) | 0);
            var h = d.getElementsByTagName("script")[0];
            h.parentNode.insertBefore(s, h);
         })(window, document, "https://cdn-ru.bitrix24.by/b22578032/crm/form/loader_64.js");
   `;
elem.appendChild(bScript);
};

const inlineObserver = new MutationObserver((mutationList, observer) => {
for (const mutation of mutationList) {
  if (mutation.attributeName === 'style') {
    const display = getComputedStyle(mutation.target).display;

    if (display !== 'none') {
      bitrix_inline_inject(inline_to);

      observer.disconnect();
    }
  }
}
});

inlineObserver.observe(inline_from, {
attributes: true,
});
}
});
</script></div>
			<div class="header_middle-icons">
				<div class="header_middle-icon">
					<a href="/wishlist">
						<div class="header_middle-icon-img">
							<img src="/catalog/view/theme/technics/images/wishlist.svg">
						</div>
												<div class="header_middle-icon-text">Избранное</div>
											</a>
				</div>
				<div class="header_middle-icon">
					<div class="cart js-toggle js-cart-call" id="cart">
    <button class="js-toggle-btn">
        <div class="header_middle-icon-img">
            <img src="/catalog/view/theme/technics/images/cart.svg">
        </div>
        <div class="header_middle-icon-text">
            <span id="cart-total">
                            </span>
            Корзина
        </div>

    </button>
    <div class="cart__dropdown js-toggle-dropdown">
        <div class="cart__head">
            <button class="cart__back js-toggle-close">
                <svg class="icon-back">
                    <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                </svg>
                </button><span class="cart__heading">Корзина</span>
                <button class="cart__clear" onclick="cart.clear();" style="display: none;">
                    <svg class="icon-clear">
                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-clear"></use>
                    </svg>Очистить
                </button>
            </div>
            <div class="cart__body">
                <div class="cart__scroll">
                                    <ul class="cart__list">
                    <li><div class="cart__item"><p>Ваша корзина пуста!</p></div></li>
                </ul>
                    </div>
    </div>
    <div class="cart__foot" style="display: none;">
        <div class="row">
            <div class="col-7" style="width: 100%;max-width: 100%;flex: 100%;"><a class="btn btn--blue" href="https://new-ton.org/cart">Перейти в корзину</a>
        </div>
    </div>
</div>
</div>

</div>

				</div>
				<div class="header_middle-icon">
											<a class="acc__btn js-fancy-popup" href="#signin">
						                      	<div class="header_middle-icon-img">
								<img src="/catalog/view/theme/technics/images/account.svg">
							</div>
															<div class="header_middle-icon-text">Профиль</div>
								                    </a>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="header_bottom">
	<div class="container-fluid">
		<div class="header_bottom-wrapper">
							<div class="header_bottom-slogan">Деловые подарки и&nbsp;мерч <br> <span>из Европы за 15 дней</span></div>
						<div class="header_callback">
									<a class="phone__link js-fancy-popup" href="#inline">Обратный звонок</a>
								
			</div>
          
          
          	<div class="header_callback_mobile">
                <a class="phone__link">Связаться с нами</a>
            </div>

            <div class="contact-us-mobile">
                <button class="contact-us-mobile--close"><span style="font-size: 3rem;margin-right: .5rem;font-weight: lighter;color: #ffffff96;">X</span> закрыть</button>
            <div class="main-block">
                    <div class="info-block">
                        <p class="title">
                            адрес
                        </p>
                        <p class="info">
                            г. Брест, ул. Советская 67-61 Республика Беларусь
                        </p>
                    </div>
                    <div class="info-block">
                        <p class="title">электронная почта</p>
                        <a href="mailto:zakaz@new-ton.org" target="_blank"><p class="info">
                            zakaz@new-ton.org
                        </p></a>
                              </div>
                              <div class="info-block">
                                  <p class="title">
                                      Россия
                                  </p>
                                  <a href="tel:+79107610902" target="_blank"><p class="info">
                                      +7 910 761 09 02
                        </p></a>
                              </div>
                              <div class="info-block">
                                  <p class="title">
                                      Беларусь
                                  </p>
                                  <a href="tel:+375336070070"><p class="info">
                                      +375 33 607 00 70
                        </p></a>
                    </div>


              <a class="social-btns" href="https://t.me/newtonorg" target="_blank" style="background: #0088cc;"><img src="/catalog/view/theme/technics/images/tg.svg" style="width: 3rem;margin: 0 1rem;">Напишите нам в Telegram</a>
              <a class="social-btns" href="https://wa.me/+375336070070" target="_blank" style="background: #25d366;"><img src="/catalog/view/theme/technics/images/wa.svg" style="width: 3rem;margin: 0 1rem;">Напишите нам в Whatsapp</a>
              <a class="social-btns" href="viber://chat?number=%2B375336070070/" target="_blank" style="background: #6f3faa;">
                	<img src="/catalog/view/theme/technics/images/viber.svg" style="width: 3rem;margin: 0 1rem;">Напишите нам в Viber
              	</a>
                <a class=" social-btns" href="https://max.ru" target="_blank" >
                    <img src="/image/catalog/Max_logo_2025.webp" style="width: 3rem;margin: 0 1rem;">Напишите нам в Max
                </a>
              </div>
            </div>
          	<script>
              const contact_us_social_buttons = document.querySelector('.contact-us-mobile');
              const contact_us_btn_mobile = document.querySelector('.header_callback_mobile');

              contact_us_btn_mobile.addEventListener('click', () => {
                  let current_display = getComputedStyle(contact_us_social_buttons).display;

                  if (current_display === 'none') {
                      contact_us_social_buttons.style.display = 'flex';
                  };
              });

              contact_us_social_buttons.addEventListener('click', (e) => {
                  const main_block = contact_us_social_buttons.querySelector('.main-block');

                  if (main_block !== e.target && !main_block.contains(e.target)) {
                      contact_us_social_buttons.style.display = 'none'
                  }
              })
          </script>
          	
          
			<div id="inline" class="popup popup--570" style="display:none;"><div class="writeus">
         
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {

if (window.scriptOnWork === undefined) {
window.scriptOnWork = true;
const inline_from = document.querySelector('.header_middle .popup--570');
const inline_to = inline_from.querySelector('.writeus');

const bitrix_inline_inject = (elem) => {
const bScript = document.createElement('script');
bScript.async = true;
bScript.dataset.b24Form = 'inline/64/7bq65s';
bScript.dataset.skipMoving = 'true';
bScript.innerHTML = `
         (function (w, d, u) {
            var s = d.createElement("script");
            s.async = true;
            s.src = u + "?" + ((Date.now() / 180000) | 0);
            var h = d.getElementsByTagName("script")[0];
            h.parentNode.insertBefore(s, h);
         })(window, document, "https://cdn-ru.bitrix24.by/b22578032/crm/form/loader_64.js");
   `;
elem.appendChild(bScript);
};

const inlineObserver = new MutationObserver((mutationList, observer) => {
for (const mutation of mutationList) {
  if (mutation.attributeName === 'style') {
    const display = getComputedStyle(mutation.target).display;

    if (display !== 'none') {
      bitrix_inline_inject(inline_to);

      observer.disconnect();
    }
  }
}
});

inlineObserver.observe(inline_from, {
attributes: true,
});
}
});
</script></div>
          
          	<div class="header_bottom-email">
             <a href="mailto:zakaz@new-ton.org" target="_blank">zakaz@new-ton.org</a>
			</div>
          
          	
          	<div class="header_bottom-phone" style='margin-right: 0;'>
             <a href="tel:+79107610902" target="_blank">+7 (910) 761-09-02</a>
			</div>

            <div class="social_buttons" style="margin: 0 1.75rem 0 .8rem;">
                <a href="https://max.ru/u/f9LHodD0cOIpjXTT3_Qpq4n76JP1BV2Mc4Z4nqQTkEUnrjbv6rpLqpkhk-Q" target="_blank" style="display: flex;">
                  <img src="/image/catalog/Max_logo_2025.webp" style="width: 2.5rem; min-width: 2rem;">
                </a>
              </div>
				
          
          	<div class="header_bottom-phone">
             <a href="tel:+375336070070" target="_blank">+375 (33) 607-00-70</a>
			</div>
          
            <div class="social_buttons">
              <p style="margin: 0;font-weight: 500;">Напиши нам:</p>
              <a href="viber://chat?number=%2B375336070070/" target="_blank">
                <img src="/catalog/view/theme/technics/images/viber.svg" style="width: 2.8rem; min-width: 2rem;">
              </a>
              <a href="https://wa.me/+375336070070" target="_blank"><img src="/catalog/view/theme/technics/images/wa.svg" style="width: 2.8rem; min-width: 2rem;"></a>
            </div>
          
          	<div id="PA-agency" style="margin-left: auto;display: flex;align-items: center;justify-content: center;">
              <a target="_blank" href="https://new-ton.org/reklamnym-agenstvam" style="height: 100%;display: flex;margin-right: 2%;white-space: nowrap;background: #f6f6f9;border-radius: .5rem;padding: 0.8rem 1rem;font-weight: 500;font-size: 16px;line-height: 19px;color: #000000;cursor: pointer; margin-left: 1.7rem;">Рекламным агентствам</a>
              <a target="_blank" href="https://new-ton.org/shopblog/review_ru/merch-your-choice" style="height: 100%;display: flex;margin-right: 2%;white-space: nowrap;background: #f6f6f9;border-radius: .5rem;padding: 0.8rem 1rem;font-weight: 500;font-size: 16px;line-height: 19px;color: #000000;cursor: pointer;">EVENT-агентствам</a>
          	</div>
       
		</div>
	</div>
</div>
<div class="header_menu" data-lang="ru">
	<div class="container-fluid">
		<div class="header_menu-wrapper">
			<ul>
				<li class="catalog-dropdown-btn">
					
				</li>		
				
				 
			        	<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/search/?search=&amp;theBest=true&amp;order=ASC&amp;sort=p.sort_order" >🔥BEST</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


			        	<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/search/?search=&amp;page=1&amp;new=true&amp;sort=p.date_added&amp;order=DESC" >Новинки</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


			        	<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/index.php?route=product/category&amp;path=185_10092" >Ежедневники</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


    <li><a class="nav__link" href="https://new-ton.org/catalogi">Каталоги</a></li>


    <li><a class="nav__link" href="https://new-ton.org/sale">SALE</a></li>


			        	<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/eco" >Эко-подарки</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


			        	<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/search/?search=&amp;page=1&amp;idManufacturer=39" >MerchMe BY New-Ton</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


			        	<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/shopblog" >Новости и тренды</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


			        	<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/podborki" >Подборки</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


			        	<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/gid" >Презентации</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


			</ul>
            <!-- SERCH -->
  <div class="filter-header-background"></div>
  <div class="search js-search" id="search">
    <div id="filter-HEADER" class="filter-header" style="transition: opacity 60ms ease-in">
      <div id="Filter-NEW">
        <h3>Расширенный поиск:</h3>

        <div class="filter-option">
          <div>
            <label class="control control-checkbox" for="theBest2">
              The.Best
              <input type="checkbox" id="theBest2" />
              <div class="control_indicator"></div>
            </label>
          </div>
          <div>
            <label class="control control-checkbox" for="fastDelivery2">
              Быстрая доставка
              <input type="checkbox" id="fastDelivery2" />
              <div class="control_indicator"></div>
            </label>
          </div>
          <div>
            <label class="control control-checkbox" for="bestseller2">
              Бестселлер
              <input type="checkbox" id="bestseller2" />
              <div class="control_indicator"></div>
            </label>
          </div>
          <div>
            <label class="control control-checkbox" for="newProducts2">
              Новинка
              <input type="checkbox" id="newProducts2" />
              <div class="control_indicator"></div>
            </label>
          </div>
          <div>
            <label class="control control-checkbox" for="visualization2">
              3D визуализация
              <input type="checkbox" id="visualization2" />
              <div class="control_indicator"></div>
            </label>
          </div>
        </div>

        <div class="filter-option">
          <h4>Цена:</h4>
          <div style="display: flex; justify-content: space-between; max-width: 88%">
            <div class="custom_input">
              <input id="minPrice" class="input" type="text" placeholder="От" />
            </div>
            <div class="custom_input">
              <input id="maxPrice" class="input" type="text" placeholder="До" />
            </div>
          </div>
        </div>

        <div class="filter-option">
          <h4>Страна:</h4>
          <div>
            <label class="control control-checkbox" for="country_ru2">
              Россия (доставка только в РБ)
              <input type="checkbox" id="country_ru2" />
              <div class="control_indicator"></div>
            </label>
          </div>
          <div>
            <label class="control control-checkbox" for="country_eu2">
              Европа
              <input type="checkbox" id="country_eu2" />
              <div class="control_indicator"></div>
            </label>
          </div>
        </div>

        <div class="filter-option">
          <h4>Кол-во на складе:</h4>
          <div class="custom_input" style="max-width: 100%">
            <input id="minQuantity" class="input" type="text" placeholder="Мин. количество" style="" />
          </div>
        </div>

        <div class="filter-option">
          <h4>Производитель:</h4>
          <div id="manufacturerFilters">
            <div id="EU">
              <h5
                style="
                  font-size: 20px;
                  border-bottom: 1px solid #0000001a;
                  padding: 0 5px 5px;
                  margin-bottom: 11px;
                "
              >
                EU
              </h5>
            </div>
            <div id="RU">
              <h5
                style="
                  font-size: 20px;
                  border-bottom: 1px solid #0000001a;
                  padding: 0 5px 5px;
                  margin-bottom: 11px;
                  margin-top: 15px;
                "
              >
                RU
              </h5>
            </div>
          </div>
        </div>

        <div id="apply-filter">Применить</div>
      </div>
    </div>

    <script>
      document.addEventListener('DOMContentLoaded', () => {
        if (
          localStorage.getItem('filter_script') === 'false' ||
          localStorage.getItem('filter_script') === 'null'
        ) {
          localStorage.setItem('filter_script', 'true');

          const elems = {
            search_filter_btn: document.querySelector('.header_middle #search_filter_btn'),
            search_filter_input: document.querySelector('.header_middle #search_filter_input'),
            search_filter_start_btn: document.querySelector('.header_middle #search_filter_start_btn'),
            search_filter_close_btn: document.querySelector('.header_middle #search_filter_close_btn'),
            search_filter_background: document.querySelector('.header_middle .filter-header-background'),
            btn_filter: document.querySelector('.header_middle #filter-HEADER #apply-filter'),
            orig_filter_btn: document.querySelector('.header_middle #search .search__btn:first-of-type'),
            orig_filter_input: document.querySelector('.header_middle #search input[name="search"]'),
            manuf_block: document.querySelector('.header_middle #filter-HEADER #manufacturerFilters'),
            filter_header_block: document.querySelector('.header_middle #filter-HEADER'),
          };

          let filter_status = false;
          const filter_hdr_init = () => {
            if (!filter_status) {
              filter_status = true;
              elems.filter_header_block.style.opacity = '1';
              elems.filter_header_block.style.display = 'block';
              elems.search_filter_background.style.opacity = '1';
              elems.search_filter_background.style.display = 'block';

              elems.orig_filter_btn.style.display = 'none';
              elems.orig_filter_input.style.display = 'none';
              elems.search_filter_btn.style.display = 'flex';
              elems.search_filter_input.style.display = 'block';

              elems.search_filter_start_btn.style.opacity = '0';
              elems.search_filter_start_btn.addEventListener('transitionend', function handler() {
                elems.search_filter_start_btn.style.display = 'none';
                elems.search_filter_close_btn.style.opacity = '1';
                elems.search_filter_close_btn.style.display = 'block';
                elems.search_filter_start_btn.removeEventListener('transitionend', handler);
              });
            } else if (filter_status) {
              filter_status = false;
              elems.filter_header_block.style.opacity = '0';
              elems.filter_header_block.addEventListener('transitionend', function handler() {
                elems.filter_header_block.style.display = 'none';
                elems.filter_header_block.removeEventListener('transitionend', handler);
              });

              elems.search_filter_background.style.opacity = '0';
              elems.search_filter_background.addEventListener('transitionend', function handler() {
                elems.search_filter_background.style.display = 'none';
                elems.search_filter_background.removeEventListener('transitionend', handler);
              });

              elems.orig_filter_btn.style.display = 'flex';
              elems.orig_filter_input.style.display = 'block';
              elems.search_filter_btn.style.display = 'none';
              elems.search_filter_input.style.display = 'none';

              elems.search_filter_close_btn.style.opacity = '0';
              elems.search_filter_close_btn.addEventListener('transitionend', function handler() {
                elems.search_filter_close_btn.style.display = 'none';
                elems.search_filter_start_btn.style.opacity = '1';
                elems.search_filter_start_btn.style.display = 'block';
                elems.search_filter_close_btn.removeEventListener('transitionend', handler);
              });
            }
          };

          elems.search_filter_background.addEventListener('click', (e) => {
            if (e.target === elems.search_filter_background) {
              filter_hdr_init();
            }
          });

          elems.orig_filter_input.addEventListener('input', () => {
            elems.search_filter_input.value = elems.orig_filter_input.value;
          });

          elems.search_filter_input.addEventListener('input', () => {
            elems.orig_filter_input.value = elems.search_filter_input.value;
          });

          elems.search_filter_input.addEventListener('keydown', (e) => {
            e.key === 'Enter' && elems.btn_filter.click();
          });

          elems.search_filter_start_btn.addEventListener('click', filter_hdr_init);
          elems.search_filter_close_btn.addEventListener('click', filter_hdr_init);

          //minPrice & maxPrice
          let minPrice = document.querySelector('.header_middle #filter-HEADER #minPrice');
          minPrice.addEventListener('change', () => {
            if (minPrice.value.length > 0) {
              searchParamsHeader.set('minPrice', minPrice.value);
            } else {
              searchParamsHeader.delete('minPrice');
            }
          });

          let maxPrice = document.querySelector('.header_middle #filter-HEADER #maxPrice');
          maxPrice.addEventListener('change', () => {
            if (maxPrice.value.length > 0) {
              searchParamsHeader.set('maxPrice', maxPrice.value);
            } else {
              searchParamsHeader.delete('maxPrice');
            }
          });
          //!minPrice & maxPrice

          //theBest
          let theBest = document.querySelector('.header_middle #filter-HEADER #theBest2');
          theBest.addEventListener('change', () => {
            if (theBest.checked) {
              searchParamsHeader.set('theBest', 'true');
            } else {
              searchParamsHeader.delete('theBest');
            }
          });
          //!theBest

          //bestseller
          let bestseller = document.querySelector('.header_middle #filter-HEADER #bestseller2');
          bestseller.addEventListener('change', () => {
            if (bestseller.checked) {
              searchParamsHeader.set('bestseller', 'true');
            } else {
              searchParamsHeader.delete('bestseller');
            }
          });
          //!bestseller

          //visualization
          let visualization = document.querySelector('.header_middle #filter-HEADER #visualization2');
          visualization.addEventListener('change', () => {
            if (visualization.checked) {
              searchParamsHeader.set('visualization', 'true');
            } else {
              searchParamsHeader.delete('visualization');
            }
          });
          //!visualization

          //fastDelivery
          let fastDelivery = document.querySelector('.header_middle #filter-HEADER #fastDelivery2');
          fastDelivery.addEventListener('change', () => {
            if (fastDelivery.checked) {
              searchParamsHeader.set('fastDelivery', 'true');
            } else {
              searchParamsHeader.delete('fastDelivery');
            }
          });
          //!fastDelivery

          //new
          let newProducts = document.querySelector('.header_middle #filter-HEADER #newProducts2');
          newProducts.addEventListener('change', () => {
            if (newProducts.checked) {
              searchParamsHeader.set('new', 'true');
            } else {
              searchParamsHeader.delete('new');
            }
          });
          //!new

          //COUNTRY
          function country(country, countryButton, param1, param2, param3) {
            if (countryButton.checked) {
              if (!country.checked) {
                searchParamsHeader.set('country', param1);
              } else {
                searchParamsHeader.set('country', param2);
              }
            } else {
              if (!country.checked) {
                searchParamsHeader.delete('country');
              } else {
                searchParamsHeader.set('country', param3);
              }
            }
          }
          let country_ru = document.querySelector('.header_middle #filter-HEADER #country_ru2');
          country_ru.addEventListener('change', () => {
            let country_eu = document.querySelector('.header_middle #filter-HEADER #country_eu2');
            country(country_eu, country_ru, 'ru', 'eu,ru', 'eu');
          });

          let country_eu = document.querySelector('.header_middle #filter-HEADER #country_eu2');
          country_eu.addEventListener('change', () => {
            let country_ru = document.querySelector('.header_middle #filter-HEADER #country_ru2');
            country(country_ru, country_eu, 'eu', 'ru,eu', 'ru');
          });

          //!COUNTRY

          //minQuantity STOCK
          let minQuantity = document.querySelector('.header_middle #filter-HEADER #minQuantity');
          minQuantity.addEventListener('change', () => {
            if (minQuantity.value.length > 0) {
              searchParamsHeader.set('minQuantity', minQuantity.value);
            } else {
              searchParamsHeader.delete('minQuantity');
            }
          });
          //!minQuantity STOCK

          //manufacturers
          let manufacturers = [
            { manufacturer_id: '3', name: 'Axpol' },
            { manufacturer_id: '2', name: 'Asgard' },
            { manufacturer_id: '33', name: 'Avant' },
            { manufacturer_id: '40', name: 'Aodaci' },
            { manufacturer_id: '1', name: 'COOL' },
            { manufacturer_id: '17', name: 'Cifra' },
            { manufacturer_id: '10', name: 'Проект111', location: 'RU' },
            { manufacturer_id: '4', name: 'Easy Gifts' },
            { manufacturer_id: '14', name: 'Oasiscatalog', location: 'RU' },
            { manufacturer_id: '41', name: 'Topcatalog', location: 'RU' },
            { manufacturer_id: '8', name: 'Oceangifts' },
            { manufacturer_id: '25', name: 'Makito' },
            { manufacturer_id: '18', name: 'L-Shop' },
            { manufacturer_id: '6', name: 'Macma' },
            { manufacturer_id: '39', name: 'MerchMe BY New-Ton' },
            { manufacturer_id: '24', name: 'PF' },
            { manufacturer_id: '21', name: 'Maxim Ceramics' },
            { manufacturer_id: '27', name: 'Fare' },
            { manufacturer_id: '37', name: 'Farforite' },
            { manufacturer_id: '35', name: 'Promotionway' },
            { manufacturer_id: '5', name: 'Happygifts', location: 'RU' },
            { manufacturer_id: '15', name: 'Inspirion' },
            { manufacturer_id: '22', name: 'MPM' },
            { manufacturer_id: '23', name: 'Malfini' },
            { manufacturer_id: '13', name: 'TopPoint' },
            { manufacturer_id: '12', name: 'Stricker' },
            { manufacturer_id: '11', name: 'Royal' },
            { manufacturer_id: '16', name: 'Plastoria' },
            { manufacturer_id: '20', name: 'Sagaform' },
            { manufacturer_id: '34', name: 'Voyager XD' },
            { manufacturer_id: '7', name: 'Midocean' },
            { manufacturer_id: '38', name: 'Stamina' },
            { manufacturer_id: '42', name: 'Roly' },
            { manufacturer_id: '43', name: 'Action Wear' },
            { manufacturer_id: '44', name: 'Utteam' },
            { manufacturer_id: '45', name: 'Richartz' },
            { manufacturer_id: '46', name: 'Elite' },
			{ manufacturer_id: '47', name: 'Altom'},
			{ manufacturer_id: '48', name: 'MBW'},
			{ manufacturer_id: '49', name: 'Mikamax'},
			{ manufacturer_id: '50', name: 'Clipperinterall'},
			{ manufacturer_id: '51', name: 'Reflects'},
      { manufacturer_id: '52', name: 'Jaguargifts'},
      { manufacturer_id: '53', name: 'Mart Ceramics'},
      { manufacturer_id: '54', name: 'Lasergraf', location: 'RU'},
          ];
          let manuf_ru = elems.manuf_block.querySelector('#RU');
          let manuf_eu = elems.manuf_block.querySelector('#EU');

          manufacturers = manufacturers.sort((a, b) => a.name.localeCompare(b.name));

          manufacturers.forEach((elem) => {
            let checkbox = document.createElement('label');
            checkbox.classList.add('control', 'control-checkbox');
            checkbox.setAttribute('for', `manufacturer_${elem.name}2`);
            checkbox.textContent = elem.name;

            let input = document.createElement('input');
            input.setAttribute('type', 'checkbox');
            input.id = `manufacturer_${elem.name}2`;
            input.value = elem.manufacturer_id;

            let indicator = document.createElement('div');
            indicator.classList.add('control_indicator');

            let fast_ico = document.createElement('img');

            const isFast = ['6', '4', '11', '15', '13', '24'].includes(elem.manufacturer_id);

            if (isFast) {
              fast_ico.src = 'https://new-ton.org/image/catalog/fastDelivery_sjal.png';
              fast_ico.style.maxWidth = '21px';
              fast_ico.style.marginLeft = '5px';
            }

            checkbox.appendChild(fast_ico);

            checkbox.appendChild(input);
            checkbox.appendChild(indicator);

            if (elem.location === 'RU') {
              manuf_ru.appendChild(checkbox);
            } else {
              manuf_eu.appendChild(checkbox);
            }

            input.addEventListener('click', () => {
              const idManufacturerONE = elem.manufacturer_id;

              const idValues = searchParamsHeader.get('idManufacturer');
              var idValuesArray = [];

              if (typeof idValues === typeof '') {
                idValuesArray = idValues.toString().split(',');
              }
              if (input.checked) {
                if (!idValuesArray.includes(idManufacturerONE)) {
                  idValuesArray.push(idManufacturerONE);
                }
                searchParamsHeader.set('idManufacturer', idValuesArray.join(','));
              } else {
                if (idValuesArray.length == 1) {
                  searchParamsHeader.delete('idManufacturer');
                } else {
                  const updatedIds = idValuesArray.filter((id) => id !== idManufacturerONE);
                  searchParamsHeader.set('idManufacturer', updatedIds.join(','));
                }
              }
            });
          });
          //!manufacturers

          //apply-filter
          elems.btn_filter.addEventListener('click', () => {
            searchParamsHeader.set('search', decodeURIComponent(elems.search_filter_input.value));

            window.location.href = `search/?${searchParamsHeader.toString()}`;
          });
          //!apply-filter
        } else {
          localStorage.setItem('filter_script', 'false');
        }
      });
    </script>

    <svg
      id="search_filter_start_btn"
      xmlns="http://www.w3.org/2000/svg"
      height="20px"
      viewBox="0 -960 960 960"
      fill="#afb4bf"
      style="
        position: absolute;
        right: 54px;
        height: 100%;
        top: 0;
        transition: opacity 60ms ease-in;
        cursor: pointer;
      "
      width="25px"
    >
      <path
        d="M456-144v-240h72v84h288v72H528v84h-72Zm-312-84v-72h240v72H144Zm144-132v-84H144v-72h144v-84h72v240h-72Zm144-84v-72h384v72H432Zm144-132v-240h72v84h168v72H648v84h-72Zm-432-84v-72h384v72H144Z"
      ></path>
    </svg>
    <svg
      id="search_filter_close_btn"
      xmlns="http://www.w3.org/2000/svg"
      height="25px"
      style="
        position: absolute;
        right: 51px;
        height: 100%;
        top: 0;
        display: none;
        transition: opacity 60ms ease-in;
        cursor: pointer;
      "
      viewBox="0 -960 960 960"
      width="32px"
      fill="#afb4bf"
    >
      <path
        d="m291-240-51-51 189-189-189-189 51-51 189 189 189-189 51 51-189 189 189 189-51 51-189-189-189 189Z"
      ></path>
    </svg>
    <button class="search__btn">
      <svg width="22" height="22" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M24 24L17.6485 17.6485M17.6485 17.6485C19.3073 15.9896 20.3333 13.698 20.3333 11.1667C20.3333 6.10406 16.2293 2 11.1667 2C6.10406 2 2 6.10406 2 11.1667C2 16.2293 6.10406 20.3333 11.1667 20.3333C13.698 20.3333 15.9896 19.3073 17.6485 17.6485Z"
          stroke="#AFB4BF"
          stroke-width="3"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </svg>
    </button>
    <div id="search_filter_btn" class="search__btn" style="display: none">
      <svg width="22" height="22" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M24 24L17.6485 17.6485M17.6485 17.6485C19.3073 15.9896 20.3333 13.698 20.3333 11.1667C20.3333 6.10406 16.2293 2 11.1667 2C6.10406 2 2 6.10406 2 11.1667C2 16.2293 6.10406 20.3333 11.1667 20.3333C13.698 20.3333 15.9896 19.3073 17.6485 17.6485Z"
          stroke="#AFB4BF"
          stroke-width="3"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </svg>
    </div>
    <div class="search__wrapper">
      <div class="search__wrapper-in">
        <button class="search__send">
          <svg class="icon-search">
            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-search"></use>
          </svg>
        </button>
        <button class="search__close">
          <svg class="icon-close">
            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-close"></use>
          </svg>
        </button>
                <input
          class="search__input js-search-input"
          inputmode="text"
          name="search"
          value=""
          type="search"
          placeholder="я ищу"
        />
        <input
          style="display: none"
          id="search_filter_input"
          class="search__input"
          inputmode="text"
          value=""
          type="search"
          placeholder="я ищу"
        />
              </div>
    </div>
    <div class="live-search" hidden="" style="display: none">
      <ul id="live-brands-list"></ul>
      <ul id="live-search-list"></ul>
      <div class="result-text"></div>
    </div>
  </div>

  <div class="search_mobile">
    <div class="search_mobile_header">
      <button class="search__btn">
        <svg width="22" height="22" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path
            d="M24 24L17.6485 17.6485M17.6485 17.6485C19.3073 15.9896 20.3333 13.698 20.3333 11.1667C20.3333 6.10406 16.2293 2 11.1667 2C6.10406 2 2 6.10406 2 11.1667C2 16.2293 6.10406 20.3333 11.1667 20.3333C13.698 20.3333 15.9896 19.3073 17.6485 17.6485Z"
            stroke="#AFB4BF"
            stroke-width="3"
            stroke-linecap="round"
            stroke-linejoin="round"
          ></path>
        </svg>
      </button>
      <input
        id="bab"
        class="search__input js-search-input"
        autocomplete="nope"
        inputmode="text"
        name="search"
        value=""
        type="search"
        placeholder="Я ищу"
      />
      <button class="search_mobile_close"></button>
    </div>
    <div class="live-search" hidden="" style="display: none">
          <ul id="live-brands-list"></ul>
      <ul id="live-search-list"></ul>
      <div class="result-text"></div>
    </div>
  </div>

		</div>
  	</div>
  
<div class="live-orders_wrapper">
  <a href="https://new-ton.org/orders" target="_blank">
    <div class="live-orders">
      <p class="live-search_title">Сроки выполнения заказов:</p>
      <p class="live-search_title_mobile">Заказы:</p>
      <div class="block-wrapper">
        <div class="elem-wrapper marquee"></div>
      </div>
    </div>
  </a>
</div>

<style>
  .live-orders_wrapper {
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
  }

  .live-search_title_mobile {
    display: none;
  }

  @media (max-width: 1000px) {
    .live-orders_wrapper {
      padding: 0 0;
    }

    .live-orders {
      padding: 0.4rem 1rem;
      border-radius: 2px;
      margin-top: 1.7rem;
    }

    .live-orders .live-search_title {
      margin-right: 0.8rem;
    }

    .live-orders .elem-city {
      font-size: 12px;
      white-space: nowrap;
    }

    .live-orders .elem-date {
      font-size: 12px;
    }

    .live-orders .elem-wrapper {
      gap: 0;
    }

    .live-search_title {
      display: none;
    }

    .live-search_title_mobile {
      display: block;
      margin: 0;
      margin-right: 0px;
      font-size: 12px;
      text-shadow: 0 0 1px #0000001a;
      font-weight: 600;
      color: white;
      margin-right: 1rem;
      white-space: nowrap;
    }

    .live-orders .arrow {
      margin: 0 0.5rem;
    }

    .live-orders .elem-row {
      margin-right: 18px;
    }

    .live-orders .elem-info_block {
      flex: 0 1 auto;
    }
  }
</style>
<script>
  const compareDates = (dateStr1, dateStr2) => {
    const [day1, month1, year1] = dateStr1.split('.').map(Number);
    const [day2, month2, year2] = dateStr2.split('.').map(Number);

    if (year1 !== year2) {
      return year1 - year2;
    }
    if (month1 !== month2) {
      return month1 - month2;
    }
    return day1 - day2;
  };

  const live_row = document.querySelector('.elem-wrapper.marquee');

  const live_row_items_processing = (response) => {
    response.sort((a, b) => compareDates(b.date1, a.date1));

    for (const [index, elem] of response.entries()) {
      let block = document.createElement('div');

      block.className = 'elem-row';

      block.innerHTML = `
                <div class="elem-info_block">
                    <p class="elem-date">${elem.date1}</p>
                    <p class="elem-city">${elem.city1}</p>
                </div>
                <p class="arrow">➜</p>
                <div class="elem-info_block">
                    <p class="elem-date">${elem.date2}</p>
                    <p class="elem-city">${elem.city2}</p>
                </div>
            `;

      live_row.appendChild(block);

      if (index == 7) {
        break;
      }
    }
  };

  fetch('https://new-ton.org/custom/orders.json')
    .then((resp) => {
      if (!resp.ok) {
        console.log('err: ' + resp.status);
      }

      return resp.json();
    })
    .then((data) => {
      live_row_items_processing(data);
    })
    .catch((error) => {
      if (error.response) {
        console.log(error.response.data);
        console.log(error.response.status);
      } else if (error.request) {
        console.log(error.request);
      } else {
        console.log('Error: ', error);
      }
    });
</script>


</div>
<div class="header_menu header_menu-mobile">
	<div class="container-fluid">
		<div class="header_menu-wrapper">
			<ul class="swiper swiper-menu">		
				<div class="swiper-wrapper">
					 

				     		<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/search/?search=&amp;theBest=true&amp;order=ASC&amp;sort=p.sort_order" >🔥BEST</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


				     		<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/search/?search=&amp;page=1&amp;new=true&amp;sort=p.date_added&amp;order=DESC" >Новинки</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


				     		<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/index.php?route=product/category&amp;path=185_10092" >Ежедневники</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


    <li><a class="nav__link" href="https://new-ton.org/catalogi">Каталоги</a></li>


    <li><a class="nav__link" href="https://new-ton.org/sale">SALE</a></li>


				     		<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/eco" >Эко-подарки</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


				     		<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/search/?search=&amp;page=1&amp;idManufacturer=39" >MerchMe BY New-Ton</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


				     		<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/shopblog" >Новости и тренды</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


				     		<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/podborki" >Подборки</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


				     		<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/gid" >Презентации</a>
                  <div class="nav__dropdown">
                    <div class="nav__list">
                      <div class="nav__list-head">
                        <button class="nav__list-close">
                          <svg class="icon-back">
                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-back"></use>
                          </svg>
                        </button><b class="nav__list-heading">Категории</b>
                      </div>
                      <div class="nav__list-body">
                        <ul class="nav__list-menu">
                                                  </ul>
                      </div>
                    </div>
                  </div>
</li>


				</div>
			</ul>
		</div>
	</div>
</div>
<div class="header_menu-dropdown">	
	<div class="container-fluid">
		<ul>
					</ul>
	</div>
</div>
<div class="header_menu-dropdown-mobile">	
	<div class="header_menu-dropdown-mobile-top">
		<div class="container-fluid">
			<div class="header_menu-dropdown-mobile-top-wrapper">
				<div class="header_menu-dropdown-mobile-title">Каталог</div>
				<div class="header_menu-dropdown-mobile-close"></div>
			</div>
		</div>
	</div>
	<div class="container-fluid">
		<ul>
					</ul>
	</div>
</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<script type="text/javascript">

    $('.catalog-dropdown-btn').click(function(){    	
    	if (window.innerWidth > 1199){
    		$('.header_menu-dropdown-overlay, .header_menu-dropdown').toggle();	    	
    		$(this).toggleClass('active');
    	}else{
    		$('.header_menu-dropdown-mobile').show();	
    	}    	
    });

    
    $('.header_menu-dropdown ul > li > .nav__list-dropdown > .nav__list-menu > li > .nav__list-dropdown > .nav__list-menu').each(function(){
    	if ($(this).find('li').length > 3){
    		$(this).find('li').hide();
    		for (var i = 0; i < 3; i++){
    			$(this).find('li:eq('+i+')').show();
    		}    		
    		$(this).after('<div class="menu_show-more">еще</div>');
    	}
    });
    $('.menu_show-more').click(function(){
    	if ($(this).hasClass('active')){
    		$(this).parent().find('.nav__list-menu li').hide();
    		for (var i = 0; i < 3; i++){
    			$(this).parent().find('.nav__list-menu').find('li:eq('+i+')').show();
    		}    		
    		$(this).text('еще');
    		$(this).removeClass('active');
    	}else{
    		$(this).parent().find('.nav__list-menu li').show();
    		$(this).text('свернуть');
    		$(this).addClass('active');
    	}
    	
    });

    $('.header_menu-mobile .header_menu-wrapper ul li').addClass('swiper-slide');

    var swiper = new Swiper(".swiper-menu", {
      slidesPerView: 'auto',
      spaceBetween: 64,      
    });    

    $('.header_menu-dropdown-mobile ul li .nav__list-link--arrow').append('<div class="subcategory-arrow"></div>');
    $('.header_menu-dropdown-mobile-close').click(function(){
    	$('.header_menu-dropdown-mobile').hide();
    });


    $('.subcategory-arrow').click(function(e){
    	e.preventDefault();
    	
    	$('.header_menu-dropdown-mobile-title').addClass('header_menu-dropdown-mobile-title-back');	
    	$('.header_menu-dropdown-mobile-title').text($(this).parent().text());
    	setTimeout(function(){
    		$('html').removeClass('is-menu-open');
    	},200);
    	
    	//$('.nav__list-dropdown.active').css({'opacity':'0','visibility':'hidden'});
    	$(this).parent().next().css({'opacity':'1','visibility':'visible'}).addClass('active');

    	//$('.header_menu-dropdown-mobile > .container-fluid > ul > li > a').hide();

    	//$('.header_menu-dropdown-mobile .container-fluid > ul').hide();
    	//$('.header_menu-dropdown-mobile .container-fluid > ul').after($(this).parent().next().html());	    
    });

    $('.header_menu-dropdown-mobile-title').click(function(){
    	if ($(this).hasClass('header_menu-dropdown-mobile-title-back')){    		
    		$('.nav__list-dropdown.active').last().css({'opacity':'0','visibility':'hidden'});
    		$('.nav__list-dropdown.active').last().removeClass('active');
    		if ($('.nav__list-dropdown.active').length > 0){
    			$('.header_menu-dropdown-mobile-title').text($('.nav__list-dropdown.active').prev('a').text());
    		}else{
    			$('.header_menu-dropdown-mobile-title').text('Каталог').removeClass('header_menu-dropdown-mobile-title-back');
    		}
    	}    	
    });
    

</script>

<div class="alerts"></div>

<!-- Main :: Start-->
<main class="main">
    <!-- Breadcrumbs :: Start-->
    <div class="breadcrumbs">
        <div class="container-fluid">
            <ul class="breadcrumbs__menu">
                                                            <li>
                            <a class="breadcrumbs__link" href="https://new-ton.org"><span>Главная</span></a>
                                                    </li>
                                                                                <li>
                            <a class="breadcrumbs__link" href="https://new-ton.org/pismennye-prinadlezhnosti"><span>Ручки</span></a>
                                                            <div class="breadcrumbs__dropdown">
                                    <ul class="breadcrumbs__submenu">
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/tekstil">Рекламный текстиль</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/sumki">Сумки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/avtomobilnye-aksessuary">Автомобильные аксессуары</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/podborki">Готовые подборки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/odezhda">Одежда</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/posuda-i-kuhonnye-prinadlezhnosti">Посуда и кухонные принадлежности</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/bloknoty">Блокноты</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/eco">Эко-подарки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/dlja-kompjutera-i-telefona">Электроника</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/podarochnye-nabory">Подарочные наборы</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/podarki-dlja-detej">Подарки для детей</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/dlja-doma-i-avto">Товары для дома</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/sale">SALE</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/dlja-otdyha-i-puteshestvij">Товары для отдыха</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/novogodnie-suveniry">Новогодние подарки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/delovye-aksessuary">Офисные сувениры</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/exclusive-products">Эксклюзивные товары</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/all-products">Все товары</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/upakovka">Упаковка</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/lichnye-aksessuary">Личные аксессуары</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/prochee">Прочее</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/dlja-promoaktsij">Товары для промоакций</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/sportivnye-suveniry">Спортивные сувениры</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/zonty">Зонты</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/vip">VIP-подарки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti">Ручки</a></li>
                                                                            </ul>
                                </div>
                                                    </li>
                                                                                <li>
                            <a class="breadcrumbs__link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki"><span>Ручки</span></a>
                                                            <div class="breadcrumbs__dropdown">
                                    <ul class="breadcrumbs__submenu">
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/tekstovydeliteli">Текстовыделители</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/markery">Маркеры</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/karandashi">Карандаши</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki">Ручки</a></li>
                                                                            </ul>
                                </div>
                                                    </li>
                                                                                <li>
                            <a class="breadcrumbs__link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/metallicheskie-ruchki"><span>Металлические ручки</span></a>
                                                            <div class="breadcrumbs__dropdown">
                                    <ul class="breadcrumbs__submenu">
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/ruchki-sharikovye">Шариковые ручки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/ehko-ruchki">Эко ручки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/perevye-ruchki">Перьевые ручки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/gelevye-ruchki">Гелевые ручки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/ruchki-s-podsvetko">Светящиеся ручки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/metallicheskie-ruchki">Металлические ручки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/ruchki-s-zerkalnoj-gravirovkoj">Ручки с зеркальной гравировкой</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/ruchki">Оригинальные ручки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/ruchki-parker">Ручки Parker</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/sterzhni">Стержни</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/ruchki-na-podstavke">Ручки на подставке</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/plastikovye-ruchki">Пластиковые ручки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/prodir-ruchki">Ручки Prodir</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/ruchki-rollery">Ручки-роллеры</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/senator-ruchki">Сенатор ручки</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/pismennye-podarochnye-nabory">Наборы с ручками</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/ruchki-soft-tach">Ручки с покрытием Soft Touch</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/ruchki-stilus">Ручки-стилусы</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/pismennye-prinadlezhnosti/ruchki/derevjannye-ruchki">Деревянные ручки</a></li>
                                                                            </ul>
                                </div>
                                                    </li>
                                                                                <li>Ручка-роллер Essential Metal</li>
                                                </ul>
        </div>
    </div>
    <!-- Breadcrumbs :: End-->
    
    <!-- Page :: Start-->
    <div class="sku">

        <script>
            let promotronUserId = null;
            let promotronAk = '3SCy0MrxxX0FoJb27zkPGNjKFwTKKj1aTNXmiUZm';

            const origFetch = window.fetch;
            window.fetch = async function(...args) {
                const url = args[0];
                if (url && url.includes('/api/api-keys/init')) {
                    const res = await origFetch.apply(this, args);
                    const clone = res.clone();
                    try {
                        const json = await clone.json();
                        promotronUserId = json.userGuid;
                        } catch (e) {
                        console.warn('Не удалось распарсить JSON:', e);
                    }
                    return res;
                }
                return origFetch.apply(this, args);
            };

            const XHR = window.XMLHttpRequest;
            window.XMLHttpRequest = function() {
                const xhr = new XHR();
                const open = xhr.open;
                xhr.open = function(method, url) {
                    this._url = url;
                    return open.apply(this, arguments);
                };
                xhr.addEventListener('load', function() {
                    if (this._url && this._url.includes('/api/api-keys/init')) {
                        try {
                            const json = JSON.parse(this.responseText);
                            promotronUserId = json.userGuid;
                            } catch (e) {
                            console.warn('XHR ответ не JSON:', e);
                        }
                    }
                });
                return xhr;
            };

            document.addEventListener('DOMContentLoaded', function () {
                const product_info = [{"product_id":"936094","price":"106.8100","quantity":"722","sku":"EU16-936094","model":"HSY4875C__plastoria","color":"\u041f\u0430\u0441\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u0435\u0440\u044b\u0439","material":"\u041b\u0430\u0442\u0443\u043d\u044c, \u0445\u0440\u043e\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435","brand":"2","product_size":"Dia. 13 \/ h. 140.5 mm","weight_gr":null,"markgroup":"\u041b\u0430\u0437\u0435\u0440\u043d\u043e\u0435 \u043d\u0430\u043d\u0435\u0441\u0435\u043d\u0438\u0435, \u0448\u0435\u043b\u043a\u043e\u0433\u0440\u0430\u0444\u0438\u044f","packaged_in":"\u041a\u0430\u0440\u0442\u043e\u043d\u043d\u0430\u044f \u043a\u043e\u0440\u043e\u0431\u043a\u0430","quantity_next_delivery":"1856","quantity_in_cartbox":"50","cartbox_measurements":"300 x 400 x 500 mm","cartbox_weight_kg":"10.62 \u043a\u0433","quantity_7_10_days":null,"main_image":"catalog\/prod\/image\/plastoria\/HSY4875C-1.jpg","images":["index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875C-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_F-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_O-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_Z-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_Z2-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_B-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_E-2.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875C_E2-2.jpg"],"priceNow":"106.8100","currency_prices":{"RUB":{"without_vat":9482.3700000000008,"with_vat":11568.49,"old_price":11568.49},"BYN":{"without_vat":341.44999999999999,"with_vat":409.74000000000001,"old_price":409.74000000000001},"EUR":{"without_vat":106.81,"old_price":106.81}}},{"product_id":"967228","price":"115.7200","quantity":"525","sku":"EU16-967228","model":"HSY4875D__plastoria","color":"\u0422\u0435\u043c\u043d\u043e-\u0437\u0435\u043b\u0435\u043d\u044b\u0439","material":"\u041b\u0430\u0442\u0443\u043d\u044c, \u0433\u0430\u043b\u044c\u0432\u0430\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u0435 \u043e\u0440\u0443\u0436\u0438\u044f","brand":null,"product_size":"140.5 x 13 x 13 mm","weight_gr":null,"markgroup":null,"packaged_in":null,"quantity_next_delivery":"1659","quantity_in_cartbox":null,"cartbox_measurements":null,"cartbox_weight_kg":null,"quantity_7_10_days":null,"main_image":"","images":["index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875D-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_F-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_O-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_Z-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_Z2-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_B-1.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_E-2.jpg","index.php?route=common\/cacheimage&manufacturer=plastoria&nameImage=HSY4875D_E2-2.jpg"],"priceNow":"115.7200","currency_prices":{"RUB":{"without_vat":10273.379999999999,"with_vat":12533.52,"old_price":12533.52},"BYN":{"without_vat":369.93000000000001,"with_vat":443.92000000000002,"old_price":443.92000000000002},"EUR":{"without_vat":115.72,"old_price":115.72}}}];
                console.log(product_info);

                const colorsSelect = document.querySelector('.product_additional_options .color_selector');
                const sizesSelect = document.querySelector('.product_additional_options .size_selector');

                const product_options_chain = {};

                const promotronRebuild = (sp, brand) => {
                    const promotronButton = document.querySelector('#button_promotron');
                    const promoURL = 'https://app.promotron.com/api/logo-visualization/validate';
                    if (!promotronButton) return;

                    const sid = promotronButton.dataset.tlSid;

                    if (!promotronUserId) return;

                    fetch(promoURL, {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                        },
                        body: JSON.stringify({
                            "ak": promotronAk,
                            "userId": promotronUserId,
                            "images": [
                                {
                                    productPrefix: sid,
                                    productCode: sp
                                }
                            ]
                        })
                    })
                    .then(response => response.json())
                    .then(data => {
                        if (data.hasVisualizationResult[0].hasVisualization === true) {
                            promotronButton.dataset.tlSpcode = sp;
                            promotronButton.style.display = 'flex';
                            } else {
                            promotronButton.style.display = 'none';
                        }
                    })
                    .catch(error => console.error('Error:', error));


                }

                const rebuildProduct = (e) => {
                    const element = e.target;
                    if (element?.classList?.contains('current')) return;

                    const initiator = element?.dataset?.initiator;
                    const id = element?.dataset?.id;
                    const availableOptions = product_options_chain?.[initiator]?.[id];
                    let oppositeAvalaibleOption = null;

                    const sourceData = {...product_info[0]};
                    let currentData = null;
                    let initiator_in_data = initiator === 'colors' ? 'color' : 'product_size';
                    let initiatorOpposite_in_data = initiator === 'colors' ? 'product_size' : 'color';

                    const rebuildSelectors = () => {
                        const selectorBlock = initiator === 'colors' ? colorsSelect : sizesSelect;
                        const selectorOppositeBlock = initiator === 'colors' ? sizesSelect : colorsSelect;

                        try {
                            selectorOppositeBlock.querySelectorAll('button').forEach((btn) => {
                                const optionName = btn.dataset.id;
                                if (Array.isArray(availableOptions) && availableOptions.includes(optionName)) {
                                    btn.classList.remove('disabled');
                                    btn.classList.contains('current') ? (oppositeAvalaibleOption = optionName) : null;
                                    } else {
                                    btn.classList.remove('current');
                                    btn.classList.add('disabled');
                                }
                            });

                            let oppositeInChain = null;

                            product_info.forEach((item) => {
                                if (currentData === null && item[initiator_in_data] === id) {
                                    if (oppositeAvalaibleOption) {
                                        item[initiatorOpposite_in_data] === oppositeAvalaibleOption ? currentData = item : null;
                                        } else {
                                        currentData = item;
                                        oppositeAvalaibleOption = item[initiatorOpposite_in_data];
                                    }
                                }
                            });

                            if (oppositeAvalaibleOption) {
                                selectorOppositeBlock.querySelector(`button[data-id="${oppositeAvalaibleOption}"]`).classList.add('current');
                                oppositeInChain = initiator === 'colors' ? product_options_chain?.sizes?.[oppositeAvalaibleOption] : product_options_chain?.colors?.[oppositeAvalaibleOption];
                            }

                            selectorBlock.querySelectorAll('button').forEach((btn) => {
                                if (oppositeInChain) {
                                    if (oppositeInChain.includes(btn.dataset.id)) {
                                        btn.classList.remove('current', 'disabled');

                                        btn.dataset.id === id ? btn.classList.add('current') : null;
                                        } else {
                                        btn.classList.remove('current');
                                        btn.classList.add('disabled');
                                    }
                                    } else {
                                    btn.classList.remove('current', 'disabled');

                                    btn.dataset.id === id ? btn.classList.add('current') : null;
                                }
                            });
                            } catch (e) {
                            console.error(e);
                        }
                    };

                    const refreshProduct = () => {
                        try {
                            let activeSource = currentData;

                            // stock
                            const stock = document.querySelector('.sku__panel .sku__status .sku__status-success b');
                            const quantity = document.querySelector('.sku__panel .sku__status .sku__status-success span');
                            if (stock) {
                                !currentData || currentData?.quantity === null ? activeSource = sourceData : activeSource = currentData;

                                const inStock = activeSource?.quantity > 0 ? true : false;
                                const inStockIndicator = stock?.closest('.sku__status')?.querySelector('div');
                                const inStockIndicatorColor = inStock ? 'inStockGreen' : 'inStockGray';

                                if (inStock) {
                                    quantity.textContent = "В наличии:";
                                    stock.innerHTML = activeSource?.quantity + ' шт.';
                                    inStockIndicator.className = '';
                                    inStockIndicator.classList.add(inStockIndicatorColor);
                                    } else {
                                    quantity.textContent = "";
                                    stock.innerHTML = 'Остатки по запросу';
                                    inStockIndicator.className = '';
                                    inStockIndicator.classList.add(inStockIndicatorColor);
                                }
                            }

                            // article
                            const article = document.querySelectorAll('.sku__id');
                            if (article.length > 0) {
                                !currentData || currentData?.sku === null ? activeSource = sourceData : activeSource = currentData;

                                if (article.length > 1) {
                                    article[0].innerHTML = activeSource?.model;
                                    article[1].innerHTML = activeSource?.sku;
                                    } else {
                                    article[0].innerHTML = activeSource?.sku;
                                }
                            }

                            // price
                            !currentData || currentData?.price === null ? activeSource = sourceData : activeSource = currentData;

                            let priceWithNds = document.querySelector('.sku__price'),
                            priceWithoutNds = document.querySelector('#INFARMA span'),
                            priceAlternate = document.querySelectorAll('#papapA .papapa-block'),
                            currCurrency = document.querySelector('#form-currency .wallet__btn');

                            const priceWithoutNdsBlock = document.querySelector('#INFARMA');
                            const priceInfoBlock = document.querySelector('.ppb-price .price-info');


                            const pricesMap = {
                                RUB: {
                                    with_vat: activeSource?.currency_prices?.RUB?.with_vat,
                                    without_vat: activeSource?.currency_prices?.RUB?.without_vat,
                                    discount: activeSource?.currency_prices?.RUB?.old_price,
                                    text: ' ₽',
                                },
                                EUR: {
                                    with_vat: Math.floor((activeSource?.currency_prices?.EUR?.without_vat * 1.2) * 100) / 100,
                                    with_vat_RF: Math.floor((activeSource?.currency_prices?.EUR?.without_vat * 1.22) * 100) / 100,
                                    without_vat: activeSource?.currency_prices?.EUR?.without_vat,
                                    discount: activeSource?.currency_prices?.EUR?.old_price,
                                    text: ' €',
                                },
                                BYN: {
                                    with_vat: activeSource?.currency_prices?.BYN?.with_vat,
                                    without_vat: activeSource?.currency_prices?.BYN?.without_vat,
                                    discount: activeSource?.currency_prices?.BYN?.old_price,
                                    text: ' BYN',
                                },
                            };

                            if (pricesMap.EUR.with_vat === 0 || pricesMap.EUR.without_vat === 0) {
                                priceWithNds.textContent = 'Цена по запросу';
                                priceWithNds.style.marginRight = '10px';
                                priceWithoutNdsBlock.style.display = 'none';
                                priceInfoBlock.style.display = 'none';
                                } else {
                                priceWithNds.style.marginRight = '0px';
                                priceWithoutNdsBlock.style.display = 'block';
                                priceInfoBlock.style.display = 'inline-block';

                                for (const [key, value] of Object.entries(pricesMap)) {
                                    if (currCurrency?.textContent?.includes(value.text.trim())) {
                                        if (key === 'EUR') {
                                            if (priceWithNds) priceWithNds.textContent = value.without_vat + value.text;
                                            const RF = document.querySelector('#INFARMA span span[data-source="RF"]');
                                            const RB = document.querySelector('#INFARMA span span[data-source="RB"]');
                                            if (RF) RF.textContent = value.with_vat_RF + value.text;
                                            if (RB) RB.textContent = value.with_vat + value.text;
                                            } else {
                                            if (priceWithNds) priceWithNds.textContent = value.with_vat + value.text;
                                            if (priceWithoutNds) priceWithoutNds.textContent = value.without_vat + value.text;
                                        }

                                        const isDiscount = key === 'EUR' ? value.discount !== value.without_vat : value.discount !== value.with_vat;
                                        const productPriceBlock = document.querySelector('.product-price-block-content');
                                        const priceWithoutDiscount = productPriceBlock.querySelector('u#SKIDOS');

                                        if (isDiscount) {
                                            productPriceBlock.classList.add('high-padding');

                                            if (priceWithoutDiscount) {
                                                priceWithoutDiscount.textContent = value.discount + value.text;
                                                priceWithoutDiscount.style.display = 'block';
                                                } else if (!priceWithoutDiscount) {
                                                const discountBlock = document.createElement('u');
                                                discountBlock.style.textDecoration = 'line-through';
                                                discountBlock.id = 'SKIDOS';
                                                discountBlock.textContent = value.discount + value.text;
                                                productPriceBlock.appendChild(discountBlock);
                                            }
                                            } else {
                                            productPriceBlock.classList.remove('high-padding');
                                            if (priceWithoutDiscount) priceWithoutDiscount.style.display = 'none';
                                        }
                                    }

                                    priceAlternate?.forEach((item) => {
                                        if (item?.querySelector('.papapa-price')?.textContent?.includes(value.text)) {
                                            if (key === 'EUR') {
                                                item.querySelector('.papapa-price[data-source="RF"]').textContent = 'РФ: ' + value.with_vat_RF + value.text;
                                                item.querySelector('.papapa-price[data-source="RB"]').textContent = 'РБ: ' + value.with_vat + value.text;
                                                item.querySelector('.papapa-price[data-source="NO-NDS"]').textContent = 'Без НДС: ' + value.without_vat + value.text;
                                                } else {
                                                item.querySelector('.papapa-price').textContent = value.with_vat + value.text;
                                                item.querySelector('.papapa-price-nonds span').textContent = value.without_vat + value.text;
                                            }
                                        }
                                    });
                                }
                            }

                            // images
                            const image = document.querySelector('#logoImgBlock');
                            if (image) {
                                !currentData || currentData?.images?.[0] === null ? activeSource = sourceData : activeSource = currentData;

                                image.src = 'https://new-ton.org/' + activeSource?.images?.[0];
                                image.dataset.full = 'https://new-ton.org/' + activeSource?.images?.[0];

                                const slides = document.querySelector('.sku__slides');
                                const thumbs = document.querySelector('.sku__thumbs');

                                thumbs.querySelectorAll('.sku__thumbs-item').forEach((item) => {
                                    item.remove();
                                });

                                activeSource.images.forEach((image, index) => {
                                    const slide = document.createElement('div');
                                    const thumb = document.createElement('img');

                                    slide.classList.add('sku__thumbs-item');
                                    slide.dataset.full = 'https://new-ton.org/' + image;
                                    slide.dataset.thumb = 'https://new-ton.org/' + image;
                                    if (index === 0) slide.classList.add('active');

                                    thumb.src = 'https://new-ton.org/' + image;
                                    thumb.alt = document.querySelector('h1').textContent;
                                    thumb.title = document.querySelector('h1').textContent;

                                    slide.appendChild(thumb);

                                    thumbs.appendChild(slide);
                                });
                            }

                            // characteristics
                            const characteristics = document.querySelector(
                            '.details__tabs-content[data-tabs-content="tab_attribute"]'
                            );
                            if (characteristics) {
                                activeSource = currentData;
                                const names = {
                                    Нанесение: 'markgroup',
                                    Упаковка: 'packaged_in',
                                    Материал: 'material',
                                    'Цвет товара': 'color',
                                    Размер: 'product_size',
                                    'Вес товара': 'weight_gr',
                                    'Количество в упаковке': 'quantity_in_cartbox',
                                    'Вес упаковки': 'cartbox_weight_kg',
                                    'Размер упаковки': 'cartbox_measurements',
                                    'Количество на складе': 'quantity',
                                    'Количество следующей доставки': 'quantity_next_delivery',
                                };

                                const actualDt = new Map();
                                const detailsSubCategories = new Map();

                                const subCategoryBack = (key) => {
                                    const categoryMap = [
                                        { category: 'Характеристики', keys: ['Нанесение', 'Упаковка', 'Материал', 'Цвет товара'] },
                                        { category: 'Размеры товара', keys: ['Размер', 'Вес товара'] },
                                        {
                                            category: 'Транспортная упаковка',
                                            keys: ['Количество в упаковке', 'Вес упаковки', 'Размер упаковки'],
                                        },
                                        {
                                            category: 'Количество на складе',
                                            keys: ['Количество на складе', 'Количество следующей доставки'],
                                        },
                                    ];

                                    for (const category of categoryMap) {
                                        if (category.keys.includes(key)) return category.category;
                                    }
                                    return null;
                                };

                                characteristics.querySelectorAll('.col-12').forEach((el) => {
                                    const heading = el.querySelector('h4');
                                    detailsSubCategories?.set(heading.textContent, el);
                                });

                                characteristics.querySelectorAll('dt').forEach((dt) => {
                                    actualDt.set(dt.textContent, dt);
                                });

                                for (const [key, value] of Object.entries(names)) {
                                    if (currentData?.[value] === null && sourceData?.[value] === null) {
                                        if (actualDt?.has(key)) {
                                            actualDt.get(key).nextElementSibling.remove();
                                            actualDt.get(key).remove();
                                            actualDt.delete(key);

                                            continue;
                                        }
                                    }
                                    else if (actualDt?.has(key)) {
                                        actualDt.get(key).nextElementSibling.textContent = currentData[value] !== null ? currentData[value] : sourceData[value];
                                        } else {
                                        const dt = document.createElement('dt');
                                        dt.textContent = key;
                                        const dd = document.createElement('dd');
                                        dd.textContent = currentData[value] !== null ? currentData[value] : sourceData[value];

                                        const subCategoryForEl = subCategoryBack(key);

                                        if (subCategoryForEl) {
                                            let mainBlock = null;
                                            let usableBlock = null;

                                            characteristics
                                            ?.querySelectorAll('h4.details__info-heading')
                                            .forEach((el) =>
                                            el.textContent === subCategoryForEl ? (mainBlock = el.closest('.row')) : null
                                            );

                                            mainBlock
                                            ?.querySelectorAll('.details__info-dl')
                                            .forEach((el) => (el.childElementCount <= 4 ? (usableBlock = el) : null));

                                            if (usableBlock) {
                                                usableBlock.appendChild(dt);
                                                usableBlock.appendChild(dd);
                                                } else if (mainBlock) {
                                                const headBlock = document.createElement('div');
                                                headBlock.classList.add('col-6', 'col-md-4');

                                                const dl = document.createElement('dl');
                                                dl.classList.add('details__info-dl');

                                                dl.appendChild(dt);
                                                dl.appendChild(dd);
                                                headBlock.appendChild(dl);
                                                mainBlock.appendChild(headBlock);
                                            }
                                        }
                                    }
                                }
                            }

                            // wishlist
                            const wishlistBtn = document.querySelector('a.btn--like');
                            if (wishlistBtn) {
                                !currentData || currentData?.product_id === null ? activeSource = sourceData : activeSource = currentData;

                                wishlistBtn.onclick = () => {
                                    wishlist.add(activeSource?.product_id);
                                };
                            }

                            // cart
                            const quantityInput = document.querySelector('#product-buttons-UNI #batn-quantity input[name="product_id"]');
                            if (quantityInput) {
                                !currentData || currentData?.product_id === null ? activeSource = sourceData : activeData = currentData;

                                quantityInput.value = activeSource?.product_id;
                            }


                            // url
                            !currentData || currentData?.product_id === null ? activeSource = sourceData : activeSource = currentData;

                            const url = new URL(window.location.href);
                            url.searchParams.set('product', activeSource?.product_id);
                            history.replaceState(null, null, url.href);

                            // promotron
                            !currentData || currentData?.model === null ? activeSource = sourceData : activeSource = currentData;

                            promotronRebuild(activeSource.model);
                            } catch (e) {
                            console.error(e);
                        }
                    };

                    rebuildSelectors();
                    refreshProduct();
                };

                //EU11 TEST
                //const currentManufacturer = document.querySelectorAll('.sku__id');
                //let includesManufacturer = false;

                //currentManufacturer.forEach((item) => {
                    //    includesManufacturer = item.textContent.includes('EU11');
                //});

                //if (includesManufacturer) {
                    const sortProductOptionsChain = (chain) => {
                        if (!chain) return;

                        if (chain.colors && typeof chain.colors === 'object') {
                            const sortedColors = {};
                            Object.keys(chain.colors)
                            .sort((a, b) => a.localeCompare(b, 'ru'))
                            .forEach(key => {
                                sortedColors[key] = chain.colors[key];
                            });
                            chain.colors = sortedColors;
                        }

                        const sizeOrder = ['XS', 'S', 'M', 'L', 'XL', '2XL', '3XL', 'XXL', 'XXXL'];
                        if (chain.sizes && typeof chain.sizes === 'object') {
                            const sortedSizes = {};
                            const keys = Object.keys(chain.sizes);
                            keys.sort((a, b) => {
                                const idxA = sizeOrder.indexOf(a);
                                const idxB = sizeOrder.indexOf(b);
                                if (idxA === -1 && idxB === -1) return a.localeCompare(b);
                                if (idxA === -1) return 1;
                                if (idxB === -1) return -1;
                                return idxA - idxB;
                            });
                            keys.forEach(key => {
                                sortedSizes[key] = chain.sizes[key];
                            });
                            chain.sizes = sortedSizes;
                        }

                        if (chain.colors) {
                            Object.values(chain.colors).forEach(arr => {
                                if (Array.isArray(arr)) {
                                    arr.sort((a, b) => {
                                        const idxA = sizeOrder.indexOf(a);
                                        const idxB = sizeOrder.indexOf(b);
                                        if (idxA === -1 && idxB === -1) return a.localeCompare(b);
                                        if (idxA === -1) return 1;
                                        if (idxB === -1) return -1;
                                        return idxA - idxB;
                                    });
                                }
                            });
                        }

                        if (chain.sizes) {
                            Object.values(chain.sizes).forEach(arr => {
                                if (Array.isArray(arr)) {
                                    arr.sort((a, b) => a.localeCompare(b, 'ru'));
                                }
                            });
                        }
                    };


                    //fill product_options_chain
                    if (product_info?.length > 0) {
                        product_options_chain.colors ??= {};
                        product_options_chain.sizes ??= {};

                        product_info.forEach((item) => {
                            if (item.color) {
                                product_options_chain.colors[item.color] ??= [];

                                item.product_size && !product_options_chain.colors[item.color].includes(item.product_size)
                                ? product_options_chain.colors[item.color].push(item.product_size)
                                : null;
                            }

                            if (item.product_size) {
                                product_options_chain.sizes[item.product_size] ??= [];

                                item.color && !product_options_chain.sizes[item.product_size].includes(item.color)
                                ? product_options_chain.sizes[item.product_size].push(item.color)
                                : null;
                            }
                        });
                    };

                    sortProductOptionsChain(product_options_chain);


                    //fill selectors html
                    if (Object.keys(product_options_chain)?.length > 0) {
                        if (colorsSelect && Object.keys(product_options_chain.colors).length > 0) {
                            Object.keys(product_options_chain.colors).forEach((color) => {
                                const option = document.createElement('button');
                                option.type = 'button';
                                option.classList.add('color-item');
                                option.title = color;
                                option.textContent = color;
                                option.dataset.id = color;
                                option.dataset.initiator = 'colors';
                                option.addEventListener('click', rebuildProduct);

                                colorsSelect.appendChild(option);
                            });
                        }

                        if (sizesSelect && Object.keys(product_options_chain.sizes).length > 0) {
                            Object.keys(product_options_chain.sizes).forEach((size) => {
                                const option = document.createElement('button');
                                option.type = 'button';
                                option.classList.add('size-item');
                                option.title = size;
                                option.textContent = size;
                                option.dataset.id = size;
                                option.dataset.initiator = 'sizes';
                                option.addEventListener('click', rebuildProduct);

                                sizesSelect.appendChild(option);
                            });
                        }
                    };

                    //init selectors
                    colorsSelect?.querySelectorAll('button')?.length > 1 ? colorsSelect.closest('.option-group').style.display = 'flex' : null;
                    sizesSelect?.querySelectorAll('button')?.length > 1 ? sizesSelect.closest('.option-group').style.display = 'flex' : null;

                    //url restore
                    const url = new URL(window.location.href);
                    const option = url.searchParams.get('product');

                    const rightSizesArray = ["XXXS", "3XS", "XXS", "2XS", "XS", "S", "M", "L", "XL", "XXL", "2XL", "XXXL", "3XL", "4XL", "5XL", "6XL", "7XL", "8XL", "9XL", "10XL"];
                    let isRightSize = false;

                    if (option) {
                        product_info.forEach((item) => {
                            if (item.product_id === option) {
                                const colorBtn = colorsSelect?.querySelector(`[data-id="${item.color}"]`);
                                const sizeBtn = sizesSelect?.querySelector(`[data-id="${item.product_size}"]`);

                                if (colorBtn && sizeBtn && colorsSelect?.querySelectorAll('button').length > 1 && sizesSelect?.querySelectorAll('button').length > 1) {
                                    colorBtn.classList.add('current');
                                    sizeBtn.click();
                                    } else {
                                    colorBtn && colorsSelect.querySelectorAll('button').length > 1 ? colorBtn.click() : null;
                                    sizeBtn && sizesSelect.querySelectorAll('button').length > 1 ? sizeBtn.click() : null;
                                }
                            }
                        });
                        } else if (colorsSelect?.querySelectorAll('button')?.length > 1 && sizesSelect?.querySelectorAll('button')?.length > 1) {
                        colorsSelect.querySelector(`button[data-id="${product_info[0].color}"]`).classList.add('current');
                        sizesSelect.querySelector(`button[data-id="${product_info[0].product_size}"]`).click();
                        } else if (colorsSelect?.querySelectorAll('button')?.length > 1) {
                        colorsSelect.querySelector(`button[data-id="${product_info[0].color}"]`).click();
                        } else if (sizesSelect?.querySelectorAll('button')?.length > 1) {
                        sizesSelect.querySelector(`button[data-id="${product_info[0].product_size}"]`).click();
                    };

                    if (sizesSelect?.querySelectorAll('button')?.length === 1) {
                        const sizeBtn = sizesSelect.querySelector('button');

                        if (rightSizesArray.includes(sizeBtn.textContent)) {
                            isRightSize = true;

                            sizeBtn.classList.add('current');
                            sizesSelect.closest('.option-group').style.display = 'flex';
                        }
                    }

                    //show options block
                    if (colorsSelect?.querySelectorAll('button')?.length > 1 || sizesSelect?.querySelectorAll('button')?.length > 1 || isRightSize) {
                        document.querySelector('.product_additional_options').style.display = 'flex';
                    }
                //}
            });
        </script>

        
                    <!-- SKU :: Start-->
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-5 col-lg-6">
                                <div class="sku__gallery js-gallery">


                                                                        <div class="sku__stickers ">
                                                                                    <mark class="products__item-mark products__item-mark--new">Новинка</mark>
                                                                                                                                                                                                                                                                                    </div>
                                    <div class="sku__buttons">
                                                                                                                            <div class="btn btn--info" title="Каталог The.Best!" style="overflow: hidden; opacity: 92%;width: auto;">
                                                <img src="https://new-ton.org/image/catalog/icon_thebest_sjal.png" width="45%" height="auto" style="width: auto; padding: 0; height: auto; max-height: 100%;;">
                                            </div>
                                                                                                                                                                                                        <a class="btn btn--like" title="В закладки" onclick="wishlist.add('936094');" >
                                            <svg class="icon-like">
                                                <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-like"></use>
                                            </svg>
                                        </a>
                                        <!--<a class="btn btn--blog" title="
                                        В сравнение
                                        " onclick="compare.add('
                                        936094
                                        ');" >
                                        <svg class="icon-blog">
                                            <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-blog"></use>
                                        </svg>
                                    </a>
                                    !-->
                                </div>

                                                                    <div class="sku__slides">
                                                                                <div class="sku__slides-item">
                                            <img style="opacity: 1; width: 400px; cursor: pointer;"
                                                src="
                                                                                                    https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C-1-400x400.webp
                                                                                                "
                                                alt="
                                                Ручка-роллер Essential Metal
                                                "
                                                title="
                                                Ручка-роллер Essential Metal
                                                "
                                                id="logoImgBlock"
                                                data-full="
                                                                                                    https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C-1-1000x1000.webp
                                                                                                ">
                                            </div>
                                        </div>

                                        <style>
                                            #logoImgBlock {
                                                max-height: 400px;
                                                object-fit: contain;
                                            }
                                        </style>

                                                                                    <div class="sku__thumbs
                                                                                                js-gallery-thumbs">
                                                                                                    <div class="sku__thumbs-item active" data-full="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C-1-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C-1-400x400.webp">
                                                        <img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C-1-70x70.webp" alt="Ручка-роллер Essential Metal" title="Ручка-роллер Essential Metal">
                                                    </div>
                                                                                                                                                                                                            <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_F-1-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_F-1-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_F-1-70x70.webp" alt="Ручка-роллер Essential Metal" title="Ручка-роллер Essential Metal">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_O-1-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_O-1-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_O-1-70x70.webp" alt="Ручка-роллер Essential Metal" title="Ручка-роллер Essential Metal">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_Z-1-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_Z-1-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_Z-1-70x70.webp" alt="Ручка-роллер Essential Metal" title="Ручка-роллер Essential Metal">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_Z2-1-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_Z2-1-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_Z2-1-70x70.webp" alt="Ручка-роллер Essential Metal" title="Ручка-роллер Essential Metal">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_B-1-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_B-1-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_B-1-70x70.webp" alt="Ручка-роллер Essential Metal" title="Ручка-роллер Essential Metal">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_E-2-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_E-2-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_E-2-70x70.webp" alt="Ручка-роллер Essential Metal" title="Ручка-роллер Essential Metal">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_E2-2-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_E2-2-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_E2-2-70x70.webp" alt="Ручка-роллер Essential Metal" title="Ручка-роллер Essential Metal">
                                                        </div>
                                                                                                                                                </div>
                                                                            
                                    <script>
                                        (function() {
                                            // Элементы DOM
                                            var mainImage = document.getElementById('logoImgBlock');
                                            var thumbsContainer = document.querySelector('.js-gallery-thumbs');
                                            if (!mainImage || !thumbsContainer) return;

                                            // Открытие изображения на весь экран
                                            function openFullscreen(imageUrl) {
                                                if (typeof $.fancybox !== 'undefined') {
                                                    $.fancybox.open({
                                                        src  : imageUrl,
                                                        type : 'image'
                                                    });
                                                    } else {
                                                    window.open(imageUrl, '_blank');
                                                }
                                            }

                                            // Обновление главного изображения
                                            function setMainImage(fullUrl, thumbUrl) {
                                                mainImage.src = thumbUrl;
                                                mainImage.setAttribute('data-full', fullUrl);
                                            }

                                            // Обработчик клика на тумб
                                            function onThumbClick(event) {
                                                var thumbItem = event.currentTarget;
                                                var fullUrl = thumbItem.getAttribute('data-full');
                                                var thumbUrl = thumbItem.getAttribute('data-thumb');
                                                if (fullUrl && thumbUrl) {
                                                    setMainImage(fullUrl, thumbUrl);
                                                }

                                                thumbsContainer.querySelectorAll('.sku__thumbs-item').forEach(function(item) {
                                                    item.classList.remove('active');
                                                });

                                                thumbItem.classList.add('active');
                                            }

                                            // Инициализация существующих тумбов
                                            function initThumbs(container) {
                                                var thumbItems = container.querySelectorAll('.sku__thumbs-item');
                                                for (var i = 0; i < thumbItems.length; i++) {
                                                    var item = thumbItems[i];
                                                    item.removeEventListener('click', onThumbClick);
                                                    item.addEventListener('click', onThumbClick);
                                                }
                                            }

                                            initThumbs(thumbsContainer);

                                            // Клик по главному изображению
                                            mainImage.addEventListener('click', function() {
                                                var fullUrl = mainImage.getAttribute('data-full');
                                                openFullscreen(fullUrl || mainImage.src);
                                            });

                                            // MutationObserver для отслеживания новых тумбов
                                            var observer = new MutationObserver(function(mutations) {
                                                mutations.forEach(function(mutation) {
                                                    if (mutation.type === 'childList') {
                                                        mutation.addedNodes.forEach(function(node) {
                                                            if (node.nodeType === Node.ELEMENT_NODE) {
                                                                if (node.classList && node.classList.contains('sku__thumbs-item')) {
                                                                    node.addEventListener('click', onThumbClick);
                                                                    } else if (node.querySelectorAll) {
                                                                    node.querySelectorAll('.sku__thumbs-item').forEach(function(item) {
                                                                        item.addEventListener('click', onThumbClick);
                                                                    });
                                                                }
                                                            }
                                                        });
                                                    }
                                                });
                                            });

                                            observer.observe(thumbsContainer, { childList: true, subtree: true });
                                        })();
                                    </script>

                                    <style>
                                        .sku__thumbs-item.active {
                                            border-color: #E74C3C;
                                        }
                                    </style>

                                                                    </div>
                                <div class="product-kp-block">
                                    <div class="product-kp-block-text">
                                        Нужны подробности о товаре? Напишите нам!
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-7 col-lg-6">
                                <div class="sku__content" id="product">
                                    <div class="sku__panel">
                                        <div class="row">
                                            <div class="col">
                                                                                                    <p class="sku__id">EU16-936094</p><a href="https://new-ton.org/search/?search=&brand=2"><t>Hugo Boss</t></a>
                                                                                                                                                    <p class="sku__brand"></p>
                                                                                                <div class="sku__heading">
                                                    <h1>Ручка-роллер Essential Metal</h1>
                                                                                                    </div>
                                            </div>
                                            <div class="col-auto">
                                                <div class="sku__status">
                                                                                                            <div class="inStockGreen"></div>
                                                        <p class="sku__status-success">
                                                            <span id="quant">В наличии:</span> <b>
                                                            722
                                                        шт. </b>
                                                    </p>
                                                
                                                <style>

                                                    .inStockGray {
                                                        background: #c9c9c9;
                                                        border-radius: 50%;
                                                        width: 12px;
                                                        height: 12px;
                                                    }
                                                    .inStockGreen {
                                                        background: #72c488;
                                                        border-radius: 50%;
                                                        width: 12px;
                                                        height: 12px;
                                                    }
                                                </style>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="sku__group">
                                    <div class="product_additional_options" style="display: none;">
                                        <div class="option-group">
                                            <div class="option-label">Цвет</div>
                                            <div class="color_selector">
                                            </div>
                                        </div>

                                        <div class="option-group">
                                            <div class="option-label">Размер</div>
                                            <div class="size_selector">
                                            </div>
                                        </div>
                                    </div>

                                    <style>
                                        /* ==AI SUPPORT== */
                                        .product_additional_options {
                                            display: flex;
                                            flex-direction: column;
                                            gap: 1.5rem;
                                            margin: 1.25rem 0 1rem;
                                            padding: 1.5rem 2rem 2rem;
                                            background: #f6f6f900;
                                            border-radius: 8px;
                                            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
                                            animation: slideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
                                            max-width: 92%;
                                        }

                                        @keyframes slideIn {
                                            0% {
                                                opacity: 0;
                                                transform: translateY(12px);
                                            }
                                            100% {
                                                opacity: 1;
                                                transform: translateY(0);
                                            }
                                        }

                                        .product_additional_options .option-group {
                                            display: none;
                                            flex-direction: column;
                                            gap: 1rem;
                                        }

                                        .product_additional_options .option-label {
                                            font-size: 1.4rem;
                                            font-weight: 600;
                                            color: #1a1a1a;
                                            margin-bottom: 0.3rem;
                                        }

                                        /* Общие стили для текстовых кнопок */
                                        .product_additional_options .color_selector,
                                        .product_additional_options .size_selector {
                                            display: flex;
                                            flex-wrap: wrap;
                                            gap: 0.875rem;
                                        }

                                        .color_selector .color-item,
                                        .size_selector .size-item {
                                            min-width: 3rem;
                                            height: 2.6rem;
                                            padding: 0px 1rem;
                                            border: none;
                                            border-radius: 6px;
                                            background: #f5f5f5;
                                            font-size: 1.3rem;
                                            font-weight: 500;
                                            color: #2c2c2c;
                                            line-height: 1;
                                            cursor: pointer;
                                            transition: all 0.2s ease;
                                            display: inline-flex;
                                            align-items: center;
                                            justify-content: center;
                                            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
                                            position: relative;
                                            overflow: hidden;
                                            user-select: none;
                                            -webkit-tap-highlight-color: transparent;
                                        }

                                        .color_selector .color-item::before,
                                        .size_selector .size-item::before {
                                            content: '';
                                            position: absolute;
                                            inset: 0;
                                            background: linear-gradient(135deg, rgba(255, 78, 83, 0.08) 0%, transparent 100%);
                                            opacity: 0;
                                            transition: opacity 0.2s ease;
                                        }

                                        .color_selector .color-item:hover,
                                        .size_selector .size-item:hover {
                                            background: #ebebeb;
                                            transform: translateY(-2px);
                                            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
                                        }

                                        .color_selector .color-item:hover::before,
                                        .size_selector .size-item:hover::before {
                                            opacity: 1;
                                        }

                                        .color_selector .color-item:active,
                                        .size_selector .size-item:active {
                                            transform: scale(0.98);
                                        }

                                        .color_selector .color-item.current,
                                        .size_selector .size-item.current {
                                            background: #ff6d71;
                                            color: #ffffff;
                                            transform: translateY(-2px);
                                            box-shadow: 0 8px 20px rgba(255, 78, 83, 0.21);
                                            font-weight: 600;
                                        }

                                        .color_selector .color-item.current::before,
                                        .size_selector .size-item.current::before {
                                            opacity: 0;
                                        }

                                        .color_selector .color-item.disabled,
                                        .size_selector .size-item.disabled {
                                            background: #f5f5f5;
                                            color: #9a9a9a;
                                            opacity: 0.5;
                                            cursor: pointer;
                                            transform: none !important;
                                            box-shadow: none !important;
                                        }

                                        .color_selector .color-item.disabled:hover,
                                        .size_selector .size-item.disabled:hover {
                                            transform: none;
                                            box-shadow: none;
                                            background: #f5f5f5;
                                        }

                                        /* Анимация появления */
                                        .product_additional_options .color_selector,
                                        .product_additional_options .size_selector {
                                            animation: fadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
                                            opacity: 0;
                                        }

                                        .product_additional_options .color_selector {
                                            animation-delay: 0.1s;
                                        }

                                        .product_additional_options .size_selector {
                                            animation-delay: 0.2s;
                                        }

                                        @keyframes fadeInUp {
                                            0% {
                                                opacity: 0;
                                                transform: translateY(10px);
                                            }
                                            100% {
                                                opacity: 1;
                                                transform: translateY(0);
                                            }
                                        }

                                        /* Мобильная адаптация */
                                        @media (max-width: 768px) {
                                            .product_additional_options {
                                                margin: 1rem 0;
                                                padding: 1.25rem;
                                                gap: 1.25rem;
                                            }

                                            .product_additional_options .option-label {
                                                font-size: 1rem;
                                            }

                                            .color_selector .color-item,
                                            .size_selector .size-item {
                                                min-width: 3.5rem;
                                                height: 3rem;
                                                padding: 0 1rem;
                                                font-size: 1rem;
                                            }
                                        }

                                        @media (max-width: 480px) {
                                            .product_additional_options {
                                                padding: 1rem;
                                                gap: 1rem;
                                            }

                                            .color_selector,
                                            .size_selector {
                                                gap: 0.625rem;
                                            }

                                            .color_selector .color-item,
                                            .size_selector .size-item {
                                                min-width: 3rem;
                                                height: 2.75rem;
                                                padding: 0 0.875rem;
                                                font-size: 0.9375rem;
                                            }
                                        }
                                    </style>
                                    <!-- ==AI SUPPORT== -->

                                    <div class="product-price-block EU">
                                        <div class=" product-price-block-content">
                                            <div class="ppb-price">
                                                
                                                                                                <!-- 106.81€-->
                                                <p class="sku__price">
                                                                                                                                                                        106.81
                                                                                                                                                                            €
                                                                                                            
                                                </p>
                                                <!-- <p class="sku__price">
                                                                                                            106.81€
                                                                                                    </p> -->

                                                <div class="price-info">
                                                    <div id="papapA" class="price-info-popup">
                                                                                                                    <div class="papapa-block">
                                                                                                                                    <p class="papapa-price">409.74 BYN</p>
                                                                    <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">341.45  BYN</span></p>
                                                                                                                            </div>

                                                            <div class="papapa-block">
                                                                                                                                    <p class="papapa-price">11 568.49 ₽</p>
                                                                    <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">9482.37  ₽</span></p>
                                                                                                                            </div>
                                                                                                            </div>
                                                    <style>
                                                        #papapA #euro {
                                                            font-size: 15px;line-height: 20px;
                                                        }
                                                    </style>
                                                </div>

                                                <div class="minimal-order">
                                                    <svg width="24" height="24" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path
                                                        d="M12 9V12.75M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM12 15.75H12.0075V15.7575H12V15.75Z"
                                                        stroke="#ff4045"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round"
                                                    ></path>
                                                </svg>
                                                                                                    <p>минимальный заказ от  250€ </p>
                                                                                            </div>

                                            <style>
                                                .minimal-order {
                                                    display: flex;
                                                    width: auto;
                                                    align-items: center;
                                                    justify-content: center;
                                                    gap: 5px;
                                                    background: #f6f6f9;
                                                    border-radius: 32px;
                                                    padding: 6px 13px;
                                                    user-select: none;
                                                    opacity: 0.9;
                                                }

                                                .minimal-order svg {
                                                    width: 18px;
                                                    height: 18px;
                                                }

                                                .minimal-order p {
                                                    margin: 0;
                                                    width: auto;
                                                    white-space: nowrap;
                                                    color: #afb4bf;
                                                    font-weight: 500;
                                                    font-size: 13px;
                                                    line-height: 13px;
                                                }

                                                @media screen and (max-width: 1030px) {
                                                    .minimal-order {
                                                        margin-top: 6px;
                                                        width: fit-content;
                                                    }

                                                    .minimal-order p {
                                                        font-size: 14px;
                                                    }
                                                }

                                                #product-buttons-UNI .row .col {
                                                    flex-grow: 0
                                                }

                                                #product-buttons-UNI .row > [class^="col"] {
                                                    flex: 0 0 0;
                                                }

                                                #product-buttons-UNI.sku__action > .row {
                                                    flex-wrap: wrap;
                                                    gap: 4px;
                                                }

                                                @media screen and (max-width: 1030px) {
                                                    #product-buttons-UNI.sku__action > .row {
                                                        gap: 14px;
                                                    }
                                                }
                                            </style>
                                        </div>

                                        
                                        <!-- <p id="INFARMA">*Без учета НДС</p> -->
                                                                                    <p id="INFARMA">
                                                                                                    *Без учета НДС
                                                                                            </p>
                                        
                                        <div class="sku__action" id="product-buttons-UNI">
                                            <div class="row">
                                                <div class="col" id="batn-card">
                                                    <div class="sku__action-buttons">
                                                        <div class="row">
                                                            <div class="col-auto">
                                                                <button type="button" id="button-cart" data-loading-text="Загрузка..." class="btn btn--cart" >
                                                                    <svg width="15" height="17" viewBox="0 0 32 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                        <path d="M22.1264 15.4615V7.84615C22.1264 4.34127 19.3835 1.5 16 1.5C12.6165 1.5 9.87357 4.34127 9.87357 7.84615V15.4615M28.4261 12.0892L30.4897 32.3969C30.6039 33.521 29.7531 34.5 28.6619 34.5H3.33812C2.24694 34.5 1.39607 33.521 1.5103 32.3969L3.57393 12.0892C3.6724 11.1202 4.46119 10.3846 5.40176 10.3846H26.5982C27.5388 10.3846 28.3276 11.1202 28.4261 12.0892ZM10.4862 15.4615C10.4862 15.812 10.2119 16.0962 9.87357 16.0962C9.53522 16.0962 9.26093 15.812 9.26093 15.4615C9.26093 15.111 9.53522 14.8269 9.87357 14.8269C10.2119 14.8269 10.4862 15.111 10.4862 15.4615ZM22.7391 15.4615C22.7391 15.812 22.4648 16.0962 22.1264 16.0962C21.7881 16.0962 21.5138 15.812 21.5138 15.4615C21.5138 15.111 21.7881 14.8269 22.1264 14.8269C22.4648 14.8269 22.7391 15.111 22.7391 15.4615Z" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                                                    </svg>

                                                                    В корзину
                                                                </button>
                                                            </div>
                                                                                                                    </div>
                                                    </div>
                                                </div>

                                                <div style="display: flex; align-items: center;" id="batn-quantity">
                                                    <div class="col-auto">
                                                        <input class="ui-number" name="quantity" type="number" min="2" max="9999" value="2">
                                                        <input type="hidden" name="product_id" value="936094">
                                                    </div>
                                                </div>

                                                <span id="minimum">Минимальный тираж </span>
                                            </div>
                                        </div>

                                                                                    <p class="big-discount"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="20" height="20">
                                                <g fill="none" stroke="#ff4045" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2">
                                                    <path d="M12.247 8.462c0-5.008-4.423-7.326-6.506-7.868c.78 1.95.737 3.393-.27 5.171a.478.478 0 0 1-.777.069l-1.28-1.452c-3.35 3.558-1.422 9.281 3.881 9.015c4.057-.25 4.952-2.952 4.952-4.935m-6.58 2.462L8.951 7.64"></path>
                                                    <path d="M6.065 8.118a.25.25 0 1 1 0-.5m0 .5a.25.25 0 0 0 0-.5m2.659 3.329a.25.25 0 0 1 0-.5m0 .5a.25.25 0 0 0 0-.5"></path>
                                                </g>
                                            </svg>На БОЛЬШИЕ тиражи даем БОЛЬШИЕ скидки!</p>

                                            <style>
                                                .big-discount {
                                                    color: #afb4bf;
                                                    font-weight: 500;
                                                    margin-top: 11px;
                                                    position: relative;
                                                    margin: 18px 0 0;
                                                    font-size: 13px;
                                                    background: #f6f6f9;
                                                    border-radius: 19px;
                                                    padding: 5px 16px;
                                                    width: fit-content;
                                                    line-height: 13px;
                                                    display: flex;
                                                    align-items: center;
                                                    justify-content: center;
                                                    gap: 5px;
                                                    user-select: none;
                                                }

                                                @media screen and (max-width: 767px) {
                                                    .big-discount {
                                                        font-size: 12px;
                                                        position: absolute;
                                                        bottom: -26%;
                                                    }
                                                }
                                            </style>
                                        

                                    </div>
                                </div>
                                                                    <!-- Details :: Start-->
                                    <div class="details">
                                        <div class="container-fluid">
                                            <div class="details__tabs" data-tabs>
                                                <nav class="details__tabs-nav">
                                                                                                            <button class="details__tabs-btn is-active" data-tabs-btn="tab_description">Описание
                                                            <svg class="icon-arrow-down">
                                                                <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-arrow-down"></use>
                                                            </svg>
                                                        </button>
                                                                                                                                                                <button class="details__tabs-btn " data-tabs-btn="tab_attribute">Характеристики
                                                            <svg class="icon-arrow-down">
                                                                <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-arrow-down"></use>
                                                            </svg>
                                                        </button>
                                                                                                                                                        </nav>
                                                <div class="details__tabs-container">
                                                                                                            <button class="details__tabs-btn is-active" data-tabs-btn="tab_description">Описание
                                                            <svg class="icon-arrow-down">
                                                                <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-arrow-down"></use>
                                                            </svg>
                                                        </button>
                                                        <div class="details__tabs-content is-active" data-tabs-content="tab_description">
                                                            Одна из наших знаковых линеек пишущих инструментов была переиздана с немного обновленным силуэтом для более аэродинамичного ощущения. Эти монохромные изделия, доступные в серебристом или темно-сером цвете, имеют противоположные, но выразительные поверхности: матовые металлы с покрытием и ультраллакированные, с алмазной гравировкой.
                                                        </div>
                                                                                                                                                                <button class="details__tabs-btn" data-tabs-btn="tab_attribute">Характеристики
                                                            <svg class="icon-arrow-down">
                                                                <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-arrow-down"></use>
                                                            </svg>
                                                        </button>
                                                        <div class="details__tabs-content " data-tabs-content="tab_attribute">
                                                            <div class="details__info">
                                                                                                                                                                                                            <div class="row">
                                                                            <div class="col-12 col-md-4">
                                                                                <h4 class="details__info-heading">Характеристики</h4>
                                                                            </div>
                                                                                                                                                            <div class="col-6 col-md-4">
                                                                                    <dl class="details__info-dl">
                                                                                                                                                                                    <dt>Нанесение</dt>
                                                                                            <dd>Лазерное нанесение, шелкография</dd>
                                                                                                                                                                                    <dt>Упаковка</dt>
                                                                                            <dd>Картонная коробка</dd>
                                                                                                                                                                            </dl>
                                                                                </div>
                                                                                                                                                            <div class="col-6 col-md-4">
                                                                                    <dl class="details__info-dl">
                                                                                                                                                                                    <dt>Материал</dt>
                                                                                            <dd>Латунь, хромирование</dd>
                                                                                                                                                                                    <dt>Цвет товара</dt>
                                                                                            <dd>Пастельный серый</dd>
                                                                                                                                                                            </dl>
                                                                                </div>
                                                                                                                                                    </div>
                                                                                                                                                                                                                                                                                <div class="row">
                                                                            <div class="col-12 col-md-4">
                                                                                <h4 class="details__info-heading">Размеры товара</h4>
                                                                            </div>
                                                                                                                                                            <div class="col-6 col-md-4">
                                                                                    <dl class="details__info-dl">
                                                                                                                                                                                    <dt>Размер</dt>
                                                                                            <dd>Dia. 13 / h. 140.5 mm</dd>
                                                                                                                                                                            </dl>
                                                                                </div>
                                                                                                                                                    </div>
                                                                                                                                                                                                                                                                                <div class="row">
                                                                            <div class="col-12 col-md-4">
                                                                                <h4 class="details__info-heading">Транспортная упаковка</h4>
                                                                            </div>
                                                                                                                                                            <div class="col-6 col-md-4">
                                                                                    <dl class="details__info-dl">
                                                                                                                                                                                    <dt>Количество в упаковке</dt>
                                                                                            <dd>50</dd>
                                                                                                                                                                                    <dt>Размер упаковки</dt>
                                                                                            <dd>300 x 400 x 500 mm</dd>
                                                                                                                                                                            </dl>
                                                                                </div>
                                                                                                                                                            <div class="col-6 col-md-4">
                                                                                    <dl class="details__info-dl">
                                                                                                                                                                                    <dt>Вес упаковки</dt>
                                                                                            <dd>10.62 кг</dd>
                                                                                                                                                                            </dl>
                                                                                </div>
                                                                                                                                                    </div>
                                                                                                                                                                                                                                                                                <div class="row">
                                                                            <div class="col-12 col-md-4">
                                                                                <h4 class="details__info-heading">Количество на складе</h4>
                                                                            </div>
                                                                                                                                                            <div class="col-6 col-md-4">
                                                                                    <dl class="details__info-dl">
                                                                                                                                                                                    <dt>Количество на складе</dt>
                                                                                            <dd>722</dd>
                                                                                                                                                                            </dl>
                                                                                </div>
                                                                                                                                                            <div class="col-6 col-md-4">
                                                                                    <dl class="details__info-dl">
                                                                                                                                                                                    <dt>Количество следующей доставки</dt>
                                                                                            <dd>1856</dd>
                                                                                                                                                                            </dl>
                                                                                </div>
                                                                                                                                                    </div>
                                                                                                                                                                                                </div>
                                                        </div>
                                                                                                                                                        </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Details :: End-->
                                                            </div>
                        </div>
                        <style>
                            .product-price-block {
                                display: flex;
                                gap: 13px;
                                margin-bottom: 27px;
                                box-shadow: 0 7px 3px -4px rgba(0, 30, 85, 0.04),0 8px 24px 18px rgba(0, 30, 85, 0.03);
                                width: 100%;
                                padding: 3px;
                                border-radius: 12px;
                                max-width: 92%;
                                position: relative;
                            }

                            .product-price-block .product-price-block-content {
                                padding: 20px 57px 15px 17px;
                                border-radius: 16px;
                                display: flex;
                                gap: 4px;
                                flex-direction: column;
                            }

                            .product-price-block .product-price-block-content.high-padding {
                                padding: 35px 57px 15px 17px;
                            }

                            .product-price-block .ppb-price {
                                display: flex;
                                align-items: center;
                            }

                            @media screen and (max-width: 1030px) {
                                .product-price-block {
                                    padding: 0;
                                    margin-bottom: 7px;
                                }

                                .product-price-block.EU {
                                    margin-bottom: 40px;
                                }

                                .product-price-block .product-price-block-content {
                                    gap: 6px;
                                }

                                .product-price-block .ppb-price {
                                    gap: 7px;
                                }

                                .product-price-block .product-price-block-content {
                                    padding: 17px 12px 15px 12px;
                                }

                                .product-price-block .product-price-block-content.high-padding {
                                    padding: 35px 12px 15px 12px;
                                }

                                .product-price-block #batn-quantity .col-auto {
                                    padding: 0;
                                }
                            }

                            .product-price-block #SKIDOS {
                                text-decoration: line-through;
                                line-height: 30px;
                                position: absolute;
                                top: 14px;
                                opacity: 0.25;
                                color: #666;
                                font-size: 15px;
                                font-weight: 600;
                                margin-left: 2px;
                            }

                            @media screen and (max-width: 1030px) {
                                .product-price-block #SKIDOS {
                                    top: 7px;
                                    opacity: 0.25;
                                    color: #666;
                                    font-size: 14px;
                                }
                            }

                            .product-price-block #INFARMA {
                                margin: 0;
                                opacity: 0.35;
                                font-size: 14px;
                            }

                            .product-price-block #product-buttons-UNI {
                                margin-top: 15px;
                            }

                            @media screen and (max-width: 1030px) {
                                .product-price-block #product-buttons-UNI {
                                    margin-top: 10px;
                                }
                            }

                            .product-price-block #product-buttons-UNI .row {
                                flex-wrap: nowrap;
                            }

                            .product-price-block #minimum {
                                color: #b6453985;
                                font-size: 12px;
                                text-align: center;
                                display: flex;
                                align-items: center;
                                white-space: nowrap;
                                user-select: none;
                            }

                            .product-price-block #button-cart {
                                font-size: 14px;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                gap: 11px;
                                height: 4.5rem;
                                text-transform: none;
                                padding: 12px 58px;
                                border-radius: 10px;
                                background: #ff4e53;
                            }

                            .product-price-block #button-cart svg.icon-cart {
                                position: relative;
                                top: unset;
                                right: unset;
                                margin: 0;
                            }
                        </style>


                                                    <!--
                            <dl class="sku__dl">
                                <dt>Краткое описание</dt>
                                <dd>Одна из наших знаковых линеек пишущих инструментов была переиздана с немного обновленным силуэтом для более аэродинамичного ощущения. Эти монохромные изделия, доступные в серебристом или темно-сером цвете, имеют противоположные, но выразительные поверхности: матовые металлы с покрытием и ультраллакированные, с алмазной гравировкой.</dd>
                            </dl>
                            -->
                                                                        <div class="sku__share">
                            <!--
                            <p class="error-email">Нашли ошибку? Отправьте на e-mail <a href="mailto:tk@new-ton.org">tk@new-ton.org</a>.<br/> Благодарим за бдительность </p>
                            -->
                            <div class="product-write-us">
                                <div class="product-write-us-text">
                                    Не теряйте время, пишите, что ищете — найдем и сбросим ссылки!
                                </div>
                                <div class="product-write-us-wrapper">
                                    <div class="product-write-us-icon">
                                        <a href="https://max.ru/u/f9LHodD0cOIpjXTT3_Qpq4n76JP1BV2Mc4Z4nqQTkEUnrjbv6rpLqpkhk-Q" target="_blank">
                                            <img src="/catalog/view/theme/technics/images/Max_logo_black-1024x1024.png">
                                        </a>
                                    </div>
                                    <div class="product-write-us-icon">
                                        <a href="https://wa.me/375336070000" target="_blank">
                                            <img src="/catalog/view/theme/technics/images/wa-black.svg">
                                        </a>
                                    </div>
                                    <div class="product-write-us-icon">
                                        <a href="tg://resolve?domain=OlgaKoltunchik/">
                                            <img src="/catalog/view/theme/technics/images/tg-black.svg">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- SKU :: End-->

                            <div class="container-fluid" style="overflow: hidden;" id="recommended_products">
                <section class="home-products_block">
                    <div class="home-products_header-img">
                        <div class="products__heading" style="margin: 0; margin-top: 8.5rem;">Рекомендуемые товары</div>
                    </div>
                    <div class="home-products_slider" style="margin-top: 2rem">
                                                    <div class="products__item">
                                <div class="products__item-in">

                                    <div class='inStockProduct'>
                                        <div class="products__status" style="font-size: 12px">
                                                                                            <p class="products__status-success">
                                                    <svg class="icon-success">
                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-success"></use>
                                                    </svg>
                                                    <span id="stock-text-mobile">В наличии:</span>
                                                    257
                                                    шт.
                                                </p>
                                                                                    </div>
                                    </div>

                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/perevaya-ruchka-essential-metal-silver-serebristyy-metall-931372"><img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4872C-1-260x260.webp" loading="lazy" alt="Перьевая ручка Essential Metal" id="logoImgBlock" data-tl-sid="" data-tl-spcode="Plastoria"></a></div>
                                        
                                                                        <div class="addedRowButtons">
                                        <div class="products__item-stickers ">
                                                                                                                                                                                                                                                                                                                                                            </div>
                                        <div class="products__item-buttons">
                                                                                                                                        <div class="btn--info--visualization" title="Каталог The.Best!" style="overflow: hidden; opacity: 92%;">
                                                    <img src="https://new-ton.org/image/catalog/icon_thebest_sjal.png" width="100%" height="auto" style="transform: scale(3.0); padding: .3rem; background: #fff;">
                                                </div>
                                                                                                                                </div>
                                    </div>
                                    <div class="products__item-desc">
                                                                                                                                    <span class="products__item-category">EU16-931372</span>
                                                                                                                            <a href="https://new-ton.org/perevaya-ruchka-essential-metal-silver-serebristyy-metall-931372" class="products__item-title">Перьевая ручка Essential Metal</a>
                                                                                        <span class="products__item-price">
                                                                                                                                                                                                        
                                                                                                                                                                        <!-- 120.50€ -->
                                                            120.50
                                                                                                                            €
                                                                                                                    
                                                        <span class="price-info">

                                                            <div id="papapA" class="price-info-popup">
                                                                                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">462.25 BYN</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">385.21  BYN</span></p>
                                                                                                                                            </div>

                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">13 051.24 ₽</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">10697.74  ₽</span></p>
                                                                                                                                            </div>
                                                                                                                            </div>
                                                        </span>

                                                        
                                                                                                                        <button type="button" class="addCartButtonNew btn btn--cart" title="В корзину" onclick="cart.add('931372', '2');" >
                                                                    <svg class="icon-cart">
                                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-cart"></use>
                                                                    </svg></button>
                                                                                                                            
                                                                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                <div class="products__item">
                                <div class="products__item-in">

                                    <div class='inStockProduct'>
                                        <div class="products__status" style="font-size: 12px">
                                                                                            <p class="products__status-success">
                                                    <svg class="icon-success">
                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-success"></use>
                                                    </svg>
                                                    <span id="stock-text-mobile">В наличии:</span>
                                                    533
                                                    шт.
                                                </p>
                                                                                    </div>
                                    </div>

                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/perevaya-ruchka-gear-ribs-chernaya-931311"><img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSV3062A-1-260x260.webp" loading="lazy" alt="Перьевая ручка Gear Ribs" id="logoImgBlock" data-tl-sid="" data-tl-spcode="Plastoria"></a></div>
                                        
                                                                        <div class="addedRowButtons">
                                        <div class="products__item-stickers ">
                                                                                                                                                                                                                                                                                                                                                            </div>
                                        <div class="products__item-buttons">
                                                                                                                                        <div class="btn--info--visualization" title="Каталог The.Best!" style="overflow: hidden; opacity: 92%;">
                                                    <img src="https://new-ton.org/image/catalog/icon_thebest_sjal.png" width="100%" height="auto" style="transform: scale(3.0); padding: .3rem; background: #fff;">
                                                </div>
                                                                                                                                </div>
                                    </div>
                                    <div class="products__item-desc">
                                                                                                                                    <span class="products__item-category">EU16-931311</span>
                                                                                                                            <a href="https://new-ton.org/perevaya-ruchka-gear-ribs-chernaya-931311" class="products__item-title">Перьевая ручка Gear Ribs</a>
                                                                                        <span class="products__item-price">
                                                                                                                                                                                                        
                                                                                                                                                                        <!-- 86.42€ -->
                                                            86.42
                                                                                                                            €
                                                                                                                    
                                                        <span class="price-info">

                                                            <div id="papapA" class="price-info-popup">
                                                                                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">331.52 BYN</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">276.27  BYN</span></p>
                                                                                                                                            </div>

                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">9 360.07 ₽</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">7672.19  ₽</span></p>
                                                                                                                                            </div>
                                                                                                                            </div>
                                                        </span>

                                                        
                                                                                                                        <button type="button" class="addCartButtonNew btn btn--cart" title="В корзину" onclick="cart.add('931311', '2');" >
                                                                    <svg class="icon-cart">
                                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-cart"></use>
                                                                    </svg></button>
                                                                                                                            
                                                                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                <div class="products__item">
                                <div class="products__item-in">

                                    <div class='inStockProduct'>
                                        <div class="products__status" style="font-size: 12px">
                                                                                            <p class="products__status-success">
                                                    <svg class="icon-success">
                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-success"></use>
                                                    </svg>
                                                    <span id="stock-text-mobile">В наличии:</span>
                                                    943
                                                    шт.
                                                </p>
                                                                                    </div>
                                    </div>

                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/sharikovaya-ruchka-essential-metal-936093"><img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4874C-1-260x260.webp" loading="lazy" alt="Шариковая ручка Essential Metal" id="logoImgBlock" data-tl-sid="" data-tl-spcode="Plastoria"></a></div>
                                        
                                                                        <div class="addedRowButtons">
                                        <div class="products__item-stickers ">
                                                                                                                                                                                                                                                                                                                                                            </div>
                                        <div class="products__item-buttons">
                                                                                                                                        <div class="btn--info--visualization" title="Каталог The.Best!" style="overflow: hidden; opacity: 92%;">
                                                    <img src="https://new-ton.org/image/catalog/icon_thebest_sjal.png" width="100%" height="auto" style="transform: scale(3.0); padding: .3rem; background: #fff;">
                                                </div>
                                                                                                                                </div>
                                    </div>
                                    <div class="products__item-desc">
                                                                                                                                    <span class="products__item-category">EU16-936093</span>
                                                                                                                            <a href="https://new-ton.org/sharikovaya-ruchka-essential-metal-936093" class="products__item-title">Шариковая ручка Essential Metal</a>
                                                                                        <span class="products__item-price">
                                                                                                                                                                                                        
                                                                                                                                                                        <!-- 103.16€ -->
                                                            103.16
                                                                                                                            €
                                                                                                                    
                                                        <span class="price-info">

                                                            <div id="papapA" class="price-info-popup">
                                                                                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">395.74 BYN</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">329.78  BYN</span></p>
                                                                                                                                            </div>

                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">11 173.16 ₽</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">9158.33  ₽</span></p>
                                                                                                                                            </div>
                                                                                                                            </div>
                                                        </span>

                                                        
                                                                                                                        <button type="button" class="addCartButtonNew btn btn--cart" title="В корзину" onclick="cart.add('936093', '2');" >
                                                                    <svg class="icon-cart">
                                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-cart"></use>
                                                                    </svg></button>
                                                                                                                            
                                                                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                <div class="products__item">
                                <div class="products__item-in">

                                    <div class='inStockProduct'>
                                        <div class="products__status" style="font-size: 12px">
                                                                                            <p class="products__status-success">
                                                    <svg class="icon-success">
                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-success"></use>
                                                    </svg>
                                                    <span id="stock-text-mobile">В наличии:</span>
                                                    854
                                                    шт.
                                                </p>
                                                                                    </div>
                                    </div>

                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/perevaya-ruchka-s-uzorom-arche-seraya-931281"><img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HST6652H-1-260x260.webp" loading="lazy" alt="Перьевая ручка с узором Arche, серая" id="logoImgBlock" data-tl-sid="" data-tl-spcode="Plastoria"></a></div>
                                        
                                                                        <div class="addedRowButtons">
                                        <div class="products__item-stickers ">
                                                                                                                                                                                                                                                                                                                                                            </div>
                                        <div class="products__item-buttons">
                                                                                                                                        <div class="btn--info--visualization" title="Каталог The.Best!" style="overflow: hidden; opacity: 92%;">
                                                    <img src="https://new-ton.org/image/catalog/icon_thebest_sjal.png" width="100%" height="auto" style="transform: scale(3.0); padding: .3rem; background: #fff;">
                                                </div>
                                                                                                                                </div>
                                    </div>
                                    <div class="products__item-desc">
                                                                                                                                    <span class="products__item-category">EU16-931281</span>
                                                                                                                            <a href="https://new-ton.org/perevaya-ruchka-s-uzorom-arche-seraya-931281" class="products__item-title">Перьевая ручка с узором Arche, серая</a>
                                                                                        <span class="products__item-price">
                                                                                                                                                                                                        
                                                                                                                                                                        <!-- 107.69€ -->
                                                            107.69
                                                                                                                            €
                                                                                                                    
                                                        <span class="price-info">

                                                            <div id="papapA" class="price-info-popup">
                                                                                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">413.11 BYN</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">344.26  BYN</span></p>
                                                                                                                                            </div>

                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">11 663.80 ₽</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">9560.49  ₽</span></p>
                                                                                                                                            </div>
                                                                                                                            </div>
                                                        </span>

                                                        
                                                                                                                        <button type="button" class="addCartButtonNew btn btn--cart" title="В корзину" onclick="cart.add('931281', '2');" >
                                                                    <svg class="icon-cart">
                                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-cart"></use>
                                                                    </svg></button>
                                                                                                                            
                                                                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                <div class="products__item">
                                <div class="products__item-in">

                                    <div class='inStockProduct'>
                                        <div class="products__status" style="font-size: 12px">
                                                                                            <p class="products__status-success">
                                                    <svg class="icon-success">
                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-success"></use>
                                                    </svg>
                                                    <span id="stock-text-mobile">В наличии:</span>
                                                    414
                                                    шт.
                                                </p>
                                                                                    </div>
                                    </div>

                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/perevaya-ruchka-elemental-silver-931163"><img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSI4652C-1-260x260.webp" loading="lazy" alt="Перьевая ручка Elemental" id="logoImgBlock" data-tl-sid="" data-tl-spcode="Plastoria"></a></div>
                                        
                                                                        <div class="addedRowButtons">
                                        <div class="products__item-stickers ">
                                                                                                                                                                                                                                                                                                                                                            </div>
                                        <div class="products__item-buttons">
                                                                                                                                        <div class="btn--info--visualization" title="Каталог The.Best!" style="overflow: hidden; opacity: 92%;">
                                                    <img src="https://new-ton.org/image/catalog/icon_thebest_sjal.png" width="100%" height="auto" style="transform: scale(3.0); padding: .3rem; background: #fff;">
                                                </div>
                                                                                                                                </div>
                                    </div>
                                    <div class="products__item-desc">
                                                                                                                                    <span class="products__item-category">EU16-931163</span>
                                                                                                                            <a href="https://new-ton.org/perevaya-ruchka-elemental-silver-931163" class="products__item-title">Перьевая ручка Elemental</a>
                                                                                        <span class="products__item-price">
                                                                                                                                                                                                        
                                                                                                                                                                        <!-- 86.31€ -->
                                                            86.31
                                                                                                                            €
                                                                                                                    
                                                        <span class="price-info">

                                                            <div id="papapA" class="price-info-popup">
                                                                                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">331.10 BYN</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">275.92  BYN</span></p>
                                                                                                                                            </div>

                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">9 348.15 ₽</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">7662.42  ₽</span></p>
                                                                                                                                            </div>
                                                                                                                            </div>
                                                        </span>

                                                        
                                                                                                                        <button type="button" class="addCartButtonNew btn btn--cart" title="В корзину" onclick="cart.add('931163', '2');" >
                                                                    <svg class="icon-cart">
                                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-cart"></use>
                                                                    </svg></button>
                                                                                                                            
                                                                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                <div class="products__item">
                                <div class="products__item-in">

                                    <div class='inStockProduct'>
                                        <div class="products__status" style="font-size: 12px">
                                                                                            <p class="products__status-success">
                                                    <svg class="icon-success">
                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-success"></use>
                                                    </svg>
                                                    <span id="stock-text-mobile">В наличии:</span>
                                                    717
                                                    шт.
                                                </p>
                                                                                    </div>
                                    </div>

                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/perevaya-ruchka-loop-diamond-black-931344"><img src="https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSW3672A-1-260x260.webp" loading="lazy" alt="Перьевая ручка Loop Diamond" id="logoImgBlock" data-tl-sid="" data-tl-spcode="Plastoria"></a></div>
                                        
                                                                        <div class="addedRowButtons">
                                        <div class="products__item-stickers ">
                                                                                                                                                                                                                                                                                                                                                            </div>
                                        <div class="products__item-buttons">
                                                                                                                                        <div class="btn--info--visualization" title="Каталог The.Best!" style="overflow: hidden; opacity: 92%;">
                                                    <img src="https://new-ton.org/image/catalog/icon_thebest_sjal.png" width="100%" height="auto" style="transform: scale(3.0); padding: .3rem; background: #fff;">
                                                </div>
                                                                                                                                </div>
                                    </div>
                                    <div class="products__item-desc">
                                                                                                                                    <span class="products__item-category">EU16-931344</span>
                                                                                                                            <a href="https://new-ton.org/perevaya-ruchka-loop-diamond-black-931344" class="products__item-title">Перьевая ручка Loop Diamond</a>
                                                                                        <span class="products__item-price">
                                                                                                                                                                                                        
                                                                                                                                                                        <!-- 91.86€ -->
                                                            91.86
                                                                                                                            €
                                                                                                                    
                                                        <span class="price-info">

                                                            <div id="papapA" class="price-info-popup">
                                                                                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">352.39 BYN</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">293.66  BYN</span></p>
                                                                                                                                            </div>

                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">9 949.27 ₽</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">8155.14  ₽</span></p>
                                                                                                                                            </div>
                                                                                                                            </div>
                                                        </span>

                                                        
                                                                                                                        <button type="button" class="addCartButtonNew btn btn--cart" title="В корзину" onclick="cart.add('931344', '2');" >
                                                                    <svg class="icon-cart">
                                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-cart"></use>
                                                                    </svg></button>
                                                                                                                            
                                                                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                <div class="products__item">
                                <div class="products__item-in">

                                    <div class='inStockProduct'>
                                        <div class="products__status" style="font-size: 12px">
                                                                                            <p class="products__status-success">
                                                    <svg class="icon-success">
                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-success"></use>
                                                    </svg>
                                                    <span id="stock-text-mobile">В наличии:</span>
                                                    210
                                                    шт.
                                                </p>
                                                                                    </div>
                                    </div>

                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/ruchka-calais-white-570668"><img src="https://new-ton.org/image/cache/catalog/prod/image/makito/7396-000-11-260x260.webp" loading="lazy" alt="Ручка Calais White" id="logoImgBlock" data-tl-sid="" data-tl-spcode="Makito"></a></div>
                                        
                                                                        <div class="addedRowButtons">
                                        <div class="products__item-stickers ">
                                                                                                                                                                                                                                                                                                                                                            </div>
                                        <div class="products__item-buttons">
                                                                                                                                        <div class="btn--info--visualization" title="Каталог The.Best!" style="overflow: hidden; opacity: 92%;">
                                                    <img src="https://new-ton.org/image/catalog/icon_thebest_sjal.png" width="100%" height="auto" style="transform: scale(3.0); padding: .3rem; background: #fff;">
                                                </div>
                                                                                                                                </div>
                                    </div>
                                    <div class="products__item-desc">
                                                                                                                                    <span class="products__item-category">EU10-570668</span>
                                                                                                                            <a href="https://new-ton.org/ruchka-calais-white-570668" class="products__item-title">Ручка Calais White</a>
                                                                                        <span class="products__item-price">
                                                                                                                                                                                                        
                                                                                                                                                                        <!-- 75.29€ -->
                                                            75.29
                                                                                                                            €
                                                                                                                    
                                                        <span class="price-info">

                                                            <div id="papapA" class="price-info-popup">
                                                                                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">288.83 BYN</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">240.69  BYN</span></p>
                                                                                                                                            </div>

                                                                    <div class="papapa-block">
                                                                                                                                                    <p class="papapa-price">8 154.59 ₽</p>
                                                                            <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">6684.09  ₽</span></p>
                                                                                                                                            </div>
                                                                                                                            </div>
                                                        </span>

                                                                                                                    <u>94.88  € </u>
                                                        

                                                                                                                        <button type="button" class="addCartButtonNew btn btn--cart" title="В корзину" onclick="cart.add('570668', '3');" >
                                                                    <svg class="icon-cart">
                                                                        <use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-cart"></use>
                                                                    </svg></button>
                                                                                                                            
                                                                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>
                                                                    </div>
                            </section>
                        </div>

                        <style>
                            @media screen and (max-width: 1030px) {
                                .home-products_block .slick-track {
                                    overflow: scroll;
                                    /* transform: none !important; */
                                }

                                #recommended_products {
                                    padding: 0 1rem;
                                }
                            }
                        </style>
                    
                    
        <!-- Info :: Start-->
        <div class="info advantages">
          <div class="container-fluid">
            <div class="row">
              <div class="col-xl-12">
                <div class="row justify-content-center">
				
		     
                  <div class="col-sm-3">
					 
						<div class="info__item">
							 
								<svg width="56" height="65" viewBox="0 0 56 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56 60.9375C56 62.0149 55.5786 63.0479 54.8284 63.8098C54.0783 64.5717 53.0609 65 52 65H4C2.93913 65 1.92172 64.5717 1.17157 63.8098C0.421424 63.0479 0 62.0149 0 60.9375V24.375C0.0169456 23.9723 0.0959116 23.5746 0.234009 23.1967C0.0838856 22.8995 0.0102886 22.5685 0.0200806 22.2346C0.0298726 21.9008 0.122704 21.575 0.289978 21.2875L9.98199 0.995789C10.1659 0.715144 10.4137 0.483017 10.7044 0.320358C10.9951 0.157699 11.3202 0.0683944 11.652 0.0605011C11.766 0.0300206 11.8825 0.0100683 12 0H44C44.1175 0.00985151 44.234 0.0298071 44.348 0.0605011C44.6801 0.0685777 45.0053 0.15773 45.2963 0.320358C45.5873 0.482986 45.8356 0.715227 46.02 0.995789L55.712 21.2875C55.8791 21.5752 55.9718 21.9007 55.9812 22.2346C55.9906 22.5686 55.9166 22.8998 55.766 23.1967C55.9051 23.5743 55.9841 23.9722 56 24.375V60.9375ZM13.242 4.0625L5.48401 20.3125H20.666L23.334 4.0625H13.24H13.242ZM28 4.0625L24 20.3125H32L28 4.0625ZM32 24.375H24V40.625H32V24.375ZM42.758 4.0625H32.668L35.334 20.3125H50.518L42.758 4.0625ZM52 26.4062C52 25.8675 51.7893 25.351 51.4142 24.9701C51.0391 24.5892 50.5304 24.375 50 24.375H36V44.6677H20V24.375H6C5.46957 24.375 4.96089 24.5892 4.58582 24.9701C4.21074 25.351 4 25.8675 4 26.4062V58.9062C4 59.445 4.21074 59.9615 4.58582 60.3424C4.96089 60.7233 5.46957 60.9375 6 60.9375H50C50.5304 60.9375 51.0391 60.7233 51.4142 60.3424C51.7893 59.9615 52 59.445 52 58.9062V26.4062ZM20 52.8125H24V56.875H20V52.8125ZM8 52.8125H16V56.875H8V52.8125Z" fill="#660D00"/>
</svg>
							 
						Доставим сувениры из Европы за 15 дней
						</div>
					 
                  </div>
				 
                  <div class="col-sm-3">
					 
						<div class="info__item">
							 
								<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52.6828 11.8676L52.3293 11.5134L51.9754 11.8673L50.2131 13.6295L49.86 13.9827L50.2127 14.3362C56.3344 20.4729 56.3344 30.4066 50.2127 36.5433L49.86 36.8968L50.2131 37.2499L51.9754 39.0122L52.3293 39.3661L52.6828 39.0119C60.1679 31.5118 60.1679 19.3677 52.6828 11.8676Z" fill="#660D00" stroke="#393939"/>
<path d="M1.74129 61.0445L1.74177 61.045L3.50404 62.8073L3.5041 62.8074C5.15939 64.4621 7.84262 64.4621 9.49791 62.8074L9.49797 62.8073L21.8364 50.4689C23.3723 48.9331 23.4835 46.5117 22.1693 44.8479L23.3106 43.7066C33.2188 52.3191 48.2423 51.448 57.0835 41.6649C65.7261 32.1014 65.3402 17.4376 56.2066 8.34189C46.7832 -1.10685 31.4843 -1.12792 22.035 8.29523C13.0296 17.2756 12.5423 31.6725 20.8428 41.2369L19.7012 42.3785C18.0376 41.0646 15.6165 41.1753 14.0807 42.711L14.4342 43.0645L14.0806 42.711L14.0802 42.7115L14.0791 42.7125L1.74179 55.0498C0.0863505 56.7051 0.0859576 59.389 1.74129 61.0445ZM19.368 47.9986L7.02989 60.3366C6.73846 60.628 6.26605 60.628 5.97461 60.3366L4.21268 58.5734C3.92182 58.2821 3.92182 57.8103 4.21268 57.519L16.5464 45.1852C16.845 44.9034 17.3118 44.9034 17.6104 45.1853L19.368 46.9441C19.6588 47.2354 19.6588 47.7072 19.368 47.9986ZM53.7388 40.068C45.6598 48.1467 32.5614 48.1465 24.4827 40.0676C16.4041 31.9886 16.4043 18.8902 24.4832 10.8115C32.562 2.73305 45.66 2.73305 53.7388 10.8115C61.8042 18.8961 61.8042 31.9835 53.7388 40.068Z" fill="#660D00" stroke="#393939"/>
</svg>

							 
						Найдем все, что есть в Европе
						</div>
					 
                  </div>
				 
                  <div class="col-sm-3">
					 
						<div class="info__item">
							 
								<svg width="68" height="65" viewBox="0 0 68 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39.8178 58.9522C39.2892 59.0947 38.7497 59.2219 38.2144 59.3319C36.8138 59.6172 35.91 60.9841 36.196 62.3848C36.2121 62.4647 36.2321 62.5408 36.255 62.6173C36.6371 63.8832 37.9285 64.6731 39.2496 64.4035C39.8886 64.2728 40.5325 64.1205 41.1638 63.9507C42.5445 63.5794 43.3621 62.1588 42.9906 60.7781C42.6188 59.3957 41.1985 58.5804 39.8178 58.9522Z" fill="#660D00"/>
<path d="M21.7752 57.5109C21.2753 57.2885 20.7766 57.0476 20.2928 56.7946C19.0249 56.1336 17.4619 56.6248 16.8008 57.8925C16.4744 58.516 16.4286 59.2118 16.6172 59.8362C16.8119 60.4801 17.2548 61.0486 17.8974 61.384C18.475 61.6848 19.0685 61.9724 19.664 62.2379C20.969 62.8206 22.4998 62.2356 23.0829 60.9308C23.666 59.6248 23.0803 58.095 21.7752 57.5109Z" fill="#660D00"/>
<path d="M30.676 59.7864C30.1317 59.7426 29.5794 59.6809 29.0373 59.6047C27.6217 59.403 26.312 60.388 26.1109 61.8034C26.0563 62.1882 26.0897 62.5643 26.1948 62.913C26.4769 63.8478 27.2796 64.5828 28.3105 64.7299C28.9554 64.821 29.6119 64.8941 30.2607 64.9458C31.686 65.0612 32.934 63.999 33.0488 62.5745C33.1633 61.1491 32.1017 59.9011 30.676 59.7864Z" fill="#660D00"/>
<path d="M48.1552 55.0914C47.7056 55.4008 47.2391 55.7012 46.7696 55.9846C45.7349 56.608 45.2933 57.841 45.6264 58.9466C45.6877 59.1491 45.7752 59.3476 45.8894 59.5378C46.6267 60.7622 48.2177 61.1554 49.4422 60.4183C50.0005 60.0816 50.5551 59.7235 51.0897 59.3558C52.267 58.5453 52.5653 56.9336 51.7547 55.7565C50.9445 54.5783 49.3323 54.2811 48.1552 55.0914Z" fill="#660D00"/>
<path d="M58.33 48.0916C57.1705 47.2556 55.5528 47.5178 54.7167 48.6765C54.3973 49.1198 54.0593 49.5595 53.7132 49.9815C53.1455 50.6747 52.9981 51.5735 53.2382 52.3714C53.3819 52.8463 53.663 53.2864 54.0753 53.6244C55.1812 54.53 56.8119 54.3674 57.7175 53.2614C58.1307 52.7579 58.5341 52.2335 58.9146 51.705C59.7509 50.5456 59.4892 48.9283 58.33 48.0916Z" fill="#660D00"/>
<path d="M61.953 38.6636C60.581 38.2629 59.1439 39.051 58.7437 40.4232C58.5898 40.9488 58.4185 41.4765 58.235 41.9914C58.0403 42.5334 58.0374 43.0985 58.1924 43.6103C58.4213 44.3697 58.9944 45.0135 59.797 45.301C61.1429 45.7837 62.6242 45.0846 63.1076 43.7393C63.3271 43.1258 63.531 42.4976 63.7127 41.8723C64.1127 40.5009 63.3249 39.0631 61.953 38.6636Z" fill="#660D00"/>
<path d="M66.8095 21.7996L63.4078 22.8566C60.8262 14.9455 55.3908 8.44457 48.0338 4.49632C47.2933 4.09861 46.5421 3.73315 45.7817 3.39732C45.7761 3.39469 45.7718 3.3925 45.7667 3.38914C45.7348 3.37572 45.7014 3.36317 45.6705 3.34945C38.963 0.41453 31.5404 -0.141833 24.4252 1.785C24.3693 1.79595 24.3134 1.80646 24.2582 1.82208C24.0206 1.88688 23.7808 1.95708 23.5442 2.02772C23.1559 2.14506 22.7652 2.27146 22.3819 2.40296C22.3365 2.41857 22.2937 2.43799 22.2497 2.4555C15.8982 4.6557 10.4894 8.71225 6.63079 14.1323C6.61707 14.1509 6.60159 14.167 6.58861 14.1855C6.21147 14.7152 5.84616 15.2644 5.50113 15.8184C5.47953 15.8539 5.46158 15.8908 5.441 15.9275C5.09685 16.4856 4.76612 17.0565 4.45291 17.6389C1.25485 23.5989 0.0348492 30.2582 0.867204 36.8362C0.869102 36.8512 0.870853 36.8652 0.872167 36.8801C0.87348 36.8906 0.875815 36.9015 0.878297 36.9125C1.10452 38.6697 1.47611 40.4213 1.99788 42.1514C3.36806 46.6941 5.65438 50.7788 8.79289 54.2927C9.74493 55.3584 11.3813 55.4504 12.4476 54.4983C13.5134 53.546 13.6063 51.9092 12.6536 50.8437C11.0868 49.0904 9.77558 47.1646 8.72605 45.0898C8.71481 45.0643 8.70489 45.0381 8.69263 45.0136C8.44582 44.5241 8.21128 44.0223 7.99411 43.5201C7.99294 43.5162 7.99163 43.5138 7.98988 43.5106C7.59464 42.5862 7.25005 41.6346 6.95465 40.6568C3.56232 29.409 7.88859 17.6393 16.8664 11.0587C16.9992 10.9621 17.1319 10.8646 17.266 10.7709C19.5709 9.14528 22.1706 7.85625 25.0157 6.99835C27.879 6.1352 30.7745 5.77266 33.6103 5.8576C33.6561 5.85965 33.7006 5.86096 33.746 5.86227C33.9191 5.86753 34.0916 5.87672 34.2639 5.88636C34.3335 5.89 34.4028 5.8938 34.4723 5.89818C43.315 6.45133 51.4691 11.3626 56.0467 19.0782C56.0491 19.0826 56.0509 19.0876 56.054 19.0919C56.1218 19.2065 56.1881 19.3209 56.2546 19.4368C56.2625 19.4498 56.2711 19.4613 56.2787 19.4746C57.1546 21.0105 57.8915 22.654 58.4646 24.3933L55.0631 25.4509C54.1184 25.7444 54.0254 26.4241 54.8545 26.9614L62.257 31.7562C63.0869 32.294 64.0767 31.9861 64.4552 31.0737L67.837 22.9268C68.215 22.0137 67.7535 21.5063 66.8095 21.7996Z" fill="#660D00"/>
<path d="M23.2777 32.8762C20.7831 34.7242 19.0816 36.3273 18.1747 37.6853C17.2686 39.043 16.7251 40.4926 16.5466 42.034H32.1538V37.7937H24.0307C24.5076 37.3248 24.9226 36.9465 25.2761 36.6575C25.6297 36.3669 26.3294 35.861 27.377 35.137C29.1392 33.8939 30.355 32.7529 31.0236 31.7137C31.6916 30.6754 32.026 29.5854 32.026 28.4444C32.026 27.3718 31.7345 26.403 31.1513 25.5382C30.5676 24.6744 29.7668 24.0333 28.7495 23.6161C27.7324 23.1994 26.3081 22.9902 24.4771 22.9902C22.7237 22.9902 21.351 23.2099 20.3586 23.6491C19.3673 24.0875 18.5983 24.7173 18.0537 25.5382C17.5086 26.3608 17.1344 27.5038 16.9296 28.9676L22.1406 29.389C22.2853 28.3339 22.5687 27.597 22.9898 27.18C23.4117 26.7628 23.9536 26.5539 24.6187 26.5539C25.2569 26.5539 25.7872 26.7565 26.2084 27.1611C26.6296 27.5648 26.8407 28.0527 26.8407 28.6235C26.8407 29.1517 26.6279 29.7091 26.2018 30.297C25.7761 30.8843 24.8011 31.7445 23.2777 32.8762Z" fill="#660D00"/>
<path d="M47.8505 42.0342V38.5345H50.2002V34.4978H47.8505V22.9905H43.3164L33.8398 34.256V38.5345H43.3164V42.0342H47.8505ZM38.3096 34.4978L43.3164 28.6064V34.4978H38.3096Z" fill="#660D00"/>
</svg>
							 
						Держим связь 24/7
						</div>
					 
                  </div>
				 
                  <div class="col-sm-3">
					 
						<div class="info__item">
							 
								<svg width="73" height="69" viewBox="0 0 73 69" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M71.573 27.1952H55.2705V9.5829H56.5759C57.364 9.5829 58.003 8.94394 58.003 8.15585V2.40056C58.003 1.61247 57.364 0.973511 56.5759 0.973511H8.49844C7.71017 0.973511 7.07139 1.61247 7.07139 2.40056V8.15567C7.07139 8.94376 7.71017 9.58273 8.49844 9.58273H9.80383V27.1952H1.53533C0.74706 27.1952 0.108276 27.8342 0.108276 28.6222V37.0062C0.108276 37.7943 0.74706 38.4332 1.53533 38.4332H4.08885V66.7958C4.08885 67.5839 4.72782 68.2229 5.5159 68.2229H67.5926C68.3807 68.2229 69.0196 67.5839 69.0196 66.7958V38.4332H71.573C72.3611 38.4332 73 37.7943 73 37.0062V28.6222C73 27.8343 72.3611 27.1952 71.573 27.1952ZM52.4168 27.1779H32.2886V9.58273H52.4168V27.1779ZM55.1491 6.7288H53.844H32.2886V3.82761H55.1491V6.7288ZM9.92549 3.82761H29.4345V6.72863H11.2309H9.92549V3.82761ZM29.4345 9.5829V27.1783H12.6579V9.5829H29.4345ZM2.96255 30.0493H32.6862V35.5791H5.5159H2.96255V30.0493ZM6.94295 38.4332H32.686V65.3688H6.94295V38.4332ZM66.1654 65.3688H35.5401V38.4332H66.1655V65.3688H66.1654ZM70.1459 35.5791H67.5926H35.5401V30.0493H70.1459V35.5791Z" fill="#660D00"/>
</svg>
							 
						Поможем выбрать более чем из 160 000 товаров
						</div>
					 
                  </div>
				 
  		     
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Info :: End--> 


                        </div>
                        <!-- Page :: End-->

                    </main>
                    <!-- Main :: End-->
                    <!-- модальное -->
                    <style>
                        #myOverlay {
                            display: none;
                            position: fixed;
                            top: 0;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            width: 100%;
                            height: 100%;
                            z-index: 1002;
                        }

                        #myFone {
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            top: 0;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            z-index: 1002;
                            background: rgba(0, 0, 0, .7);
                        }

                        #myModal {
                            background: #fff;
                            position: absolute;
                            z-index: 1003;
                            padding: 13px;

                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            border-radius: 8px;

                        }

                        #myModal__close {
                            position: absolute;
                            right: 13px;
                            top: 13px;
                        }

                        .myModal_flex,
                        .myModal-btn_flex {
                            display: flex;
                            box-sizing: border-box;
                        }

                        .myModal-btn_flex {
                            align-items: center;
                            margin-top: 20px;
                        }

                        .myModal_flex__right {
                            border-left: 2px solid #c5c5c5;
                            padding-left: 12px;
                            margin-left: 10px;
                        }

                        .k-input-block {
                            width: 250px;
                        }

                        .k-input-block input {
                            width: 100%;
                            padding: .6rem .5rem;
                            margin-bottom: 1rem;
                        }

                        .k-input-block label {
                            display: block;

                        }

                        .myModal-btn_flex_right {
                            margin-left: auto;
                            margin-right: 20px;
                        }

                        .myModal-btn_flex button.btn--cart {
                            padding: 1rem 2rem;
                        }

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

                            .myModal_flex {
                                display: block;
                            }

                            .myModal-btn_flex {
                                display: flex;
                                flex-direction: column;

                            }

                            .myModal_flex__right {
                                border-left: none;
                                margin: 0px;
                                padding: 0px;
                            }
                        }
                    </style>
                    <div id="myOverlay">
                        <div id='myFone'></div>
                        <div id="myModal">
                            <div>
                                <h3>Запросить расчёт нанесения</h3>
                                <form id='myPopUpForm' action="#">
                                    <div class="myModal_flex">
                                        <div class="myModal_flex__left">
                                            <div class="k-input-block">
                                                <label for="">Код товара*</label>
                                                <input type="text" class="ui-input" name='productKode' required>
                                            </div>
                                            <div class="k-input-block">
                                                <label for="">Название товара*</label>
                                                <input type="text" class="ui-input" name='productName' value='Ручка-роллер Essential Metal' required>
                                            </div>
                                            <div class="k-input-block">
                                                <label for="">Тип нанесения*</label>
                                                <input type="text" class="ui-input" name='productType' required>
                                            </div>
                                        </div>
                                        <div class="myModal_flex__right">
                                            <div class="k-input-block">
                                                <label for="">Ваше имя*</label>
                                                <input type="text" class="ui-input" name='name' required>
                                            </div>
                                            <div class="k-input-block">
                                                <label for="">Номер телефона*</label>
                                                <input type="text" class="ui-input" name='phone' required>
                                            </div>
                                            <div class="k-input-block">
                                                <label for="">Email*</label>
                                                <input type="text" class="ui-input" name='email' required>
                                            </div>
                                            <div class="k-input-block">
                                                <label for="">Компания*</label>
                                                <input type="text" class="ui-input" name="company" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="myModal-btn_flex">
                                        <div class="">
                                            <p>* - поля для обязательного заполнения</p>
                                        </div>
                                        <div class="myModal-btn_flex_right">
                                            <a href="#" id="myPopUp_close">Отмена</a>
                                        </div>
                                        <div>
                                            <button type="submit" class="btn btn--cart">Отправить</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <span id="myModal__close" class="close">x</span>
                        </div>

                    </div>

                    <script>
                        window.onload = function() {
                            $('a.myLinkModal').on('click', function (event) {
                                event.preventDefault()
                                $('body').css('overflow', 'hidden')
                                $('#myOverlay').fadeIn(297)
                            })
                            $('#myModal__close, #myFone, #myPopUp_close').on('click', function () {
                                event.preventDefault()
                                $('body').css('overflow', '')
                                $('#myOverlay').fadeOut(297)
                            })
                            $('#myPopUpForm').on('submit', function (event) {
                                event.preventDefault()
                                let post = $(this).serialize()
                                post += `&link=${window.location.href}`
                                $.ajax({
                                    url: 'https://new-ton.org/index.php?route=mail/affiliate/email_send',
                                    type: 'post',
                                    data: post,
                                    dataType: 'json',
                                    success: function (json) {
                                        console.log(json)
                                    }
                                })
                            })
                        }
                    </script>
                    <!-- модальное -->
                    <div class="product-kp-popup" style="display: none;">
                        <div class="product-kp-popup-content">
                            <div class="product-kp-popup-close" onclick="$('.product-kp-popup').fadeOut();"></div>

                            <script>
                                window.addEventListener('load', function() {
                                    const b24Container = document.querySelector('.product-kp-popup-content');

                                    if (b24Container) {
                                        const b24LoaderScript = document.createElement('script');
                                        b24LoaderScript.async = true;
                                        b24LoaderScript.src = 'https://cdn-ru.bitrix24.by/b22578032/crm/form/loader_46.js?' + (Date.now() / 180000 | 0);

                                        b24LoaderScript.setAttribute('data-b24-form', 'inline/46/2x36a6');
                                        b24LoaderScript.setAttribute('data-skip-moving', 'true');

                                        b24Container.appendChild(b24LoaderScript);
                                    }
                                });
                            </script>
                        </div>
                    </div>
                    <footer class="footer-new">
	<div class="container-new">
		<div class="footer-new_wrapper">
			<div class="footer-left">
				<div class="footer-logo">
					<a href="/">
						<img src="/catalog/view/theme/technics/images/footer_logo.svg" title="Имя: " alt="Имя: ">
					</a>
				</div>
              <div class="footer-btns-wrapper">
  <button id="subscribe-news-btn">подписаться на дайджест</button>
  <a href="https://t.me/present_new_ton" target="_blank"
    ><button>
      Telegram-канал
      <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M0.981613 6.9134C0.981613 6.9134 8.05791 3.84006 10.5117 2.75839C11.4525 2.32593 14.643 0.940565 14.643 0.940565C14.643 0.940565 16.1155 0.334268 15.9927 1.80655C15.9521 2.41285 15.6243 4.53328 15.2976 6.82756C14.8064 10.0737 14.2746 13.6235 14.2746 13.6235C14.2746 13.6235 14.1924 14.6193 13.4973 14.7921C12.8022 14.9648 11.6564 14.1858 11.4524 14.013C11.2891 13.8831 8.38467 11.9355 7.32114 10.9826C7.03497 10.7229 6.70717 10.2035 7.36173 9.59721C8.83422 8.16892 10.5929 6.39403 11.6564 5.26835C12.1476 4.74898 12.6377 3.53745 10.5929 5.00866C7.68849 7.13017 4.82571 9.12076 4.82571 9.12076C4.82571 9.12076 4.17115 9.55321 2.94425 9.16368C1.71734 8.77415 0.28543 8.25477 0.28543 8.25477C0.28543 8.25477 -0.695884 7.60555 0.980574 6.9134H0.981613Z"
          fill="white"
        />
      </svg></button
  ></a>
</div>

<style>
  .footer-btns-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    margin: 10px 0;
    width: 100%;
  }

  .footer-btns-wrapper a {
    width: 100%;
  }

  .footer-btns-wrapper button {
    font-size: 16px;
    font-weight: 500;
    background: #ff4045;
    color: white;
    border-radius: 8px;
    border: none;
    padding: 8px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
	cursor: pointer;
  }

  .footer-btns-wrapper button:last-child {
    background: #34aadf;
  }

  .footer-btns-wrapper button:hover {
    opacity: 0.8;
  }

  @media screen and (max-width: 1030px) {
    .footer-btns-wrapper {
      gap: 7px;
      margin: 7px 0;
    }
    .footer-btns-wrapper button {
      font-weight: 550;
      font-size: 11px;
    }

    .footer-btns-wrapper button svg {
      width: 10px;
    }
  }
</style>

				<div class="footer-underlogo-text">Доставим деловые подарки<br/> и мерч <span>из Европы за 15 дней</span></div>		
							  					  		<ul class="footer-socials">
			  						  			<li>
				  			<a href="https://www.facebook.com/newton.org/" target="_blank" rel="nofollow">
					  								  				<img class="icon_socials" src="/catalog/view/theme/technics/images/fb.svg">
					  				                    	</a>
	                    </li>
	                				  			<li>
				  			<a href="https://www.instagram.com/present.new_ton/?hl=ru" target="_blank" rel="nofollow">
					  								  				<img class="icon_socials" src="/catalog/view/theme/technics/images/ig.svg">
					  				                    	</a>
	                    </li>
	                				  			<li>
				  			<a href="https://vk.com/newtonorg" target="_blank" rel="nofollow">
					  								  				<img class="icon_socials" src="/catalog/view/theme/technics/images/vk.svg">
					  				                    	</a>
	                    </li>
	                				  			<li>
				  			<a href="https://www.youtube.com/channel/UC7qEJ1qhGqsSYH4SKwkj3zQ" target="_blank" rel="nofollow">
					  								  				<img class="icon_socials" src="/catalog/view/theme/technics/images/yt.svg">
                                	                    	</a>
	                    </li>
	                				  			<li>
				  			<a href="https://www.tiktok.com/@present.new_ton?_t=8eHaS0Gvijt" target="_blank" rel="nofollow">
					  			                                	<img class="icon_socials" src="/catalog/view/theme/technics/images/tiktok.svg">
					  				                    	</a>
	                    </li>
	                		                </ul>
			  			    					
			</div>
			<div class="footer-menu">
						            <div class="footer-menu_col">
													<div class="footer-menu_col-title">Компания &quot;Нью-Тон&quot;</div>
																		<ul>
						  						  <li><a href="https://new-ton.org/about_us" >О компании</a></li>
						  						  <li><a href="https://new-ton.org/nasha-komanda" >Наша команда</a></li>
						  						  <li><a href="https://new-ton.org/reklamnym-agenstvam" >Для рекламных агентств</a></li>
						  						  <li><a href="https://new-ton.org/for-the-foreign-organizations" >For the foreign organizations</a></li>
						  						  <li><a href="https://new-ton.org/otzivi" >Отзывы</a></li>
						  						  <li><a href="https://new-ton.org/sitemap" >Карта сайта</a></li>
						  						  <li><a href="https://new-ton.org/all-brands" >Бренды</a></li>
						  						</ul>
								            </div>
						            <div class="footer-menu_col">
													<div class="footer-menu_col-title">Сувениры с логотипом</div>
																		<ul>
						  						  <li><a href="https://new-ton.org/digest" >Дайджесты</a></li>
						  						  <li><a href="https://new-ton.org/shopblog" >Блог</a></li>
						  						  <li><a href="https://new-ton.org/nanesenie-logotipa" >Нанесение логотипа</a></li>
						  						  <li><a href="https://new-ton.org/korporativnye-podarki" >Тренды и Бренды сувенирной продукции</a></li>
						  						  <li><a href="https://new-ton.org/chasto-zadavaemye-voprosy" >Как заказать</a></li>
						  						  <li><a href="https://new-ton.org/review-of-european-catalogs" >Обзор европейских каталогов</a></li>
						  						</ul>
								            </div>
								<div class="footer-menu_col">
					<div class="footer-menu_col-title">Группа компаний</div>
					<ul>
						<li>
							<a href="https://new-ton.by/">Образовательный центр</a>
						</li>
						<li>
							<a href="https://new-ton.biz/">Бухгалтерские услуги</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="footer-right">
				<div class="footer-address">г. Брест, ул. Советская 67-61<br/>Республика Беларусь</div>
				<a class="footer-link" href="mailto:zakaz@new-ton.org">zakaz@new-ton.org</a>
				<a class="footer-link" href="tel:+79107610902">+7 910 761 09 02</a>
				<a class="footer-link" href="tel:+375 33 607 00 05">+375 33 607 00 05</a>
				<div class="footer-address"><span>Режим работы:</span><br/>круглосуточно</div>
			</div>
		</div>
	</div>
</footer>

<!--<div class="overlay_filter"></div>

<script>
    $(document).ready(function(){


        $('.close_filter, .overlay_filter').click(function(){

            $('#filter_vier').hide();
            $('.overlay_filter').hide();
            $('.close_filter').hide();
  $('#filter_vier').removeClass('open');
        });

        $('.btn_mobile_filter').click(function(){
            $('#filter_vier').fadeIn();
            $('#filter_vier').addClass('open');
            $('.overlay_filter').fadeIn();
                      $('.close_filter').fadeIn();
        });
    });
</script> -->

<!-- <div class="modal_wrapper exitblock">
    <div class="modal_content">
        <p class="title">Не нашли, что искали? Задайте вопрос специалисту! Ответим в ближайшее время</p>
        <i class="fa fa-close"></i>

        <form name="form-1" class="exitblock_form">
            <input type="text" name="cname" placeholder="Ваше имя" />
            <div class="flags_tel">
                        <span class="choose_tel">
                    <span class="rus_tel" data-value="rus"><img src="/image/rus_flag.jpg" alt="Россия" /></span>
                    <span class="bel_tel" data-value="bel"><img src="/image/bel_flag.png" alt="Белорусия" /></span>

                </span>
                <input type="text" name="cphone" placeholder="Ваш телефон" />
            </div>


            <button class="feedback">Оставить заявку</button>
            <p class="note">Отправляя сообщение нам, вы даете согласие на обработку ваших персональных данных.</p>
        </form>
    </div>

</div>
      <script type="text/javascript" src="/catalog/view/theme/technics/js/jquery.maskedinput.min.js"></script>
<script>
$(document).ready(function(){

    $('.modal_wrapper.exitblock, .fa-close, .overlay_filter').click(function(){
        $('.modal_wrapper.exitblock').hide();
        $('.overlay_filter').hide();
    });

    $('form.exitblock_form input[name="cphone"]').mask("+375(999)999-999");
    $('.choose_tel span').click(function(){
        var findClass = $(this).attr('data-value');

        if(findClass == "rus"){
            $('form.exitblock_form input[name="cphone"]').mask("+7(999)999-99-99");
            $('form.exitblock_form input[name="cphone"]').focus();
        }

        if(findClass == "bel"){
            $('form.exitblock_form input[name="cphone"]').mask("+375(999)999-99-9");
            $('form.exitblock_form input[name="cphone"]').focus();
        }
    });
});
</script>

<div class="podborka-popup popup">
  <div class="popup_bg"></div>
  <div class="form-popup">
    <div class="popup-close" onclick="$('.popup').fadeOut();"></div>    
    <form>
      <div class="form-popup_title">Заполните заявку</div>
      <div class="form-row">
        <input type="text" name="find" value="" placeholder="Что ищете?" required />
        <input type="text" name="tirazh" value="" placeholder="Тираж" required />
      </div>
      <div class="form-row">
        <input type="text" name="budzhet" value="" placeholder="Бюджет" required />
        <input type="text" name="deadline" value="" placeholder="Дедлайн" required />
      </div>
      <div class="form-row">
        <input type="text" name="name" value="" placeholder="Имя" required />
        <input type="text" name="surname" value="" placeholder="Фамилия" required />
      </div>
      <div class="form-row">
        <input type="tel" name="phone" value="" placeholder="Телефон" required />
        <input type="email" name="email" value="" placeholder="E-mail" required />
      </div>
      <input type="text" name="organizacia" value="" placeholder="Организация" required />
      <div class="checkbox-row">
        <div class="checkbox-text">Наносить логотип</div>
        <input type="radio" name="logo" id="podborka-logo-yes" value="Да" />
        <label for="podborka-logo-yes">Да</label>
        <input type="radio" name="logo" id="podborka-logo-no" value="Нет" />
        <label for="podborka-logo-no">Нет</label>
      </div>
      <input type="submit" value="Отправить">
    </form>
  </div>
</div>

<script>
  $('.podborka-popup form').submit(function(e){
    e.preventDefault();

    $.ajax({
        method: "POST",
        url: "index.php?route=common/footer/podborka_send",
        data: $(this).serialize(),
    }).done(function(msg) {                   
      $('.podborka-popup form').html('<div class="form-popup_title">Спасибо!</div>Ваша заявка успешно отправлена!');
    });
  });
</script> -->

<link rel="stylesheet" href="/feedback/css/jquery.jgrowl.css" />
<link rel="stylesheet" href="/feedback/css/jquery.arcticmodal.css" />
<link rel="stylesheet" href="/catalog/view/theme/technics/css/custom.css" />

<script src="/feedback/js/feedback.js"></script>
<script src="/feedback/js/jquery.jgrowl.js"></script>
<script src="/feedback/js/jquery.arcticmodal.js"></script>

<!-- Scripts :: End-->


                                            <!-- Schema Org :: Start-->
                        <script type="application/ld+json">
                            {
                                "@context": "http://schema.org",
                                "@type": "BreadcrumbList",
                                "itemListElement": [
                                                                        {
                                        "@type": "ListItem",
                                        "position": 1,
                                        "item": {
                                            "@id": "https://new-ton.org",
                                            "name": "Главная"
                                        }
                                    },                                                                        {
                                        "@type": "ListItem",
                                        "position": 2,
                                        "item": {
                                            "@id": "https://new-ton.org/pismennye-prinadlezhnosti",
                                            "name": "Ручки"
                                        }
                                    },                                                                        {
                                        "@type": "ListItem",
                                        "position": 3,
                                        "item": {
                                            "@id": "https://new-ton.org/pismennye-prinadlezhnosti/ruchki",
                                            "name": "Ручки"
                                        }
                                    },                                                                        {
                                        "@type": "ListItem",
                                        "position": 4,
                                        "item": {
                                            "@id": "https://new-ton.org/pismennye-prinadlezhnosti/ruchki/metallicheskie-ruchki",
                                            "name": "Металлические ручки"
                                        }
                                    },                                                                        {
                                        "@type": "ListItem",
                                        "position": 5,
                                        "item": {
                                            "@id": "https://new-ton.org/pismennye-prinadlezhnosti/ruchki/metallicheskie-ruchki/ruchka-roller-essential-metal-936094",
                                            "name": "Ручка-роллер Essential Metal"
                                        }
                                    }                                                                    ]
                            }
                        </script>
                        <script type="application/ld+json">
                            {
                                "@context": "http://schema.org/",
                                "@type": "Product",
                                "name": "Ручка-роллер Essential Metal",
                                "image": [
                                                                        "https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C-1-1000x1000.webp",                                                                                                                                                                                    "https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_F-1-1000x1000.webp",                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_O-1-1000x1000.webp",                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_Z-1-1000x1000.webp",                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_Z2-1-1000x1000.webp",                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_B-1-1000x1000.webp",                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_E-2-1000x1000.webp",                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/plastoria/HSY4875C_E2-2-1000x1000.webp"                                                                                                                                            ],
                                "description": "Одна из наших знаковых линеек пишущих инструментов была переиздана с немного обновленным силуэтом для более аэродинамичного ощущения. Эти монохромные изделия, доступные в серебристом или темно-сером цвете, имеют противоположные, но выразительные поверхности: матовые металлы с покрытием и ультраллакированные, с алмазной гравировкой.",
                                "mpn": "HSY4875C__plastoria",
                                "sku": "HSY4875C__plastoria",
                                "brand": "Plastoria",
                                                                "offers": {
                                    "@type": "Offer",
                                    "url": "https://new-ton.org/pismennye-prinadlezhnosti/ruchki/metallicheskie-ruchki/ruchka-roller-essential-metal-936094",
                                    "priceCurrency": "EUR",
                                                                        "price": "107",
                                                                                                            "itemCondition": "http://schema.org/UsedCondition",
                                                                        "availability": "http://schema.org/InStock",
                                                                        "seller": {
                                        "@type": "Organization",
                                        "name": "Нью-Тон"
                                    }
                                }
                            }
                        </script>
                        <!-- Schema Org :: End-->
                                        <script>
                        window.onload = function() {
                            $('select[name=\'recurring_id\'], #product input[name="quantity"]').change(function(){
                                $.ajax({
                                    url: 'index.php?route=product/product/getRecurringDescription',
                                    type: 'post',
                                    data: $('input[name=\'product_id\'], #product input[name=\'quantity\'], select[name=\'recurring_id\']'),
                                    dataType: 'json',
                                    beforeSend: function() {
                                        $('#recurring-description').html('');
                                    },
                                    success: function(json) {
                                        $('.alert, .recurring .ui-error').remove();
                                        $('.recurring .ui-field').removeClass('is-error');

                                        if (json['success']) {
                                            $('#recurring-description').html(json['success']);
                                        }
                                    }
                                });
                            })};


                            $('#button-cart').on('click', function() {

                                var datapr = $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'number\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea');

                                $.ajax({
                                    url: 'index.php?route=checkout/cart/add',
                                    type: 'post',
                                    data: datapr,
                                    dataType: 'json',
                                    beforeSend: function() {
                                        $('#button-cart').button('loading');
                                    },
                                    complete: function() {
                                        $('#button-cart').button('reset');
                                    },
                                    success: function(json) {
                                        $('.alert, .ui-error').remove();
                                        $('[id^="input-option"],.ui-field').removeClass('is-error');

                                        if (json['error']) {
                                            if (json['error']['option']) {
                                                for (i in json['error']['option']) {
                                                    var element = $('#input-option' + i.replace('_', '-'));

                                                    if (element.parent().hasClass('ui-select')) {
                                                        element.parent().after('<span class="error ui-error">' + json['error']['option'][i] + '</span>').parent().addClass('is-error');
                                                        } else if (element.hasClass('ui-input') || element.hasClass('ui-textarea')) {
                                                        element.after('<svg class="icon-error"><use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-error"></use></svg><span class="error ui-error">' + json['error']['option'][i] + '</span>').parent().addClass('is-error');
                                                        } else {
                                                        element.after('<span class="error ui-error">' + json['error']['option'][i] + '</span>').addClass('is-error');
                                                    }
                                                }
                                            }

                                            if (json['error']['recurring']) {
                                                $('select[name=\'recurring_id\']').parent().after('<span class="error ui-error">' + json['error']['recurring'] + '</span>').parent().addClass('is-error');
                                            }

                                        }

                                        if (json['success']) {
                                            cartExrtaElem(json['total']);

                                            if ($('.js-cart-call').length) {
                                                $('.js-cart-call>button').trigger('click');
                                                } else {
                                                $('.alerts').append($('<div class="alert alert-success alert-dismissible fade show" role="alert"> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert" aria-label="Close"><svg class="icon-delete"><use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-delete"></use></svg></button></div>'));
                                            }
                                            $('#cart-total').html('<mark class="cart__counter" id="cart-total"> ' + json['total'] + '</mark>');

                                            $('#cart .cart__body').load('index.php?route=common/cart/info div.cart__scroll',function(){
                                                $('#cart input[type=\'number\']').styler();
                                            });
                                        }
                                    },
                                    error: function(xhr, ajaxOptions, thrownError) {
                                        alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                                    }
                                });
                            });


                            /*@preserve
                            * Tempus Dominus Bootstrap4 v5.1.2 (https://tempusdominus.github.io/bootstrap-4/)
                            * Copyright 2016-2018 Jonathan Peterson
                            * Licensed under MIT (https://github.com/tempusdominus/bootstrap-3/blob/master/LICENSE)
                            */
                            var $d = $('.date'),
                            $dt = $('.datetime'),
                            $t = $('.time');
                            if ($d.length) {
                                $d.datetimepicker({
                                    locale: '',
                                    format: 'L',
                                    icons: {
                                        previous: 'icon-datepicker icon-datepickerchevron-small-left',
                                        next: 'icon-datepicker icon-datepickerchevron-small-right'
                                    },
                                    pickTime: false
                                });
                            }
                            if ($dt.length) {
                                $dt.datetimepicker({
                                    locale: '',
                                    icons: {
                                        time: 'icon-datepicker icon-datepickerclock',
                                        date: 'icon-datepicker icon-datepickercalendar',
                                        up: 'icon-datepicker icon-datepickerchevron-small-up',
                                        down: 'icon-datepicker icon-datepickerchevron-small-down',
                                        previous: 'icon-datepicker icon-datepickerchevron-small-left',
                                        next: 'icon-datepicker icon-datepickerchevron-small-right'
                                    },
                                    pickDate: true,
                                    pickTime: true
                                });
                            }
                            if ($t.length) {
                                $t.datetimepicker({
                                    locale: '',
                                    format: 'LT',
                                    icons: {
                                        up: 'icon-datepicker icon-datepickerchevron-small-up',
                                        down: 'icon-datepicker icon-datepickerchevron-small-down'
                                    },
                                    pickDate: false
                                });
                            }


                            $('button[id^=\'button-upload\']').on('click', function() {
                                var node = this;

                                $('#form-upload').remove();

                                $('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input type="file" name="file" /></form>');

                                $('#form-upload input[name=\'file\']').trigger('click');

                                if (typeof timer != 'undefined') {
                                    clearInterval(timer);
                                }

                                timer = setInterval(function() {
                                    if ($('#form-upload input[name=\'file\']').val() != '') {
                                        clearInterval(timer);

                                        $.ajax({
                                            url: 'index.php?route=tool/upload',
                                            type: 'post',
                                            dataType: 'json',
                                            data: new FormData($('#form-upload')[0]),
                                            cache: false,
                                            contentType: false,
                                            processData: false,
                                            beforeSend: function() {
                                                $(node).button('loading');
                                            },
                                            complete: function() {
                                                $(node).button('reset');
                                            },
                                            success: function(json) {
                                                $('.ui-error').remove();

                                                if (json['error']) {
                                                    $(node).parent().find('input').after('<span class="error ui-error">' + json['error'] + '</span>');
                                                }

                                                if (json['success']) {
                                                    alert(json['success']);

                                                    $(node).parent().find('input').val(json['code']);
                                                }
                                            },
                                            error: function(xhr, ajaxOptions, thrownError) {
                                                alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                                            }
                                        });
                                    }
                                }, 500);
                            });

                            $('#review').delegate('.pagination a', 'click', function(e) {
                                e.preventDefault();

                                $('#review').fadeOut('slow');

                                $('#review').load(this.href);

                                $('#review').fadeIn('slow');
                            });


                            $('.sku').on('click', ' .comments__statistic a, .all_rew',  function(e) {
                                e.preventDefault();
                                $('#review').load('index.php?route=product/product/review&' + $(this).attr('data-link'));

                                if ($(this).hasClass('showmore')) {
                                    $('.showmore').hide();
                                    }else{
                                    $('.showmore').show();
                                }

                            });

                            var product_id = 936094;

                            function reviewAdd() {

                                $.ajax({
                                    url: 'index.php?route=product/product/write&product_id=' + product_id,
                                    type: 'post',
                                    dataType: 'json',
                                    data: $("#form-review").serialize(),
                                    beforeSend: function() {
                                        $('#form-review button').button('loading');
                                    },
                                    complete: function() {
                                        $('#form-review button').button('reset');
                                    },
                                    success: function(json) {
                                        $('.alert-dismissible').remove();

                                        if (json['error']) {
                                            $('#form-review').before('<div class="alert alert-danger alert-dismissible fade show" role="alert" style="margin-bottom: 2rem;"> ' + json['error'] + ' <button type="button" class="close" data-dismiss="alert" aria-label="Close"><svg class="icon-delete"><use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-delete"></use></svg></button></div>');

                                        }
                                        if (json['success']) {
                                            $('#form-review').before('<div class="alert alert-success alert-dismissible fade show" role="alert" style="margin-bottom: 2rem;"> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert" aria-label="Close"><svg class="icon-delete"><use xlink:href="catalog/view/theme/technics/sprites/sprite.svg#icon-delete"></use></svg></button></div>');

                                            $('input[name=\'name\']').val('');
                                            $('textarea[name=\'text\']').val('');
                                            $('textarea[name=\'text_plus\']').val('');
                                            $('textarea[name=\'text_minus\']').val('');
                                            $('input[name=\'rating\']:checked').prop('checked', false);

                                        }
                                    }
                                });
                            }

                            $(document).on('click','.comments__item-action a', function(e) {
                                e.preventDefault();

                                var subj = $(this);
                                var review_id = subj.attr("data-for");

                                var like = 0;
                                if (subj.hasClass('btn--good')) {  like = 1; }

                                $.ajax({
                                    url: 'index.php?route=product/product/like&review_id=' + review_id + '&islike=' + like,
                                    type: 'post',
                                    dataType: 'json',
                                    data: '',
                                    complete: function() {

                                    },
                                    success: function(json) {

                                        if (json['success']) {
                                            subj.find('span').text(json['success']['likes']);
                                        }
                                    }
                                });

                            });

                            $(document).on('click','.sku__rating', function(e) {
                                e.preventDefault();
                                $('html, body').animate({
                                    scrollTop: $('.comments').offset().top
                                }, 400);
                            });

                            $(document).on('ready', function() {
                                                                $('#review').load('index.php?route=product/product/review&product_id=' + 936094, function(e) {});
                                                            });


                            $('.product-kp-popup-close').click(function(){
                                $('.product-kp-popup').fadeOut();
                            });

                            $('.kp-show').click(function(){
                                $('.product-kp-popup').fadeIn();
                            });

                            const popup_Product = document.querySelector('.product-kp-popup');
                            const popup_Product_button = document.querySelector('.product-kp-block-text');

                            popup_Product_button.addEventListener('click', function () {
                                popup_Product.style.display = 'flex';
                                requestAnimationFrame(function() {
                                    popup_Product.style.opacity = '1';
                                })
                            })

                            popup_Product.addEventListener('click', function (e) {
                                if (e.target === popup_Product) {
                                    popup_Product.style.opacity = '0';
                                    popup_Product.addEventListener('transitionend', function transitionEndHandler() {
                                        popup_Product.style.display = 'none';
                                        popup_Product.removeEventListener('transitionend', transitionEndHandler)
                                    })
                                }
                            })

                    </script>
                </body></html>