@charset "utf-8";
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*.grabbing{cursor:url(grabbing.png) 8 8,move}*/
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}
.f_l{float:left}
.f_r{float:right}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.main_content{margin:auto;width:800px}
.desc{width:300px}
.image img{border:1px solid silver;padding:5px;width:450px}
#data option:selected,#data ::-moz-selection{background:red}
.finder{height:135px!important;border-bottom:1px dotted gray}
*{margin:0;padding:0;border:0;outline:none;line-height:1.5;background-color:transparent;vertical-align:baseline;-webkit-text-size-adjust:none;outline:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);word-wrap:break-word;}
html,body{/*height:100%*/}
html{font-size:100.01%;-webkit-text-size-adjust:100.01%;-ms-text-size-adjust:100.01%;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#f3f5f6;-ms-text-size-adjust:100%}
body{font-family:"Helvetica CY","Nimbus Sans L",Arial,sans-serif;min-width:240px;color:#333;box-sizing: border-box;width: 100%;height: 100%;}

@media all and (min-resolution: 120dpi) {
html{font-size:50%;-webkit-text-size-adjust:50%;-ms-text-size-adjust:50%}
html,x:-moz-any-link{font-size:62.5%}}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;max-width:100%}
a img{border:none}
img{-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}
.figure{display:inline-block;}
blockquote,q{quotes:none}
textarea,select,option,input,label,.frame_label{font-style:normal;font-size:12px;font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif;vertical-align:baseline}
input[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{padding:0!important;border:0!important}
input[type="radio"],input[type="checkbox"]{width:auto;height:auto;padding:0;line-height:normal;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0 \9;vertical-align:top}
/* Общие стили для радио-кнопок (квадратный стиль) */
#np-type-select label{display:flex;align-items:center;cursor:pointer;margin-bottom:8px;font-family:Arial,sans-serif;font-size:16px;color:#444;user-select:none}
/* Скрываем стандартный вид радио-кнопок */
#np-type-select input[type="radio"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:25px;height:25px;top:-3px;border:2px solid #e55d16;border-radius:3px;margin-right:8px;position:relative;cursor:pointer;transition:all 0.2s ease-in-out;background-color:#fff}
/* Галочка внутри квадрата при выборе */
#np-type-select input[type="radio"]:checked::before{content:'✔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#e55d16}
/* Эффект при наведении */
#np-type-select input[type="radio"]:hover {box-shadow: 0 0 0 4px rgba(229, 93, 22, 0.15);}
/* Скрытый label с подсказкой */
#werehouse_type_label {font-size: 13px;color: #777;font-style: italic;margin-top: 5px;}

input[type="button"],input[type="reset"]{overflow:visible}
input[type="submit"]:hover {background: linear-gradient(0deg, #ebebeb, #c7c7c7d1, #fffffffc) !important;color: #ff6600 !important;}
label,.frame_label{text-shadow:0 1px #fff;margin-bottom:26px;line-height:1.2}
input[type="reset"],input[type="submit"],label,select,.pointer,button,.frame_label{cursor:pointer}
input[type="text"],input[type="password"],textarea,select{width:100%;border:1px solid;color:#333;-webkit-border-radius:2px;border-radius:2px;vertical-align:middle;background-color:#fff}
input[type="text"]{padding: 5px 0;}
select{padding-right:0}
input[type="text"],input[type="password"],select{height:34px;font-size:24px}
textarea{overflow:auto;max-width:100%}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;cursor:not-allowed}
.errors{background-color:#ffe8e8;border:1px solid #f27676;color:#e42e2e;text-align:left;padding:5px;margin-bottom:10px}
.err_404{text-align:center;margin: 30px 10px 0 10px;}
.text .err_404 p{color:#999}
a{color:#b70000;text-decoration:none}
a:hover{color:#eb3824;text-decoration:underline}
.href_hover{color:#eb3824}
a:active,a:focus{outline:none;color:#eb3824}
.red{color:#eb3824}
a.red:active,a.red:focus{color:#3a88cc}
:focus,a:hover,a:active{outline:0}
blockquote:before,blockquote:after,q:before,q:after{content:none}
.text p {padding-bottom: 1px !important;}
.t_box {background-color: #efecec;display: inline-block;padding: 0 5px;}
.t_box a {color: #b50300;font-weight: 600;}
.tovar_description h3 {margin-bottom: 10px;}
h3.charact{text-transform: uppercase; color: #979797; display: inline; border-bottom: 2px solid; padding-bottom: 5px;}
.text ul {padding-bottom: 12px;}
.text ul li:before {content: "•";color: #b40a0a;padding-right: 5px;}

.text.tovar_description,.short-desc {font-family: Verdana, Geneva, sans-serif;font-size: 15px;}
.tovar_description{padding:0 10px 0 15px;clear:both;padding-top:20px;background:#ffffff;}
/* ===== Кастомный список с оранжевыми точками ===== */
ul.orange-bullets li {list-style: none;position: relative;padding-left: 18px;}
ul.orange-bullets li::before {content: "●";color: #f24800;font-size: 10px;position: absolute;left: 0;top: 3px;display: inline-block;}
/*.tovar_description dt {font-size: 18px !important;text-align: left!important;}*/
div.text.tovar_description dl dt {font-size: 18px;text-align: left;}
.text h1,
.text dt {color: #3c3b3b;margin: 0 0 9px;text-align: center;font-size: 21px;font-weight: 700;background: #d3d3d380;border-bottom: 2px solid #cfcfcf;line-height: 1.5;}
.linetr {border-bottom-style: solid;border-bottom-width: 1px;color: #b1b0b0;}
.alert{font-size:20px;margin:0 -25px;padding:0 25px 22px}
.head_cle_foot{border:0;border-bottom:1px solid #999}
.helper{vertical-align:middle;width:0;padding:0!important;border:0!important;display:inline-block;height:100%}
.price{margin:6px 0;font-size:36px;padding: 12px 0 0 10px;}
.clr_prs{color: #ff7e00;}
a.colword {font-size: 14px;text-transform: uppercase !important;font-weight: 600;text-decoration: none !important;border-bottom: 1px dashed #eb4009;}
.descr .price.h_f {width: 120px;height: 35px;}
.price.h_f {display: flex;justify-content: center;align-items: center;background: #db2525;color: #fff;font-size: 16px;font-weight: bold;text-align: center;padding: 5px 10px;white-space: nowrap;}
.p_r{position:relative}
.b_n{background:none!important}
.f_l{float:left;margin-right: 5px;}
.f_r{float:right}
.v-a_m{vertical-align:bottom;display:inline-block;box-sizing: border-box;color: white !important;top:8px;}
a.check_filter.h_f .v-a_m {vertical-align: middle;}
img.logo_head {transform: translate(8px) scale(1.2);}
.d-i_b{display:inline-block;float:none!important}
.d_b{display: flex;justify-content: center;max-width: 640px;}
.t-a_c{text-align:center}
.t-a_l{text-align:left;padding: 0 0 0 5px;}
.t-d_u{text-decoration:underline!important}
.t-d_n{text-decoration:none!important}
.o_h{overflow:hidden}
.m-t_10{margin-top:10px}
.m-t_30{margin-top:30px}
.h_f,.main_f_i_f-r{background:url(../images/h_f.png) repeat-x}
/*.list_item,.pagination li>a,.pagination li>span,.subm_filter input,.search_button,.frame_search .frame_input span,.niceCheck{background:url(../images/sprite.png) no-repeat}*/
.list_item,.pagination li>a,.pagination li>span,.subm_filter input,.niceCheck{background:url(../images/sprite.png) no-repeat}
.icon{display:inline-block;position:relative}
.cont_icon{width:45px;height:42px}
a.search_line {background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/icons_search_2.svg)center no-repeat;background-size: 65px 45px;background-position-y: 15px;}
.search_icon{height:50px;}
.icon.search_icon:hover{background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/icons_search_2.svg)no-repeat;}
a:focus .search_icon,a:hover .search_icon{background-position:-48px -42px}
a.frame_cleaner {background: url(/templates/commerce_mobiles/images/shop_card.svg) center no-repeat;background-size: 65px 45px;background-position-y: 15px;}
.cleaner_icon{width:49px;height:50px;}
a:focus .cleaner_icon,a:hover .cleaner_icon{background-position:-150px -283px}
.count_cleaner{top:0;left:0;width:32px;height:32px;position:absolute;padding:2px;background-color:#fff;-moz-box-shadow:0 5px 5px rgba(33,33,33,0.4);-webkit-box-shadow:0 5px 5px rgba(33,33,33,0.4);box-shadow:0 5px 5px rgba(33,33,33,0.4);font-weight:700;color:#fff;font-size:16px;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px}
.count_cleaner>span{width:32px;height:32px;line-height:32px;display:block;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;background:#ef6766;background:-moz-linear-gradient(top,#ef6766 0%,#c70c0c 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ef6766),color-stop(100%,#c70c0c));background:-webkit-linear-gradient(top,#ef6766 0%,#c70c0c 100%);background:-o-linear-gradient(top,#ef6766 0%,#c70c0c 100%);background:-ms-linear-gradient(top,#ef6766 0%,#c70c0c 100%);background:linear-gradient(to bottom,#ef6766 0%,#c70c0c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6766',endColorstr='#c70c0c',GradientType=0)}
.profile_icon {width: 44px;height: 50px;background-position: 0 0;background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/enter_icons_man.svg)no-repeat}
/*a:focus .profile_icon,a:hover .profile_icon{background-position:0 -39px}*/
.arrow{width:18px;height:30px;background-position:-129px 0}
.active .arrow{width:29px;height:19px;background-position:-150px 0}
.phone{width:48px;height:48px;background-position:-184px 0;padding-bottom: 12px;vertical-align:middle;background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/web_phone.svg) no-repeat}
.comp{width:51px;height:43px;margin:0 8px;background-position:-218px 0;vertical-align:middle}
.check_filter_ico{width:30px;height:29px;background-position:-218px -50px;top:50%;position:absolute;margin-top:-15px;left:11px;}
.check_other_variant{width:34px;height:34px;background-position:-200px -283px;top:50%;position:absolute;margin-top:-17px;left:11px}
/*.search_ico{width:22px;height:22px;background-position:-436px -50px;position:absolute;left:11px;top:11px;z-index:1;background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/icons_search_2.svg)no-repeat}*/
.search_ico {width: 22px;height: 22px;position: absolute;left: 8px;top: 12px;z-index: 1;background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/icons_search_2.svg) no-repeat;}
.header{border-bottom:1px solid #a5a5a5;background-color:#f2f2f2;overflow:hidden;text-align:center;clear:both;overflow:hidden;box-shadow: 1px 3px 10px 1px rgba(146, 147, 148, 0.54);}
.header ul{overflow:hidden;float:right;width:65%;white-space:nowrap;letter-spacing:-1px;background:#F7F7F7;background:-webkit-gradient(linear,0 0,0 bottom,from(#F7F7F7),to(#d2d2d2));background:-webkit-linear-gradient(#F7F7F7,#d2d2d2);background:-moz-linear-gradient(#F7F7F7,#d2d2d2);background:-ms-linear-gradient(#F7F7F7,#d2d2d2);background:-o-linear-gradient(#F7F7F7,#d2d2d2);background:linear-gradient(#F7F7F7,#d2d2d2);-pie-background:linear-gradient(#F7F7F7,#d2d2d2)}
.header li{display:inline-block;width:33.3%;text-align:center;vertical-align:top;letter-spacing:normal}
.header li a{font-weight:700;text-shadow:0 1px #fff;display:block;height:83px;padding-top:10px;font-size:12px;border-width:0 1px;border-style:solid;border-left-color:#818181;border-right-color:#fff;white-space:normal}
.header .frame_cleaner{border-right:0}
.header li a:focus,.header li a:hover{background-color:#ffbf00;color:#fff!important}
.logo{width:30%;padding:0 2%;height:93px;white-space:nowrap}
.logo .helper{height:93px}
a.f_l.logo {align-items: center;display: flex;}
.content_head{padding:0 20px;overflow:hidden}
.head_foot{height:14px;width:100%;position:absolute;z-index:1;top:94px;left:0;font-size:0}
.baner{background-color:#fff;text-align:center}
.baner img{max-height:100%;max-width:100%}


/*начало блока меню*/

/*************************************************/
.menu-wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;}
.main_menu {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;}
ul.main_menu {box-sizing: border-box;align-items: center;justify-content: center;}
.main_menu li { /* По умолчанию в одну колонку */box-sizing: border-box;padding: 5px;}

/* Два столбца на мобильных устройствах */
@media (max-width: 768px) {
    .main_menu li {width: 48%;}}

@media (max-width: 400px) {
.main_menu li {
    }
}
/* При наведении или клике фон светлеет */
.main_menu li:nth-child(1) a:hover,
.main_menu li:nth-child(1) a:active {
    filter: brightness(100%);
}
/* Затемняющий слой (не влияет на текст) */
.main_menu li:nth-child(n) a::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5); /* Затемнение 50% */z-index: 1; /* Отправляем затемнение под текст */transition: background 0.3s ease-in-out;
}
/* Текст должен быть выше затемнения */
.main_menu li:nth-child(n) a span {position: relative;z-index: 2;}

/* При наведении или клике фон светлеет */
.main_menu li:nth-child(n) a:hover::before,
.main_menu li:nth-child(n) a:active::before {background: rgba(0, 0, 0, 0.1);}
/*****************************************************/

.main_menu .pointer{display:block;border-width:1px 0;border-style:solid;border-top-color:#fff;border-bottom-color:#999;background-color:#f2f2f2;padding:0 15px;position:relative;overflow:hidden}
.main_menu .pointer .f_l{padding:8px 35px 8px 0;min-height:100px}
.main_menu .pointer .helper{height:75px}
.main_menu ul{display:none}
.main_menu>li>ul{background-color:#474749}
.main_menu ul li{border-top:1px solid #b6b6b6;overflow:hidden}
.main_menu ul li:first-child{border-top:0}
.main_menu ul li a{min-height:70px;position:relative;padding:7px 0 7px 36px;display:block;color:#fff}
.main_menu ul li li a{padding-left:50px}
.main_menu ul li li .list_item{left:38px}
.main_menu ul li a .v-a_m{width:90%}
.main_menu ul li li{border-top-color:#74b7f2}
.main_menu ul li .list_item{position:absolute;left:25px;top:50%;color:#fff;width:5px;height:9px;background-position:-129px -33px;margin-top:-4px}
.main_menu ul li .helper{height:70px}
.arrow_frame{position:absolute;right:15px;top:50%;margin-top:-13px}
.iconn {background: url(/templates/commerce_mobiles/images/right-arrow-button.svg)no-repeat;background-size:contain; width:35px;height:27px;background-position: center;z-index: 2;position: relative;top: 28px;left: 15px;}
.iconn:hover {transform: rotate(90deg);}
.main_menu>li>ul>li>ul{background-color:#3a88cb}
.mainBody{min-height:100%; background-color:#f0efef70;}
.crumbs{padding-top:20px}
.crumbs a{padding:6px 0;display:inline-block}
h1,.title_h1{font-weight:400;margin:9px 0}
.content_head h1{margin-top:5px;font-size: 30px;}
.crumbs h1{margin-top:11px}
a.check_filter,div.check_filter{float:left;color:#C80000;margin:14px 0;position:relative;font-size:0;border-radius:10px;border: 4px solid #d04f06;}
div.check_filter{margin-left:25px;margin-top:0}
/*.catalog.variants_product{display:none;padding-top:20px}*/
.catalog.variants_product>li{padding-left:28px;padding-right:28px;margin-top:15px;}
a.check_filter:focus,div.check_filter:focus{color:#c80000}
a.check_filter .title,div.check_filter .title{display:block;margin-left:54px;}
a.check_filter .helper,div.check_filter .helper{height:80px}
.catalog{margin-top:13px;padding:0 5px 0 5px;}
.catalog>li{border:1px solid #f8991d;padding:13px 4px;background-color:#ffffff;}
.catalog li{overflow:hidden}
ul.catalog > li:hover {border-box: border-box;border-color: #adaeab;-webkit-box-shadow: 0 8px 18px rgb(23 23 23 / 20%); box-shadow: 0 8px 18px rgb(23 23 23 / 20%);}
.catalog li+li{margin-top:15px}
.catalog{clear:both}
.catalog .top_frame_tov{overflow:hidden}
.top_frame_tov .price{margin-bottom:16px}
span.top_frame_tov .title{color:#333}
.catalog .figure,.remove_ref{width:240px;margin:0 auto}
.remove_ref{margin-top:12px;display:inline-block;font-size:24px;text-align:center}
.remove_ref span{position:relative;padding-left:30px}
.catalog .descr{min-width:120px;overflow:hidden}
.descr input{width:50px;height:39px;text-align:center;border-color:#9b9b9b;margin-right:18px;margin-top: 5px;}
.show_all_variant{margin-top:15px;display:block}
.code{color:#787676;font-size:80%}
.code_v{color:#1a731b;font-size: 22px;font-weight: bold;text-align: center; box-sizing: border-box;}
span.codev {color: #83031e;font-size: 20px;font-weight: bold;text-align: center;box-sizing: border-box;}
.divider{padding-top:5px;padding-left:8px;font-size:75%}
.pagination{font-size: 15px !important;margin:0 1px;padding:16px 0;background-color:#f7f7f7;}
.clear-pag-item{font-size:24px}
.pagination .last{display:none}
.pagination .helper{height:82px}
.pagination li{display:inline-block;margin:10px 0 0 12px;white-space:nowrap}
.pagination li>span,.pagination li>a{width:60px;height:60px;line-height:60px;display:inline-block;text-align:center;vertical-align:middle;font-size:32px}
.pagination li .v-a_m,.hellip{font-size:30px}
.pagination li>a{background-position:-354px 0;color:#343434}
.pagination li>a>.t-d_u{display:none}
.pagination li>a:hover,.pagination li>a:focus{color:#999}
.pagination li>span{background-position:-272px 0;position:relative;top:2px;cursor:default}
.next-page,.prev-page,.first-page,.last-page{display:none!important}
.top_frame_tov {display: flex;flex-direction: column;align-items: center; /* Центрирует по горизонтали */justify-content: center; /* По желанию, если нужен отступ сверху */text-align: center;max-width: 640px;}
.preview_images {display: flex;flex-wrap: wrap;justify-content: center; /* Центрирует превьюшки */padding-top: 10px;gap: 5px; /* Расстояние между миниатюрами */}
.preview_images img {width: 70px;height: 70px;object-fit: cover;border: 1px solid #ccc;}
.tovar_frame .top_frame_tov{padding:10px 0 10px;}
.tovar_frame,.tovar_frame li{border:0;padding:0 14px}
ul.tovar_frame>li {border: 1px solid #f8991d;-webkit-box-shadow: 0 8px 18px rgb(23 23 23 / 20%);box-shadow: 0 8px 18px rgb(23 23 23 / 20%);}
ul.tovar_frame>li:hover {-webkit-box-shadow: 0 8px 18px rgb(23 23 23 / 20%);box-shadow: 0 8px 18px rgb(23 23 23 / 20%);}  
.tovar_frame{padding-bottom:20px}
.but_buy{height: 55px;display: flex;justify-content: center;max-width: 640px;}
.helper{height:53px}
.but_buy a,.but_buy .b_buy_in{background-position:100% -140px;text-align:center;display:block;height:53px;position:absolute;right:-6px;top:0;width:100%;white-space:nowrap}
.but_buy .v-a_m{font-size:21px;margin:0 0 0 -6px;padding:0 25px;color:#fff;text-shadow:0 1px #1c6b03;white-space:normal;height:100%;line-height:53px;background: linear-gradient(0deg, rgba(206,3,3,1) 9%, rgba(246,62,62,1) 44%, rgba(229,38,38,1) 58%, rgba(238,0,0,1) 99%);border-radius:10px;box-shadow:0 1px 2px 2px #8c8c8c}
.inp{margin-right:6px;max-width:none;display:inline-block;bottom: 3px}
.inp .b_buy_in{margin:0 -6px 0 0;position:static;width:auto;padding:0 27px}
.main_frame_inside{background-color:#f2f2f2;border-width:1px 0;border-style:solid;border-bottom-color:#f5f5f5;border-top-color:#fff;text-align:center;padding:24px 30px 28px;overflow:hidden}
.main_frame_inside textarea{height:115px}
.main_frame_inside label,.main_frame_inside .frame_label{text-align:left;display:block}
.main_frame_inside .but_buy{margin-top:11px}
.main_frame_inside .title{text-align:left;text-shadow:0 1px #fff;padding:23px 0 14px 30px}
.main_frame_inside input,.main_frame_inside textarea{margin-top:7px}
.total_pay{text-shadow:0 1px #fff}
select#method_deliv {border-color: rgb(228, 13, 31);box-shadow: rgb(228 13 31 / 40%) 0px 0px 10px 2px;}
.price{color:#000;white-space:nowrap}
.colorpris {color: #ff7e00 !important}
.gen_sum {display: flex;flex-direction: column;font-size: 18px;color: #bc0505;white-space:nowrap}
.main_f_i_f-r{height:6px;background-position:0 -179px;font-size:0}
.filter{padding:0}
.range_price{border-bottom:1px solid #999;overflow:hidden;padding-right:30px}
.range_price label{margin:0 0 10px 30px;float:left}
.range_price .frame_input{float:left;margin-left:10px}
.range_price input{margin-top:0}
.subm_filter{background-position:0 -195px;margin:0 9px 26px 30px}
.subm_filter input{background-position:100% -238px;height:43px;line-height:43px;color:#312b2b;text-shadow:0 -1px #313131;margin:0 -9px 0 0;padding:0 10px;font-size:22px;box-shadow:2px 2px 4px rgba(0,0,0,0.3);background:#f7ac05;border-radius:6px}
.check_frame{border-top:1px solid #fff;padding:0 30px 26px;text-align:left}
.check_frame .title{padding-left:0}
.check_frame label,.check_frame .frame_label{display:inline-block;vertical-align:top;width:180px;padding:13px 5px 13px 0;margin-bottom:0}
.must{color:red}
.neigh_r-o_c-k{display:block;white-space:normal}
.search_button { box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.search-arrea.f_l {width: 100%;height: 65px;padding: 6px 0 0 6px;position: relative;border-radius: 3px;background-color: #f4f3f3;border: 1px solid #c9c4c4 !important;}
.frame_search{height:95px;background-color:#f2f2f2;padding:40px 10px 0}
.frame_frame_input{margin-right:115px;position:relative;top:2px;background: #ffffff;}
.frame_search .frame_input {height: 44px;position: relative;padding: 0 20px 0 10px;border: 1px solid #c1bfbf;}
.frame_input input::placeholder {color: #d9d9d9;}
.frame_search .frame_input span{height:100%;top:0;position:absolute;width:21px}
.frame_search span.l_p{left:0;background-position:-462px 0}
.frame_search span.r_p{right:-12px;background-position:-436px 0}
.frame_search .frame_input input {height: 44px;border: 0;padding: 0 0 0 20px;font-size: 16px;-moz-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;border-radius: 0 1px 1px 0;}
input.f_r.search_button {width: 87px;height: 44px;line-height: 31px;background-position: -501px -56px;color: #b70000;font-size: 12px;text-transform: uppercase;text-shadow: 0px 1px 0 #fafafa;position: relative;left: -21px;background: linear-gradient(0deg, #ebebeb, #bdbcbcd1, #fffffffc);border-radius: 2px;top: 2px;}
.map .figure{max-width:100%}
.niceCheck{width:22px;height:22px;cursor:pointer;margin-right:9px;position:relative;top:-2px;float:left;border: 2px solid #aeaeae; border-radius: 6px;}
.niceCheck input{display:none}
.b_n.niceCheck{background:none}
.b_n.niceCheck input{display:block}
.footer{clear:both;}
.footer .p_r{margin-top:20px}
.footer ul{text-align:center}
.footer li{display:inline-block;margin:0 8px 8px}
.versions{min-height:78px;border-bottom:1px solid #f0f0f0;background-color:#f7f7f7}
.versions .h_f{height:76px;position:absolute;width:100%;left:0;top:0;background-position:0 -16px;z-index:0}
.versions .frame_version{text-align:center;position:relative;z-index:1}
.versions .title{vertical-align:middle;display:inline-block;padding:10px 0}
.versions .mobile{display: flex;padding-top:12px;cursor:default;width:46%;background:#eaeaea;height:70px;border:1px solid #b9b5b5;border-radius:14px;margin:0 0 0 1px;background:#FEFEFE;background:-webkit-gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#e7e7e7));background:-webkit-linear-gradient(#FEFEFE,#e7e7e7);background:-moz-linear-gradient(#FEFEFE,#e7e7e7);background:-ms-linear-gradient(#FEFEFE,#e7e7e7);background:-o-linear-gradient(#FEFEFE,#e7e7e7);background:linear-gradient(#FEFEFE,#e7e7e7);-pie-background:linear-gradient(#FEFEFE,#e7e7e7)}
.versions .desctop{height:99.3%;position:absolute;right:0;border:1px solid #b9b5b5;background-position:0 -96px;top:-1%;width:44%;-webkit-border-radius:2px;border-radius:14px;background:#FEFEFE;background:-webkit-gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#e7e7e7));background:-webkit-linear-gradient(#FEFEFE,#e7e7e7);background:-moz-linear-gradient(#FEFEFE,#e7e7e7);background:-ms-linear-gradient(#FEFEFE,#e7e7e7);background:-o-linear-gradient(#FEFEFE,#e7e7e7);background:linear-gradient(#FEFEFE,#e7e7e7);-pie-background:linear-gradient(#FEFEFE,#e7e7e7)}
.world_icon {background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/globe_icon.svg)no-repeat; width: 48px;height: 50px;display: flex}
.frame_desctop{padding-top:16px;display:block;color:#343434}
.versions .mobile .title,.hellip,.pagination li>span{color:#929292}
.copy{text-align:center;padding:25px 0;color:#6d6d6d}
.figure,.f-s_0,.icon,.header,.header ul,.baner,.main_menu ul li a,.pagination,.but_buy a,.but_buy .b_buy_in,.check_frame,.versions,.main_menu{font-size:0}
.copy,.footer li a,.total_pay,.main_frame_inside .title,.catalog,a.check_filter>span,div.check_filter>span,.main_menu .pointer .v-a_m{font-size:16px}
label,.frame_label,.main_menu ul li a .v-a_m,.crumbs,.crumbs a,.remove_ref{font-size:18px}
.text,.check_frame label,.check_frame .frame_label,.neigh_r-o_c-k,.versions .title,.range_price label,.frame_enter_soc_net .title{font-size:18px}
h1,.title_h1,.tovar_frame .price,.gen_sum .price{font-size:40px}
.figure,.map{line-height:0}
.map{margin: 0 2px 0;border: 1px solid #f07c07;}
.price,h1,.title_h1,a.check_filter .title,div.check_filter .title,.remove_ref span,.neigh_r-o_c-k{line-height:1}
.main_menu .pointer .v-a_m,.main_menu ul li a .v-a_m,.footer li a,.versions .title{line-height:1.1}
.main_menu .pointer .v-a_m,.total_pay,.main_frame_inside .title,.count,.crumbs h1,label,.frame_label,.text p,.text dd,.price,.header li a{color:#474749}
.header li a,.logo,.main_menu ul li a,a.check_filter,.catalog .top_frame_tov,.remove_ref,.pagination li>a,.but_buy a,.but_buy .b_buy_in,.versions .desctop,.frame_desctop,a.title{text-decoration:none}
.text p {padding-bottom:10px;}
#ho_adv{display:none!important}
.frame_count{position:relative;top:2px}
.refresh_price{cursor:pointer;height:32px;width:32px;display:inline-block;background-image:url(../images/refresh.png);background-repeat:no-repeat;top:5px;position:relative}
.frame_enter_soc_net{padding:10px}
.frame_enter_soc_net a{text-decoration:none}
[id*="paymentMethod"]{display:none}
.tableOrderData{width:auto}
.tableOrderData th,.tableOrderData td{padding:0 10px}
.tableOrderData th{text-align:left;padding-left:28px}
.psPay{background-color:#6aa209;padding:10px 15px;font-size:18px;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-shadow:0 -1px #3e7100;margin-top:5px}
.inputGift{width:190px!important;margin-bottom:10px}
.submitGiftButton{width:125px;margin:0 auto}
.side-block {border: 1px solid #d0d0d0; margin-bottom: 11px; border-radius: 0 0 5px 5px;}
.foo_fun {width: 100%;height: 40px;text-align: center;line-height: 40px;font-size: 15px;font-weight: bold;text-shadow: 0 1px 0 #fff;background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 48%, rgba(241,241,241,1) 100%);border-bottom: 2px solid #cfcfcfbf;}
.filters-content li{padding:5px;margin:5px}
ul.list-check-filter { margin: 5px;}
span.icon_times {margin: 24px 0 7px;}
.search_prs{border: none;}
.minCost{margin-bottom: 7px;}
.minCost,.maxCost{height:20px!important;width:100%!important;font-size:15px!important}
.line_section {background: #ff9900;width: auto;height: 5px;display: flex;}
a.button{display:block;float:left;position:relative;height:41px;width:155px;text-decoration:none;font:22px "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;line-height:45px;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-transform: uppercase;
    letter-spacing: 2px;}
a.button:before,a.button:after{content:'';position:absolute;left:-1px;height:40px;width:154px;bottom:-1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
a.gray:before,a.gray:after{height:40px;width:264px}
a.button:before{height:40px;bottom:-4px;border-top:0;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-box-shadow:0 1px 1px 0 #bfbfbf;-moz-box-shadow:0 1px 1px 0 #bfbfbf;box-shadow:0 1px 1px 0 #bfbfbf}
a.red,a.red:hover,a.red:visited{color:#FFF;border-bottom:4px solid #ce0404;text-shadow:0 1px 0 #cb0101;background:#fd8b06;background:-webkit-gradient(linear,left top,left bottom,from(#fd8b06),to(#ff4e00));background:-moz-linear-gradient(top,#fd8b06,#ff4e00)}
a.remove_ref {color: #ababab;text-shadow: 0 1px 0 #747373;background: url(/templates/commerce_mobiles/images/trash_box.svg) no-repeat;background-position: 55px 3px;background-size: 23px;font-size: 18px;}
a.remove_ref::before {content: "\00D7 ";font-size: 20px;color: #a69d9d;}
a.remove_ref:hover {text-decoration: none;color: orange;}
.red:before,.red:after{border:1px solid #ff4f02;border-bottom:1px solid #ff4f02}
.red:hover{background:#ff4e00;background:-webkit-gradient(linear,left top,left bottom,from(#fd8b06),to(#ff4e00));background:-moz-linear-gradient(top,#fd8b06,#ff4e00)}
a.gray{width:264px;height:40px;margin-left:5px;border-left:none}
a.gray,a.gray:hover,a.gray:visited{color:#555;border-bottom:4px solid #b2b1b1;text-shadow:0 1px 0 #fafafa;background:#eee;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#e2e2e2));background:-moz-linear-gradient(top,#eee,#e2e2e2);box-shadow:inset 1px 1px 0 #f5f5f5; margin-bottom: 5px;}
.gray:hover{background:#e2e2e2;background:-webkit-gradient(linear,left top,left bottom,from(#e2e2e2),to(#eee));background:-moz-linear-gradient(top,#e2e2e2,#eee)}
a.button:active{border:none;bottom:-4px;margin-bottom:4px;-webkit-box-shadow:0 1px 1px #fff;-moz-box-shadow:0 1px 1px #fff;box-shadow:1px 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,0.3)}
a.button:active:before,a.button:active:after{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.side-title{background:#C4C4C4;text-align:center;font-size:18px;margin-bottom:10px;}
.infotel{background:#6996D3;padding:5px;margin-left:5px;padding-left:15px}
.infotel a{color:#fff!important;font-size:18px}
.rightlink{display: flex;margin-top: 20px; margin-bottom: 25px;width: 285px;text-align: center;padding: 15px 5px 15px 5px;border-radius: 7px;color: #474748;border: 3px solid #e4710c;font-weight: 600;justify-content: center;}
.rightlink::after {content: '';background-image: url(https://dtools.com.ua/uploads/arrow.svg);width: 25px;height: 25px;background-size: cover;margin-left: 9px;transform: rotate(-90deg);margin-top: 1px;}
.rightlink:hover{background: #fff;border-radius: 7px;color: #dc4b04;text-decoration: none;border: 3px solid #e4710c;margin-bottom: 25px;}
.fright{margin:0 auto;padding-top:20px;text-align:center}
.div_phone_hfooter{display:flex;flex-direction:column;justify-content:space-between;background:silver;box-shadow:1px 2px 6px grey;background:-moz-linear-gradient(top,rgba(224,224,224,1) 1%,rgba(221,221,221,1) 4%,rgba(214,214,214,0.98) 11%,rgba(211,211,211,0.95) 24%,rgba(198,198,198,0.9) 42%,rgba(191,191,191,0.86) 56%,rgba(201,201,201,0.77) 93%,rgba(206,206,206,0.75) 100%);background:-webkit-linear-gradient(top,rgba(224,224,224,1) 1%,rgba(221,221,221,1) 4%,rgba(214,214,214,0.98) 11%,rgba(211,211,211,0.95) 24%,rgba(198,198,198,0.9) 42%,rgba(191,191,191,0.86) 56%,rgba(201,201,201,0.77) 93%,rgba(206,206,206,0.75) 100%);background:linear-gradient(to bottom,rgba(224,224,224,1) 1%,rgba(221,221,221,1) 4%,rgba(214,214,214,0.98) 11%,rgba(211,211,211,0.95) 24%,rgba(198,198,198,0.9) 42%,rgba(191,191,191,0.86) 56%,rgba(201,201,201,0.77) 93%,rgba(206,206,206,0.75) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0',endColorstr='#bfcecece',GradientType=0)}
.work_line {color: red;webkit-animation: blink 2s linear infinite;animation: blink 2s cubic-bezier(0.4, 0, 1, 1) infinite;font-weight: bold;}.img_phone{width:30px;height:30px}
.paym {background: white; height: 43px;padding: 2px;display: flex;justify-content: center;}
.pay_cardv {width: 66px;margin-right: 2px;border: 1px solid #a9a6a6;}
.pay_cardm {border: 1px solid #a9a6a6;width: 64px;padding: 2px;}
.skidki{font-size:25px}
.sale5{color:#b60000;background-color:#e7e1e1a1;background-size:100px;font-size:20px;display: flex;width: 100%;justify-content: center;}
.frame_version:hover{background:#dadadac4;border-radius:15px;box-shadow:2px 2px 4px #808080ba}
.wearework{font-size:25px;color:red;animation:blink 2s cubic-bezier(.6,.04,.98,.34) infinite}
@-webkit-keyframes blink {
0%{color:#ca0808}
50%{color:#d31414}
100%{color:#ff0505}
}
@keyframes blink {
0%{color:#d81c1c}
25%{color:#ff0404}
50%{color:rgba(211,20,20,0.21)}
75%{color:rgba(218,4,4,0.86)}
100%{color:#e00000}
}
/*.title1,.title2{font-size:20px;text-decoration:none;padding:10px;display:inline-flex;color: #636465}
.title2{display:flex}
.title1{margin-bottom: 10px}*/
.frame_version {display: flex;justify-content: center;align-items: center}
.social{display: flex; justify-content: space-around; margin-top:10px}
.social_blog {display: flex;justify-content: space-around;width: 184px}
.btn-cart.btn-cart-p{border:1px solid #d58c06;border-radius:24px;background:#ffb947}
.frame_blc{overflow:hidden;position:relative;padding-bottom:56.25%;margin-top:5px;bottom:5px;height:0;border:1px solid gray}
.frame_blc iframe{position:absolute;width:100%;height:100%;left:0;top:0}
.phone_hfooter,.work_line{font-size:250%;display:flex;justify-content:space-around;font-family:-webkit-body}
.img_logo {width: 30px;height: 30px;padding: 4px 8px 12px;}

/*адаптив для iframe*/
.iframe-container {position:relative;padding-bottom: 58%; /* 16:9 соотношение сторон */height: 0; margin-right: 5px;}
.iframe-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media only screen and (min-width: 769px) {
.footer ul{text-align:center; display: contents}
img.cross_fix {height: auto; max-width: 100%;}
img.cross_box{border: 1px solid;}
iframe {height: 442px;width: 720px;}
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
.phone_hfooter,.work_line{font-size:35px;font-weight:700}
.div_phone_m{display:flex;justify-content:space-around}
.footer ul{text-align:center; display: contents}
img.cross_fix {height: auto; max-width: 100%;}
img.cross_box{border: 1px solid;}
iframe{min-height: 392px;}
}
@media only screen and (min-width: 485px) and (max-width: 599px) {
.phone_hfooter,.work_line{font-size:30px;font-weight:700}
.footer ul{display: contents}
.catalog>li {display:flex;flex-direction:column;align-items:center;}
.d_b{display:flex;flex-direction:column;align-items:center}
.catalog {display: flex;flex-direction: column;}
.descr {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.top_frame_tov {display: flex;flex-direction: column;}
img.cross_fix {height: auto; max-width: 100%;}
img.cross_box{border: 1px solid;}
iframe{min-height: 290px;}
#yt-modal #yt-body iframe {
  
  min-height: 190px !important; /* фикс для мобилки */
}
}
@media only screen and (min-width: 320px) and (max-width: 485px) {
.phone_hfooter,.work_line{font-size:23px;font-weight:700;margin-top:15px}
.footer ul{flex-direction: column}
.catalog {display: flex;flex-direction: column}
.catalog>li {display:flex;flex-direction:column;align-items:center}
.d_b{display:flex;flex-direction:column;align-items:center}
.descr {display: flex; flex-direction: column;align-items: center;justify-content: center;}
.top_frame_tov {display: flex;flex-direction: column;align-items: center;}
img.cross_fix {height: auto; max-width: 100%;}
img.cross_box{border: 1px solid;}
iframe{min-height: 245px;}
#yt-modal #yt-body iframe {min-height: 140px !important; /* фикс для мобилки */
}
}
@media only screen and (min-width: 290px) and (max-width: 319px) {
.phone_hfooter,.work_line{font-size:18px;margin-top:15px}
.footer ul{flex-direction: column;}
img.cross_fix {height: auto;max-width: 100%;}
img.cross_box{border: 1px solid;}
}
/*таблица*/
@media (max-width: 768px) {
  tbody {display: flex;flex-direction: column;align-items: center;}
  td {display: block; /* Устанавливаем блочный тип элемента, чтобы каждая ячейка была на отдельной строке */}
  .t-a_l {font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;overflow: hidden;}
  td, tr {width: 100% !important;text-align: center;padding: 0 23px 0 5px;margin: 2px 5px 5px 0;}
.important_strng {line-height: 40px;}
  tr:nth-child(even) {background-color: #f2f2f2; /* Задаем фон для четных строк */}
  td:first-child + td {
    /* стили для второй колонки */
  }
  .vertical-column{background-color: #ffe000;font-weight: 700;}
  .vertical_column_two{background-color: #dbdbd8;}
}


/*footer-menu*/
.footer_menu{ background-color: #2b272a}
.footer li a{color:white}
.footer li a:hover{color: rgb(221, 128, 7)}
a.sale_discont{display: flex;align-items: center;flex-direction: column;text-decoration:none; color: #AD0A09;}
.line_block {height: 5px;background-color: #ff8700;}
.icon_discnt {background-image: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/icons_discount.svg);
fill:#828282;width: 52px;height: 52px;display: flex;padding: 0 0 5px 0;background-repeat: no-repeat;}
.icon_discnt:hover{background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/icons_discount_hov.svg);background-repeat: repeat;background-repeat: no-repeat;}
  .top-menu {list-style: none;display: flex;justify-content: space-around;align-items: center;text-decoration: none;}
.menu-link{text-decoration: none;color: #fffff;}
a.mean_block_end {font-size: 17px;}
.block_menu_mean {display: flex;justify-content:space-between;align-items: center;height: 135px;background: #f2f2f2;text-decoration: none;color: #474749;background-repeat: no-repeat;background-position: 128px 1px;padding-left: 15px;border-top: 1px solid #808080b0;border-bottom: 3px solid rgb(255, 135, 0);}
.block_menu_mean:hover{color: rgb(255, 135, 0);}
.sp-ytbe {background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/logo_youtube.svg)no-repeat;}
.sp-tw {background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/logo_twitter.svg)no-repeat;}
.sp-ins {background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/logo_instagram.svg)no-repeat;}
.sp-fb {background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/logo_facebook.svg)no-repeat;}
 .sp-tt {background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/tiktok_icon.svg)no-repeat;}
.sp-fb, .sp-ins, .sp-tt,.sp-tw, .sp-ytbe,.sp-tlgrm{width: 32px;height: 32px;display: flex;}
.second_block {background: #f2f2f2 url(/templates/dtools/images/spritesheet.png);height: 111px;background-repeat: no-repeat;background-position: -328px -5px;display: flex;align-content: space-around;width: 200px;}
.second_block:hover {background: #f2f2f2 url(/templates/dtools/images/spritesheet1.png);background-position: -328px -5px;}
a.mean_block_end :hover {text-decoration: none;}
.but-closed {font-size: 18px;font-weight: 600;border: 1px solid;width: 30px;display: inline-block;margin-bottom: 4px;text-align: center;padding-bottom: 2px;border-radius: 20%;background-color: #ff5600;color: white;}
.but-closed:hover {background-color: white;color: black;}
.name-check-filter {font-size: 18px;}
.filter-chose {font-size: 18px; color: #7b1a1a;background: #e9e9e9;}
.photo-block {margin-bottom: 6px;display: flex;flex-direction:column;align-items:center;scale:1.1}
.price.h_f {border-radius: 1px !important;}
img.news_blog {object-fit: contain;margin-bottom: 10px;}
span.news_data {display: inline-block; margin-top:15px;width:112px; height:19px;color: #8a0303; font-size:12px;}
img.logo_block {box-shadow: 1px 2px 3px 1px #808080cf;padding: 4px;object-fit:contain;}
img.logo_block: hover {box-shadow: 1px 2px 3px #808080cf;}
ul.items.items-brand-image {display: flex;text-align: center;}
.items-brand-image {display: flex;flex-wrap: wrap; justify-content: space-between; padding: 0;list-style: none;}
.items-brand-image li {width: 48%; margin-bottom: 10px; text-align: center;}
.frame-title {margin: 15px 0;background-color: #e3e3e3;}
.action-prod-icon {font-size: 15px;padding: 5px 5px 5px 5px !important;border: 1px solid;border-radius: 5px;border-color: #a1969657;font-weight: 600;color: #c42b00;}
.frame-title > .title,.title.tlt_line {position: relative;display: flex;align-items: center;justify-content: center;gap: 10px; /* Расстояние между текстом и линиями */text-transform: uppercase;font-size: 20px;}
.f-s_0.title-brand.without-crumbs .frame-title .title {position: relative;top: 10px;}
.frame-title > .title::before,
.frame-title > .title::after,
.title.tlt_line::before,
.title.tlt_line::after {content: "";display: block;width: 50px; /* Длина линии */height: 3px; /* Толщина линии */background-color: orange; /* Цвет линии */}
.carousel-wrapper picture {width: 150px;display: block;}
a.viber_buttom {margin-left: 5px;color: #FFF;border: 1px solid #665CAC;padding: 3px 3px 3px 3px;background: #665CAC;width: 257px;display: inline-block;text-align: center;text-decoration: none;height: 35px;font-size: 22px;opacity: 0.75;}
.viber_buttom:hover {background: #F2F2F4;color: #3E2CB9;border: 1px solid #3E2CB9;}
.colorinline{color:#C80000;}
.items.items-text-category > li { border-bottom: 1px solid #c8c8c8;}
.contact:hover{text-decoration:none;}
.social-product {display: flex;background: #ff8700;padding: 2px 0 3px;}
.social-tell,.soc_fr {display: flex;}
.text-el {display: inline-block;text-align: center;font-size:20px;color: #b2111a;}
.text-el :hover{color: #ff8200;}
.soc_fr {display: flex;}
.fsb, .twt {margin-left: 5px;}
.items-crumbs {display:flex;}
.home-name {display:none;}
.home-icon{background: url(https://m.dtools.com.ua/templates/commerce_mobiles/images/icon_home.svg)no-repeat;padding-left: 22px;}
.sale-blog:hover {text-decoration: none;}
.all-flag-blog {height: 40px;font-size: 12px;display: flex;flex-direction: column;border-bottom: 1px solid #eaaa11;}
.flag_blue {height: 50%;background: #0057b8;display: flex;justify-content: center;font-size: 23px;font-weight: bold;color: yellow;}
.flag_yellow {height: 50%;background: #ffd700;display: flex;justify-content: center;font-size: 23px;font-weight: bold;color: #0057b8;}
/*-----AGP-----*/
.us-product-attributes-cont {
	width: 60%
}
.us-product-attributes {
	padding: 30px;
	border-bottom: 1px solid #F6F6F6;
	border-top: 1px solid #F6F6F6
}
.us-product-attributes
 {
	padding: 30px 0
}
.us-product-attributes
	 {
		padding: 30px 15px
	}
    .us-product-attributes {
        padding: 30px;
        border-bottom: 1px solid #F6F6F6;
        border-top: 1px solid #F6F6F6
    }
    .us-page-main-title {
        display: inline-block;
        color: #333;
        font-size: 18px;
        font-weight: 600;
        position: relative;
        margin-bottom: 38px
    }
    .us-page-main-title:after {
        content: '';
        border-bottom: 3px solid #ff9900;
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0
    }
    .us-page-main-title {
        margin-bottom: 33px
    }
    .us-product-attributes-cont {
		width: 100%
	}
    .us-product-attributes-cont {
        width: 60%
    }
    
    .us-product-attributes-cont:not(:last-child) {
        margin-bottom: 20px
    }
    .us-product-attributes-cont .us-product-attr-item {
        color: #4F5C50
    }
    .us-product-attributes-cont {
		width: 100%
	}
    .us-product-attributes-title {
        color: #666;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 10px
    }
    .us-product-attr-item span:last-child {
		text-align: right
	}
    .us-product-attr-item {
        color: #4F5C50;
        font-size: 13px;
        font-weight: 300;
        position: relative
    }
    .us-product-attr-item:not(:last-child) {
        margin-bottom: 3px
    }
    .us-product-attr-item span {
        background-color: #FFF;
        z-index: 2
    }
    .us-product-attr-item span:first-child {
        padding-right: 8px
    }
    .us-product-attr-item span:last-child {
        padding-left: 8px;
        position: relative;
        max-width: 50%;
        text-align: right;
        right: 0
    }
    .us-product-attr-item:after {
        content: '';
        border-bottom: 1px dotted #BABABA;
        height: 1px;
        position: absolute;
        top: 14px;
        left: 0;
        right: 0;
        z-index: 1
    }
    .us-product-attributes-cont .us-product-attr-item {
        color: #4F5C50
    }
    .span:last-child {
		tus-product-attr-itemext-align: right
	}
    .d-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .justify-content-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    button.button_sale {
    height: 34px;
    width: 180px;
    background: linear-gradient(0deg,rgba(206,3,3,1) 9%,rgba(246,62,62,1) 44%,rgba(229,38,38,1) 58%,rgba(238,0,0,1) 99%);
    border: white;
    color: white;
    box-shadow: 1px 2px 2px 1px #8c8c8c85;
    border-radius: 3px;
    text-transform: uppercase;
    margin: 10px 0 10px;
}
button.button_sale:hover {
    background: linear-gradient(0deg,rgba(255,101,1,1) 0%,rgba(226,101,13,1) 44%,rgba(255,141,33,1) 98%)!important;
    overflow: visible;
    border-radius: 3px;
    box-shadow: inset 2px 2px 4px rgb(0 0 0 / 30%);
}
/* блок новостей*/
.title_news::before, .title_news::after {content: ''; width: 25px; height: 3px; background-color: #27ca11; display: inline-block; vertical-align: middle;} 
.title_news::before {margin-right: 15px;} .title_news::after {margin-left: 15px;}
.f_l.news-main {width: 100%;display: flex;flex-direction: column;box-sizing: border-box;}
.inform:hover {text-decoration: none;}
a.clearfix {text-decoration: none;}
.title-news{display: flex;justify-content: center;background: #2b272a;}
span.title_news {display: flex;justify-content: center;color: #c71f0e;font-size: 16px;margin-left: 0 !important;}
.news-main li > a:hover {border-color: #ff6600;box-shadow: 0 1px 2px #f4cdb4;text-decoration: none;}
.news-main li > a {background-color: #f9f9f9;border: 1px solid #ddd;padding: 16px 16px 21px;margin-bottom: 17px;display: block;text-decoration: none;}
.title_news {font-size: 25px;color:#ffffff;padding: 15px 0 20px 10px;text-decoration: none;}
.info-date {color: black;display: flex;flex-direction: column;padding-left: 10px;}
span.time {font-size: 14px;color: #474747;}
/*видео фрейм со скриптом для ютуба*/

.video_tube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin: 10px 0 50px;
}

.video__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border: 1px solid #f07c07;
}

.video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: none;
    padding: 0;
    width: 68px;
    height: 48px;
    border: none;
    background-color: transparent;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.video__button-shape {
    fill: #f00;
    fill-opacity: 0.8;
}

.video__button-icon {
    fill: #ffffff;
}

.video__button:focus {
    outline: none;
}

.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
    fill: #ff0000;
    fill-opacity: 1;
}

/* Enabled */

.video_tube--enabled {
    cursor: pointer;
}

.video_tube--enabled .video__button {
    display: block;
}
.b_brd{max-width: 280px;}
.bck_text{padding: 22px 46px 0 0;}


 /*burgermenu*/
 /* Скрываем стандартный чекбокс */
       #menu-toggle {opacity: 0;position: absolute;left: -9999px;}

/* Бургер-меню кнопка */
.menu-btn {display: flex;flex-direction: column;justify-content: space-between;width: 30px;height: 21px;cursor: pointer;position: fixed;top: 15px;right: 15px;z-index: 1003;}
.menu-btn span {display: block;height: 4px;width: 30px;background: #d53c07;border-radius: 2px;transition: transform 0.3s, opacity 0.3s;will-change: transform, opacity;}
#menu-toggle:checked + .menu-btn span:nth-child(1) {transform: translateY(8px) rotate(45deg);}
#menu-toggle:checked + .menu-btn span:nth-child(2) {opacity: 0;}
#menu-toggle:checked + .menu-btn span:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}

/* Полупрозрачный фон */
.menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 75%);opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;z-index: 1000;}

/* Показываем фон при открытии меню */
#menu-toggle:checked ~ .menu-overlay {opacity: 1;visibility: visible;}

/* Меню */
.menu {position: fixed;top: 30px;right: -300px;width: 280px;height: calc(100% - 50px);background: #222;transition: right 0.3s ease;z-index: 1001;padding-top: 20px;overflow-y: auto;will-change: right;}
.line_menu .f_l {top: 27px;}
/* Когда меню открыто */
#menu-toggle:checked ~ .menu {right: 0;}
/* Убираем стандартный скролл */
.menu::-webkit-scrollbar {width: 6px;}
.menu::-webkit-scrollbar-thumb {background: #777;border-radius: 3px;}

/* Стили для списка */
.list {list-style: none;padding: 0;margin: 0;}
span.f_l {position: relative;z-index: 2;color: white;font-weight: bold;font-size: 16px;text-shadow: -2px 0px 0px #060606, 1px 1px 4px rgba(0, 0, 0, 0.7);}
/* Фоновые изображения в меню */
.line_menu {display: flex;align-items: center;justify-content: center;height: 95px;background-size: cover;background-position: center;text-align: center;position: relative;color: white;font-weight: bold;font-size: 16px;text-decoration: none;}
.line_menu::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgb(33 44 55 / 0), rgb(33 44 55 / 0.49), rgb(8 9 9 / 75%));transition: background 0.3s;}
.line_menu:hover::before {background: rgba(0, 0, 0, 0.3);}
ul.list > li {margin-bottom: 2px;}
li:nth-child(5) .f_l {line-height: 18px;padding-bottom: 3px;}

/* Фоновые изображения для каждого пункта */
.list li:nth-child(1) a { background-image: url('/templates/commerce_mobiles/images/Distar_tools.webp'); }
.list li:nth-child(2) a { background-image: url('/templates/commerce_mobiles/images/Distar_grind_concrete.webp'); }
.list li:nth-child(3) a { background-image: url('/templates/commerce_mobiles/images/Distar_drill.webp'); }
.list li:nth-child(4) a { background-image: url('/templates/commerce_mobiles/images/polishpad_distar.webp'); }
.list li:nth-child(5) a { background-image: url('/templates/commerce_mobiles/images/mechanic_distar.webp'); }
.list li:nth-child(6) a { background-image: url('/templates/commerce_mobiles/images/Tenax_menu.webp'); }
.list li:nth-child(7) a { background-image: url('/templates/commerce_mobiles/images/pasta_almaz.webp'); }
.list li:nth-child(8) a { background-image: url('/templates/commerce_mobiles/images/sale_distar_menu.webp'); }

/* Закрытие меню при клике на фон */
.menu-overlay {display: block;}
#menu-toggle:not(:checked) ~ .menu-overlay {display: none;}

/*плавающая кнопка вызова*/
:root {
	--hue1: 260;
	--prime-medium: #f6980a;
	--prime-dark: #ffa400;
	--hue2: 340;
	--light-font: #fff;
	--shadow: 0.7;
}
 .trans {width: 38px;}
 .cursor {cursor: pointer;}
 button, button:active, button:focus {outline: none;}
 .social-btn {z-index: 999;border-radius: 50%;box-shadow: 0 5px 15px rgba(0, 0, 0, var);display: flex;place-items: center;place-content: center;transition: all 0.3s ease-in-out;}
 .social-btn svg > path {
	 transition: all 0.3s ease-in-out;
	 opacity: 0.7;
}
 .social-icon-move {
	 --icon-pos: 100px;
	 transform: translateX(var(--icon-pos));
}
 .social-icon-move:nth-child(3n + 1) {
	 transition: all 0.3s ease-in-out;
	 transition-delay: 0.1s;
}
 .social-icon-move:nth-child(3n + 2) {
	 transition: all 0.3s ease-in-out;
	 transition-delay: 0.2s;
}
 .social-icon-move:nth-child(3n + 3) {
	 transition: all 0.3s ease-in-out;
	 transition-delay: 0.3s;
}
 .toggle-social-btn {
	 position: fixed;
	 width: 50px;
	 height: 50px;
	 bottom: 10rem;
	 right: 1rem;
	 background: var(--prime-medium);
	 border: none;
	 font-size: 0;
	 transform: scale(1) translate(1px, 1px);
	 opacity: 0; /* начальное состояние кнопки - невидима */
  animation: fadeIn 0.5s ease-in-out 2s forwards;
}
 @keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
 .social-icon-container {position: fixed;width: 50px;height: 300px;bottom: 1rem;display: flex;flex-direction: column-reverse;align-items: center;justify-content: space-evenly;right: 1rem;bottom: calc(1rem + 140px);z-index: 4;display: none;}
.social-icon-container.show {display: flex;}

 @keyframes slideIn {from {width: 0;}}
 .social-icon-btn {width: 40px;height: 40px;margin: 0;padding: 0;text-decoration: none;z-index: 999;}
 .block {width: 100px;height: 100px;}
 .block-1 {background: var(--prime-light);}
 .block-2 {
	 background: var(--prime-medium);
}
 .block-3 {
	 background: var(--prime-dark);
}
 .block-4 {
	 background: var(--accent-light);
}
 .block-5 {
	 background: var(--accent-medium);
}
 .block-6 {
	 background: var(--accent-dark);
}
 
/* красная кнопка*/
.pulse-button{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80px;height:80px;border-radius:40px;padding:10px;border:none;background:#f1ae05;-webkit-box-shadow:0 5px 35px rgba(0,0,0,.2);box-shadow:0 5px 35px rgba(0,0,0,.2);position:fixed;bottom:50px;right:50px;cursor:pointer;outline:0;z-index:1000}
  
  .pulse-button:hover .pulse-button__icon{opacity:0;visibility:hidden;position:absolute;-webkit-transition:.3s;transition:.3s}.pulse-button:hover .pulse-button__text{-webkit-transition:.3s;transition:.3s;opacity:1;visibility:visible;position:relative}.pulse-button__icon{display:block;width:30px;height:30px;background:url(https://m.dtools.com.ua/templates/commerce_mobiles/images/phone.svg) center center no-repeat;background-size:cover;-webkit-transition:.3s;transition:.3s;animation:1.2s ease-in-out 0s normal none infinite running trambling-animation}
  @keyframes trambling-animation {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-10deg);
    }
    20%, 40% {
        transform: rotate(10deg);
    }
}
.pulse-button__text{display:block;width:100%;height:30px;visibility:hidden;position:absolute;-webkit-transition:.3s;transition:.3s;margin-top:1px}
  
  .pulse-button__rings{border:1px solid #ffd500;position:absolute;top:0;left:0;bottom:0;right:0;height:auto;width:auto;border-radius:50%;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:pulse_1;animation-name:pulse_1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;z-index:-1}
  .pulse-button__rings:nth-child(2){-webkit-animation-name:pulse_2;animation-name:pulse_2}.pulse-button__rings:nth-child(3){-webkit-animation-name:pulse_3;animation-name:pulse_3}
  
  @-webkit-keyframes pulse_1 {
	from {
	  opacity: 1;
	  -webkit-transform: scale(0.9, 0.9);
			  transform: scale(0.9, 0.9);
	}
	to {
	  opacity: 0;
	  -webkit-transform: scale(1.3, 1.3);
			  transform: scale(1.3, 1.3);
	}
  }
  
  @keyframes pulse_1 {
	from {
	  opacity: 1;
	  -webkit-transform: scale(0.9, 0.9);
			  transform: scale(0.9, 0.9);
	}
	to {
	  opacity: 0;
	  -webkit-transform: scale(1.3, 1.3);
			  transform: scale(1.3, 1.3);
	}
  }
  
  @-webkit-keyframes pulse_2 {
	from {
	  opacity: 1;
	  -webkit-transform: scale(0.8, 0.8);
			  transform: scale(0.8, 0.8);
	}
	to {
	  opacity: 0;
	  -webkit-transform: scale(1.5, 1.5);
			  transform: scale(1.5, 1.5);
	}
  }
  
  @keyframes pulse_2 {
	from {
	  opacity: 1;
	  -webkit-transform: scale(0.8, 0.8);
			  transform: scale(0.8, 0.8);
	}
	to {
	  opacity: 0;
	  -webkit-transform: scale(1.5, 1.5);
			  transform: scale(1.5, 1.5);
	}
  }
  
  @-webkit-keyframes pulse_3 {
	from {
	  opacity: 1;
	  -webkit-transform: scale(0.8, 0.8);
			  transform: scale(0.8, 0.8);
	}
	to {
	  opacity: 0;
	  -webkit-transform: scale(1.7, 1.7);
			  transform: scale(1.7, 1.7);
	}
  }
  
  @keyframes pulse_3 {
	from {
	  opacity: 1;
	  -webkit-transform: scale(0.8, 0.8);
			  transform: scale(0.8, 0.8);
	}
	to {
	  opacity: 0;
	  -webkit-transform: scale(1.7, 1.7);
			  transform: scale(1.7, 1.7);
	}
  }
 
 /*Scroll UP*/
 #go-top {
    position: fixed;
    bottom: 15px;
    right: 13px;
    text-align: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 284.929 284.929' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M282.082 195.285 149.028 62.24c-1.901-1.903-4.088-2.856-6.562-2.856s-4.665.953-6.567 2.856L2.856 195.285C.95 197.191 0 199.378 0 201.853c0 2.474.953 4.664 2.856 6.566l14.272 14.271c1.903 1.903 4.093 2.854 6.567 2.854s4.664-.951 6.567-2.854l112.204-112.202 112.208 112.209c1.902 1.903 4.093 2.848 6.563 2.848 2.478 0 4.668-.951 6.57-2.848l14.274-14.277c1.902-1.902 2.847-4.093 2.847-6.566.001-2.476-.944-4.666-2.846-6.569z' fill='%23db950d' data-original='%23000000' opacity='1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    z-index: 7;
    background-size: 33px;
    background-repeat: no-repeat;
    box-shadow: 0 0 10px rgb(0 0 0 / 66%);
    border-radius: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-position: center;
 }
 /* поиск анимация параметр*/
 img.gear {
    animation: 1s linear 0s normal none infinite running gear;
    -webkit-animation: 1.8s linear 0s normal none infinite running gear;
    width: 100px;
  }
  @keyframes gear {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes gear {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .form_line {border-bottom: 2px solid #d7d7d7; display: flex;justify-content: center;}
  .rest_block { border: 1px solid #bebebe;margin:0 2px 4px 0;box-shadow: 0 8px 18px rgba(121, 119, 119, 0.2);}
  .rest_block_mean{background: #ffffff;}
  .cover_fit {object-fit: cover;}
  .cover_fit_cont{object-fit: contain;}
  .slide_mean {aspect-ratio: 3/1;}
.description { margin-left: 10px;margin: 10!important;} 

span.photo-block.f_l.logo_block{width:176px;height:86px}.photo-block img{max-height:100%;object-fit:contain;padding-left:4px}.logo_block{box-shadow:1px 2px 3px 1px;margin-left:10px}.logo_blk{height:86px;margin-bottom:21px}.skip-link{position:absolute;top:-40px;left:0;z-index:999;color:#fff}.skip-link:focus{top:0}
.pagination > a {
    display: inline-block;
    margin: 0 2px 4px;
    padding: 10px 15px;
    color: #333;
    border-color: #e1e1e1;
    -moz-box-shadow: inset 0 1px #fff;
    -webkit-box-shadow: inset 0 1px #fff;
    box-shadow: inset 0 1px #fff;
    background: #f8f7f4;
    background: -moz-linear-gradient(top, #f8f7f4 0%, #f4f2ee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f7f4), color-stop(100%,#f4f2ee));
    background: -webkit-linear-gradient(top, #f8f7f4 0%,#f4f2ee 100%);
    background: -o-linear-gradient(top, #f8f7f4 0%,#f4f2ee 100%);
    background: -ms-linear-gradient(top, #f8f7f4 0%,#f4f2ee 100%);
    background: linear-gradient(to bottom, #e1e0dc 0%,#c9c8c5 100%);
    border-radius: 3px;
}
.pic_block_prods{margin: 0 auto;}
.desc-caption {font-weight: 700;font-size: 16px;line-height: 20px;letter-spacing: .07em;text-transform: uppercase;margin-top: 16px;color: darkred;position: relative;display: inline-block;margin-bottom: 5px;}
.desc-caption::after {content: "";position: absolute;bottom: -4px;width: 73px;height: 31px;background: url(https://dtools.com.ua/uploads/mini_baners/youtubeplay.svg) no-repeat;background-size: 100%;padding-right: 17px;}
.brd_sv {border: 1px solid #ddd;border-radius: 8px;padding: 16px;margin-top: 16px;background-color: #fff;font-family: "Segoe UI", sans-serif;font-size: 16px;line-height: 1.5;}
.brd_sv dt {font-weight: 600;margin-top: 12px;color: #333;background: #e6e6e6;}
.brd_sv dd {margin-left: 0;margin-bottom: 8px;color: #555;}

/*модуль комплект товаров*/
.block_complect {display: flex;flex-direction: column;align-items: center;padding: 20px;margin: 0 auto;}
.title-h2 {margin-bottom: 20px;text-transform: uppercase;font-size: 13px;text-align: center;color: #666666}
.underline-title {position: relative;display: inline-block;margin-bottom: 10px;text-transform: uppercase;font-size: 24px;color: #666;}
.underline-title:after {content: "";width: 100%;height: 3px;background-color: #d75d14;position: absolute;bottom:0;left: 0;}
.frame-complect {width: 100%;}
.items-complect {display: flex;flex-wrap: wrap;justify-content: space-around;gap: 20px;}
.line_title {display: flex;align-items: center;justify-content: center; font-size: 22px;color: #666666;text-shadow: 0 1px 0 #928e8e;}
.line_title::before, .line_title::after {content: "";flex: 1;border-bottom: 4px solid #eb8200;width: 15px;}
.line_title::before {margin-left: 0;margin-right: 3px;}.line_title::after {margin-left: 3px;margin-right: 0;}
.items-product {display: flex;flex-direction: column;gap: 10px;list-style: none;padding: 0;}
.complect-item {border: 1px solid #ddd;border-radius: 5px;padding: 20px;background-color: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease-in-out;}
.frame-kit {display: flex;flex-direction: column;align-items: center;gap: 10px;border: 1px solid #cccccc;padding: 5px;}
.frame-photo-title {display: flex;flex-direction: column;align-items: center;text-decoration: none;color: #333;text-align: center;}
.frame-photo-title img {max-width: 100%;height: auto;border-radius: 5px;}
.frame-photo-title .title_clr {font-weight: 700;width: 145px;text-transform: uppercase;text-shadow: -2px 0px 0px #d5d1d1;font-size: 20px;}
.select-variant {width: 100%;padding: 10px;border: 1px solid #ddd;border-radius: 5px;background-color: #fff;font-size: 1rem;}
.description {text-align: center;margin-top: 10px;}
.frame-prices {display: flex;justify-content: center;align-items: center;gap: 5px;}
.priceOrigVariant::after {content: " грн";}
.priceOrigVariant {font-size: 22px;text-decoration: line-through;}
.form-label {margin: 0;}
.price-new {font-weight: bold;font-size: 1.2rem;color: #e60000;}
#kit-modal {font-size: 14px;}
.next-kit {border-radius: 50px;background: #cacaca;line-height: 1;color: #c10404e0;font-size: 35px;width: 35px;height: 35px;}
.next-block_plus{display: flex;justify-content: center;text-align: center;}

.curr {font-size: 2rem;color: #333;}
.complect-gen-sum {display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 20px;flex-direction: column;}
.gen-sum-kit {font-size: 3rem;font-weight: bold;color: #333;}
.frame-gen-price-buy-complect {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.btn-buy-p {
    display: inline-block;
}

.btn-buy button {padding: 10px 20px;border-radius: 5px;cursor: pointer;transition: background-color 0.3 sease-in-out;border: 3px solid #ff6600;}
.btn-buy button:hover {background-color: #cc5200;}
.btn-buy .icon_cleaner_buy {margin-right: 5px;}

/************************************/


   /******************/            

         Styles для сео текста на главной
        .limited {
            max-height: 400px;
            overflow: hidden;
            position: relative;
        }

        .limited.l-200 {
            max-height: 200px;
        }

         Add your sizes for text box 
        .limited.l-300 {
            max-height: 300px;
        }

        .limited .bottom {
            position: absolute;
            bottom: 0;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);
            width: 100%;
            height: 60px;
            opacity: 1;
            transition: .3s;
        }

        .read-more-checker {
            opacity: 0;
            position: absolute;
        }

        .read-more-checker:checked~.limited {
            max-height: none;
        }

        .read-more-checker:checked~.limited .bottom {opacity: 0;transition: .3s;}
        .read-more-checker~.read-more-button:before {content: 'Подробнее »';}
        .read-more-checker:checked~.read-more-button:before {content: 'Скрыть «';}
        .read-more-button {cursor: pointer;display: inline-block;padding: 10px;color: #777;border: 1px solid #ddd;border-radius: 4px;}
        .desc-caption {text-align: left;display: flow;}
    
/* Скрытие SEO-текста */
/* Стили для основного контейнера */
.unique-holder {
    width: 100%;
    position: relative;
    border-bottom: 3px solid #e4710c;
}

/* Чекбокс для управления видимостью текста */
.unique-read-more-checker {
    opacity: 0;
    position: absolute;
}

/* Стили для кнопки "Подробнее / Скрыть" */
.unique-read-more-button {
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    color: #777;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-transform: uppercase;
    margin-top: 10px;
}

.unique-read-more-checker ~ .unique-read-more-button:before {
    content: 'Подробнее »';
}

.unique-read-more-checker:checked ~ .unique-read-more-button:before {
    content: 'Скрыть «';
}

/* Основной контейнер */
.social_uniqum {
    font-size: 14px;
    line-height: 1.5;
    color: #171717;
    max-width: 800px;
    margin: 0 auto;
}

/* Отступы между абзацами (кроме последнего) */
.social_uniqum p:not(:last-of-type) {
    margin-bottom: 12px;
}

/* Стили для заголовков */
.social_uniqum h3 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Отступы для списков */
.social_uniqum ul {
    padding-left: 20px;
    margin-bottom: 15px;
}

/* Стили для элементов списка */
.social_uniqum ul li {
    margin-bottom: 8px;
}

/* Подчеркнутый текст (strong) */
.social_uniqum strong {
    font-weight: bold;
    color: #000;
}

/* Выделение жирного текста (b) */
.social_uniqum b {
    font-weight: bold;
    color: #333;
}

/* Основной блок с текстом */
.unique-limited {
    transition: max-height 0.5s ease-in-out;
    max-height: 255px;
    overflow: hidden;
    position: relative;
}

/* Когда нажата кнопка "Подробнее" - текст раскрывается */
.unique-read-more-checker:checked ~ .unique-limited {
    max-height: 4000px;
    transition: max-height 0.5s ease-in-out;
}

/* Стили для текста внутри */
.seo-text, .unique-limited, .container_uniqum, .social_uniqum, .text_top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 2px;
}

.seo-text {
    font-size: 13px;
    background-color: #fff;
    border-top: 1px solid #cecece;
    padding: 0 0 9px;
    margin-bottom: -1px;
    font-family: Verdana, Geneva, sans-serif !important;
}

p, h2.tile_mean, h3, section {
    margin-bottom: 15px;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease, color 0.5s ease;
}

/* Заголовок */
h2.tile_mean {
    background-color: #ececec;
    line-height: 1px;
    padding: 4px 0 4px 8px;
    border-top: 3px solid #e4710c;
}

/* При нажатии на "Подробнее" третий и последующие абзацы и заголовки плавно появляются */
.unique-read-more-checker:checked ~ .unique-limited p:nth-of-type(n+3),
.unique-read-more-checker:checked ~ .unique-limited h3:nth-of-type(n+3) {
    opacity: 1;
}

/* Градиентный эффект внизу */
.unique-limited:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
    transition: opacity 0.4s ease;
}

/* Градиент исчезает при раскрытии */
.unique-read-more-checker:checked ~ .unique-limited:after {
    opacity: 0;
}


         /*CALL BACK*/
         
/*.unique-get-call {background-color: #ff7f00;color: white;border: none;padding: 10px 20px;font-size: 16px;cursor: pointer;width: 100%;height: 80px;transition: background-color 0.3s;}*/
.unique-get-call {
    display: block !important;
    opacity: 0;
    position: fixed;
    z-index: 1000;
    background-color: #a82424;
    color: #ffffff;
    padding: 10px 10px;
    border-radius: 0 5px 5px 0;
    font-size: 18px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    border: none;
    cursor: pointer;
    transition: opacity 1s ease-in-out, transform 0.5s ease-in-out, bottom 0.5s ease-in-out;
    bottom: 20px;
    transform: translateX(-20px);
    visibility: hidden !important;
}
.unique-get-call.visible {opacity: 0.88 !important;transform: translateX(0);visibility: visible !important;}
/* Отключение прокрутки при открытом модальном окне */
body.modal-open {overflow: hidden;}

/*.unique-get-call {position: fixed;z-index: 1000;background-color: #ff7f00;color: white;padding: 10px 20px;border-radius: 0 5px 5px 0;font-size: 16px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);border: none;cursor: pointer;transition: bottom 0.5s ease-in-out; opacity: 0.85;}*/
.unique-get-call:hover {background-color: #cc6600;}

label[for="phone-field"], 
label[for="unique-comment"], 
label[for="unique-name"], 
.unique-label {display: flex;margin: 5px 0;font-size: 18px;}
.unique-modal-title {font-size: 28px;font-weight: 700;text-align: center;margin-bottom: 20px;color: #222;line-height: 1.2;}
.unique-modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
p.unique-working-hours {font-size: 16px;}
.unique-modal-content {background-color: #fff;padding: 20px;font-size: 19px;margin: 10% auto;width: 70%;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);position: relative;}
.unique-modal-content h2 {line-height: 1.1;}
.unique-close {position: absolute;top: -0px;right: 0px;z-index: 10000;cursor: pointer;padding: 5px;width: 20px;height: 15px;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);background: #b33c3c;color: white;font-size: 25px;border-radius: 0px 5px 0px 20px;}
p.unique-notice {font-size: 16px;}
.unique-input-container {margin: 10px 0;}
svg.unique-phone-icon {width: 55px;}
span.unique-icon {display: flex;align-items: center;justify-content: center;}
.unique-input-container input, 
.unique-input-container textarea, 
.unique-time-select select {width: 100%;padding: 8px 1px 8px 4px;border: 2px solid #ccc;border-radius: 5px;font-size: 14px;}
.unique-input-container input:focus, 
.unique-input-container textarea:focus, 
.unique-time-select select:focus {border:2px solid #0cbb0c;outline: none; /* Убирает стандартное выделение */}
#unique-call_time_hour, #unique-call_time_minute {height: 45px;}
button[type="submit"] {background-color: #ff7f00;color: white;padding: 10px;border: none;border-radius: 5px;cursor: pointer;width: 100%;margin-top: 10px;font-size: 16px;transition: background-color 0.3s;}
button[type="submit"]:hover {background-color: #cc6600;}
.unique-successModal {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #fff;padding: 20px;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);width: 30%;text-align: center;}
.unique-successModal h2 {color: #ff7f00;}
.unique-time-select {display: flex;}
.unique-highlight {font-weight: bold;color: #ff7f00;}
.hidden-field {display: none !important;visibility: hidden;height: 0;padding: 0;margin: 0;}



             /*карусель купить Также рекомендуем*/
             
/* Контейнер карусели */
.related-products-carousel {
    width: 100%;
    max-width: 380px; /* Фиксируем ширину */
    margin: 0 auto;
    overflow: hidden; /* Скрываем лишнее */
    position: relative;
    background: #fff;
}

/* Обёртка товаров */
.related-products-carousel .carousel-wrapper {
    width: 100%;
    overflow: hidden; /* ВАЖНО! Без этого прокрутки не будет */
    position: relative;
    display: flex;
     justify-content:center;
}




/* Контейнер списка товаров */
.related-products-carousel .items-product {
    display: flex;
    flex-direction: row;
    gap: 10px !important;
    padding: 10px 0;
    scroll-behavior: smooth !important;
    transition: transform 0.3s ease-in-out;
    white-space: nowrap;
    width: max-content; /* Важно для корректного скроллинга */
}

/* Отдельные товары */
.related-products-carousel .items-product li {
    min-width: 100%;
    max-width: 100%;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
}

/* Ограничение заголовков */
.related-products-carousel .items-product li .title {
    font-size: 16px;
    max-height: 4.2em;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 300px;
}

/* Кнопки прокрутки */
.related-products-carousel .carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #ee7a10e8;
    font-size: 35px;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
}

/* Левая кнопка */
.related-products-carousel .carousel-btn.prev {
    left: -10px;
}

/* Правая кнопка */
.related-products-carousel .carousel-btn.next {
    right: -10px;
}


/*************ТОП ПРОДАЖ*********************/
.horizontal-carousel {width: 100%;max-width: 380px; /* Ограничиваем ширину */margin: 0 auto;overflow: hidden;position: relative;background: #fff;display: flex;flex-direction: column;align-items: center; /* Важно, чтобы не смещался контент */}
.globalFrameProduct a .title {margin-left: 1px;}
/* 🔹 Обёртка товаров */
.horizontal-carousel .content-carousel {width: 100%;overflow: hidden; /* Важно для работы скроллинга */position: relative;display: flex;justify-content: center; /* Центрируем товары */}
.what-prod {font-size: 12px;}

/* 🔹 Контейнер списка товаров */
.horizontal-carousel .items-product {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 10px 0;
    scroll-behavior: smooth;
    transition: transform 0.3s ease-in-out;
    white-space: nowrap;
    width: max-content; /* Обеспечивает горизонтальный скролл */
}

/* 🔹 Отдельные товары */
.horizontal-carousel .items-product li {
    min-width: 100%; /* Показываем только 1 товар */
    max-width: 100%;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    visibility: visible !important; /* Гарантируем, что элементы видны */
    opacity: 1 !important;
}

/* 🔹 Ограничение заголовков */
.horizontal-carousel .items-product li .title {
    font-size: 16px;
    max-height: 3em;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 300px;
}

/* 🔹 Кнопки прокрутки */
.horizontal-carousel .prev,
.horizontal-carousel .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #ee7a10; /* Оранжевый цвет */
    font-size: 32px;
    cursor: pointer;
    z-index: 10;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Левая кнопка (скрыта, если на первом элементе) */
.horizontal-carousel .prev {left: -10px;}
/* Правая кнопка */
.horizontal-carousel .next {right: -10px;}
.carousel-progress {
    width: 100%; /* Ширина всей карусели */
    height: 4px; /* Высота полосы */
    background: #ddd; /* Цвет фона полосы */
    position: absolute;
    bottom: 5px; /* Отступ от нижнего края */
    left: 0;
    overflow: hidden;
    border-radius: 2px; /* Скругление краев */
}
.carousel-progress-bar {width: 0%;height: 100%;background: #ee7a10; /* Оранжевый цвет прогресса */transition: width 0.3s ease-in-out;}