<!-- Array
(
    [0] => Array
        (
            [product_id] => 704672
            [price] => 1.1900
            [quantity] => 27560
            [sku] => EU13-704672
            [model] => MO2157
            [color] => Черный, Синий, Белый, Серебряный
            [material] => Переработанный алюминий
            [brand] => 
            [product_size] => Ø1X13,9 CM
            [weight_gr] => Ø1X13,9 CM
            [markgroup] => Не указана
            [packaged_in] => Не указана
            [quantity_next_delivery] => 15000
            [quantity_in_cartbox] => 500
            [cartbox_measurements] => 0,375/0,19/0,165
            [cartbox_weight_kg] => 8,5
            [quantity_7_10_days] => 
            [main_image] => catalog/prod/image/midocean/mo2157-03.jpg
            [images] => Array
                (
                    [0] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-03.jpg
                    [1] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-03-back.jpg
                    [2] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-03-top.jpg
                    [3] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-03-open.jpg
                    [4] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-03-detail.jpg
                    [5] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-03-picture7.jpg
                    [6] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-04.jpg
                    [7] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-04-back.jpg
                    [8] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-04-side.jpg
                    [9] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-04-open.jpg
                    [10] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-04-detail.jpg
                    [11] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-04-picture7.jpg
                    [12] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-06.jpg
                    [13] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-06-back.jpg
                    [14] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-06-side.jpg
                    [15] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-06-open.jpg
                    [16] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-14.jpg
                    [17] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-14-back.jpg
                    [18] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-14-side.jpg
                    [19] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-14-open.jpg
                    [20] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-14-detail.jpg
                    [21] => index.php?route=common/cacheimage&manufacturer=midocean&nameImage=mo2157-14-picture7.jpg
                )

            [priceNow] => 1.1900
            [currency_prices] => Array
                (
                    [RUB] => Array
                        (
                            [without_vat] => 105.79
                            [with_vat] => 129.06
                            [old_price] => 129.06
                        )

                    [BYN] => Array
                        (
                            [without_vat] => 3.81
                            [with_vat] => 4.57
                            [old_price] => 4.57
                        )

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

                )

        )

)
 --><!doctype html>
<html dir="ltr" lang="en">
    <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>Stylus ball pen buy in bulk at a bargain price with your company logo | business gifts new-ton.org</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="Stylus ball pen European quality for logo printing. Order online inexpensively and quickly - we deliver &#127873; corporate gifts and business souvenirs from Europe in 15 days to Belarus, Russia and Kazakhstan.">
            <meta name="og:description" content="Stylus ball pen European quality for logo printing. Order online inexpensively and quickly - we deliver &#127873; corporate gifts and business souvenirs from Europe in 15 days to Belarus, Russia and Kazakhstan.">
                                    <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="Stylus ball pen buy in bulk at a bargain price with your company logo | business gifts new-ton.org " />
            <meta property="og:type" content="website">
            <meta property="og:url" content="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-sharikovye/en-ruchka-sharikovaja-704672">
                            <meta property="og:image" content="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-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?v1781106420">
                <link rel="stylesheet" href="catalog/view/theme/technics/css/bootstrap/3.3.5/bootstrap.min.css?v1781106420">
        <link rel="stylesheet" href="catalog/view/theme/technics/css/app.min.css?v1781106420">


        <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/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-sharikovye/en-ruchka-sharikovaja-704672" 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?v1781106420"></script>
    
    <script src="catalog/view/javascript/technics/bootstrap/3.3.5/bootstrap.min.js?v1781106420"></script>
    <script src="catalog/view/javascript/technics/app.min.js?v1781106420"></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":"     View all results     ","text_empty":"There is no product that matches the search criteria.","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');

            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) {
                            if (!currentVisibilityModal && !popupClosedCookie) {
                                showPopupOnThisTab();
                                setupPopupCloseHandlers();
                                setCookie('new_popup_closed', 'true', 7);
                            }
                        }
                    }

                    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 (!currentVisibilityModal && !getCookie('new_popup_closed')) {
                                showPopupOnThisTab();
                                setupPopupCloseHandlers();
                                setCookie('new_popup_closed', 'true', 7);
                            }
                        }
                    },
                    { passive: true }
                    );
                }

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

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

                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">Authorization</span></div>
                            <div class="signin__body">
                                <form action="https://new-ton.org/en-login" enctype="multipart/form-data" id="loginform" method="post">
                                    <label class="ui-label">Email</label>
                                    <div class="ui-field">
                                        <input class="ui-input" type="email" name="email" placeholder="Email" required>
                                    </div>
                                    <label class="ui-label">Password</label>
                                    <div class="ui-field">
                                        <input class="ui-input" type="password" name="password" placeholder="Password" required>
                                        <a href="https://new-ton.org/en-forgot-password">Forgot your password?</a>
                                    </div>
                                    <div class="signin__action">
                                        <button class="btn btn--blue" form="loginform" type="submit">Login</button>
                                        <a class="btn btn--link" href="https://new-ton.org/en-create-account">Register</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="EN " title="EN ">					  	
					  						   		english
					  						  				  				</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="eyJyb3V0ZSI6InByb2R1Y3RcL3Byb2R1Y3QiLCJ1cmwiOiImcHJvZHVjdF9pZD03MDQ2NzImcGF0aD0xXzEwMjM0XzEwNiIsInByb3RvY29sIjoiMSJ9" />
				</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/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-sharikovye/en-ruchka-sharikovaja-704672" />
        </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.90</li>
			         	</ul>
		      		</nav>
		       </div>
	       </div>	       
	       <div class="header_top-menu">
	       			       		 
	       			<ul>
	                       
	                        
    <li><a class="nav__topline-link" href="https://new-ton.org/en-about_us" >About Us</a></li>


    <li><a class="nav__topline-link" href="https://new-ton.org/frequently-asked-questions" >Frequently Asked Questions</a></li>


    <li><a class="nav__topline-link" href="https://new-ton.org/en-contact-us" >Contact</a></li>


    <li><a class="nav__topline-link" href="https://new-ton.org/en-delivery" >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/en"><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">Back call</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">Favorites</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>
            Shopping Cart
        </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">Cart</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>Clear
                </button>
            </div>
            <div class="cart__body">
                <div class="cart__scroll">
                                    <ul class="cart__list">
                    <li><div class="cart__item"><p>Your shopping cart is empty!</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">Account</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">Business gifts and&nbsp;merch <br> <span>from Europe in 15 days</span></div>
						<div class="header_callback">
									<a class="phone__link js-fancy-popup" href="#inline">Back call</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="en">
	<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" >New</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" >Diaries</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-en">Catalogs</a></li>


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


			        	<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/eco" >Eco-gifts</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/en-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/en-shopblog" >News and trands</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/en-podborki" >Collections</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" >Presentations</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" >New</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" >Diaries</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-en">Catalogs</a></li>


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


				     		<li><a class="nav__link nav__link--arrow" href="https://new-ton.org/eco" >Eco-gifts</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/en-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/en-shopblog" >News and trands</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/en-podborki" >Collections</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" >Presentations</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/en"><span>Home</span></a>
                                                    </li>
                                                                                <li>
                            <a class="breadcrumbs__link" href="https://new-ton.org/en-pismennye-prinadlezhnosti"><span>Pens</span></a>
                                                            <div class="breadcrumbs__dropdown">
                                    <ul class="breadcrumbs__submenu">
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-tekstil">Textile</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-sumki">Handbags</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-avtomobilnye-aksessuary">Car accessories</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-podborki">Gifts for the holidays</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-odezhda">Clothing</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-posuda-i-kuhonnye-prinadlezhnosti">Cookware and Kitchenware</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-bloknoty">Notepads</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/eco-en">Eco-gifts</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-dlja-kompjutera-i-telefona">Electronics</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-podarochnye-nabory">Gift sets</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-podarki-dlja-detej">Gifts for Kids</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-dlja-doma-i-avto">For home</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-dlja-otdyha-i-puteshestvij">Leisure goods</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/sale-en">sale</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-novogodnie-suveniry">New Year gifts</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-exclusive-products">Exclusive</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-delovye-aksessuary">Office souvenirs </a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-all-products">All products</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-upakovka">Package</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-prochee">Other</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-lichnye-aksessuary">Личные аксессуары</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-dlja-promoaktsij">For promotions</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-sportivnye-suveniry">Sports souvenirs</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-zonty">Umbrellas</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/vip-en">VIP gifts</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti">Pens</a></li>
                                                                            </ul>
                                </div>
                                                    </li>
                                                                                <li>
                            <a class="breadcrumbs__link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki"><span>Pens</span></a>
                                                            <div class="breadcrumbs__dropdown">
                                    <ul class="breadcrumbs__submenu">
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-tekstovydeliteli">Highlighters</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-markery">Markers</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-karandashi">Pencils</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki">Pens</a></li>
                                                                            </ul>
                                </div>
                                                    </li>
                                                                                <li>
                            <a class="breadcrumbs__link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-sharikovye"><span>Ballpoint pens</span></a>
                                                            <div class="breadcrumbs__dropdown">
                                    <ul class="breadcrumbs__submenu">
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-sharikovye">Ballpoint pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ehko-ruchki">Eco pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-perevye-ruchki">Fountain pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-gelevye-ruchki">Gel pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-s-podsvetko">Luminous pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-metallicheskie-ruchki">Metal pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-s-zerkalnoj-gravirovkoj">Mirror-engraved pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki">Original pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-parker">Parker pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-sterzhni">Pen Refil</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-na-podstavke">Stand handles</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-plastikovye-ruchki">Plastic pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-prodir-ruchki">Prodir pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-rollery">Roller pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-senator-ruchki">Senator pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-pismennye-podarochnye-nabory">Kits with pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-soft-tach">Soft touch pens </a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-stilus">Stylus pens</a></li>
                                                                                    <li><a class="breadcrumbs__submenu-link" href="https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-derevjannye-ruchki">Wooden pens</a></li>
                                                                            </ul>
                                </div>
                                                    </li>
                                                                                <li>Stylus ball pen</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":"704672","price":"1.1900","quantity":"27560","sku":"EU13-704672","model":"MO2157","color":"\u0427\u0435\u0440\u043d\u044b\u0439, \u0421\u0438\u043d\u0438\u0439, \u0411\u0435\u043b\u044b\u0439, \u0421\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0439","material":"\u041f\u0435\u0440\u0435\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u0430\u043b\u044e\u043c\u0438\u043d\u0438\u0439","brand":null,"product_size":"\u00d81X13,9 CM","weight_gr":"\u00d81X13,9 CM","markgroup":"\u041d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u0430","packaged_in":"\u041d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u0430","quantity_next_delivery":"15000","quantity_in_cartbox":"500","cartbox_measurements":"0,375\/0,19\/0,165","cartbox_weight_kg":"8,5","quantity_7_10_days":null,"main_image":"catalog\/prod\/image\/midocean\/mo2157-03.jpg","images":["index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-03.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-03-back.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-03-top.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-03-open.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-03-detail.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-03-picture7.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-04.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-04-back.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-04-side.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-04-open.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-04-detail.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-04-picture7.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-06.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-06-back.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-06-side.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-06-open.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-14.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-14-back.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-14-side.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-14-open.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-14-detail.jpg","index.php?route=common\/cacheimage&manufacturer=midocean&nameImage=mo2157-14-picture7.jpg"],"priceNow":"1.1900","currency_prices":{"RUB":{"without_vat":105.79000000000001,"with_vat":129.06,"old_price":129.06},"BYN":{"without_vat":3.8100000000000001,"with_vat":4.5700000000000003,"old_price":4.5700000000000003},"EUR":{"without_vat":1.1899999999999999,"old_price":1.1899999999999999}}}];
                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');
                            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) {
                                    stock.innerHTML = activeSource?.quantity + ' шт.';
                                    inStockIndicator.className = '';
                                    inStockIndicator.classList.add(inStockIndicatorColor);
                                    } else {
                                    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');

                            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',
                                },
                            };

                            for (const [key, value] of Object.entries(pricesMap)) {
                                if (priceWithNds?.textContent.includes(value.text)) {
                                    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">


                                        <script>
                                            window.addEventListener('load', function() {
                                                const promotronScript = document.createElement('script');
                                                promotronScript.src = 'https://app.promotron.com/promotron.js?api-key=3SCy0MrxxX0FoJb27zkPGNjKFwTKKj1aTNXmiUZm';
                                                document.head.appendChild(promotronScript);
                                            })
                                        </script>

                                                                                    <div class="promotronButton" data-tl-container="true">
                                                <button class="logoButton" id='button_promotron' data-tl-action="OpenEditor" data-tl-sid="Midocean" data-tl-spcode="MO2157">Нанести свой логотип <svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 24 24" style="width: 23px;height: 23px;">
                                                    <g fill="none" stroke-width="1.8" stroke="#34343470">
                                                        <path d="M11.008 5.758L6.933 8.02a2.04 2.04 0 0 0-1.046 1.786v4.388a2.04 2.04 0 0 0 1.046 1.786l4.075 2.262a2.04 2.04 0 0 0 1.984 0l4.075-2.262a2.04 2.04 0 0 0 1.046-1.786V9.806a2.04 2.04 0 0 0-1.046-1.786l-4.075-2.262a2.04 2.04 0 0 0-1.984 0Z"></path>
                                                        <path d="M17.699 8.577L12 12L6.301 8.577M12 18.494V12"></path>
                                                        <path stroke-linecap="round" stroke-linejoin="round" d="M21.25 7.889V5.833a3.083 3.083 0 0 0-3.083-3.083h-3.084m0 18.5h3.084a3.083 3.083 0 0 0 3.083-3.083V16.11m-18.5.001v2.056a3.083 3.083 0 0 0 3.083 3.083h3.084m0-18.5H5.833A3.083 3.083 0 0 0 2.75 5.833V7.89"></path>
                                                    </g>
                                                </svg></button>
                                            </div>
                                                                                <!--<script>
                                            const hide_jivosite = () => {
                                                jQuery("#jvlabelWrap").hide();
                                                jQuery("#jcont").hide();
                                            };
                                            document.querySelector('#button_promotron').addEventListener('click', hide_jivosite);

                                            window.addEventListener('scroll', function(event) {
                                                jQuery("#jvlabelWrap").show();
                                                jQuery("#jcont").show();
                                            }, true )
                                        </script>-->

                                        <script>
                                            window.addEventListener("load", () => {
                                                setTimeout(() => {
                                                    const promotron_btn = document.querySelector("main #button_promotron");

                                                    if (promotron_btn) {
                                                        let curr_date;
                                                        let timeOfUseInMinutes = 0;
                                                        let divSearchObserver = null;
                                                        let divSearchTimeout = null;
                                                        let existingDivs = [];

                                                        const send_statictics = (data) => {
                                                            const user_cookie = getCookie("customer_id");

                                                            if (user_cookie) {
                                                                data["user_id"] = user_cookie;
                                                            }

                                                            fetch("https://new-ton.org/api/scheduler/manage/logs", {
                                                                method: "POST",
                                                                headers: {
                                                                    "Content-Type": "application/json"
                                                                },
                                                                body: JSON.stringify(data)
                                                            })
                                                            .catch(error => console.error(error));
                                                        }

                                                        function startDivSearch() {
                                                            existingDivs = Array.from(document.querySelectorAll('div'));

                                                            if (divSearchObserver) {
                                                                divSearchObserver.disconnect();
                                                            }

                                                            divSearchObserver = new MutationObserver((mutations) => {
                                                                for (const mutation of mutations) {
                                                                    for (const node of mutation.addedNodes) {
                                                                        if (node.nodeType === 1 && node.tagName === 'DIV') {
                                                                            if (!existingDivs.includes(node)) {
                                                                                window.foundDivOnHover = node;
                                                                                stopDivSearch();
                                                                                return;
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            });

                                                            divSearchObserver.observe(document.body, {childList: true, subtree: true});
                                                        }

                                                        function stopDivSearch() {
                                                            if (divSearchObserver) {
                                                                divSearchObserver.disconnect();
                                                                divSearchObserver = null;
                                                            }
                                                            if (divSearchTimeout) {
                                                                clearTimeout(divSearchTimeout);
                                                                divSearchTimeout = null;
                                                            }
                                                        }

                                                        function trackNewDivAfterAction(callback) {
                                                            const existingDivs = new Set(document.querySelectorAll('div'));

                                                            const observer = new MutationObserver((mutations) => {
                                                                for (const mutation of mutations) {
                                                                    for (const node of mutation.addedNodes) {
                                                                        if (node.nodeType === 1 && node.tagName === 'DIV') {
                                                                            if (!existingDivs.has(node)) {
                                                                                observer.disconnect();
                                                                                callback(node);
                                                                                return;
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            });

                                                            observer.observe(document.body, { childList: true, subtree: true });

                                                            setTimeout(() => {
                                                                observer.disconnect();
                                                            }, 3000);
                                                        }

                                                        function trackDivRemoval(div, callback) {
                                                            const observer = new MutationObserver((mutations) => {
                                                                for (const mutation of mutations) {
                                                                    for (const node of mutation.removedNodes) {
                                                                        if (node === div) {
                                                                            observer.disconnect();
                                                                            callback();
                                                                            return;
                                                                        }
                                                                    }
                                                                }
                                                            });

                                                            if (div.parentNode) {
                                                                observer.observe(div.parentNode, { childList: true });
                                                                } else {
                                                                callback();
                                                            }

                                                            return observer;
                                                        }

                                                        promotron_btn.addEventListener("mouseenter", () => {
                                                            startDivSearch();
                                                        });

                                                        promotron_btn.addEventListener("mouseleave", () => {
                                                            divSearchTimeout = setTimeout(() => {
                                                                stopDivSearch();
                                                                window.foundDivOnHover = null;
                                                            }, 200);
                                                        });

                                                        promotron_btn.addEventListener("click", () => {
                                                            if (divSearchTimeout) {
                                                                clearTimeout(divSearchTimeout);
                                                                divSearchTimeout = null;
                                                            }

                                                            stopDivSearch();

                                                            curr_date = new Date();
                                                            send_statictics({ "e": "promotron", "e_type": "promotron_btn_clicked" });

                                                            if (window.foundDivOnHover) {
                                                                const promotronDiv = window.foundDivOnHover;
                                                                window.foundDivOnHover = null;

                                                                trackDivRemoval(promotronDiv, () => {
                                                                    timeOfUseInMinutes = ((new Date() - curr_date) / 1000 / 60).toFixed(2);
                                                                    send_statictics({ "e": "promotron", "e_type": "usageTime", "minutes": timeOfUseInMinutes });

                                                                    curr_date = null;
                                                                    timeOfUseInMinutes = 0;
                                                                });
                                                                } else {
                                                                trackNewDivAfterAction((promotronDiv) => {
                                                                    trackDivRemoval(promotronDiv, () => {
                                                                        timeOfUseInMinutes = ((new Date() - curr_date) / 1000 / 60).toFixed(2);
                                                                        send_statictics({ "e": "promotron", "e_type": "usageTime", "minutes": timeOfUseInMinutes });

                                                                        curr_date = null;
                                                                        timeOfUseInMinutes = 0;
                                                                    });
                                                                })
                                                            }
                                                        })
                                                    }
                                                }, 1000);
                                            })
                                        </script>
                                    

                                                                        <div class="sku__stickers ">
                                                                                                                                                                                                                                                                                    </div>
                                    <div class="sku__buttons">
                                                                                                                                                                    <div class="btn btn--info" title="Доставка только в РБ!" style="overflow: hidden;border-radius: 0;">
                                                <img src="https://new-ton.org/image/catalog/RB-FLAG.png" width="100%" height="auto" style="">
                                            </div>
                                                                                                                                                                <a class="btn btn--like" title="Add to Wish List" onclick="wishlist.add('704672');" >
                                            <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="
                                        Compare this Product
                                        " onclick="compare.add('
                                        704672
                                        ');" >
                                        <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/midocean/mo2157-03-400x400.webp
                                                                                                "
                                                alt="
                                                Stylus ball pen
                                                "
                                                title="
                                                Stylus ball pen
                                                "
                                                id="logoImgBlock"
                                                data-full="
                                                                                                    https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-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/midocean/mo2157-03-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-400x400.webp">
                                                        <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                    </div>
                                                                                                                                                                                                            <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-back-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-back-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-back-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-top-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-top-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-top-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-open-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-open-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-open-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-detail-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-detail-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-detail-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-picture7-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-picture7-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-picture7-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-back-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-back-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-back-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-side-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-side-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-side-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-open-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-open-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-open-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-detail-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-detail-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-detail-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-picture7-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-picture7-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-picture7-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-back-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-back-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-back-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-side-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-side-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-side-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-open-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-open-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-open-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-back-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-back-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-back-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-side-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-side-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-side-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-open-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-open-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-open-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-detail-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-detail-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-detail-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </div>
                                                                                                                                                                                                                <div class="sku__thumbs-item" data-full="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-picture7-1000x1000.webp" data-thumb="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-picture7-400x400.webp">
                                                            <img src="https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-picture7-70x70.webp" alt="Stylus ball pen" title="Stylus ball pen">
                                                        </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">EU13-704672</p><a href="https://new-ton.org/search/?search=&brand=0"><t></t></a>
                                                                                                                                                    <p class="sku__brand"></p>
                                                                                                <div class="sku__heading">
                                                    <h1>Stylus ball pen</h1>
                                                                                                    </div>
                                            </div>
                                            <div class="col-auto">
                                                <div class="sku__status">
                                                                                                            <div class="inStockGreen"></div>
                                                        <p class="sku__status-success">
                                                            В наличии: <b>
                                                                27560
                                                            шт. </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">
                                                    
                                                                                                        <!-- 1.19€-->
                                                    <p class="sku__price">
                                                                                                                                                                                    1.19
                                                                                                                                                                                        €
                                                                                                                    
                                                    </p>
                                                    <!-- <p class="sku__price">
                                                                                                                    1.19€
                                                                                                            </p> -->

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

                                                                <div class="papapa-block">
                                                                                                                                            <p class="papapa-price">129.06 ₽</p>
                                                                        <p class="papapa-price-nonds">Без НДС: <span style="font-weight: 600">105.79  ₽</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="Loading..." 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>

                                                                        Add to Cart
                                                                    </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="210" max="9999" value="210">
                                                            <input type="hidden" name="product_id" value="704672">
                                                        </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">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">Specification
                                                                <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">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">
                                                                Twist action ball pen in recycled aluminium with stylus. Blue ink.
                                                            </div>
                                                                                                                                                                            <button class="details__tabs-btn" data-tabs-btn="tab_attribute">Specification
                                                                <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">Features</h4>
                                                                                </div>
                                                                                                                                                                    <div class="col-6 col-md-4">
                                                                                        <dl class="details__info-dl">
                                                                                                                                                                                            <dt>Mark group</dt>
                                                                                                <dd>Not specified</dd>
                                                                                                                                                                                            <dt>Package</dt>
                                                                                                <dd>Not specified</dd>
                                                                                                                                                                                            <dt>Material</dt>
                                                                                                <dd>Recycled Aluminium</dd>
                                                                                                                                                                                    </dl>
                                                                                    </div>
                                                                                                                                                                    <div class="col-6 col-md-4">
                                                                                        <dl class="details__info-dl">
                                                                                                                                                                                            <dt>Product color</dt>
                                                                                                <dd>Black, Blue, White, Silver</dd>
                                                                                                                                                                                            <dt>Region</dt>
                                                                                                <dd>Europe</dd>
                                                                                                                                                                                    </dl>
                                                                                    </div>
                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                <div class="row">
                                                                                <div class="col-12 col-md-4">
                                                                                    <h4 class="details__info-heading">Product dimensions</h4>
                                                                                </div>
                                                                                                                                                                    <div class="col-6 col-md-4">
                                                                                        <dl class="details__info-dl">
                                                                                                                                                                                            <dt>Size</dt>
                                                                                                <dd>Ø1X13,9 CM</dd>
                                                                                                                                                                                    </dl>
                                                                                    </div>
                                                                                                                                                                    <div class="col-6 col-md-4">
                                                                                        <dl class="details__info-dl">
                                                                                                                                                                                            <dt>Product Weight</dt>
                                                                                                <dd>Ø1X13,9 CM</dd>
                                                                                                                                                                                    </dl>
                                                                                    </div>
                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                <div class="row">
                                                                                <div class="col-12 col-md-4">
                                                                                    <h4 class="details__info-heading">Transport packaging</h4>
                                                                                </div>
                                                                                                                                                                    <div class="col-6 col-md-4">
                                                                                        <dl class="details__info-dl">
                                                                                                                                                                                            <dt>Amount in a package</dt>
                                                                                                <dd>500</dd>
                                                                                                                                                                                            <dt>Packing size</dt>
                                                                                                <dd>0,375/0,19/0,165</dd>
                                                                                                                                                                                    </dl>
                                                                                    </div>
                                                                                                                                                                    <div class="col-6 col-md-4">
                                                                                        <dl class="details__info-dl">
                                                                                                                                                                                            <dt>Weight of packing</dt>
                                                                                                <dd>8,5</dd>
                                                                                                                                                                                    </dl>
                                                                                    </div>
                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                <div class="row">
                                                                                <div class="col-12 col-md-4">
                                                                                    <h4 class="details__info-heading">Quantity in stock</h4>
                                                                                </div>
                                                                                                                                                                    <div class="col-6 col-md-4">
                                                                                        <dl class="details__info-dl">
                                                                                                                                                                                            <dt>Quantity by color</dt>
                                                                                                <dd>Черный: 12621; Синий: 9495; Белый: 4989; Серебряный: 455;</dd>
                                                                                                                                                                                            <dt>Quantity in stock</dt>
                                                                                                <dd>27560</dd>
                                                                                                                                                                                    </dl>
                                                                                    </div>
                                                                                                                                                                    <div class="col-6 col-md-4">
                                                                                        <dl class="details__info-dl">
                                                                                                                                                                                            <dt>Next delivery quantity</dt>
                                                                                                <dd>15000</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>Short description</dt>
                                    <dd>Twist action ball pen in recycled aluminium with stylus. Blue ink.</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>
                                                        36069
                                                        шт.
                                                    </p>
                                                                                            </div>
                                        </div>

                                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/en-sharikovaja-ruchka-642"><img src="https://new-ton.org/image/promotron/COOL_AP845170-98.webp" loading="lazy" alt="Ballpoint pen" id="logoImgBlock" data-tl-sid="" data-tl-spcode="COOL"></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 class="btn--info--visualization" title="Доступна 3D визуализация логотипа!" style="overflow: hidden; opacity: 92%;">
                                                        <img src="https://new-ton.org/image/catalog/tronlogo3d_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">EU5-642</span>
                                                                                                                                        <a href="https://new-ton.org/en-sharikovaja-ruchka-642" class="products__item-title">Ballpoint pen</a>
                                                                                                <span class="products__item-price">
                                                                                                                                                                                                                        
                                                                                                                                                                                    <!-- 0.86€ -->
                                                                0.86
                                                                                                                                    €
                                                                                                                            
                                                            <span class="price-info">

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

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

                                                                                                                            <u>0.91  € </u>
                                                            

                                                                                                                                <button type="button" class="addCartButtonNew btn btn--cart" title="Add to Cart" onclick="cart.add('642', '290');" >
                                                                        <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>
                                                        13942
                                                        шт.
                                                    </p>
                                                                                            </div>
                                        </div>

                                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/en-sensornaja-sharikovaja-ruchka-227"><img src="https://new-ton.org/image/promotron/COOL_AP791581-01.webp" loading="lazy" alt="Touch ballpoint pen" id="logoImgBlock" data-tl-sid="" data-tl-spcode="COOL"></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 class="btn--info--visualization" title="Доступна 3D визуализация логотипа!" style="overflow: hidden; opacity: 92%;">
                                                        <img src="https://new-ton.org/image/catalog/tronlogo3d_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">EU5-227</span>
                                                                                                                                        <a href="https://new-ton.org/en-sensornaja-sharikovaja-ruchka-227" class="products__item-title">Touch ballpoint pen</a>
                                                                                                <span class="products__item-price">
                                                                                                                                                                                                                        
                                                                                                                                                                                    <!-- 0.95€ -->
                                                                0.95
                                                                                                                                    €
                                                                                                                            
                                                            <span class="price-info">

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

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

                                                                                                                            <u>1.05  € </u>
                                                            

                                                                                                                                <button type="button" class="addCartButtonNew btn btn--cart" title="Add to Cart" onclick="cart.add('227', '263');" >
                                                                        <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>
                                                        8659
                                                        шт.
                                                    </p>
                                                                                            </div>
                                        </div>

                                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/en-ruchka-sharikovaja-vancouver-antratsit-92644"><img src="https://new-ton.org/image/promotron/Inspirion_56-1101945.webp" loading="lazy" alt="Ballpoint pen VANCOUVER, anthracite" id="logoImgBlock" data-tl-sid="" data-tl-spcode="Inspirion"></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 class="btn--info--visualization" title="Доступна 3D визуализация логотипа!" style="overflow: hidden; opacity: 92%;">
                                                        <img src="https://new-ton.org/image/catalog/tronlogo3d_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">EU7-92644</span>
                                                                                                                                        <a href="https://new-ton.org/en-ruchka-sharikovaja-vancouver-antratsit-92644" class="products__item-title">Ballpoint pen VANCOUVER, anthracite</a>
                                                                                                <span class="products__item-price">
                                                                                                                                                                                                                        
                                                                                                                                                                                    <!-- 1.00€ -->
                                                                1.00
                                                                                                                                    €
                                                                                                                            
                                                            <span class="price-info">

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

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

                                                            
                                                                                                                                <button type="button" class="addCartButtonNew btn btn--cart" title="Add to Cart" onclick="cart.add('92644', '250');" >
                                                                        <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>
                                                        21245
                                                        шт.
                                                    </p>
                                                                                            </div>
                                        </div>

                                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/en-moneta-ruchka-iz-pererabotannogo-aljuminija-485250"><img src="https://new-ton.org/image/promotron/PF_10782241.webp" loading="lazy" alt="Moneta recycled aluminium ballpoint pen" id="logoImgBlock" data-tl-sid="" data-tl-spcode="PF"></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 class="btn--info--visualization" title="Доступна 3D визуализация логотипа!" style="overflow: hidden; opacity: 92%;">
                                                        <img src="https://new-ton.org/image/catalog/tronlogo3d_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">EU15-485250</span>
                                                                                                                                        <a href="https://new-ton.org/en-moneta-ruchka-iz-pererabotannogo-aljuminija-485250" class="products__item-title">Moneta recycled aluminium ballpoint pen</a>
                                                                                                <span class="products__item-price">
                                                                                                                                                                                                                        
                                                                                                                                                                                    <!-- 0.97€ -->
                                                                0.97
                                                                                                                                    €
                                                                                                                            
                                                            <span class="price-info">

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

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

                                                                                                                            <u>1.23  € </u>
                                                            

                                                                                                                                <button type="button" class="addCartButtonNew btn btn--cart" title="Add to Cart" onclick="cart.add('485250', '257');" >
                                                                        <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>
                                                        9067
                                                        шт.
                                                    </p>
                                                                                            </div>
                                        </div>

                                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/en-sharikovaja-ruchka-500448"><img src="https://new-ton.org/image/promotron/COOL_AP733356.webp" loading="lazy" alt="Ballpoint pen" id="logoImgBlock" data-tl-sid="" data-tl-spcode="COOL"></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 class="btn--info--visualization" title="Доступна 3D визуализация логотипа!" style="overflow: hidden; opacity: 92%;">
                                                        <img src="https://new-ton.org/image/catalog/tronlogo3d_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">EU5-500448</span>
                                                                                                                                        <a href="https://new-ton.org/en-sharikovaja-ruchka-500448" class="products__item-title">Ballpoint pen</a>
                                                                                                <span class="products__item-price">
                                                                                                                                                                                                                        
                                                                                                                                                                                    <!-- 1.00€ -->
                                                                1.00
                                                                                                                                    €
                                                                                                                            
                                                            <span class="price-info">

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

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

                                                            
                                                                                                                                <button type="button" class="addCartButtonNew btn btn--cart" title="Add to Cart" onclick="cart.add('500448', '250');" >
                                                                        <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>
                                                        18029
                                                        шт.
                                                    </p>
                                                                                            </div>
                                        </div>

                                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/en-sharikovaja-ruchka-bez-chernil-500410"><img src="https://new-ton.org/image/promotron/COOL_AP808073-06.webp" loading="lazy" alt="Inkless ballpoint pen" id="logoImgBlock" data-tl-sid="" data-tl-spcode="COOL"></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 class="btn--info--visualization" title="Доступна 3D визуализация логотипа!" style="overflow: hidden; opacity: 92%;">
                                                        <img src="https://new-ton.org/image/catalog/tronlogo3d_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">EU5-500410</span>
                                                                                                                                        <a href="https://new-ton.org/en-sharikovaja-ruchka-bez-chernil-500410" class="products__item-title">Inkless ballpoint pen</a>
                                                                                                <span class="products__item-price">
                                                                                                                                                                                                                        
                                                                                                                                                                                    <!-- 1.23€ -->
                                                                1.23
                                                                                                                                    €
                                                                                                                            
                                                            <span class="price-info">

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

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

                                                            
                                                                                                                                <button type="button" class="addCartButtonNew btn btn--cart" title="Add to Cart" onclick="cart.add('500410', '203');" >
                                                                        <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>
                                                        29400
                                                        шт.
                                                    </p>
                                                                                            </div>
                                        </div>

                                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/en-ruchka-gradoks-241909"><img src="https://new-ton.org/image/cache/catalog/prod/image/makito/6332E36686D702959AD30A6E039757A0COLLAGECOLLAGE-260x260.webp" loading="lazy" alt="Pen Gradox" 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 class="btn--info--visualization" title="Доступна 3D визуализация логотипа!" style="overflow: hidden; opacity: 92%;">
                                                        <img src="https://new-ton.org/image/catalog/tronlogo3d_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-241909</span>
                                                                                                                                        <a href="https://new-ton.org/en-ruchka-gradoks-241909" class="products__item-title">Pen Gradox</a>
                                                                                                <span class="products__item-price">
                                                                                                                                                                                                                        
                                                                                                                                                                                    <!-- 1.19€ -->
                                                                1.19
                                                                                                                                    €
                                                                                                                            
                                                            <span class="price-info">

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

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

                                                                                                                            <u>1.37  € </u>
                                                            

                                                                                                                                <button type="button" class="addCartButtonNew btn btn--cart" title="Add to Cart" onclick="cart.add('241909', '210');" >
                                                                        <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>
                                                        29937
                                                        шт.
                                                    </p>
                                                                                            </div>
                                        </div>

                                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/en-sharikovaja-ruchka-742"><img src="https://new-ton.org/image/promotron/COOL_AP845170-03.webp" loading="lazy" alt="Ballpoint pen" id="logoImgBlock" data-tl-sid="" data-tl-spcode="COOL"></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 class="btn--info--visualization" title="Доступна 3D визуализация логотипа!" style="overflow: hidden; opacity: 92%;">
                                                        <img src="https://new-ton.org/image/catalog/tronlogo3d_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">EU5-742</span>
                                                                                                                                        <a href="https://new-ton.org/en-sharikovaja-ruchka-742" class="products__item-title">Ballpoint pen</a>
                                                                                                <span class="products__item-price">
                                                                                                                                                                                                                        
                                                                                                                                                                                    <!-- 0.86€ -->
                                                                0.86
                                                                                                                                    €
                                                                                                                            
                                                            <span class="price-info">

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

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

                                                                                                                            <u>0.91  € </u>
                                                            

                                                                                                                                <button type="button" class="addCartButtonNew btn btn--cart" title="Add to Cart" onclick="cart.add('742', '290');" >
                                                                        <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>
                                                        14350
                                                        шт.
                                                    </p>
                                                                                            </div>
                                        </div>

                                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/en-sharikovaja-ruchka-232921"><img src="https://new-ton.org/image/promotron/COOL_AP722532-10.webp" loading="lazy" alt="Ballpoint pen" id="logoImgBlock" data-tl-sid="" data-tl-spcode="COOL"></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 class="btn--info--visualization" title="Доступна 3D визуализация логотипа!" style="overflow: hidden; opacity: 92%;">
                                                        <img src="https://new-ton.org/image/catalog/tronlogo3d_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">EU5-232921</span>
                                                                                                                                        <a href="https://new-ton.org/en-sharikovaja-ruchka-232921" class="products__item-title">Ballpoint pen</a>
                                                                                                <span class="products__item-price">
                                                                                                                                                                                                                        
                                                                                                                                                                                    <!-- 0.84€ -->
                                                                0.84
                                                                                                                                    €
                                                                                                                            
                                                            <span class="price-info">

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

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

                                                                                                                            <u>1.02  € </u>
                                                            

                                                                                                                                <button type="button" class="addCartButtonNew btn btn--cart" title="Add to Cart" onclick="cart.add('232921', '297');" >
                                                                        <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>
                                                        2654
                                                        шт.
                                                    </p>
                                                                                            </div>
                                        </div>

                                                                                                                                                                            <div class="products__item-images"><a href="https://new-ton.org/en-aljuminievaja-ruchka-avtomaticheskaja-moneta-328282"><img src="https://new-ton.org/image/promotron/PF_10744005.webp" loading="lazy" alt="Moneta aluminium click ballpoint pen" id="logoImgBlock" data-tl-sid="" data-tl-spcode="PF"></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 class="btn--info--visualization" title="Доступна 3D визуализация логотипа!" style="overflow: hidden; opacity: 92%;">
                                                        <img src="https://new-ton.org/image/catalog/tronlogo3d_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">EU15-328282</span>
                                                                                                                                        <a href="https://new-ton.org/en-aljuminievaja-ruchka-avtomaticheskaja-moneta-328282" class="products__item-title">Moneta aluminium click ballpoint pen</a>
                                                                                                <span class="products__item-price">
                                                                                                                                                                                                                        
                                                                                                                                                                                    <!-- 0.69€ -->
                                                                0.69
                                                                                                                                    €
                                                                                                                            
                                                            <span class="price-info">

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

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

                                                                                                                            <u>1.16  € </u>
                                                            

                                                                                                                                <button type="button" class="addCartButtonNew btn btn--cart" title="Add to Cart" onclick="cart.add('328282', '362');" >
                                                                        <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='Stylus ball pen' 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="Name: " alt="Name: ">
					</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">New-Ton Company</div>
																		<ul>
						  						  <li><a href="https://new-ton.org/en-about_us" >About Us</a></li>
						  						  <li><a href="https://new-ton.org/our-team" >Our team</a></li>
						  						  <li><a href="https://new-ton.org/en-reklamnym-agenstvam" >For advertising agencies</a></li>
						  						  <li><a href="https://new-ton.org/for-the-foreign-organizations-en" >For the foreign organizations</a></li>
						  						  <li><a href="https://new-ton.org/en-shopnews/otzivi" >News</a></li>
						  						  <li><a href="https://new-ton.org/en-sitemap" >Sitemap</a></li>
						  						  <li><a href="https://new-ton.org/all-brands-eu" >Brands</a></li>
						  						</ul>
								            </div>
						            <div class="footer-menu_col">
													<div class="footer-menu_col-title">Souvenirs with the logo</div>
																		<ul>
						  						  <li><a href="https://new-ton.org/en-digest" >Dijest</a></li>
						  						  <li><a href="https://new-ton.org/en-shopblog" >Blog</a></li>
						  						  <li><a href="https://new-ton.org/logo-application" >Logo application</a></li>
						  						  <li><a href="https://new-ton.org/corporate-gifts" >Corporate gifts</a></li>
						  						  <li><a href="https://new-ton.org/frequently-asked-questions" >Frequently Asked Questions</a></li>
						  						  <li><a href="https://new-ton.org/review-of-european-catalogs-en" >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/en",
                                                "name": "Home"
                                            }
                                        },                                                                                {
                                            "@type": "ListItem",
                                            "position": 2,
                                            "item": {
                                                "@id": "https://new-ton.org/en-pismennye-prinadlezhnosti",
                                                "name": "Pens"
                                            }
                                        },                                                                                {
                                            "@type": "ListItem",
                                            "position": 3,
                                            "item": {
                                                "@id": "https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki",
                                                "name": "Pens"
                                            }
                                        },                                                                                {
                                            "@type": "ListItem",
                                            "position": 4,
                                            "item": {
                                                "@id": "https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-sharikovye",
                                                "name": "Ballpoint pens"
                                            }
                                        },                                                                                {
                                            "@type": "ListItem",
                                            "position": 5,
                                            "item": {
                                                "@id": "https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-sharikovye/en-ruchka-sharikovaja-704672",
                                                "name": "Stylus ball pen"
                                            }
                                        }                                                                            ]
                                }
                            </script>
                            <script type="application/ld+json">
                                {
                                    "@context": "http://schema.org/",
                                    "@type": "Product",
                                    "name": "Stylus ball pen",
                                    "image": [
                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-1000x1000.webp",                                                                                                                                                                                                        "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-back-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-top-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-open-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-detail-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-03-picture7-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-back-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-side-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-open-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-detail-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-04-picture7-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-back-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-side-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-06-open-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-back-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-side-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-open-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-detail-1000x1000.webp",                                                                                                                                                                "https://new-ton.org/image/cache/catalog/prod/image/midocean/mo2157-14-picture7-1000x1000.webp"                                                                                                                                                            ],
                                    "description": "Twist action ball pen in recycled aluminium with stylus. Blue ink.",
                                    "mpn": "MO2157",
                                    "sku": "MO2157",
                                    "brand": "Midocean",
                                                                        "offers": {
                                        "@type": "Offer",
                                        "url": "https://new-ton.org/en-pismennye-prinadlezhnosti/en-ruchki/en-ruchki-sharikovye/en-ruchka-sharikovaja-704672",
                                        "priceCurrency": "EUR",
                                                                                "price": "1",
                                                                                                                        "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: 'en-gb',
                                        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: 'en-gb',
                                        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: 'en-gb',
                                        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 = 704672;

                                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=' + 704672, 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>