@import 'reset.css';

/*
@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Inter-Regular.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/Inter-Medium.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
}
*/
@font-face {
	font-display: swap;
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Exo-2-Regular.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/Exo-2-Medium.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/Exo-2-Bold.woff2') format('woff2');
}

/* Inter Black (900) — самохостинг для тяжёлого веса Inter */
@font-face {
	font-display: swap;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/Inter-Black.woff2') format('woff2');
}

/* Реальный Intro Bold Caps — начертания заголовков как в Figma (там Intro, не Inter) */
@font-face {
	font-display: swap;
	font-family: 'Intro Caps';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/Intro-Bold-Caps.woff2') format('woff2');
}

/* ============================================================
   Дизайн-токены витрины (18.09.2026). Палитра новой вёрстки — та же, что в
   попапе корзины (cartpopup.css): акцент #2DC5FF, текст #00364A, подложки
   #eef2f5, линии #e3e9ee, шрифт Inter. На них собраны окна .new-style (ниже),
   оформление заказа (mid_checkout.css) и окно выбора города
   (module/geoip/geoip_modal.tpl); новые блоки брать отсюда, а не хардкодить.
   Тёмные значения — в dark.css (генератор dark-auto.css переменные не видит).
   ============================================================ */
:root {
	--mid-font: 'Inter', Arial, sans-serif;
	--mid-accent: #2dc5ff;
	--mid-accent-hover: #14b7f5;
	--mid-accent-soft: rgba(45, 197, 255, .14); /* подсветка выбранного, кольцо фокуса */
	--mid-on-accent: #ffffff;      /* текст и кружок тумблера на акценте, в тёмной теме не меняется */
	--mid-text: #00364a;
	--mid-text-muted: #707070;
	--mid-link: #1ea3d2;
	--mid-surface: #eef2f5;        /* вторичные кнопки, шапки таблиц, подложки */
	--mid-surface-hover: #dfe6ea;
	--mid-line: #e3e9ee;
	--mid-block-bg: #ffffff;       /* карточки, окна */
	--mid-field-bg: #ffffff;
	--mid-field-border: #d5dde3;
	--mid-danger: #d92b26;         /* 4.9:1 на белом (AA для мелкого текста ошибок) */
	--mid-radius: 10px;            /* кнопки, поля, плитки */
	--mid-radius-lg: 20px;         /* блоки, окна */
}

html { margin: 0; padding: 0;}
/* Bootstrap 5 ставит :root { scroll-behavior: smooth }, а прокрутка на сайте везде
   через jQuery .animate({scrollTop}) («Все характеристики», «Все отзывы», переход
   по хэшу вкладки и т.п.): jQuery каждый кадр задаёт scrollTop, браузер каждый раз
   перезапускает свою плавную прокрутку — 500 мс анимации проходят вхолостую, а после
   неё страница сама рывком уезжает к последнему значению. Возвращаем auto;
   специфичность html:root выше :root, порядок подключения файлов не важен */
html:root { scroll-behavior: auto; }
body {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0;
	/* overflow-x: hidden; */
}
body, td, th, input, textarea, select, a {
	font-size: 13px;
}
h1, .welcome {
	color: #636E75;
	font-family: Verdana, serif;
	font-size: 32px;
	font-weight: normal;
	text-shadow: 0 0 1px rgba(0, 0, 0, .01);
	margin: 0 10px 20px 0;
}

table.table, table.table tr, table.table tr td{ border: 2px solid #eee;}
table.table tr td{ padding: 5px;}

/* Start tooltip-info */
.tooltip-info {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	cursor: pointer;
	color: #1EA3D2;
}
.tooltip-info:hover {
	color: #1195C3;
}
.tooltip-info:after {
	content: attr(data-tooltip);
	visibility: hidden;
	position: absolute;
	width: max-content;
	max-width: 200px;
	background-color: #1ea3d2;
	color: #ffffff;
	text-align: left;
	padding: 10px;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transform: translateY(-50%);
	top: 50%;
	left: 30px;
	font-family: 'Inter', Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	cursor: default;
}

.tooltip-info:hover:after,
.tooltip-info:hover:before {
	opacity: 1;
	visibility: visible;
}
.tooltip-info:before {
	content: '';
	visibility: hidden;
	position: absolute;
	width: 12px;
	height: 12px;
	left: 20px;
	top: 50%;
	transform: translate(50%, -50%) rotate(-45deg);
	background-color: #1ea3d2;
	border-radius: 2px;
	z-index: 1;
	opacity: 0;
	cursor: default;
}
/* End tooltip-info */

.d-none {
	display: none;
}

.clear { clear: both;}

.welcome {
	font-size: 25px;
	overflow: hidden;
	float: left;
	width: 100%;
}
.welcome-wrap {
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
h2 {
	color: #000000;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 15px;
}

h3 {
	color: #000000;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 5px;
}


p { margin-top: 0px; margin-bottom: 20px;}
a, a b {
	color: #3594BD;
	text-decoration: none;
	cursor: pointer;
}
img {
	border-radius:10px;
}
a img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input[type='text'], input[type='password'], textarea {
	background: #fff;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-left: 0px;
	margin-right: 0px;
}
select {
	background: #fff;
	border: 1px solid #ccc;
	padding: 3px;
}
label { cursor: pointer; }

/* layout */
.container_12 {
	background: #fff;
	border: 1px solid #eee;
	border-radius:5px 5px 0 0;
}
.wrap {
	overflow: hidden;

}
#content {
	min-height: 400px;
	margin-bottom: 25px;
}
#column-right {float: right;}

/* header */
header {
	position: relative;
	padding-top: 30px;
    background: #fff;
}
.timer {
	float: left;
	margin: 15px 0;
	color: #000;
}
header #welcome {
	margin: 15px 0;
	z-index: 5;
	text-align: right;
	color: #000;
}
#welcome a { color: #000; }

/*SOCIAL LINK FIXED RIGHT*/
#social_link { position: absolute; top: 142px; right: 0; z-index: 502; width:50px; height: 50px;}
#social_link:hover{}
#social_link .social_wrap a.vk,
#social_link .social_wrap a.fb,
#social_link .social_wrap a.gp,
#social_link .social_wrap a.tw,
#social_link .social_wrap a.inst,
#social_link .social_wrap a.ok,
#social_link .social_wrap a.rawblog,
#social_link .social_wrap a.tiktok,
#social_link .social_wrap a.yt { background-position: center; background-repeat: no-repeat;}

/* Start social icons refresh: base64-пнг старых логотипов заменены на svg из image/social */
#social_link .social_wrap a.vk { background-image: url('../image/social/vk.svg'); }
#social_link .social_wrap a.yt { background-image: url('../image/social/youtube.svg'); }
#social_link .social_wrap a.ok { background-image: url('../image/social/ok.svg'); }
#social_link .social_wrap a.tlg { background-image: url('../image/social/telegram.svg'); }
#social_link .social_wrap a.rawblog { background-image: url('../image/social/blog.svg'); }
#social_link .social_wrap a.tiktok { background-image: url('../image/social/tiktok.svg'); }
/* background-repeat задаём здесь же, а не полагаемся на старый список выше: в нём нет
   класса .tlg, и Telegram замощался по всей кнопке (раньше не было видно, т.к.
   base64-ПНГ был 50x50 и закрывал весь блок). */
#social_link .social_wrap a.vk,
#social_link .social_wrap a.yt,
#social_link .social_wrap a.ok,
#social_link .social_wrap a.tlg,
#social_link .social_wrap a.rawblog,
#social_link .social_wrap a.tiktok {
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center;
}
/* End social icons refresh */


#social_link .social_wrap a:first-child{margin-top: 5px;}
#social_link .social_wrap a{position: relative;	background-color: #f9f9f9; line-height:50px; text-align: center; border-radius:2px 0 0 2px; display: block; width: 50px; height: 50px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom: 5px;}

#social_link .btn_social{
 	display: block;
	width: 50px;
	height: 50px;
    border-radius: 20px 0px 0px 20px;
	background-color: #42CBFF;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" fill="none" viewBox="0 0 41 41"><path d="M30.908 2.139a6.4 6.4 0 0 0-4.687 1.875 6.4 6.4 0 0 0-1.754 3.279 6.4 6.4 0 0 0 .304 3.537l-6.746 4.285a8.1 8.1 0 0 0-2.96-2.111A8.118 8.118 0 0 0 4.46 23.607a8.11 8.11 0 0 0 13.232 2.63c.114-.114.217-.237.323-.356l6.754 4.29a6.4 6.4 0 0 0-.303 1.038 6.41 6.41 0 0 0 2.724 6.578 6.4 6.4 0 0 0 8.086-.8 6.42 6.42 0 0 0 1.88-4.528 6.405 6.405 0 0 0-10.936-4.53l-.078.085-6.747-4.287a8.1 8.1 0 0 0 .676-3.225 8.1 8.1 0 0 0-.674-3.227l6.745-4.283a6.4 6.4 0 0 0 4.607 1.957 6.414 6.414 0 0 0 6.406-6.406 6.405 6.405 0 0 0-6.248-6.404m-.158 2.56a3.85 3.85 0 0 1 3.844 3.844A3.843 3.843 0 0 1 30 12.313a3.84 3.84 0 0 1-3.02-3.02 3.844 3.844 0 0 1 3.77-4.594M11.959 14.95a5.56 5.56 0 0 1 5.55 5.553 5.55 5.55 0 0 1-9.476 3.926 5.555 5.555 0 0 1 .84-8.543 5.56 5.56 0 0 1 3.086-.936M30.75 28.615a3.85 3.85 0 0 1 3.844 3.844 3.85 3.85 0 0 1-2.373 3.553 3.844 3.844 0 1 1-1.471-7.397" fill="%23fff"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

#social_link .btn_social.active{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAABL1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TyruBAAAAZHRSTlMAAQIEBQYHCQsSFhohJicoKSssLzA1Nzk6PEpMTVFSU1RVVldZWl1eYGJmZ2lqa21ub3Bydnp/hYaJioyNkZKUoqOkp6itt7/BxtLT1tfY2d/h4+Tl5ufp7u/x8vP09ff5+v3+IUJ9hgAAAQ9JREFUeAFVzvdeGkEcRfETEhJSQnpICAlBUSwKFkXEolhQsXcFFhTu+z+D7szusvv993zuzA8gWSDq/TrG2/pFmrA3tfsywLt96S7DQGJXUgW+1fWs/Q9ffFuuMtWuXK3//mJHxh4UZTSzdrElo/EBmO3J1ckDr2syDj/iKtnk5IlvyjhKYs3I6BY2QsGafFDI8RcGpnsKnHwmbCJYnX4larwv4/oTUSx7pTVGxMs1+XpFwlY08DhFIFaVcePImMPnhfPvuY5cfT9VZFz+gNGu/Wse4MWSF34CDDkyFuDVoj33ygQYCR4sOfbzX3iGbTojUTGLFIFsU1IzDbFV6fY3Ibm2nL/2tkaKiMzBH3gCeKdyeR3v3zYAAAAASUVORK5CYII=); opacity: .9;}
#social_link .social_wrap{ float: right; display: none;}
#social_link .social_wrap a:hover{border-color: #1794c0; background-color: #fff;}
#social_link .btn_social:hover{ background-color: #1794c0; opacity: 1;}
#social_link .btn_social:hover,  
#social_link .social_wrap a{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.social_tooltip{ border:1px solid #eee; position: absolute; padding: 0 10px; top:0; right: 65px; background: #fff; width: 100px; color:#555; font-size: 1.1em; border-radius:4px;}
.social_tooltip:after,.social_tooltip:before{content: ''; position: absolute; top:50%; margin-top: -10px;  border:10px solid;}
.social_tooltip:after{ right:-20px; border-color: transparent transparent transparent #eee;}
.social_tooltip:before{ right:-19px; border-color: transparent transparent transparent #fff; z-index:2;}

/* Strip --------------------------------------------------*/
.strip {
	line-height: 40px;
	background: #1ea3d2;
	border-bottom: 1px solid #297394; 
	position: relative;
	min-height: 40px;
	height: auto;
	margin-bottom: 20px;
	width: 1220px;
	margin-left: -10px;
	border-radius:4px ;
}
.strip:before{
	content: "";
	border:4px solid;
	border-color: #297394  #297394 transparent  transparent;
	position: absolute;
	bottom: -8px;
	left:1px;
}
.strip:after{
	content: "";
	border:4px solid;
	border-color:#297394 transparent transparent #297394 ;
	position: absolute;
	bottom: -8px;
	right:1px;
}
.strip .boxLeft{margin-left: 15px;}
.strip .boxRight {margin-right: 15px;}
.strip .boxRight ul li,.strip .boxLeft ul li{ display:inline-block; margin-left: 0px; margin-right: 0; margin-top:1px;}
.strip .boxRight ul {text-align: right;}
.strip .boxLeft ul li a, .strip .boxRight ul li a, .boxLeft .geoip-block .geoip-text .zone{
	color:rgba(255,255,255,.9); 
	font-size: 13px;
	background-color: rgba(0,0,0,.09);
    border-radius:4px;
    border:1px solid rgba(0,0,0,.05);
    text-align: center;
    padding:3px 10px;
    text-decoration: none;
    -webkit-transition: ease .3s;
    -o-transition: ease .3s;
    transition: ease .3s;
}
.strip .boxLeft ul li a:hover, .strip .boxRight ul li a:hover, .boxLeft .geoip-block .geoip-text .zone:hover{ background-color: rgba(0,0,0,.2); color: #fff;}
.strip .boxRight .fa{font-size:14px; margin-right:2px;}
.strip .sum{
	background-color: rgba(0,0,0,.2);
	padding: 0px 5px;
	font-size: 10px;
	border-radius:2px;
	text-align: center;
	margin-top: -2px;
}

/* logo---------------------------------------------------*/
header #logo { text-align: center;}
header #logo img{margin-top: 12px;}
header .box-content{margin: 0 !important;}

/*----------------------- header-phones ------------------*/
header .phone{
	border:1px solid #1794c0;
	font-size: 14px;
	position: relative;
	padding: 10px;
	border-radius:4px;
	color: #333;
}
header .header-phones .box{margin-bottom: 0 !important;}
header .header-phones .box .box-content{padding-top: 0 !important;} 
header .phone > .titlePhone{
		position: absolute;
		top: -10px;
		background-color: #fff;
		color: #1794c0;
}
header .phone > .tm{
	font-size:12px;
	color: #1ea3d2;
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd;
	margin:5px 0;
	padding:5px 0;
	text-align: left;	
}
header .phone ul{ margin-bottom:5px;}
header .mail a{ font-size: 14px; color:#333;}
header .phone .fa{ color:#3492BB;}

/*----------------------- header links ---------------------*/
header .headerLine{
	position: absolute;
	right: -10px;
	bottom:40px;
	background: #1ea3d2;
	padding: 10px 30px 10px 10px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	margin: 4px 0px 0px 4px;
}
header .headerLine:after{
	content: "";
	border: 5px solid;
	border-color: transparent transparent #297394 #297394;
	position: absolute;
	right: 0px;
	top: -10px;
	z-index: -1;	
}
header .headerLine:before{
	content: "";
	border: 5px solid;
	border-color: #297394 transparent transparent #297394;
	position: absolute;
	right: 0px;
	bottom: -10px;	
	z-index: -1;	
}
header .headerLine  a{ font-size: 14px; color: rgba(255,255,255, .9); text-decoration: none;}
header .headerLine div > .fa{
	width:20px;
	height: 20px;
	font-size:12px;
	margin: 2px;
	line-height:20px;
	text-align: center;
	border-radius:2px;
	background: rgba(0,0,0,.2);
	color:rgba(255,255,255,1);
	-webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s;
}

header .headerLine div:hover .fa{ color:rgba(255,255,255,.5);}
header .headerLine .boxAvd{
	position: absolute;
    left: -600px;
    background-color: #fff;
    padding: 10px 10px 0 10px;
    border: 2px solid #3390B8;
    border-radius: 4px 0 4px 4px;
    display: none;
    z-index:999;
}
header .headerLine div:hover .boxAvd{display: block;}
header .headerLine .boxAvd .blockContent{padding:5px;}
header .headerLine .boxAvd h4, header .headerLine .boxAvd .fa{ font-size: 14px; margin-bottom: 5px; color:#3390B8;}
.headerLine div:hover .boxAvd .fa{color: #3390B8;}

/*---------------------- / header links ---------------------*/
#dostavka-sng {
	display: inline-block;
	background: url('/image/data/helicopter.png') no-repeat;
	width: 198px;
	height: 92px;
}
#hlcpt-hint1 {
	width: 84px;
	height: 46px;
	position: absolute;
	top: 110px;
	/*left: 720px;*/
	right: 316px;
	background: url('/catalog/view/theme/gazal/image/icons/hlcpt-hint1.png') 0px 0px no-repeat;
	display: none;
}
#hlcpt-hint2 {
	width: 288px;
	height: 126px;
	position: absolute;
	top: 200px;
	background: url('/catalog/view/theme/gazal/image/icons/hlcpt-hint2.png') 0px 0px no-repeat;
	display: none;
	z-index: 5;
}
/* Top Blocks
---------------------------------------------------*/
.top-blocks li {
	display: inline-block;
	margin: 10px 10px 10px 0;
	overflow: hidden;
	width: 23%;
	vertical-align: top;
}
.top-blocks li img {
	float: left;
	vertical-align: middle;
	margin-right: 10px;
}
.top-blocks p {
	font-size: 10px;
	margin-bottom: 0;
}

/* language
---------------------------------------------------*/
#language {
	float: right;
	width: auto;
	color: #fff;
	line-height: 17px;
	margin: 11px 10px 0 5px;
	font-size: 10px;
	text-transform: uppercase;
}
#language img {
	cursor: pointer;
	margin-right: 5px;
	margin-top: 3px;
}

/* cart
-------------------------------------------------*/
header #cart {
	display: none;
	position: relative;
	float: right;
	padding-right: 10px;
	margin-top: 78px;
}
#cart .title-block-top {text-transform: uppercase}
header #cart .heading {
	float: right;
	padding-left: 50px;
	height: 50px;
	line-height: 18px;
	background: url(../image/cart-top.png) left top no-repeat;
	position: relative;
	z-index: 1;
}
header #cart .heading a {
	color: #000;
	text-decoration: none;
}
header #cart .content {
	clear: both;
	display: none;
	position: absolute;
	top: 50px;
	right: 10px;
	min-width: 300px;
	-moz-box-shadow: 0px 1px 7px #ccc;
	-webkit-box-shadow: 0px 1px 7px #ccc;
	box-shadow: 0px 1px 7px #ccc;
	background: #FFF;
	z-index: 1000;
	line-height: 18px;
	padding: 10px;
}
header #cart.active .content {display: block;}
.mini-cart-total {text-align: right; margin: 10px 0;}
.mini-cart-total table {border-collapse: collapse; display: inline-block; margin-bottom: 5px; color: #787878; line-height: 11px;}
.mini-cart-total td { padding: 4px;}
header #cart .checkout {
	text-align: right;
	float: left;
	width: 85px;
	margin-left: 8px;
}
header #cart .checkout a {
	display: block;
	float: left;
	width: 85px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	color: #fff;
	text-decoration: none;
	margin-top: 5px;
}
a.ca {background: #7dc50d;}
a.ca:hover {background: #6ba60e;}
a.ch {background: #ffae00 ;}
a.ch:hover {background: #D69E1D;}
header #cart .empty {padding: 10px 0; text-align: center;}

/*Call Back*/
.callBack .title_call h1{font-weight: bold; color:#3594BD;}
.callBack .title_call p{ font-size: 14px; color: #333;}
.callBack .title, .callBack .color_entry_name{
	font-size: 14px;
	margin-left:0;
	padding-left: 0;
	text-align: left;
	color: #333;
	margin-left:-5px;
}
.callBack input[type="text"], .callBack textarea, .callBack .borderleft3pxred{
	border:1px solid #3594BD !important;
	width:100%;
	line-height:25px;
	border-radius:4px;
	margin:5px 0 5px -5px;
	font-size: 14px;
}

.callBack input[type="text"]{ height:25px;}
.callBack textarea{height:70px;}
.callBack {text-align: center;}

.callBack .buttons-row{border:none; padding: 0; margin: 0; justify-content: center;}

/* Categories drop on search bar */
.dropdown dd, .dropdown dt, .dropdown ul { 
	padding:0px; 
	float: right; 
	height: 39px; 
	margin-right: 2px; 
	position: relative;
	background: #7dc50d;
}
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#fff; text-decoration:none; outline:none;}
.dropdown a:hover { color:#fff;}
.dropdown dt a:hover { color:#fff;}
.dropdown dt a {
	background: url(../image/arrow-down-white.png) no-repeat scroll 90% center; 
	display:block;
	padding: 0 30px 0 10px;
}
.dropdown dt a span {cursor:pointer;  display:block;}
.dropdown dd ul { 
	background:#6AA50D none repeat scroll 0 0; 
	color:#fff; 
	display:none;
	left:2px; 
	padding:5px 0px; 
	position:absolute; 
	top:39px; 
	width:auto; 
	min-width:137px; 
	list-style:none;
	line-height: 20px;
}
.dropdown span.value { display:none;}
.dropdown dd ul li a { 
	padding: 2px 10px; 
	display:block;
	background-color:#6AA50D;
}
.dropdown dd ul li + li { border-top: 1px solid #fff;}
.dropdown dd ul li a:hover { background-color:#6AA50D; color: #000;}
.dropdown img.flag { border:none;  vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}

/*mine menu*/
.icon_menu{
	height: 25px;
	filter: grayscale(100%);
	margin-right: 10px;

}

#menu .main_cat > a {
    position: relative;
    display: flex;
    align-items: center;
	color: #000;
    font-family: 'Inter', Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: normal;
    padding-left: 40px;
}
#menu .sub_cat a{
	color: #828383;
}
.main_cat {
    margin-bottom: 15px;
}
.main_cat li{
	justify-content: center;
  align-self: center;
}
.sub_cat {
    padding: 0;
}
.sub_cat li{
	margin-left: 40px;
	line-height: 1.5;
}
.sub_sub_cat li{
	margin-left: 47px;
	line-height: 1.5;
}

.sub_sub_cat a{
	font-size: 10pt!important;
	color: #4b4b4b!important;
}
.cat_menu {
    -moz-column-count: 5; /* Для Firefox */
    -webkit-column-count: 5; /* Для Safari и Chrome */
    column-count: 5;
    text-align: left;
    padding: 15px 25px;
}
.cat_menu li{
	/*break-inside: avoid;*/
}
.main_cat i{
	margin-right:12px;

}


#sidemenu a:hover {
	color:#00a4e2!important;
	 -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
}

/* MENU */
.bg_menu{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 500; opacity: 1; box-shadow: inset 0 0 80px 50px rgba(0,0,0,.1); background: rgba(0,0,0, .2);}

/*TOP LINE MENU*/
#menu {
	padding: 0;
	margin: 10px 0;
	position: relative;
	font-size: 16px;
	z-index: 501;
}
#menu a {font-size: 14px;}
#menu > ul > li.item > a, #menu .item .item_name{
	display: block;
	width: 	100%;
	height: 100%;
	color: #00364A;
	cursor: pointer;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
}
#menu .item_name:first-child {
    overflow: hidden;
}
#menu .sub_cat li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    cursor: pointer;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
}

#menu > ul > li{
	display: block;
	text-align: center;
	padding: 0 18px;
}

#menu > ul > li:hover{
}

#menu > ul > li:hover a{ text-decoration: none; }
/* //TOP LINE MENU*/

#menu div, #menu a, #menu ul li{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#sidemenu:not(.show) .item-main:hover .category_wrap {
	display: block;
}

/*WRAPER MENU*/
#menu .category_wrap{
	width: auto;
	background: #fff;
    border-top: 10px solid #42cbff;
	position: absolute;
	height: auto;
	top: 45px;
	left: 0;
	border-radius: 0 0 20px 20px;
	padding: 0;	
	overflow: hidden;
	display:none;	
}

/*// WRAPER MENU*/

/* Всплывашки доп-разделов меню (FAQ, Отзывы и т.п.) — по образцу .category_wrap.
   Показ на hover только на десктопе (#sidemenu:not(.show)); на мобильном сайдбаре скрыты. */
#menu .item-has-popup {
    position: relative;
}
#sidemenu:not(.show) .item-has-popup:hover .menu-popup {
    display: block;
}
#menu .menu-popup {
    display: none;
    position: absolute;
    top: 63px;
    left: 0;
    min-width: 260px;
    background: #fff;
    border-top: 10px solid #42cbff;
    border-radius: 0 0 20px 20px;
    padding: 22px 30px 26px;
    text-align: left;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .14);
    z-index: 502;
}
#menu .menu-popup__title {
    display: block;
    margin: 0 0 14px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #00364A;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}
#menu .menu-popup__list {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu .menu-popup__list li {
    margin: 0 0 10px;
}
#menu .menu-popup__list li:last-child {
    margin-bottom: 0;
}
#menu .menu-popup__list a {
    display: inline-block;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #00364A;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s ease;
}
/* Наведение на подпункт — голубой + подчёркивание */
#menu .menu-popup__list a:hover {
    color: #00a4e2 !important;
    text-decoration: underline;
}
/* Крайние правые пункты — всплывашку выравниваем по правому краю, чтобы не уезжала за экран */
#sidemenu > li.item-has-popup:nth-last-child(-n+2) .menu-popup {
    left: auto;
    right: 0;
}

#menu .main_category {
	width: 25%;
	text-align: left; 
	background: #fff; 
	border-right:1px solid #ddd;

	-webkit-box-shadow: 3px 2px 7px -4px rgba(0,0,0,.2);
	        box-shadow: 3px 2px 7px -4px rgba(0,0,0,.2);
	height: 500px;

	position: relative;
	float: left;
	padding: 20px 0;
}

#menu .main_category:after{
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;

}

#menu .main_category ul li .fa{float: right; line-height: 40px; font-size: 1.2em; color:#eee;}
#menu .main_category .scroll_bar{overflow-y: auto; height: 100%;}

#menu .main_category ul > li:first-child{border-top: 1px solid rgba(0,0,0,.05) }
#menu .main_category ul > li {
	width: 100%; 
	border-bottom:1px solid rgba(0,0,0,.05); 
	height: 40px; 
	line-height: 40px; 
	padding: 0 10px; 
	position: relative;
}
#menu .main_category ul > li:hover:after{
	content: '';
	position: absolute;
	width: 20%;
	right: 0;
	top: -30px;
	height: 100px;
	background: transparent;
}

/*
#menu .main_category ul li.on:before{
	content: '';
	position: absolute;
	right: -40px;
	border:20px solid;
	border-color: transparent transparent transparent #3594BD;	
}
*/

#menu .main_category ul li a{
	color:#555; 
	width: 100%;
	height: 100%;
	display: block; }

#menu .main_category ul li.on{ background: #3594BD;}
#menu .main_category ul li.on a{ text-decoration: none; color:#f9f9f9;}

/*JUNIOR CATEGORY*/
#menu .junior_category{
	line-height: 2em;
	text-align: left;
	width: 	75%;
	height: 100%; 	
	float: left;
	position: relative;
}

#menu .junior_category a{ color:#555;}
#menu .junior_category .junior_items{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	overflow: auto;
	
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 1%;

	-webkit-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}

#menu .junior_category .jun_wrap{
	border:1px solid #eee;
	background: #fff;
	border-radius:4px;
	padding: 5px 15px;
	width: 100%;
	margin: 0 auto 1%;
	display: table;
}

/*RECOMMENDATION*/
#menu .junior_category .jun_wrap .recom:before{
	content: '';
	border:10px solid;
	border-color: transparent  #fff transparent transparent;
	display: block;
	position: absolute;
	left: -20px;
	top: 10px;
}
#menu .junior_category .jun_wrap .recom{
	display: block;
	position: absolute;
	width: 100%;
	left: 90%;
	background: rgb(255, 255, 255);
	z-index: 2;
	top: 0px;
	padding: 5px;
	margin: 0px;
	border: 1px solid rgb(238, 238, 238);
	border-radius: 4px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
	display: none;
}

.child-table {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.product-options-image {
    width: 65px;
    border-radius: 8px;
}
.child-table-product {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex: 1 1 25%;
    max-width: 120px;
}
.child-table-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #ccc;
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.child-table-name {
    padding-top: 5px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #242424;
    text-decoration: none;
}

#menu .junior_category .jun_wrap .good  span{ color:#A4C700; }
#menu .junior_category .jun_wrap .badly span{ color:#E43B00; }

#menu .junior_category .jun_wrap .recom li{ width: 100%; line-height: 1.2em; margin: 5px 0; padding:5px; border:1px solid #eee;}

#menu .junior_category .jun_wrap .good  span, 
#menu .junior_category .jun_wrap .badly span {
	display: block;
	height: 26px;
	margin-bottom: 5px;
	line-height: 27px; }
 
#menu .junior_category .jun_wrap .recom a{display: inline; color:#333;}
#menu .junior_category .jun_wrap .recom a:hover{text-decoration: underline;} 

#menu .junior_category .jun_wrap ul li:hover .recom{ display: block; }
#menu .junior_category .jun_wrap .good  span:before,
#menu .junior_category .jun_wrap .badly span:before{
	content: '';
	display: block;
	width: 26px;
	height: 26px;
	float: left;
	margin-right: 10px;
	background-position: 50% 50%; }

#menu .junior_category .jun_wrap .good  span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjQTRDNzAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44UzcuMiwyNCw3LjIsMThTMTIsNy4yLDE4LDcuMiBNMTgsNS4yDQoJCUMxMC45LDUuMiw1LjIsMTAuOSw1LjIsMThTMTAuOSwzMC44LDE4LDMwLjhTMzAuOCwyNS4xLDMwLjgsMThTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNSwxNmMwLDAuNi0xLjksMC0zLDBzLTIsMC43LTIsMHMwLjktMiwyLTJTMjUsMTUuNCwyNSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0xMSwxNmMwLDAuNiwxLjksMCwzLDBzMiwwLjcsMiwwcy0wLjktMi0yLTJTMTEsMTUuNCwxMSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNC44LDIwYzAsMy4yLTIuMyw2LjgtNi44LDYuOHMtNi44LTMuNi02LjgtNi44YzAsMCwyLjIsMS4yLDYuOCwxLjJTMjQuOCwyMCwyNC44LDIweiIvPg0KPC9zdmc+DQo=);}
#menu .junior_category .jun_wrap .badly span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRTQzQjAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44QzEyLDI4LjgsNy4yLDI0LDcuMiwxOFMxMiw3LjIsMTgsNy4yIE0xOCw1LjINCgkJQzEwLjksNS4yLDUuMiwxMC45LDUuMiwxOFMxMC45LDMwLjgsMTgsMzAuOGM3LjEsMCwxMi44LTUuNywxMi44LTEyLjhTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNFNDNCMDAiIGQ9Ik0xOCwyMi41YzIuNywwLDUuMiwwLjksNy4yLDIuM2MtMS42LTIuMy00LjItMy44LTcuMi0zLjhzLTUuNiwxLjUtNy4yLDMuOEMxMi44LDIzLjQsMTUuMywyMi41LDE4LDIyLjV6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIxNCIgY3k9IjE2IiByPSIyIi8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIyMiIgY3k9IjE2IiByPSIyIi8+DQo8L3N2Zz4NCg==);}

/*//RECOMMENDATION*/

#menu .junior_category .jun_wrap ul,
#menu .junior_category .jun_wrap .jun_image{ display: table-cell; width: 50%; vertical-align: middle;}
#menu .junior_category .jun_wrap .jun_image { position: relative; height: 200px;}
#menu .junior_category .jun_wrap ul li{
	border:#f5f5f5;
	background: #f9f9f9;
	margin: 5px 0;
	width: 100%;
	padding: 5px 10px;
	border-radius: 4px;
	position: relative;
	border:1px solid #f0f0f0; }

#menu .junior_category .jun_wrap ul li a{ display: block; width: 100%; color:#777;}
#menu .junior_category .jun_wrap > ul > li:hover{ background: #3594BD; }
#menu .junior_category .jun_wrap > ul > li:hover a{ text-decoration: none; color:#f9f9f9;}

#menu .junior_category .jun_wrap  ul.recom > li:hover a{ text-decoration: underline; color:#333;}
#menu .junior_category .jun_wrap  ul.recom > li a{ text-decoration: underline; color:#333;}


#menu .junior_category .jun_wrap .jun_image img{
	position: absolute;
	right: 0;
	top: 50%;
	opacity: 0;
	visibility: hidden;

	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%); }

#menu .junior_category .jun_wrap .jun_image img.active{ visibility: visible; opacity: 1;}
#menu .junior_category .junior_items.active{ opacity: 1; visibility: visible; }
#menu .junior_category .arrow{
	position: absolute;
	top: 10px;
	left: -1px;
	z-index: 2;
	border: 20px solid;
	border-color: transparent transparent transparent #3594BD; }
/* //JUNIAR CATEGORY*/

/* MAIN CATEGORY TO JUNIOR */
#menu .jun_main .jun_wrap{display: table;} 
#menu .jun_main .jun_desc, 
#menu .jun_main .jun_image{ display: table-cell; vertical-align: middle;}
#menu .jun_main .jun_desc{width:75%; text-align: justify;}

/*MANUFACTURER*/
#menu .junior_items .manufacturer{ width: 100%; text-align: center; }
#menu .junior_items .manufacturer span { color:#555; float: left; display: inline-block;}
#menu .junior_items .manufacturer .wrap a:hover{text-decoration: none;}
#menu .junior_items .manufacturer img:hover{ -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0, .05); box-shadow: 0 0 3px 3px rgba(0,0,0, .05); }
#menu .junior_items .manufacturer img{
	border:1px solid #eee;
	margin: 2.5px;
	background: #fff;
	padding: 5px;
	border-radius: 2px; }

/*OWL*/
#menu .junior_items .manufacturer .wrap{
	padding: 10px;
	border:1px solid #eee;
	background: #fff;
	border-radius: 4px;
}
#menu .manufactuter_carusel .owl-controls .owl-buttons{
	margin: auto;
	width: 	50px;
	margin-top: 10px;
}
#menu .manufactuter_carusel .owl-controls .owl-buttons div{
	display: inline-block;
	border:10px solid;
	opacity: .5;
}
#menu .manufactuter_carusel .owl-controls .owl-buttons .owl-prev{ border-color: transparent transparent transparent #999; float: right; }
#menu .manufactuter_carusel .owl-controls .owl-buttons .owl-next{ border-color: transparent #999 transparent  transparent; float: left; }
#menu .manufactuter_carusel .owl-controls .owl-buttons div:hover{ opacity: 1; }
/*//OWL*/

#menu .junior_items .manufacturer .go_category{text-align: center; margin-top: 15px;}
#menu .junior_items .manufacturer .go_category a{
	border:1px solid #3594BD; 
	border-bottom: 3px solid #3087AC;
	background: #3594BD; 
	width: 100%; 
	display: block; 
	padding: 5px 0; 
	border-radius: 4px;
	color: #f9f9f9;
	text-shadow: 0px 1px 5px rgba(0,0,0, .05);
	-webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, .02);
			box-shadow: inset 0 0 1px 1px rgba(0,0,0, .02); }

#menu .junior_items .manufacturer .go_category a:hover{
	text-decoration: none;
	-webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, .05);
			box-shadow: inset 0 0 1px 1px rgba(0,0,0, .05);
	border-bottom-color: #3594BD;
	background: #3087AC; }

#menu .junior_items .manufacturer .go_category a:focus{
	background: #eee;
	border: none;
	color:#777;

	-webkit-box-shadow: inset 0 0 2px 2px #E6E6E6;
			box-shadow: inset 0 0 2px 2px #E6E6E6; }
/*//NEMU NAVIGATION*/

/*HOVER TRANSLITIONS*/
#menu > ul > li, 
#menu .main_category ul,
#menu .manufactuter_carusel .owl-controls .owl-buttons div,
#menu .junior_category .jun_wrap .jun_image img{ -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
/*//HOVER TRANSLITIONS*/

/*SCROL BAR*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom;}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto;}.mCustomScrollBox{position:relative;/* overflow:hidden; */height:100%;max-width:100%;outline:none;direction:ltr;}.mCSB_container{/* overflow:hidden; */width:auto;height:auto;}.mCSB_inside > .mCSB_container{margin-right:30px;}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:30px;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:0.75;filter:alpha(opacity=75);-ms-filter:alpha(opacity=75);}.mCSB_outside + .mCSB_scrollTools{right:-26px;}.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto;left:0;}.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto;}.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-color:rgba(0,0,0,0.4);filter:alpha(opacity=40);-ms-filter:alpha(opacity=40);margin:0 auto;}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1;}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:2px;height:100%;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;background-color:rgba(255,255,255,0.75);filter:alpha(opacity=75);-ms-filter:alpha(opacity=75);margin:0 auto;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px;}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;transition:opacity .2s ease-in-out, background-color .2s ease-in-out;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,/* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;}.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);}.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(255,255,255,0.85);filter:alpha(opacity=85);-ms-filter:alpha(opacity=85);}.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(255,255,255,0.9);filter:alpha(opacity=90);-ms-filter:alpha(opacity=90);}.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right:-5px;margin:12px 0;}.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px;}.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px;}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px;}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#DEDEDE;}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#B0B0B0;}

/*SEARCH*/
#menu .search{
	float: right;
	padding: 0;
	width: 5%;
	background: #1ea3d2;
	border-right: none;
}

/* Search------------------------------------------*/
.search { margin-right: 0 !important; cursor: pointer;}
.search span{
	display: block;
	width: 100%;
	height: 100%;
}
.search .wraper_serach.on{opacity: 1; visibility: visible; z-index: 2;}
.wraper_serach {
	position: absolute;
	top: 45px;
	right: 0;
	background: #f00;
	width: 	500px;
	border-radius: 	0 0 2px 2px;
	background: #3087AC;
	opacity: 0;
	visibility: hidden;	
}

#search {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 430px;
    max-width: 100%;
}

/* Auto fill */
#livesearch_search_results {
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
	right:0;
	max-width:320px;
	background-color: #fff;
	list-style-type: none;
	z-index: 12;
	border: 2px solid #297394;
	border-top: none;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

#livesearch_search_results li { padding: 5px; border-right:none;}
#livesearch_search_results li + li { border-top: 1px solid #297394;}
#livesearch_search_results a, #livesearch_search_results a:visited {
	text-decoration: none;
	width: 100%;
	display: block;
	color: #fff;}

#livesearch_search_results a:hover { color: #fff !important;}
#livesearch_search_results li:hover { background-color: rgba(0,0,0,.1); color: #fff !important;}
#livesearch_search_results li:hover a { color: #fff !important;}
#livesearch_search_results .highlighted { background-color: #ccc; color: #fff !important;}

/*manufact item*/
#menu .manufact_item {
	width: 	16%;
	display: inline-block;
	vertical-align: top;
	margin-top: 15px;		
}
#menu .manufact_item  li{line-height: 2em;}
#menu .manufact_item a{
	color:#555;
	border:1px solid #ddd;
	margin-bottom: 	8px;
	padding: 5px 0;
	border-radius: 	4px;
	background: #FBFBFB;
}
#menu .manufact_item a:hover{
	background: #F4F4F4;
	border-color:#ccc;
	color:#999;
	-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}
#menu.pc {
	display: flex;
	justify-content: center;
}
#menu.pc > ul {
	display: flex;
	flex-wrap: wrap;
}
#menu.pc > ul.menu_category {}
#menu.pc > ul.menu_additional_links {
	padding-left: 0;
    margin-bottom: 0;
}
.menu_additional_links a {
    text-decoration: none;
}

/* Breadcrumb */
.wrap .breadcrumb {
    margin: 0 10px 20px 10px;
}
.breadcrumb {
    align-items: center;
    gap: 5px;
    color: #242424;
    margin-top: 20px;
    margin-bottom: 20px;
}
.breadcrumb, .breadcrumb a {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    color: #242424;
    text-decoration: none;
}
.breadcrumb svg {
    width: 12px;
    height: 12px;
}

.warning, .attention, .information {padding: 10px 10px 10px 33px;margin: 5px 0 20px 0;color: #555555;}

.success {
	color:#777;
	padding: 10px;
	text-align: center;
	font-size: 1.2em;
}
.success a{font-size: 1em;}
.success a:hover{text-decoration: none;}
.css-loader {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: middle;
	border: 2px solid #ddd;
	border-top-color: #42cbff;
	border-radius: 50%;
	animation: css-loader-spin .8s linear infinite;
}
@keyframes css-loader-spin {
	to { transform: rotate(360deg); }
}
.image_success img{width: 50px;}
.image_success{width: auto;}
.descr_success{width: 80%; text-align: justify; padding: 0 5px 0 10px;}
.image_success, .descr_success{display:inline-block; vertical-align: middle;}
.success a, .warning a {
	color: #555;
	text-decoration: underline;
	font-size:inherit;
}
.warning {
	background: #f9f9f9 url('../image/warning.png') 10px center no-repeat;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
} 
.attention {
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border-top: 1px solid #F2DD8C;
	border-bottom: 1px solid #F2DD8C;
}
.attention a {
	background: #F2DD8C;
	color: #000;
	text-decoration: none;
}
.warning .close, .attention .close, .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}
.required {color: #FF0000; font-weight: bold;}
.error {display: block; color: #FF0000;}
.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}
table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px;}
table.form tr td:first-child {width: 150px;}
table.form > * > * > td {color: #000000;}
table.form td {padding: 4px;}
input.large-field, select.large-field {width: 300px;}
table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td {
	vertical-align: top;
	padding: 0px 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}
table.radio {
	width: 100%;
	border-collapse: collapse;
}
table.radio td {
	padding: 5px;
	vertical-align: top;
}
table.radio td label {
	display: block;
}
table.radio tr td:first-child {
	width: 1px;
}
table.radio tr td:first-child input {
	margin-top: 1px;
}
table.radio tr.highlight:hover td {
	background: #F1FFDD;
	cursor: pointer;
}
.pagination {
	padding-top: 8px;
	margin: 0 10px 20px 10px;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.pagination .links {
	float: left;
}
.pagination .links a, .pagination .links b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
	border: 1px solid #c7c7c7;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
	text-decoration: none;
	color: #242424;
	float: left;
    background: #f5f5f5;
	zoom: 1;
    border-radius: 8px;
	margin-right: 8px;
}
.pagination .links a:hover {
	border: 1px solid #42cbff;
}
.pagination .links b {
    background-color: var(--mid-accent-soft);
    border-color: var(--mid-accent);
    color: var(--mid-text);
    font-weight: 700;
}
.pagination .results {
	margin-left: auto;
}
/* button */


a.button, input.button {
	cursor: pointer;
	color: #FFFFFF !important;
	line-height: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	position: relative;
	background: #3594BD;
	border-top:    1px solid #3594BD !important;
	border-left:   1px solid #3594BD !important;
	border-bottom: 2px solid #297394 !important;
	border-right:  1px solid #3594BD !important;
	-webkit-border-radius: 2px 2px 0 0;
			border-radius: 2px 2px 0 0;
	-webkit-transition: ease  0.5s;
		 -o-transition: ease  0.5s;
			transition: ease  0.5s;

}
a.button {
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
}
input.button {
	margin: 0;
	border: 0;
	padding: 6px 12px;
}
a.button:hover, input.button:hover {
	background: #297394;
	border-top:    1px solid #297394 !important;
	border-left:   1px solid #297394 !important;
	border-bottom: 2px solid #3594BD !important;
	border-right:  1px solid #297394 !important;
}
.buttons {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	overflow: auto;
	padding: 6px;
	margin-bottom: 20px;
}
.buttons .left {
	float: left;
	text-align: left;
}
.buttons .right {
	float: right;
	text-align: right;
}
.buttons .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.htabs {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
}
.htabs a {
	background: #fff;
	padding: 7px 15px 6px 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000;
}
.htabs a.selected {
	padding-bottom: 7px;
	background: #fff;
    border-radius: 10px 10px 0 0;
}
.tab-content {
	margin-bottom: 5px;
	z-index: 2;
	overflow: hidden;
	padding:0 5px;
}
.product-info .tab-content {
	width: 99%;
}
.tab-content a{
	color:#3594BD;
}

/* box ----------------------------------------------------*/
 .box {
	margin-bottom: 20px;
}

/****** carousel effect on features *****/

.list_carousel {
	width: 100%;
	display: block;
	margin-right: 0;
	margin-bottom: 0;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	color: #999;
	text-align: center;
	margin: 0;
	padding: 0 25px;
	width: 160px !important;
	display: block;
	float: left;
}
.list_carousel li + li {
}
.list_carousel.responsive {
	width: 100%;
	margin-left: 0;
}
.pager {
	position: absolute;
	top: 15px;
	right: 10px;
	text-align: right;
}
.pager a {
	float: right;
	position: relative;
	display: block;
	margin: 0 2px;
	font-size: 0pt;
	width: 10px;
	height: 10px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b3c09d));
	background: -moz-linear-gradient(top, #ffffff, #b3c09d);
	background: -o-linear-gradient(#ffffff, #b3c09d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3c09d');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#b3c09d')";
	zoom: 1;
	border: 1px solid #b3c09d;
	border-radius: 100% 100% 100% 100%;
	-moz-border-radius: 100% 100% 100% 100%;
	-o-border-radius: 100% 100% 100% 100%;
	text-decoration: none;
	float: left;
	top: -42px;
}
.pager a.selected {
	width: 10px;
	height: 10px;
	text-decoration: underline;
	background: #fff;
	border: 1px solid #fff;
	-moz-box-shadow:inset 2px 1px 3px #ccc;
	-webkit-box-shadow:inset 2px 1px 3px #ccc;
	box-shadow:inset 2px 1px 3px #ccc;
}
a.prev, a.next {
	text-align: center;
	line-height: 25px;
	font-size: 20px !important; 
	width: 25px;
	height: 25px;
	background: #fff;
	float: right;
	display: inline-block;
	margin: 0 4px 0 0;
	color: #555 !important;
	padding: 0 !important;
	border-radius: 100% 100% 100% 100%;
	-moz-border-radius: 100% 100% 100% 100%;
	-webkit-border-radius: 100% 100% 100% 100%;
	-o-border-radius: 100% 100% 100% 100%;
}
a.prev:hover, a.next:hover {
	background: #333;
	color: #fff !important;
	text-decoration: none;
}
#column-right a.prev, #column-right a.next,
#column-left a.prev, #column-left a.next, #column-left-mobile a.next {
	margin-top: -2px;
}

.mod {
	height: 30px;
	line-height: 16px;
	border-bottom: none;
	position: absolute;
	top: -26px;
	right: 14px;
}
.mod a {
	border-top: none;
	border-left: none;
	border-right: none;
	background: #919191;
	padding: 3px 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	margin-right: 2px;
	display: block;
}
.mod a.selected {
	padding: 3px 10px;
	background: #eee;
	color: #000;
}
/* Cat Group
-----------------------------------------------------*/
.cat-group {
	position: relative;
	margin: 0 0 20px 0;
}
.cat-title {
	margin-left: 10px;
	margin-right: 10px;
	padding: 8px;
	background: #fff;
	display: block;
	margin-bottom: 0;
	clear: both;
	border-bottom: 4px solid #eee;
}

.cat-group .name, .cat-group .rating {
	margin-bottom: 4px;
}
.cat-group .image img {
	margin-bottom: 10px;
}
.cat-group .price {
	font-weight: bold;
	margin-bottom: 4px;
}
.cat-group .latest .main {
	/*border-right: none;*/
}
.cat-group .latest .main + .main {
	/*border-left: 1px dashed #ccc;*/
}
.tabs-head {
	position: absolute;
	right: 13px;
	top: 5px;
}
.tabs-head li {
	display: inline;
	margin: 0 3px;
	float: left;
}
.tabs-head li a {
	display: block;
	padding: 5px 10px;
	background: #eee;
	color: #000;
	text-decoration: none;
	font-weight: bolder
}
.tabs-head li a:hover, .tabs-head li.active a {
	background: #919191;
	color: #fff;
}


/* box products 
-----------------------------------------------------*/
.box-product {
	width: 99%;
}
.box-product > div {
	display: inline-block;
	vertical-align: top;
}
#column-left + #column-right + #content .box-product > div {
	width: 119px;
}
.box-product .image {
	display: block;
	margin-bottom: 0px;
}
.box-product .image img {
	padding: 3px;
	margin-bottom: 10px;
}
.box-product .name a {
	color: #787878;
	text-decoration: none;
	display: block;
	text-align: left;
	margin-bottom: 4px;
}
.name a {
	color: #787878;
	text-decoration: none;
}
.name a:hover {
	text-decoration: underline
}
.box-product .price {
	display: block;
	color: #000;
	margin-bottom: 4px;
	text-align: left;
	font-weight: bold;
}
.box-product .price-old {
	color: #f00;
	margin-left: 10px;
	text-decoration: line-through;
}
.box-product .price-new {
	color: #000;
	font-weight: bold;
	float: left
}
.main {
	position: relative
}

.saleh {
	display: none;
/*	background: red; */
	background: url(../image/heart3.png);
/*	opacity: .5; */
	position: absolute;
	right: 5px;
	top: 50px;
	width: 43px;
	height: 35px;
	line-height: 29px;
/*
	border-radius: 100% 100% 100% 100%;
	-moz-border-radius: 100% 100% 100% 100%;
	-o-border-radius: 100% 100% 100% 100%;
*/
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-weight: normal;
}


.sale {
	display: none;
	background: red;
	opacity: .5;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 35px;
	height: 35px;
	line-height: 35px;
        border-radius: 100% 100% 100% 100%;
        -moz-border-radius: 100% 100% 100% 100%;
        -o-border-radius: 100% 100% 100% 100%;
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-weight: normal;
}


.rewardo {
	display: none;
	background: url('/catalog/view/theme/gazal/image/rewardo45.png') no-repeat;
	opacity: .7;
	position: absolute;
	right: 5px;
	top: 1px;
	width: 41px;
	height: 45px;
	line-height: 50px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	font-weight: normal;
}



.box-product .rating {
	display: block;
	margin-bottom: 4px;
	text-align: left;
}
.hover-options {
	display: none;
}

.main:hover .hover-options {
	display: block;
	position: absolute;
	width: 160px;
	height: 30px;
	bottom: 50px;
	left: 0;
}
.main .cart, .main2 .cart {
	float: left;
	margin-right: 4px;
}
a.wish {
	display: block;
	float: left;
	width: 30px;
	height: 24px;
	font-size: 0pt;
	background: url(../image/wish.png) no-repeat center;
	margin-right: 2px;
}
a.compare {
	display: block;
	float: left;
	width: 30px;
	height: 24px;
	font-size: 0pt;
	background: url(../image/compare.png) no-repeat center;
}

/*Tooltip*/
.tooltip span, .tooltip span { display: none;}
.tooltip {position: relative;}
.tooltip:hover span{
	display: block;
	position: absolute;
	top: -150%;
	left: -37px;
	width: 100px;
	color: #FFF;
	border-radius: 4px;
	text-align: center;
	font-size: 11px;
	background: rgba(0,0,0, 0.9) none repeat scroll 0% 0%;
	padding: 5px 2px;
}
.tooltip span:after{
	position: absolute;
	content: '';
	bottom:-10px;
	border:5px solid;
	border-color:rgba(0,0,0, 0.9) transparent  transparent transparent;
	left:45%;
}

/* column-left and column-right */
#column-left .box, #column-right .box, #column-left-mobile .box{
	border: 1px solid #cfcfcf;
	border-radius: 20px;
	margin: 0 0 20px 0;
	width:100%;
}
#column-left .box .box-heading, #column-left-mobile .box .box-heading,
#column-right .box .box-heading{
    position: relative;
	border-bottom: 1px solid #cfcfcf;
	line-height: 1;
    font-family: 'Inter',Tahoma,Geneva,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
	width: 100%;
	color: #42cbff;
    background: #f5f5f5;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 12px 16px;
}
#column-left .box .box-heading span, #column-left-mobile .box .box-heading span,
#column-right .box .box-heading span{
	margin-left: 10px;
	margin-right: 10px;
}
#filterpro_box {
    overflow: hidden;
}
#filterpro_box a.clear_filter{
	margin-right: 10px;
}

#column-left  .banner,#column-left-mobile  .banner,
#column-right .banner {
	margin-right: 0;
	margin-left: 0;
}
#column-left  .banner img,#column-left-mobile  .banner img,
#column-right .banner img  {
	margin: 0 0 20px 0;
}

/* Category */
ul.mega-category { background: #fff;}
ul.mega-category li{ position: relative; line-height: 35px;}
ul.mega-category li:hover { background: #fff;}
ul.mega-category > li + li { border-top: 1px dotted #eee;}
ul.mega-category > li > a {background: url(../image/arrow-right.png) 94% center no-repeat; padding: 0 15px;}
ul.mega-category > li > a, .sub-menu ul li a {color: #787878; font-size: 1.2em; text-decoration: none; display: block;}
ul.mega-category  li:hover .sub-menu { display: block;}
ul.mega-category > li > a:hover { color: #3594BD; background: none;}
/* Sub menu */

.sub-menu {
	display: none;
	position: absolute;
	width: 680px;
	background: #fff;
	padding: 15px;
	left: 98%;
	top: -25px;
	border:1px solid #e0e0e0;
	border-radius: 4px;
	z-index: 999;
	-webkit-box-shadow: 2px 1px 2px 1px rgba(0,0,0, .1);
			box-shadow: 2px 1px 2px 1px rgba(0,0,0, .1);
}

.sub-menu ul li a{padding: 0;}

.sub-menu:after,.sub-menu:before{content:''; position: absolute; top:32px;}
.sub-menu:after{  border:10px solid; border-color: transparent #fff transparent transparent; left: -19px; }
.sub-menu:before{ border:10px solid; border-color: transparent #ccc transparent transparent; left: -20px; }

.sub-sub-menu, 
.sub-sub-menu ul { width: 100%;}
.sub-sub-menu > ul > li:nth-child(even) {text-align:right;}
.sub-sub-menu ul li:hover { background: #3594BD; border-color: #297394;}
.sub-sub-menu ul li a {text-align: left;}
.sub-sub-menu ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px;
	border:1px solid #f0f0f0;
	border-radius:4px;
	margin: 3px 0;
	background: #f9f9f9;
	position: relative;
	width: 49.5%;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
	        transition: all .5s ease-in-out;}


.sub-sub-menu ul li:hover a{color:#f9f9f9}

.sub-sub-menu ul.recom li:hover a{text-decoration:underline; color:#333; display:inline;}
.sub-sub-menu ul.recom li a{text-decoration:underline; color:#333; display:inline;}


/*DESCRIPTION*/
.mega-category_descr{margin-top: 15px;}
.mega-category_descr img{width: 70px; margin-top: 15px;}
.mega-category_descr span{ vertical-align: bottom; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mega-category_descr span:first-child{width: 15%; padding: 0 10px;}
.mega-category_descr span:last-child{ color:#555; width:84%; padding: 0; margin: 0; font-size: 1.2em; text-align: justify; line-height: 1.3em; }

/*RECOM*/
ul.mega-category .sub-sub-menu .heading-sub:hover .recom{ display: block; }
ul.mega-category .sub-sub-menu ul li:nth-child(even) .recom{ left:-84%; right: auto;}

ul.mega-category .sub-sub-menu ul li:nth-child(even) .recom:before{ left:auto; right: -20px; border-color:transparent transparent transparent #e9e9e9;}
ul.mega-category .sub-sub-menu ul li:nth-child(even) .recom:after{  left:auto; right: -19px; border-color:transparent transparent transparent #fff;}

ul.mega-category .recom{ display: none; position: absolute; background: #fff; width: 80%; top:-40%; right:-80%; font-size:1.2em; padding: 5px; border: 1px solid #e9e9e9; border-radius: 4px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05); color:#333; z-index: 2;}
ul.mega-category .recom:before, ul.mega-category .recom:after{ content: ''; position: absolute; top: 20px;}
ul.mega-category .recom:before{ left:-20px; border:10px solid; border-color:transparent #e9e9e9 transparent transparent; }
ul.mega-category .recom:after{  left:-19px; border:10px solid; border-color:transparent #fff transparent transparent; }

ul.mega-category .recom li{
	border:1px solid #f0f0f0;
	background: #f9f9f9;
	border-radius:4px;
	padding: 5px 10px;
	margin: 2.5px 0;
	line-height: 1.2em;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

ul.mega-category .recom li span { display: block; margin-bottom: 5px; width: 100%; line-height: 28px;}
ul.mega-category .recom li.good span:before, 
ul.mega-category .recom li.badly span:before{
	content: '';
	width: 26px;
	height: 26px;
	display: inline-block;
	background-position: center;
	margin-right:10px;
	float: left;}

ul.mega-category .recom li.good  span{color:#A4C700;}
ul.mega-category .recom li.badly span{color:#E43B00;}

ul.mega-category .recom li.good  span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjQTRDNzAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44UzcuMiwyNCw3LjIsMThTMTIsNy4yLDE4LDcuMiBNMTgsNS4yDQoJCUMxMC45LDUuMiw1LjIsMTAuOSw1LjIsMThTMTAuOSwzMC44LDE4LDMwLjhTMzAuOCwyNS4xLDMwLjgsMThTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNSwxNmMwLDAuNi0xLjksMC0zLDBzLTIsMC43LTIsMHMwLjktMiwyLTJTMjUsMTUuNCwyNSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0xMSwxNmMwLDAuNiwxLjksMCwzLDBzMiwwLjcsMiwwcy0wLjktMi0yLTJTMTEsMTUuNCwxMSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNC44LDIwYzAsMy4yLTIuMyw2LjgtNi44LDYuOHMtNi44LTMuNi02LjgtNi44YzAsMCwyLjIsMS4yLDYuOCwxLjJTMjQuOCwyMCwyNC44LDIweiIvPg0KPC9zdmc+DQo=);}
ul.mega-category .recom li.badly span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRTQzQjAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44QzEyLDI4LjgsNy4yLDI0LDcuMiwxOFMxMiw3LjIsMTgsNy4yIE0xOCw1LjINCgkJQzEwLjksNS4yLDUuMiwxMC45LDUuMiwxOFMxMC45LDMwLjgsMTgsMzAuOGM3LjEsMCwxMi44LTUuNywxMi44LTEyLjhTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNFNDNCMDAiIGQ9Ik0xOCwyMi41YzIuNywwLDUuMiwwLjksNy4yLDIuM2MtMS42LTIuMy00LjItMy44LTcuMi0zLjhzLTUuNiwxLjUtNy4yLDMuOEMxMi44LDIzLjQsMTUuMywyMi41LDE4LDIyLjV6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIxNCIgY3k9IjE2IiByPSIyIi8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIyMiIgY3k9IjE2IiByPSIyIi8+DQo8L3N2Zz4NCg==);}


/* content */
#content .content {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
}
#content .content .left {
	float: left;
	width: 49%;
}
#content .content .right {
	float: right;
	width: 49%;
}


/* Category */
.category-title {
    margin-bottom: 1.5rem;
    font-family: 'Inter', 'Arial', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
	color: #00364a;
}
/* Заголовок одиночной статьи (agoodonut/record/record.tpl) по макету Figma:
   Intro Black Caps 44 → на теме Inter вес 900, по центру, с переносом длинных
   заголовков на 2 строки (узкая колонка). Компаунд с .category-title, чтобы
   перебить его вес/размер; класс article-heading висит только на заголовке
   статьи, не на листингах блога/рецептов, у которых тоже .category-title. */
.category-title.article-heading {
    max-width: 760px;
    margin: 0 auto 1.5rem;
    font-size: 44px;
    font-weight: 900;
    line-height: 1.15;
}
@media (max-width: 768px) {
    .category-title.article-heading {
        font-size: 28px;
    }
}
.category-header .breadcrumb{float: right; margin:5px 15px 20px 0; color:#999;}
.category-header .breadcrumb a{color: #999;}

.category-info, .manufacturer-info {
	margin-bottom: 10px;
	position: relative;
	height: 150px;
	overflow: hidden;		
}
.category-info .image, .manufacturer-info .image {
	float: left;
	padding: 5px;
	width: 210px;
	margin-right: 15px;
	margin-bottom: 20px;
}
.category-info .image img, .manufacturer-info .image img {
	max-width: 100% !important;
}
.right-part-2 {
	width: 100%;
	margin-bottom: 20px;
}


/*Junior category*/
.refine h2 {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 1.2em;
    color: #000;
    background: #F5F5F5;
    padding: 15px;
    width: 30%;
    min-width: 300px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.refine ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    gap: 10px;
    padding: 0;
}
.refine-header {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.refine-header span {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 20px;
    color: #000;
    background: #f5f5f5;
    padding: 15px;
    width: 30%;
    min-width: 300px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
}
.refine .refine_item {
    display: table-cell;
    text-align: center;
    position: relative;
}
.refine .refine_item > a {
	display: block;
	padding: 6px 10px;
    border: 1px solid #c7c7c7;
	color: #00364a;
	background: #fcfcfc;
	border-radius: 6px;
	transition: all .2s ease;
    text-decoration: none;
}

.refine .refine_item i{position: relative; font-size: .8em; top: -3px; right:-5px; font-style:normal; color:#ccc;}
.refine .refine_item:hover > a,
.refine .refine_item.selected > a
{text-decoration: none; border-color:unset; background: #42cbff; color:#fff;}
.refine .refine_item:hover i{color:#f9f9f9; }

.refine .refine_item:hover .recom{display: block;}

.refine .recom{
	display: none;
	position: absolute;
	z-index: 9;
	left:0;
	top: 105%;
	width: 	100%;
	padding: 5px;
	border:1px solid #ddd;
	background: #fff;
	border-radius:4px;
	color:#555;
	box-shadow: 0 0 1px 2px rgba(0,0,0, .04);
	text-align:left;
	box-sizing: border-box;
}
.refine .refine_item:nth-child(4) .recom { right:0; left: auto;}
.refine .refine_item:nth-child(4) .recom:before{left: auto; right:18px;}
.refine .refine_item:nth-child(4) .recom:after{ left: auto; right:19px;}

.refine .recom:before{
	content: '';
	position:absolute;
	border:10px solid;
	border-color:  transparent  transparent #ddd transparent;
	left: 20px;
	top: -20px;
}
.refine .recom:after{
	content: '';
	position:absolute;
	border:9px solid;
	border-color:  transparent  transparent #fff transparent;
	left: 21px;
	top: -18px;
}

.refine .recom .good  span{ color:#A4C700; }
.refine .recom .badly span{ color:#E43B00; }

.refine .recom li{margin: 5px 0; padding:5px; border:1px solid #eee; border-radius:4px; background:#fcfcfc; }

.refine .recom .good  span, 
.refine .recom .badly span { display: block; height: 26px; margin-bottom: 5px; line-height: 27px; }
.refine .recom a{color:#555; text-decoration: underline;} 
.refine .recom a:hover{text-decoration: none;} 
.refine .recom ul li:hover .recom{ display: block; }
.refine .recom .good  span:before,
.refine .recom .badly span:before{
	content: '';
	display: block;
	width: 26px;
	height: 26px;
	float: left;
	margin-right: 10px;
	background-position: 50% 50%; }

.refine .recom .good  span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjQTRDNzAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44UzcuMiwyNCw3LjIsMThTMTIsNy4yLDE4LDcuMiBNMTgsNS4yDQoJCUMxMC45LDUuMiw1LjIsMTAuOSw1LjIsMThTMTAuOSwzMC44LDE4LDMwLjhTMzAuOCwyNS4xLDMwLjgsMThTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNSwxNmMwLDAuNi0xLjksMC0zLDBzLTIsMC43LTIsMHMwLjktMiwyLTJTMjUsMTUuNCwyNSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0xMSwxNmMwLDAuNiwxLjksMCwzLDBzMiwwLjcsMiwwcy0wLjktMi0yLTJTMTEsMTUuNCwxMSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNC44LDIwYzAsMy4yLTIuMyw2LjgtNi44LDYuOHMtNi44LTMuNi02LjgtNi44YzAsMCwyLjIsMS4yLDYuOCwxLjJTMjQuOCwyMCwyNC44LDIweiIvPg0KPC9zdmc+DQo=);}
.refine .recom .badly span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRTQzQjAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44QzEyLDI4LjgsNy4yLDI0LDcuMiwxOFMxMiw3LjIsMTgsNy4yIE0xOCw1LjINCgkJQzEwLjksNS4yLDUuMiwxMC45LDUuMiwxOFMxMC45LDMwLjgsMTgsMzAuOGM3LjEsMCwxMi44LTUuNywxMi44LTEyLjhTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNFNDNCMDAiIGQ9Ik0xOCwyMi41YzIuNywwLDUuMiwwLjksNy4yLDIuM2MtMS42LTIuMy00LjItMy44LTcuMi0zLjhzLTUuNiwxLjUtNy4yLDMuOEMxMi44LDIzLjQsMTUuMywyMi41LDE4LDIyLjV6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIxNCIgY3k9IjE2IiByPSIyIi8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIyMiIgY3k9IjE2IiByPSIyIi8+DQo8L3N2Zz4NCg==);}
/*//RECOMMENDATION*/
/* //Jinior category  */

/* manufacturer */
.brendMenu{
	text-align: center;	
	font-size: 14px;
	margin:10px 0 20px 0;
}
.brendMenu a{
	color: #333; 
	display: inline-block; 
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom: 2px solid #ccc;
	background-color: #eee;
	color:#333; 
	width:35px;
	height:25px;
	border-radius:2px;
	text-decoration: none;
	line-height:25px;
	margin-bottom: 5px;	
}
.brendMenu a:hover{
	border-color: #ccc;
	background-color: #ccc;
}

.manufacturer{
	text-align: center;
}
.manufBox{ 
	text-align: center; 
	border: 1px solid #ccc; 
	display: inline-block;	
	padding: 5px;
	border-radius: 2px;
	margin:5px .5px;
}

.manufacturer .active{
	border: 2px solid #3594BD !important;
	padding:4px;
}

.manufacturer .manufBox:hover{ border: 1px solid #3594BD !important; }

/* product  -------------------------------------------------*/

.product-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 15px;
	padding: 0 30px;
	height: 60px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	background: #42CBFF;
    font-family: 'Inter', Arial, sans-serif;
	font-size: 16px;
    font-weight: 500;
}

.product-filter b{font-weight: 500;}
.product-filter div{color:#f5f5f5;}
.product-filter div select{ margin-left: 10px; border-radius:5px; border:none; padding: 3px;}
.product-filter div a{ font-size: 16px; color:#f5f5f5; text-decoration: underline;}
.product-filter div a:hover{text-decoration: none;}

.product-filter .display {
    display: flex;
    align-items: center;
    gap: 10px;
}

.display-icon {
    width: 26px;
    height: 26px;
    color: #fff;
    background: none;
    border-radius: 3px;
}
.display-active .display-icon {
    color: #42cbff;
    background: #fff;
}


/*********** product grid *************/

.product-grid > .product-thumb,.blog-grid > .product-thumb {
	position: relative;
	vertical-align: top;
	text-align: left;
	border: 1px solid #b3b3b3;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
    overflow: hidden;
}

#column-left + #column-right + #content .product-grid > div, #column-left + #column-right + #content .blog-grid > div {
	width: 125px;
}

.product-grid .image, .blog-grid .image {
	display: block;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	/*border-bottom: 	1px solid #E3E3E3;*/
	padding-bottom: 10px;
	position: relative;
}
.product-grid .image img, .blog-grid .image img {
	padding: 3px;
}
.product-grid .name, .blog-grid .name {
	margin:0 5px;
	height: 60px;
	overflow:hidden;
}
.product-grid .name a, .blog-grid .name a {
	color: #5D6670;
	font-size: 14px;
	text-decoration: none;
}
.product-grid .name a:hover, .blog-grid .name a:hover {
	text-decoration: underline
}	
.product-grid .description, .product-grid .list {
	display: none;
}


.product-grid .price, .blog-grid .price {
	 color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin: 6px 5px 0px 5px;
	min-height:15px;
	text-align: center;
}
.product-grid .price-old, .blog-grid .price-old {
	color: #F00;
	text-decoration: line-through;
}
.product-grid .price-new, .blog-grid .price-new {
	font-weight: bold;
}
.product-grid .price .price-tax, .blog-grid .price .price-tax {
	display: none;
}

/* Box hover*/
.product-grid > div:hover .showBox, .blog-grid > div:hover .showBox{
	visibility: visible; opacity: 1;
}
.product-grid > div:hover, .product-grid > div:hover .image, .blog-grid > div:hover, .blog-grid > div:hover .image{
	border-color: #1ea3d2;
}
.product-grid .box, .blog-grid .box {
	position: relative;
}
.product-grid .showBox, .blog-grid .showBox {
	position: absolute;
	z-index: 999;
	width: 99.5%;
    height: 98%;
    top: 0px;
    left: 0px;
	background-color: rgba(53,149,191, .2);
	z-index:99;
	visibility: hidden;
	opacity: 0;
	margin:1px;
	border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-transition: ease .5s;
	     -o-transition: ease .5s;
	        transition: ease .5s;
}
.product-grid .showBox ul > li, .blog-grid .showBox ul > li {
	margin-bottom:5px;
	background: #000;
	height: 33%;
	display: block;
}
.product-grid .showBox a, .blog-grid .showBox a {
	display: table;
	width: 100%;
	height: 24.7%;
	background-color: rgba(53,149,191, .7);
	margin-bottom:2px;
	text-transform: uppercase;
	font-size: 15px;
	color: rgba(255,255,255,.8);
	-webkit-transition: ease .4s;
	     -o-transition: ease .4s;
	        transition: ease .4s;
	text-align: center;
}
.product-grid .showBox a > span, .blog-grid .showBox a > span {
	display:table-cell;
	vertical-align: middle;
}
.product-grid .cart, .blog-grid .cart {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
.product-grid .showBox .fa, .blog-grid .showBox .fa {
	font-size: 18px;
}
.product-grid .showBox a:hover, .blog-grid .showBox a:hover {
	background-color: rgba(53,149,191, .9);
	text-decoration: none;
}
.product-grid .showBox .comparee, .blog-grid .showBox .comparee {
	margin-bottom: 1px !important;
}

/* Product Details */
.product-info {
	overflow: hidden;
	margin-bottom: 20px;
}
.product-title {
	color: #333;
    /* в макете 36px, на сайте показалось крупным — 24px */
    font-size: 24px;
    margin: 5px 0 1px 0;
    padding: 0 5px;
}
/* модель: в макете отдельной строкой, обычным начертанием и 28/36 от основного размера */
.product-title__model {
    display: block;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 400;
    font-size: 19px;
    text-transform: uppercase;
}
.product-title-wrapper {
    position: relative;
    margin-top: -20px;
    margin-bottom: 30px;
    padding: 0 10px;
}
/* кнопка «назад» — абсолютом, чтобы не сбивать центровку заголовка */
.product-back {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: #fff;
    color: #333;
    cursor: pointer;
    transition: color .2s, border-color .2s;
}
.product-back:hover {
    color: #18b5ff;
    border-color: #18b5ff;
}
.product-back svg {
    width: 16px;
    height: 16px;
    /* оптическая компенсация: у «‹» визуальный центр правее геометрического */
    margin-right: 2px;
}
.product-info .rating {
    border: 1px solid #ccc;
    border-radius: 20px 0 0 20px;
    padding: 5px 20px;
    color: #000;
}
/* звёзды ведут в отзывы, комментарии — в вопрос-ответ, кликабельны по отдельности */
.product-info .rating > .stars,
.product-info .rating > .reviews {
    cursor: pointer;
}
.product-right-rating {
    display: flex;
    align-items: center;
    justify-content: end;
    grid-area: product_rating;
}
.product-images {
    grid-area: product_images;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.product-price-right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}
.product-option-wrapper {
    flex: 1 0;
}
.product-price, .product-buttons, .product-shipping-methods {
    height: fit-content;
    border: 1px solid #ccc;
    border-radius: 20px 0 0 20px;
    padding: 20px 30px;
    background: #fbfbfb;
}
.product-buttons {
    padding: 30px 60px;
}
.product-right-block {
    grid-area: product_right;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
#button-cart {
    background: #2dc5ff;
}
.product-buy-row .btn-quick-order {
    border: 1px solid #2dc5ff;
    background: #fff;
    color: #00364a;
}
.product-buy-row .btn-quick-order:hover {
    background: #eaf8fe;
    color: #00364a;
}
/* кнопки покупки: две равные во всю ширину карточки */
.product-buy-row {
    display: flex;
    gap: 15px;
}
.product-buy-row > .btn,
.product-buy-row > .button {
    flex: 1 1 0;
    min-width: 0;
}
.product-price .stickers-block {
    position: relative !important;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
/* Карточка покупки (задача CRM 358474): один левый край, строка выгоды под ценой,
   наличие до кнопок, без пустых отступов от всегда-рендерящихся обёрток */
.product-price .price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    margin-bottom: 0;
}
.product-sale-timer-break {
    flex: 0 0 100%;
    height: 0;
}
.product-price-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    margin-top: 10px;
}
.product-price-meta:empty {
    display: none;
}
/* стикер в карточке цены — компактная пилюля, а не язычок с полкой под картинку */
.product-price-meta .product-sticker {
    min-width: 0;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 18px;
}
.product-price-meta .product-sticker .fa {
    padding-right: 2px;
}
.product-price .cheap {
    margin: 0;
    text-align: left;
}
.product-price .cheap a {
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #00a4e2;
    border-bottom: 1px dashed currentColor;
    text-decoration: none;
    cursor: pointer;
}
.product-price .cheap a:hover {
    text-decoration: none !important;
    border-bottom-style: solid;
    color: #00a4e2 !important;
}
.product-sale-timer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    flex: 0 1 auto;
    min-width: 0;
    margin-top: 6px;
    padding: 5px 9px 6px;
    border: 1px solid #d5eef7;
    border-radius: 8px;
    background: #f0fafe;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #00364a;
}
.product-sale-timer:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 18px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #d5eef7;
    border-left: 1px solid #d5eef7;
    background: #f0fafe;
    transform: rotate(45deg);
}
.product-sale-timer__label {
    font-weight: 400;
    color: #596a72;
}
.product-sale-timer__value {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}
.product-stock-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 10px;
    margin-top: 12px;
}
.product-stock-row .quantity-on,
.product-stock-row .quantity-off {
    width: auto;
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}
.product-stock-row .quantity-on span,
.product-stock-row .quantity-off span {
    font-size: 22px;
}
.product-stock-row .remain-message {
    margin-top: 0;
    text-align: left;
}
.product-price .product-shipping-methods {
    margin-top: 10px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.shipping-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #00364a;
}
.shipping-summary__label {
    font-weight: 600;
}
.shipping-summary__methods {
    color: #596a72;
}
.shipping-summary .shipping-city {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    width: auto;
    margin-top: 0;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    color: #00a4e2;
    text-decoration: none;
    text-transform: none;
}
/* обёртка вариантов рендерится всегда — отступ даём только её содержимому */
.product-price #select-option-block.shopBox {
    margin-bottom: 0;
}
.product-price #product_discount_navigation.shopBox {
    margin: 14px 0 0;
}
/* невыбранный вариант — контур, а не белая плашка: на серой карточке белое без рамки не читалось
   как кнопка, а в принудительной тёмной теме телефона инвертировалось в белый текст на белом */
.product-price #product_discount_navigation .btn-light {
    background: #fff;
    border: 1px solid #2dc5ff;
    color: #00364a;
}
.product-price #product_discount_navigation .btn-light:hover {
    background: #eaf8fe;
}
.product-price #select-option-block .btnGrupTow {
    margin-top: 14px;
}
.product-price .product-buy-row {
    margin-top: 18px;
}
.product-sticky-buy {
    display: none;
}
.product-price .options {
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 600;
}
/* Кружок-подсказка (popover "?") у опций товара и в таблице характеристик — раньше был совсем без стилей */
.circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #00a4e2;
    color: #00a4e2;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: help;
    vertical-align: middle;
}
.circle:hover {
    background: #00a4e2;
    color: #fff;
}
/* Поле «для товара с серийным номером» в блоке покупки запчасти — раньше рендерилось голым текстом */
.option-text {
    margin-bottom: 15px;
}
.option-text__label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}
.option-text__label b {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #00364a;
}
.option-text__label .required {
    margin: 0;
}
.option-text input[type="text"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 12px;
    border: 1px solid #cde7f5;
    border-radius: 8px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    transition: border-color .15s;
}
.option-text input[type="text"]:focus {
    border-color: #00a4e2;
    outline: none;
}
.option-text__no-sernum {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 13px;
    color: #555;
    cursor: pointer;
}
/* «Осталось менее N шт.» под статусом наличия — раньше инлайновый стиль с чужим шрифтом */
.remain-message {
    margin-top: 10px;
    text-align: center;
    color: #ff461f;
    font-weight: 600;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-size: 13px;
}
.product-attr {
    grid-area: product_attr;
}
.shopBox {
    margin-bottom: 1rem;
}

.product-info-grid {
    display: grid;
    grid-template-columns: auto minmax(450px, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
    "product_images product_rating"
    "product_images product_right"
    "product_attr product_right"
    "product_chain product_right"
    "product_description product_right"
    "product_tail product-description-tail";
    gap: 10px;
}
.product-description-tail {
    grid-area: product_tail;
    min-width: 0;
}
/* Планшет и десктоп до 1800px: описание и «цепочка» во всю ширину, цена остаётся справа.
   Старые описания товаров свёрстаны под контент ~1100px и их медиа-запросы смотрят на
   ширину окна, поэтому в узкой колонке (567px при окне 1276) они ломаются. Узкий вариант
   колонки включаем только там, где она сама по себе не меньше ~1000px. */
@media (min-width: 992px) and (max-width: 1799px) {
    .product-info-grid {
        grid-template-areas:
        "product_images product_rating"
        "product_images product_right"
        "product_attr product_right"
        "product_chain product_chain"
        "product_description product_description"
        "product_tail product_tail";
    }
}
@media (max-width: 991px) {
    .product-price, .product-buttons, .product-shipping-methods {
        border-radius: 20px;
    }
    .product-info-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
        grid-template-areas:
        "product_rating"
        "product_images"
        "product_right"
        "product_description"
        "product_chain"
        "product_attr"
        "product_tail";
    }
}

/* Left block */
.product-info  .left {
	float: left;
	width: 300px;
	margin-right: 15px;
}
.product-info .image {
	margin-bottom: 10px;
	text-align: center;
	width: fit-content;
	position: relative;
}
.product-images #image {
    max-width: 100%;
}
.product-image-actions {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.product-image-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #d5eef7;
    border-radius: 50%;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 4px 16px rgba(0, 54, 74, .12);
    cursor: pointer;
    transition: background .2s, border-color .2s, box-shadow .2s;
}
.product-image-action:hover {
    border-color: #2dc5ff;
    background: #eaf8fe;
    box-shadow: 0 6px 20px rgba(0, 54, 74, .16);
}
.product-info  .left #image {
	width: 100%;
}
.product-info .image-additional {
    order: -1;
    flex: 0 0 140px;
    width: 140px;
    align-self: stretch; /* высота = высота основного изображения */
    position: relative;
    margin: 0;
    overflow: hidden;
}
.product-info .image-additional .owl-additional {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.product-info .image-additional li {
    display: block;
    width: 140px;
    height: 140px;
    position: relative;
    cursor: pointer;
}
.product-info .image-additional li a {
    display: block;
    width: 100%;
    height: 100%;
}
.product-info .image-additional img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 1px solid transparent;
    border-radius: 12px;
    background: #fff;
    padding: 0;
    transition: border-color .2s;
}
.product-info .image-additional li:hover img {
    border-color: #00b9ff;
}
/* превью видео: кадр товара с кнопкой play поверх */
.product-info .image-additional .video-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}
.product-info .image-additional .video-thumb:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 54, 74, .08), rgba(0, 54, 74, .45));
    pointer-events: none;
}
.product-info .image-additional .video-thumb:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 0;
    height: 0;
    margin: -9px 0 0 -6px;
    border-style: solid;
    border-width: 9px 0 9px 15px;
    border-color: transparent transparent transparent #fff;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .45));
    pointer-events: none;
}
.product-info .image-additional .video-thumb-label {
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 2;
    transform: translateX(-50%);
    padding: 3px 8px;
    border-radius: 999px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background: rgba(0, 185, 255, .92);
    pointer-events: none;
}
@media (max-width: 720px) {
    .product-images {
        flex-direction: column;
        min-width: 0;
        max-width: 100%;
    }
    .product-info .image {
        max-width: 100%;
    }
    .product-image-actions {
        top: 10px;
        right: 10px;
    }
    .product-image-action {
        width: 40px;
        height: 40px;
    }
    .product-images #image {
        height: auto;
    }
    .product-info .image-additional {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        align-self: auto;
        height: 140px;
    }
}

.product-attr, .chain-box {
    position: relative;
    padding: 30px;
    border: 1px solid #ccc;
    border-radius: 20px;
    overflow: hidden;
}
.product-attr:before, .chain-box:before {
    content: "";
    background: #fff;
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #A8E7FF, #C1ADFF, #00B9FF);
}
.product-attr:after, .chain-box:after {
    content: "";
    background: #fff;
    width: calc(100% + 6px);
    height: 30px;
    display: block;
    position: absolute;
    top: 8px;
    left: -3px;
    border-radius: 40px;
    z-index: 1;
}
.attributes-list {
    padding: 0 !important;
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
}
.attributes-list a {
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
}
.attributes-list li {
    display: flex;
    justify-content: space-between;
    /* тонкие линии-разделители по макету: #00a4e2 (как в блоке доставки), не легаси-#2dc5ff */
    border-bottom: 1px solid #00a4e2;
    margin-bottom: 15px;
}
.attribute-value {
    text-align: right;
}
.summary-card-attributes {
    position: relative;
    z-index: 100;
}
.summary-card-title {
    font-family: 'Arial', sans-serif !important;
    font-size: 20px;
    text-transform: uppercase;
    /* голубые заголовки секций по макету: #00a4e2, не легаси-#2dc5ff */
    color: #00a4e2;
}




/* Right block */
.product-info  .right{
	float: left;
	width:510px;
	margin-left: 30px;	
}
.product-info  .shortDesc{
	text-align: justify;
	line-height:16px;
	clear: both;
	margin-top: 20px;
	display: inline-block;
	width:100%;
}
.product-info  .shortDesc a{
	text-decoration: underline;
}

/*btn grup*/
.product-info .btnGrup + .btnGrupTow{
	margin-left: 210px;
}

.product-info .btnGrup{
	border: 1px solid  #eee;
	background: rgba(0,0,0,.05);
	width:230px;
	text-align: center;
	border-radius: 2px;
	float: left;
	padding: 5px 10px;
}

.product-info .price{
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-bottom:8px;
}
.product-info .price-old {
    position: relative;
	font-size: 20px;
    font-weight: 400;
}
.product-info .price-old:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #f00;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}
.product-info .price-new {
	font-size: 24px;
    font-weight: 600;
    color: #00364a;
}

.product-info .btnGrup .cart-product, .product-info .options .cart-product{
	background: #4ca750;
	border:1px solid #4ca750;
	border-bottom:3px solid #4ca750;
	border-radius: 2px;
	font-weight: normal;
	width:180px;
}

.quantity-on, .quantity-off {
    width: 100%;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin-top: 20px;
}
.quantity-on {
    color: #4ca750;
}
.quantity-off {
    color: #ff461f;
}
.quantity-on span, .quantity-off span {
    font-size: 30px;
    vertical-align: middle;
}

.product-price .cart-credit {
	display: flex;
	flex-flow: column;
	gap: 15px;
	width: 100%;
	background: #fff;
	border:1px solid #2dc5ff;
	border-radius: 10px;
	color: #272727 !important;
	padding: 8px 25px !important;
	font-size: 14px !important;
	line-height: 22px !important;
	font-weight: bold;
	margin: 10px auto 0;
	cursor:pointer;
	text-align: left;
}
.product-price .cart-credit .credit-price {
	color: #2da8e0;
}
.product-price .cart-credit > p {
	text-align: center;
	color: #3594BD !important;
	margin-bottom: 5px;
}
.product-price .cart-credit > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.product-price .cart-credit > div > div {
	display: inline-block;
	font-size: 13px !important;
	font-weight: normal;
}
.product-price .cart-credit > div > div:first-child {
	width: 30px;
	display: inline-block;
}


.product-info .options .cart-product{
	float: right;
}


.product-info .btnGrup .cart-product:hover, .product-info .options .cart-product:hover{
	background: #3f8842;
	border-color: #6a933a;
}
.cart-product.btnActive{
	background: #297394 !important;
	border-color: #297394 !important;
}

.price-text {
	font-size: 25px;
	float: left;
	margin-right: 20px;
}
.price-data {
	float: left;
	margin-top: 5px;
}

.product-info .price-tax {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}

/*btn grup tow*/
.product-info .btnGrupTow ul{
	display: block;
}

.product-info .btnGrupTow ul li{
	display: inline-block;
	margin-bottom: 5px;
}

.product-info .btnGrupTow .btnQuick, .product-info .btnGrupTow .credit-product{
	border-bottom:2px solid #ddd ;
	border-right-color: rgba(0,0,0,.03) ;
	border-left-color: rgba(0,0,0,.03) ;
	border-top-color: rgba(0,0,0,.03) ;
}
.product-info .btnGrupTow ul li .fa{
	font-size:15px;
	padding-right: 5px;
	color:#3594BD;
}

.product-info  .points {
	font-weight: normal;
	padding-top: 7px;
	display: block;
	text-decoration: underline;
	color:#000000;

}


.product-info  .reward {
	font-weight: normal;
	display: block;
	text-decoration: underline;
	padding-bottom: 7px;

}


.product-info .price .discount {
	font-weight: normal;
	font-size: 12px;
	color: #4D4D4D;
}
.btns-row {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}
.btns-row .btn {
    flex: 1;
}

/*Right block info*/
.product-info  .rightInfo{
	float: left;
	border-left: 1px dashed #ccc;
	width: 270px;
	margin-left: 30px;
	padding:10px 0 5px 20px;
}
.product-info  .rightInfo .shipping-methods .titleMetods{
	text-transform:uppercase;
	margin-bottom:5px;
	display: block;	
	text-decoration:underline;	
}
.product-info .mobileShow{
	display: none;
}
.product-info  .rightInfo .shipping-methods ul li{
	line-height:18px;
	color:#333;
}
.product-info  .rightInfo .shipping-methods ul li b{
	color:#333 !important;
	font-weight: normal;	
}
.product-info  .rightInfo .description {
	margin-bottom: 10px;
	line-height: 17px;
	color: #333;
	display: inline-block;
}
.product-info  .rightInfo .description span {
	color: #000;
	text-transform:uppercase;
	margin-right: 5px;	
}
.product-info  .rightInfo .description a {
	color: #4D4D4D;
	text-decoration: none;
}

.product-info  .rightInfo .tegs{
	margin-top: 10px;
	margin-bottom: 10px;
}
.product-info  .rightInfo .tegs span{
	margin-top: 10px;
	margin-right:5px;
	text-transform: uppercase;
}
.product-info  .rightInfo .tegs a{
	text-transform: uppercase;
	text-decoration:underline;
	color: #297394;
}
.product-info  .rightInfo .tegs a:hover{
	text-decoration: none;
}

.product-info  .rightInfo .sher{margin-top:10px }
/* OPTIONS */

.product-info .options .optionTable {
	width: 100%;
}
.product-info .options .optionTable thead{
	border-bottom:2px solid #3594BD;
}
.product-info .options .optionTable tr td{
	border:1px solid #ddd;
    padding:5px;
    vertical-align: inherit;
}
.product-info .options .optionTable tr td input[type="text"]{
    border: none;
    text-align: center;  
}
.product-info .options .optionTable tr td input[type="checkbox"]{
    border:1px solid #eee;
}

.product-info .options .titleOptions{
    display: block; 
    margin-bottom: 10px;
    font-size: 14px;  
    color: #333;  
}
.product-info .options .buttonOption{
    text-align: center;
    background-color: #3594BD;
    border: 1px solid #3594BD;
    border-bottom: 2px solid #297394;
    color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
    cursor:pointer; 
}
.product-info .options .center{
    text-align: center !important;
}
.product-info .options .w10{
    width: 10% !important;
}

/*Options type image*/
.product-info .options .optionImage input{
	display: none;	
}

.product-info .options .optionImage input:checked ~ label  img{
	border:2px solid #3594BD;
}

.product-info .options .optionImage img:hover{
	border: 1px solid #ccc;
}

.product-info .option-image label {
	display: block;
	width: 100%;
	height: 100%;
}
.product-info .option-image img {
	border: 1px solid #eee;
	cursor: pointer;
	border-radius:2px;
}

/* Tabs */
.product-info .htabs{
}
.product-info .htabs a{
    font-family: 'Inter', Arial, sans-serif;
	font-weight: normal;
	color: #000;
	background: #fff;
	border: none;	
	text-transform: uppercase;
}

.product-info .htabs a:hover{
}

.product-info .htabs a.selected {
	color: #fff;
    background-color: #2dc5ff;
    font-weight: 600;
}


.cheap {
	margin: 4px 0;
}

.cheap a {
	font-weight: normal;
	font-size: 14px;
	color:#333;
	outline: none;
}
.cheap a:hover {
	text-decoration: none;
	color: #000;
}
/* BTN Cartn product */

.cart-product, .quick-product {
	padding: 10px 30px !important;
	font-size: 18px !important;
	line-height: 22px !important;
}

.quick-product {
	background: #00adee !important;
	border-color: #00adee !important;
	color:#ffffff;
	margin-top: 10px;
	width:180px;
	padding: 10px 5px !important;
	cursor:pointer;
}

.quick-product:hover {
	background: #008abf !important;
	border-color: #008abf !important;
}


.product-info .options {
    margin-bottom: 10px;
    color: #000000;
    margin-top: 10px;
}

.product-info .cart {
	padding: 5px 0;
	margin-bottom: 20px;
	color: #4D4D4D;
	float: left;
	width: 100%;
}
.product-info .cart div {
	float: left;
	vertical-align: middle;
}
.wish-compare {
	margin: 10px 0 0 10px;
}
.product-info .cart div > span {
	padding-top: 7px;
	display: block;
	color: #999;
}
.product-info .cart .minimum {
	padding-top: 15px;
	font-size: 11px;
	color: #999;
	clear: both;
}
.cart .quantity {
	background: #fff !important;
	border: 1px solid #eee !important;
	color: #000 !important;
}

.product-info .review {
	margin-bottom: 10px;
	width: 100%;
	float: left;
}

.review-img { margin-top: 4px;}
.product-info .review > div > span {color: #38B0E3;} 

.review-list {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	background: #f6f6f6;
	border: 1px solid #EEEEEE;
}
.review-list .author {
	float: left;
	margin-bottom: 20px;
}
.review-list .rating {
	float: right;
	margin-bottom: 20px;
}
.review-list .text {
	clear: both;
}
.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.attribute thead tr td:first-child {
	color: #333;
	font-size: 14px;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 2px solid #ddd;
	font-weight: bold;
}
.attribute tr td:first-child {
	color: #333;
	text-align: left;
	width: 20%;
}
.attribute td {
	padding: 7px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.attribute tr:hover{
	background: #eee;
}

/* Схема и запчасти */
#content .product-info {
	overflow: unset;
}
.schema-container {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr);
	align-items: start;
	gap: 24px;
	margin-top: 8px;
	overflow: visible;
}
.schema-container .schema-map {
	align-self: flex-start;
	position: sticky;
	top: 50px;
	padding: 12px;
	border: 1px solid #d3d3d3;
	border-radius: 12px;
	background: #fff;
}
.schema-container .schema-map img {
	display: block;
	width: 100%;
	height: auto;
}
.schema-container .schema-table-container {
	min-width: 0;
}
.schema-container .schema-table-container .repair_parts {
	width: 100%;
	display: flex;
	flex-flow: column;
	border: unset;
}
.repair_parts .schema-product-row {
	position: relative;
	display: grid;
	grid-template-columns: 28px 76px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	border: 1px solid #d3d3d3;
	border-radius: 12px;
	margin-top: 12px;
	padding: 12px;
	background: #fff;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.repair_parts .schema-product-row:hover {
	border-color: #2dc5ff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.schema-product-row .number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background-color: #2dc5ff;
	color: #fff;
	border-radius: 8px;
	padding: 5px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.schema-container .schema-table-container .repair_parts .schema-product-row .image {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	padding: 0;
	margin: 0;
	overflow: visible;
}
.schema-container .schema-table-container .repair_parts .schema-product-row .image a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.schema-container .schema-table-container .repair_parts .schema-product-row .image img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.schema-product-row .name a {
	font-family: 'Inter', Arial, sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.3;
	color: #00364a;
	text-decoration: none;
}
.schema-product-row .name {
	grid-column: 3;
	grid-row: 1;
}
.schema-product-row .price {
	font-family: 'Inter', Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #00364A;
}
.schema-container .schema-table-container .repair_parts .schema-product-row .buttons-row {
	grid-column: 2 / -1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	text-align: center;
	background: unset;
	padding: 0;
	margin: 0;
}

.compare_wrap{
	min-width: 280px;
	overflow: auto;
	margin: auto;
	border:1px solid #f0f0f0;
	padding: 5px;
	border-radius: 2px;
}
.compare-info {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	margin-bottom: 0px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
	color: #555;
	font-size: 14px;
	font-weight: normal;
	background: #eee;
	text-align: left;
}
.compare-info tr td:first-child{
	color: #000000;
	font-weight: normal;
	text-align: left;
}
.compare-info td {
	width: 20%;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px;
}

.compare-info .name a {
	font-weight: bold;
}
.compare-info .price-old {
	font-weight: bold;
	color: #F00;
	text-decoration: line-through;
}
.compare-info .price-new {
	font-weight: bold;
}
/* wishlist */
.wishlist-info table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.wishlist-info td {
	padding: 7px;
}
.wishlist-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
	text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
	text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
	text-align: right;
}
.wishlist-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
	text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
	text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
	text-align: right;
}
.wishlist-info tbody .price s {
	color: #F00;
}
.wishlist-info tbody .action img {
	cursor: pointer;
}

/* orders */
.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/* returns */
.return-list {
	margin-bottom: 10px;
}
.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
	float: left;
	width: 33.3%;
}
.return-list .return-info {
	text-align: right;
}
.return-product {
	overflow: auto;
	margin-bottom: 20px;
}
.return-name {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity {
	float: left;
	width: 31%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-captcha {
	float: left;
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}
/* cart */
.cart-info table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.cart-info td {
	padding: 7px;
}
.cart-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .image {
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
	text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
	text-align: right;
}
.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
	text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
	text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
	position: relative;
	top: 4px;
	cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}
.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}
.cart-module > div {
	display: none;
}
.cart-total {
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}
.cart-total table {
	float: right;
}
.cart-total td {
	padding: 3px;
	text-align: right;
    vertical-align: middle;
    font-family: 'Inter', Arial, sans-serif;
}
.text-total {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 20px;
    font-weight: 800;
}
.swiper-cart-slide {
    border-radius: 20px;
    overflow: hidden;
}
.swiper-cart-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    gap: 10px;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 15px;
}
.swiper-cart-name {
    display: flex;
    align-items: center;
    flex: 1;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.swiper-cart-price {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.swiper-cart-slide img {
    width: 100%;
    max-width: 255px;
}
.swiper-cart-slide a {
    text-align: center;
    width: 100%;
}
.cart-accessories .swiper-btn-prev, .cart-accessories .swiper-btn-next {
    top: calc(50% + 26px);
}
.checkout-content .form-group {
    margin-bottom: 10px;
}
.checkout-content .table td {
    font-family: 'Inter', Arial, sans-serif;
}
/* checkout */
.checkout-heading {
	background: #f5f5f5;
	padding: 10px 24px;
	font-weight: bold;
	font-size: 13px;
	color: #000;
	margin-bottom: 15px;
    border-radius: 0 0 20px 20px;
}
.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
	text-decoration: none;
}
.checkout-content {
	padding: 0px 0px 15px 0px;
}
.checkout-content .left {
	float: left;
	width: 48%;
}
.checkout-content .right {
	float: right;
	width: 48%;
}
.checkout-content .buttons {
	clear: both;
}
.checkout-well .buttons {
    background: none;
}
.checkout-content table td {
    background: none;
}
.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.checkout-product td {
	padding: 7px;
}
.checkout-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
	text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
	text-align: right;
}
.checkout-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
	text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
	text-align: right;
}
.checkout-product tfoot td {
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}
.contact-info {
	overflow: auto;
	line-height: 18px;
	background: #eee;
	margin-bottom: 20px;
}
.contact-info .left {
	float: left;
	width: 48%;
}
.contact-info .right {
	float: left;
	width: 48%;
}
.sitemap-info {
	margin-bottom: 40px;
	line-height: 18px;
}
.sitemap-info .left {
	float: left;
	width: 43%;
	margin-left: 2%;
}
.sitemap-info .right {
	float: left;
	width: 43%;
	margin-left: 2%;
}
.sitemap-info .left ul li, .sitemap-info .right ul li {
	padding-left: 15px;
	list-style: circle !important
}
.sitemap-info .left ul li, .sitemap-info .right ul li,
.sitemap-info .left ul li a, .sitemap-info .right ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.sitemap-info .left ul li li, .sitemap-info .right ul li li,
.sitemap-info .left ul li li a, .sitemap-info .right ul li li a {
	font-size: 12px;
	font-weight: normal;
}
.sitemap-info .left ul li a:hover, .sitemap-info .right ul li a:hover {
	text-decoration: underline
}
.checkout-cart {
    border-radius: 20px;
    overflow-x: auto;
    border: 2px solid #f5f5f5;
}
.checkout-cart table {
    margin-bottom: 0;
}
.checkout-cart table > thead > tr > th {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #f5f5f5;
    border: none;
    vertical-align: middle;
}
.checkout-cart table tr td {
    vertical-align: middle;
}
.checkout-cart table td.name a, .checkout-cart table td.model {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    color: #242424;
}
.checkout-cart table td.image, .checkout-cart table td.quantity, .checkout-cart table td.remove {
    text-align: center;
}
.checkout-cart table td.price, .checkout-cart table td.total {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #242424;
    text-align: right;
    white-space: nowrap;
}
.checkout-cart table tr:not(:last-child) {
    border-bottom: 2px solid #f5f5f5;
}
.checkout-content label {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    color: #242424;
}
/* footer */ 

.contentFooter{
	margin-bottom: 10px;
	border-radius: 0 0 5px 5px;
}
footer {
	clear: both;
	overflow: hidden;
	min-height: 100px;
	padding-top: 20px;
	background: #fdfdfd;
	border-radius: 0 0 5px 5px;
}
footer h3 {
	color: #555;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-weight: normal;
}
footer .column {
	margin-bottom: 5px;
}
footer .column ul {
	margin-top: 0px;
}
footer .column ul li {
	margin-bottom: 3px;
}
footer .column a {
	text-decoration: none;
	color: #000;
}
footer .column a:hover {
	text-decoration: underline;
}
footer .socials, footer .payment {
	margin-top: 20px;
}

/* Block link in footer */
footer .footerLink{margin-top: 25px;}
footer .footerLink ul{text-align: center;}
footer .footerLink ul li{
	display: inline-block;
	text-transform: uppercase;
	margin-right: 5px;

}

footer .footerLink ul li a{
	color: #555;
	font-size: 12px;
	text-decoration: underline;
}

footer .footerLink ul li a:hover{
	color:#297394;
	text-decoration: none;
}

/* Yandex map in footer */
#map{ position: relative;}
.map .map_bg{
	width:100%;
	height: 100%;
	background:linear-gradient(to bottom, #fff, rgba(255,255,255, .5));
	position: absolute;
	content: '';
	top: 0;
	left: 0;
}

.map{
	width: 100%;
	border-top:2px solid #3594BD;
	border-bottom: 1px solid rgba(0,0,0,.1);
	position: relative;
}
.map > .map_bg .bgBtn{
	content: '';
    width: 40px;
    height: 40px;
    position: relative;
    background: #FDFDFD;
    border-radius: 50%;
    bottom: -26px;
    box-shadow: 0px -1px 0px rgba(0,0,0, .1);
    margin: auto;
    display: block;
    text-align: center;
}
.map > .map_bg .btn-map{
	display: block;
    font-size: 1.5em;
    position: relative;
    bottom: -60px;
    z-index: 1;
    width: 30px;
    height: 30px;
    background: #3594BD;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin:auto;
    box-shadow: inset 0 0px 6px rgba(0,0,0,.2);
}

.map > .map_bg .btn-map .fa{
	line-height: 30px;
}

/* // Yandex map in footer */

.payment li {
	float: left;
	display: inline;
	margin-right: 3px;
}
#powered {
	margin:5px 0;
	clear: both;
	text-align: center;
	color: #999;
}
hr {
	border-top: 1px solid #d8dfea;
	border-bottom: 1px solid #fff;
	width: 100%;
}
.socials {
	float: right;
	margin-bottom: 10px;
}
.socials li {
	display: inline;
	float: right;
	margin: 0 0 2px 2px;
}
.socials li:hover {
	opacity: .6;
}
.third-line {
	line-height: 18px;
}

/**** contact ****/
.marB30 {
	margin-bottom: 20px;
	overflow: hidden;
}
.contactImg {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}
.rightCont {
	float: left;
}
.icon {
	float: left;
	margin: 0 15px 10px 0;
}
h3.widgetsTitle {
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #eee;
	border-bottom: 3px solid #ccc;
}

/**** twitter *****/
.tweet,
.query {
	font-size: 12px;
	float: left;
	width: 100%;
	margin-top: 10px;
}
.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tweet_list li {
	list-style-type: none;
	margin-bottom: 15px;
	position: relative;
	padding-left: 40px;
	min-height: 40px;
}
.tweet_list li a {
	color: #7dc50d;
    text-decoration: none;
}
.tweet_list .tweet_even { }
.tweet_list .tweet_avatar {
	position: absolute;
	left: 0;
	top: 0;
}
.tweet_list .tweet_avatar img { vertical-align: top;}

/****** facebook ******/
.facebookOuter {
	background-color:#eee; 
	width:280px; 
	height:250px;
	border:1px solid #eee;
	margin-bottom: 20px;
	clear:both
}
.facebookInner {
	height:235px;
	overflow:hidden;
	color: #eee !important
}


/****** about ******/
.about {
	padding-top: 10px;
}
.about h3 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: solid 1px #d8dfea;
	margin-bottom: 10px;
	color: #000;
}
.shipping {
	background: #dddddd;
	padding: 10px;
	position: relative;
	overflow: hidden
}
.shipping img {
	float: right;
	margin: 20px;
}
.second-line {
	font-size: 15px;
	font-weight: bold;
}

/* banner 
-----------------------------------------------*/
.banner {
    margin-top: 40px;
    margin-bottom: 20px;
}
.banner > div img {
    width: 100%;
    border-radius: 15px;
}

/* account
-----------------------------------------------*/
/* Defoult style account*/
#add_info{ display: none;}
.transition {-webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.account-title{font-size: 1.3em; color:#555; margin-bottom: 10px;}
.border-box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.account_wrap .pagination{margin:5px 0; width: 100%;}

/* account page*/
.account_wrap .left h2{ font-size: 1.2em; color:#777; font-weight: normal;}

.account_wrap .left{
   float: left;
   width: 30%;
   background-color: rgba(0,0,0, .03);
   padding: 15px 15px 10px 15px;
   border:1px solid #eee;
   border-radius:4px;
}
.account_wrap .right{
   float: right;
   width: 70%;
   padding-left: 10px;
}
.account_wrap .right h2{
   font-size: 1.3em;
   font-weight: normal;
   border-bottom: 2px solid #3594BD;
   padding-bottom: 5px;
   margin-bottom: 10px;
   color:#333;
}
.account_wrap .right .account_info p.head {
	background-color: rgba(0,0,0, .03);
	padding: 10px 15px;
	border:1px solid #eee;
	border-radius:4px;
	font-size: 1.1em;
	color:#333;
	text-align: justify;
}
.account_wrap .right .order_content{
	position: relative;
	cursor: pointer;
}
.account_wrap .right .order_content > ul{
	border:1px solid #ddd;
	margin-top: 10px;
	border-radius: 2px;
	background: rgba(0,0,0, .03);
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.account_wrap .right .order_content > ul li{
	height: 35px;
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 35px;
}

.account_wrap .right .order_content .order-box{
	border:1px solid #ddd;
	margin-top: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background: #f7f7f7;
	border-radius: 2px;
	display: none;
	width: 100%;
	position: absolute;
	z-index: 9999;
	top: 36px;
	-webkit-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.1);
}

.account_wrap .right .order_content .order-box:before{
	content:'';
	border:11px solid;
	border-color: transparent transparent #ddd transparent ;
	position: absolute;
	left: 15px;
	top: -22px;
}

.account_wrap .right .order_content .order-box:after{
	content:'';
	border:10px solid;
	border-color: transparent transparent #F7F7F7 transparent ;
	position: absolute;
	left: 16px;
	top: -20px;
}
.account_wrap .right .order_content .order-box table{width: 100%;}
.account_wrap .right .order_content .order-box table th{
	border-bottom: 1px solid #ccc;
	height: 25px;
	vertical-align: middle; 
	color:#555;
}
.account_wrap .right .order_content .order-box table tr{ border-bottom:  1px solid #ddd;}

.account_wrap .right .order_content .order-box table tr td{ padding:10px 5px 10px 0; vertical-align: middle;}
.account_wrap .right .order_content .order-box table tr .name{ width: 75%;}
.account_wrap .right .order_content .order-box table tr .quant{ width: 10%; text-align: center;}
.account_wrap .right .order_content .order-box table tr .total{ width:  15%; text-align: center;}
.account_wrap .right .order_content .order-box .footer_bnt{ border-bottom: none;}
.account_wrap .right .order_content .order-box .footer_bnt td{ padding: 5px 0 0 0; height: auto; text-align: right;}

.account_wrap .right .order_content .order_added{
	background: #eee;
	width:90px;
	padding-left: 10px;
	color:#555;
	position: relative;
}

.account_wrap .right .order_content .order_added:after{
	content:'';
	border:18px solid;
	border-color:transparent #f7f7f7 transparent transparent;
	position: absolute; 
	right: 0; 
	bottom: 0;
}

.account_wrap .right .order_content .wrap_btn{
	float: right;
	background: #eee;
	display: block;
	width: 35px;
	border-left: 1px solid #ddd;
	text-align: center;
	border-radius: 0 2px 2px 0;
}

.account_wrap .right .order_content .wrap_btn .fa{ color:#555; font-size: 1.5em; vertical-align: middle;}
.account_wrap .right .order_content .order_st{ padding-left: 10px;}
.account_wrap .right .order_content .order_pay{ float: right; padding-right: 10px;}

.account_wrap .btn-acc{
	display: inline-block;
	width: 100%;
	padding: 10px;
	background: #3594BD;
	border-bottom: 2px solid #297394;
	margin-bottom: 6px;
	border-radius: 2px;
	color:rgba(255,255,255, .9);
	font-size: 1.1em;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0, .2);
	box-shadow: 0px 1px 3px rgba(0,0,0, .2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.account_wrap .btn-acc:hover{
	text-decoration: none;
	background: #297394;
	border-bottom-color: #3695C1;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*Order list*/

.order-history{
	border:1px solid #ddd;
	margin-bottom: 15px;
	border-radius:2px;
	background: #f7f7f7;
}
.order-history div{display: inline-block; }
.order-history .box-date{
	background: #eee;
	border-right:1px solid #ddd;
	color:#444;
	text-align: center;
	padding: 8px 15px;
}

.order-history .box-btn{
	float: right;
	padding-right: 10px;
	height: 100%;
	padding: 7px 10px 6px;
}

.order-history .box-info{border-right: 1px solid #eee;}
.order-history .box-info, .order-history .box-status{padding: 5px 15px; color:#333;}

/* Order info*/

.order-info .invoice{
	width: 33%;
	background: #FCFCFC;
	border:1px solid #F6F6F6;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .08);
	box-shadow: 0 1px 3px rgba(0,0,0, .08);
	padding: 10px;
	float: left;
}
.order-info .invoice_header .title{
	font-weight: normal; 
	color:#333; 
	font-size: 1.1em; 
	display: block;
	text-align: center; 
	margin-bottom: 10px;
	margin-top: 5px;
}
.order-info .invoice_body table{width: 100%; color:#222; border-collapse: inherit;}
.order-info .invoice_body table th{border-bottom: 1px dashed #555; padding: 5px 0; vertical-align: middle;}
.order-info .invoice_body table .separator {border-bottom: 1px dashed #555; padding-top: 8px;}
.order-info .invoice_body table a{ color: #222;}
.order-info .invoice_body table a:hover{ color:#555; text-decoration: none; }
.order-info .invoice_body .name{width: 60%;}
.order-info .invoice_body .quan, .invoice_body .price, .invoice_body .product .price{text-align: center;}

.order-info .invoice_body .tooltip:hover span{
	display: block;
	position: absolute;
	border-radius: 4px;
	text-align: center;
	font-size: 11px;
	padding: 5px 2px;
	bottom: 100%;
	top: auto;
	left: auto; 
	right: 50%;
	-webkit-transform:  translateX(50%);
	-moz-transforn: translateX(50%);
	-ms-transform:  translateX(50%);
	-o-transform: translateX(50%);
	transform:  translateX(50%);
	margin-bottom: 5px;
	background: #ddd;
	color: #555; 
}
.order-info .invoice_body .tooltip span:after{ border-color:#ddd transparent  transparent transparent;}
.order-info .invoice_body .product td{ padding: 8px 0 0 0; vertical-align: top;}
.order-info .invoice_footer{margin-top: 20px; margin-bottom: 15px; text-align: center;}
.order-info .invoice_footer span{font-size: 1.5em; font-style: italic; color: #555;}
.order-info .customer{ float: right; width: 60%;}

.order-info .customer h2{
	font-weight: normal;
	font-size: 1.2em;
	border-bottom: 2px solid #3594BD;
	margin-bottom: 15px;
	padding-bottom: 5px;
	color:#555;
}
.order-info .customer .delivery p{
	border:1px solid #eee;
	padding: 15px 10px;
	border-radius: 2px;
	background: #f7f7f7;
	color:#444;
}
.order-info .hist_item{ position: relative;}
.order-info .customer .histories ul{
	border:1px solid #ddd;
	width: 100%;
	margin-bottom: 10px;
	border-radius:2px;
	background: #f7f7f7;
	padding: 0;
	margin-bottom: 10px;
}
.order-info .customer .histories ul li{ display: inline-block; height: 40px; line-height: 40px;}
.order-info .customer .histories .date{
	background: #eee;
	color:#555;
	padding: 0 10px;
	border-right: 1px solid #ddd;
	margin-right: 5px;
}
.order-info .customer .histories .history{ float: right; margin-right: 15px;}
.order-info .customer .histories .comment{
	display: none;
	width: 100%;
	background: #f7f7f7;
	z-index: 10;
	border:1px solid #ddd;
	padding: 15px 10px;
	margin-top: 0px;
	border-radius:2px;
	margin-bottom: 15px;
}

/* Blog / News Module
-----------------------------------------------*/
.headlineTitle, .headlineTitle a {
	font-size: 18px;
	border-bottom: 3px solid #eee;
}
.bg {
	font-size: 12px !important;
	background: #666;
	font-weight: bold;
	color: #fff !important;
	display: inline-block !important;
	padding: 2px 4px;
	margin-top: 10px !important
}
ul.articleCats {
	margin-bottom: 20px;
}
ul.articleCats li {
	margin-bottom: 5px;
}
ul.articleCats li a {
	font-size: 14px;
	margin-bottom: 5px;
	display: block;
}
ul.articleCats li ul li {
	border-left: 1px solid #ccc;
	padding: 2px 5px;
	margin-left: 15px;
	margin-bottom: 0;
}
ul.articleCats li ul li a {
	font-size: 12px;
	padding-bottom: 0;
}

/*search in articles*/
#artsearch {
	background: #eee;
	padding: 10px;
}
.searchA {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 8px;
}
#artsearch input {
	height: 25px;
	width: 180px;
}
.buttonA {
	background: #666;
	color: #fff;
	border: 1px solid #fff;
	padding: 8px 14px;
}
.buttonA:hover {
	background: #000;
	text-decoration: none;
}
.postSide {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.newSideImg {
	float: left;
	width: 80px;
	padding: 2px;
	border: 1px solid #eee;
	margin: 0 10px 0 0;
}
.newSideImg img {
	max-width: 100%;
}
.newsTitle {
	font-size: 16px;
}
.mar {
	margin-right: 10px;
	margin-left: 10px;
}
.nobord {
	border: none !important
}
.content, .buttons {
	margin-left: 10px;
	margin-right: 10px;
}

.hide {
	position: absolute;
	top: 100px;
	width: 100%;
	height: 50px;
	background: url('../image/hide.png') repeat-x;
}
.obertka {
	text-align: center;
	border-bottom: #ccc solid 1px;
	height: 8px;
	margin: 0 10px 20px;
}
.expand {
	height: 18px;
	padding: 0 .9em;
	border-width: 1px;
	border-style: solid;
	outline: 0;
	font-weight: normal;
	font-size: 11px;
	white-space: nowrap;
	word-wrap: normal;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	line-height: 0;
}
.expand span {
	color: #000;
}

#cmswidget-6 .box-heading, #cmswidget-6 .box-content {
	margin-left: 0;
	margin-right: 0;
}

.manufacturer-content a {
	text-align: center;
	font-size: 14px;
}
.manufacturer-content .manufacturer-name {
	text-align:center;
}


/* BLOG */
.userBlog .content-records{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: 15px;
	border: 1px solid  #ddd;
	padding: 5px 10px 10px 10px;
	border-radius: 4px;
	width: 33%;
	height: 300px;
	position: relative;
	margin-left: 2px;
}

/* .content-records:nth-child(5n) {
	width: 66%;
} */

#column-left .cmswidget .box-content{
	padding: 5px;
}
#column-left .cmswidget .box-content a{
	font-size: 14px;
}
.userBlog .link-container {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0));
}
.userBlog .link-container:hover {
	background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0));
}
.userBlog .name {
	margin-bottom: 0;
}
.userBlog .name a{
	font-size: 14px;
	color: #fff !important;
}
.userBlog .name a:hover {
	text-decoration: none;
}
.userBlog .record_description{
	text-align: left;
	line-height: 20px;
	color: #fff;
	margin-bottom: 10px;
}
.userBlog .blog_bottom {
	margin-top: 0;
}
.userBlog .blog_bottom ul{
	display: block;
	text-align: right;
	float: right;
}
.userBlog .blog_bottom .ul45 {
	position: relative;
	z-index: 5;

}
.userBlog .blog-data-record {
	color: #dbdbdb;
	background: none;
}

.userBlog .pagination{
	width: 100%;
	margin: 0;
}
.userBlog .swiper__contant{
	margin: 0;
}
.userBlog  .record_columns_center {
	/* margin-left: 5px;
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px; */
}
.userBlog  .record_columns_center ul {
	display: -webkit-box;
	-webkit-box-pack: justify;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	height: auto;
	align-content: space-between;
}
.userBlog  .record_columns_center li {
	display: table-cell;
	text-align: center;
	position: relative;
	width: auto;
	flex-grow: 1;
}

.userBlog  .record_columns_center li > a {
	display: block;
	margin: 2.5px 4px 2.5px 0;
	padding: 6px 25px;
	border: 1px solid #eee;
	color: #656565;
	background: #fcfcfc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	margin-bottom: 5px;
}
.userBlog  .record_columns_center li:hover > a {
	text-decoration: none;
	border-color: unset;
	background: #3594BD;
	color: #fff;
}

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

.userBlog  .record_columns_center > div{
	text-align:left !important;
	margin-left: 10px;
	line-height: 20px;
}

.record_columns_center > div{
}

.userBlog .pagination{
	margin-bottom: 15px;
}

.userBlog .blog-viewed-record {
	background: none;
	color: #dbdbdb;
}
.userBlog .blog-comments-record {
	background: none;
	padding-left: 5px !important;
	color: #dbdbdb;
}

/* FORM */
#sign_box {
	width:225px;
	background-color:#fff;
	border-top: 2px solid #3594BD;
	border-left:  2px solid #3594BD;
	border-right: 2px solid #3594BD;
	border-bottom:2px solid #3594BD;
	padding:10px 15px;
	position:fixed;
	display:none;
	text-align: center;
	z-index: 1000;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0, .7);
	box-shadow: 0 3px 7px rgba(0,0,0, .7);
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 8px;
}
#sign_box input[type="text"], #sign_box input[type="password"] {
	border: 1px solid #3594BD;
	/*height: 20px;*/
	width: 100%;
}

#sign_box b{
	display: block;
	text-transform: uppercase;
	font-weight: normal;
}
.main_store_link {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.main_store_link a {
    display: block;
    padding: 3px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #b6ebff;
    line-height: 1;
    color: #fff !important;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 10px;
}

.contactForm h1 {margin: 0 0 0 0;}
.contactForm table.form {margin-bottom: 0;}
.contactForm .content {
    padding: 0;
	border: none;
	margin-bottom: 0;
}
.contactForm .buttons {margin-bottom: 0;}

/*Tiket*/
.tiket .container-list{
	overflow-y:auto;
	width: 	100%;
}
.tiket .header_line input[type="text"]{
	float: left;
	border:1px solid #ddd;
	border-radius: 2px;
	margin-right: 5px;
	border-bottom: 2px solid #ddd;
	height: 33px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-indent:5px;
	width: 200px;
	color: #555;
}
.tiket .header_line input[type="text"]:hover, .tiket .header_line input[type="text"]:focus{ border-bottom-color:#3594BD; }
.tiket .header_line .btn-tiket, .tiket .header_line .btn-acc{float: right;}
.tiket .header_line .btn-acc {margin-right: 10px;}
.tiket .list-title {border:1px solid #eee; width: 100%; margin: 15px 0;}
.tiket thead{border-bottom: 2px solid #EFEFEF; height: 45px;}
.tiket tbody tr:nth-child(even){background: #f7f7f7;}
.tiket thead tr td{vertical-align: middle; padding: 5px; background: #f7f7f7; text-align: center; color:#333; border-right:1px solid #EFEFEF;}
.tiket thead tr td:last-child, .tiket tbody tr td:last-child{border-right:none;}
.tiket tbody tr td{border-right:1px solid #EFEFEF; text-align: center; vertical-align: middle; color:#555; padding: 10px;}

/*Tiket form*/
.account_wrap .tiket_form{
	background-color: #f7f7f7;
	padding: 10px;
	border: 1px solid #eee;
	border-radius: 4px;
	font-size: 1.1em;
	color: #333;
}
.account_wrap .tiket_form table{width: 100%;}
.account_wrap .tiket_form table tr td{padding: 2px;}

.account_wrap .tiket_form input[type="text"],
.account_wrap .tiket_form textarea,
.account_wrap .tiket_form select {width: 100%; border-color:#ddd; border-radius:2px; margin-bottom: 5px;}

.account_wrap .tiket_form input[type="text"],
.account_wrap .tiket_form select {height: 30px;}

.account_wrap .buttons { border:none; margin: 10px 0; padding: 0; text-align: right;}
.account_wrap .buttons .btn-cancel, .account_wrap .buttons .btn-submit {display: inline-block;}

.account_wrap .buttons .btn-submit input{padding: 5px 12px !important;}

/*Login Content*/

.login-content{
	margin-bottom: 15px;
}
.login-content .login-title{font-size: 1.5em; color: #fff; margin-bottom: 15px; text-align: center;}
.login-content .login-form, 
.login-content .login-upl,
.login-content .login-form input[type="text"],
.login-content .login-form input[type="password"]
{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.login-content .login-form,.login-content .login-upl{
	border-radius: 2px;
	max-width: 420px;
	width: 100%;
	padding: 20px 15px;
	background: #3594BD;
	margin: 25px auto 15px;
	-webkit-box-shadow: inset 0 0px 20px rgba(0,0,0, .1);
	box-shadow: inset 0 0px 20px rgba(0,0,0, .1);
}
.login-content .login-form span{color:#fff; padding-bottom: 5px; display: inline-block; font-size: 1.1em; }
.login-content .login-form input[type="text"],
.login-content .login-form input[type="password"]{
	width: 100%;
	height: 30px;
	background:#2F82A9;
	border:none;
	color:#fff;
	border-radius:2px;
} 
.login-content .login-form input[type="text"]{margin-bottom: 10px;}
.login-content .btn-wrap {margin-top: 15px; height:25px;}
.login-content .login-form .btn-reg{line-height: 33px;}
.login-content .login-form .btn-reg, 
.login-content .login-form .btn-log{
	background: #2F82A9;
	border:1px solid #328CB5;
	display: inline-block;
	border-radius: 4px;
	color:#f5f5f5;
	cursor:pointer;
	font-size: 1em;
	height: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
	float: 	right;
}
.login-content .login-form .btn-reg:hover, 
.login-content .login-form .btn-log:hover{
	text-decoration: none;
	background: #3085AD;
	border:1px solid #338EB8;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, .2);
	box-shadow: inset 0 0 5px rgba(0,0,0, .2);
	color:rgba(255,255,255, .5);
}
.login-content .forg{float: left; color:#fff; line-height: 35px;}

.login-content .login-upl{text-align: center;}
.login-content .login-upl span{
	font-size: 	1.2em;
	margin-bottom:15px;
	display: inline-block;	
	color: #fff;
}

.login-content .description{
	text-align: justify;
	color: rgb(245, 245, 245);
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 2px;
}


/* SEO CMS BLOG — Start article gallery redesign */
/* Article products container */
.blog #similar_wrap {
    border: 1px solid var(--mid-line);
    border-radius: var(--mid-radius-lg);
    background: var(--mid-block-bg);
}

/* Tabs — match the product page navigation */
.blog .record-tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 15px;
    margin: 24px 0 0 0 !important;
    padding: 24px !important;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
    border: 0;
    border-radius: 10px 10px 0 0;
    background: #f5f5f5;
    list-style: none;
}
.blog .record-tabs > li {
    flex: 0 0 auto;
    margin: 0;
	padding: 0;
}
.blog .record-tabs > li > a {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 12px 15px;
    float: none;
    border: 0;
    border-radius: 10px 10px 0 0;
    background: transparent;
    color: #000;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}
.blog .record-tabs > li > a:hover {
    color: var(--mid-link);
}
.blog .record-tabs > li > a.selected,
.blog .record-tabs:not(.htabs) > li.active > a {
    background: #2dc5ff;
    color: #fff;
    font-weight: 600;
}
.blog .record-tabs a:focus-visible,
.blog .record-gallery a:focus-visible,
.blog .record-related a:focus-visible {
    outline: 2px solid var(--mid-link);
    outline-offset: -2px;
}
/* Panels and gallery cards */
.blog .record-panels {
    padding: 0;
    color: var(--mid-text);
}
.blog .record-panels > .tab-pane {
    padding: 24px;
    border: 1px solid var(--mid-line);
    border-radius: 20px;
    background: var(--mid-block-bg);
}
.blog .record-gallery-grid,
.blog .record-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}
.blog .record-gallery-card,
.blog .record-related-card {
    min-width: 0;
    overflow-wrap: anywhere;
}
.blog .record-gallery-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.blog .record-gallery-image {
    display: flex;
    order: -1;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
    padding: 12px;
    overflow: hidden;
    border: 1px solid var(--mid-line);
    border-radius: 16px;
    background: var(--mid-surface);
}
.blog .record-gallery-image:hover {
    border-color: var(--mid-link);
}
.blog .record-gallery-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.blog .record-gallery-title {
    font-weight: 600;
    line-height: 1.5;
}
.blog .record-gallery-description {
    color: var(--mid-text-muted);
    line-height: 1.6;
}
.blog .record-panels a {
    color: var(--mid-link);
}
/* Related articles and attributes */
.blog .record-related .record-thumb {
    height: 100%;
    margin: 0;
    border: 1px solid var(--mid-line);
    border-radius: 16px;
    overflow: hidden;
}
.blog .record-related .image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: contain;
}
.blog .record-related .caption {
    padding: 16px;
}
.blog .record-panels .attribute {
    width: 100%;
    margin: 0;
    border: 0;
    table-layout: fixed;
    overflow-wrap: anywhere;
}
.blog .record-panels .attribute td {
    padding: 14px 16px;
    border-color: var(--mid-line);
    color: var(--mid-text);
    background: transparent;
}
.blog .record-panels .attribute thead td {
    background: var(--mid-surface);
    font-weight: 600;
}
/* End article gallery redesign */

.helper_box li{
	width: 49.5%; display:table; margin: 2.5px 1% 2.5px 0; float: left; border-radius:2px; padding: 2px; border:1px solid #eee;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;}
.helper_box li:nth-child(even){ margin-right: 0;}
.helper_box span { display: table-cell; vertical-align: middle;}

.helper_box li .img{ width: 15%; position: relative;}
.helper_box li .name{ width: 65%; padding-left: 5px; text-align: left;}
.helper_box li .name a{text-decoration: none; color:#333;}

.helper_box li .img > .description{text-align: center; display: none; top:20px; position: absolute; z-index: 2; padding: 5px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;left:0; width: 200px; background: #353a3f;  border-radius:2px; color:#f9f9f9;}

.shortDesc .helper_box li .img > .description {
	top: 45px;
}

.product-list .helper_box li .img > .description {
	top: 35px;
}

.product-grid .helper_box li .img > .description, .blog-grid .helper_box li .img > .description {
	top: 25px;
}

.helper_box li .img > .description:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 10px;
	border: 5px solid;
	border-color: transparent transparent #353a3f transparent;
}

.helper_box li:hover .img > .description{ display: block;}
.product-thumb .helper_box li .img > .description {
    left: 0;
    bottom: auto;
}

.helper_box li .rating span, .helper_box li .helper-rating span {
	display: block;
	float: right;
	height: 26px;
	width: 8px;
	margin: 0 1px;
	border-radius: 4px;
}

.product-grid .helper_box li:nth-last-child(-n+2) .img > .description, .blog-grid .helper_box li:nth-last-child(-n+2) .img > .description {
    top: auto;
    bottom: 22px;
}

.product-grid .helper_box li:nth-last-child(-n+2) .img > .description:after, .blog-grid .helper_box li:nth-last-child(-n+2) .img > .description:after {
    top: 100%;
    left: 10px;
    border-color: #353a3f transparent transparent transparent;
}

.helper_box li .rating .rating_2, .rating_2 {
	background: #ff6607;
}

.helper_box li .rating .rating_3, .rating_3 {
    background: #ffc107;
}

.helper_box li .rating .rating_4, .rating_4 {
	background: #2dc5ff;
}

.helper_box li .rating .rating_5, .rating_5 {
	background: #39cd40;
}

/*SEARCH*/
.search_box{ margin-bottom: 15px; text-align: center;}
.search_box h2{font-weight: normal; color:#555;}
.search_box input[type="text"]{width: 250px;}
.search_box input[type="text"], .search_box select {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	height: 29px;
	padding-top: 0;
	margin-top: 0;
	border-color:#3594BD;
	line-height: 29px;
	border-radius: 2px;
	margin-bottom: 10px;
}
.empty{text-align: center;}


/*BLOG LATEST*/
.show_box{display: none;}
.blog-latest-heading,
.blog-category-box-heading {
	border-bottom:2px solid #3594BD;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	background: #fafafa;
	height: 35px;
	line-height: 35px;
	font-size: 1.2em;
	color:#777;
	padding-left: 5px;
	border-radius: 2px;
	position: relative;
}

.blog-category-box, .blog-latest-category-box {margin-bottom: 15px;}
.blog-latest-content, .blog-category-content {margin-top: 5px;}
.blog-latest-content a, .blog-category-content a{color: #555; border:1px solid #e5e5e5; display: block; padding: 10px 5px; border-radius:2px; background: #FCFCFC; margin-bottom: 5px;}
.blog-latest-content a:hover, .blog-category-content a:hover{text-decoration: none; background: #3594BD; border-color:#3087AC; color:#f9f9f9;}
.blog-latest-content .lineheight1 {line-height: 0;}

.tiket_form input[type="text"]:read-only {
    background-color: #f0f0f0;
}

#ticket_upload a {
	font-size: 16px;
}

#sh_button {

}

#rec_product_s a {
	background: none !important;
}

#flycart-notification .carusel__nav a {
	background: none !important;
}

#flycart-notification .carusel__product .carusel__product_name {
	height:50px;
}




#notification .success,#notification .warning,#notification  .attention,#notification  .information {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	color: #555555;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	width:95%;
}
#notification .success {
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
#notification  .warning {
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
#notification  .attention {
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
#notification .success .close, #notification  .warning .close, #notification  .attention .close, #notification  .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}

.product-grid .product_btn,
.blog-grid .product_btn {
    text-align: center;
    bottom: 0;
    background: #fff;
	position: relative;
	float:left;
	width:100%;
	left:0;
}
.product-list .product_btn {
    position: relative;
    top: 100px;
    text-align: center;
}

.product_btn .btn,
.ctrlenter {
    border: 1px solid;
    padding: 5px 10px;
    line-height: 40px;
    -webkit-border-radius: 0 0 2px 2px;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    -ms-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
	border-radius: 8px;
	background-color: #00A4E2;
	color: #ffffff;
	text-decoration: none;
	font-size:13px;
	font-weight:normal;
}

.product_btn .btn:hover,
.ctrlenter:hover {
	border-color: #297394 #297394 #3594bd #297394;
	background: #297394;
	text-decoration: none;
}

.ctrlenter {
	display:inline-block;
	line-height:normal;
}

.product_btn .btn.tooltip span {
    line-height: 12px;
}

#gap {
    display: none;
    height: 80px;
}

.header-phones {
	min-height:30px;
}

.cash_pay_info {
	padding-bottom: 20px;
}

.cash_pay_info .order_pay_links {
	padding-right:20px;
}

.account_info {
	width:45%;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
.manager_info {
	width:45%;
	float:left;
	padding-left:5px;
	padding-right:5px;
}

.manager_info li {
	font-size:16px;
}

#tabsp a {
}

.geoip-closetext {
	display:inline;
}

.vk_like {
	background: none !important;
}

#vkwidget0_tt {
	display:none !important;
}

#vkwidget1_tt {
	display:none !important;
}
#vkwidget2_tt {
	display:none !important;
}
#vkwidget3_tt {
	display:none !important;
}
#vkwidget4_tt {
	display:none !important;
}
#vkwidget5_tt {
	display:none !important;
}
#vkwidget6_tt {
	display:none !important;
}
#vkwidget7_tt {
	display:none !important;
}
#vkwidget8_tt {
	display:none !important;
}
#vkwidget9_tt {
	display:none !important;
}

#ordercheckw {
	width: 320px;
	background-color: #fff;
	border-top: none;
	border-left: 2px solid #3594BD;
	border-right: 2px solid #3594BD;
	border-bottom: 2px solid #3594BD;
	padding: 10px 15px;
	position: fixed;
	display: none;
	text-align: center;
	z-index: 1000;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0, .7);
	box-shadow: 0 3px 7px rgba(0,0,0, .7);
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}

#ordercheckw input {
	width:300px;
}

.closedialog {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	width: 15px;
	font-size: 18px;
}

.register-hidden {
	display:none;
}

#mobile-search {
		display: inline-block;
    position: relative;
		width: 90%;
}
.mobile-menu {
		/*text-align: right;*/
}

#button-mobile-search {
    position: absolute;
    right: 5px;
    margin-top: 12px;
    cursor: pointer;
}

#mobile-search input {
    display: inline-block;
    padding-left: 5px;
    width: calc(100% - 140px);
    height: 30px;
    float: left;
}

#mobile-search select {
    float: left;
    height: 38px;
    background: #fff;
    border: 1px solid #ccc;
    border-left: none;
    padding: 3px;
    color: #000;
    width: 100px;
    margin: 0;
}

.video-wrap {
	position: relative;
	overflow: hidden;
	margin: 15px 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
}

.video-wrap-img {
	position: relative;
	overflow: hidden;
}

.video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.col-sm-6 {
	width:48%;
	padding:1%;
	float:left;
}

.col-sm-12 {
    width:96%;
    padding:1%;
    float:left;
}



.cke_show_borders .video-wrap {
	padding-bottom: 0;
}

.selected-image {
    -webkit-box-shadow: 0px 0px 0px 2px #2DC5FF;
    -moz-box-shadow: 0px 0px 0px 2px #2DC5FF;
    box-shadow: 0px 0px 0px 2px #2DC5FF;
}

.blog-record-description a {
    font-size: 100%;
}

/* Виджеты из конструкторов (например Яндекс.Карты со скрипта с width=1100)
   приходят с зашитой в разметку шириной и вылезают за экран на мобильных.
   Вписываем такие вставки в контейнер контента. */
.blog-record-description iframe,
.record_content iframe,
.seocmspro_content iframe,
.information-page iframe {
    max-width: 100%;
}

.product-sticker {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 3px;
	color: #fff;
	min-width: 90px;
    padding: 2px 10px;
	text-align:left;
    font-family: 'Inter', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
    border-radius: 5px 0 0 5px;
}

.product-sticker img {

	margin-left: 0;
}

.qtip {
	max-width:500px !important;
}

.qtip-content {
	overflow:scroll;
    line-height: 1.2;
}

.qtip-close {
	right: 0 !important;
	top: 0 !important;
}

.product-sticker .fa {
	padding-right:5px;
}


a[name] {
	padding-top: 100px;
	margin-top: -100px;
	display: inline-block; /* required for webkit browsers */
}

/* Шрифт Intro выведен из темы — семейства ниже оставлены алиасами на Inter,
   чтобы старые записи с Intro в описаниях товаров и настройках темы
   тоже отрисовывались Inter. */
@font-face {
    font-family: 'Intro Bold Caps';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
	font-display: swap;
}

.partner-alert {
	color: #000000;
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 5px;
	font-family: 'Inter',Tahoma,Geneva,sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

.partner-alert a {
	font-size: 15px;
	font-family: 'Inter',Tahoma,Geneva,sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

.w100p {
	width:100%;
}

.search_ajax_class .price {
	color: #808080 !important;
}

.search_ajax_class {
	height: 450px;
}

.alldescription {
    grid-area: product_description;
    line-height: 1.35;
}
.alldescription .product-description {
    position: relative;
}
.alldescription .product-description.is-collapsed {
    overflow: hidden;
}
.alldescription .product-description-fade {
    display: none;
}
.alldescription .product-description.is-collapsed .product-description-fade {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 90%);
    pointer-events: none;
}
.alldescription h2.block-h2 {
	text-align: center;
	background: #2dc5ff;
    color: #fff;
	padding: 10px 40px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600;
	font-size: 20px;
    text-transform: uppercase;
    border-radius: 20px 20px 0 0;
}

#chain_container {
    grid-area: product_chain;
}

.header-tel-link {
	color: #333 !important;
	font-size:14px !important;
}

.no-arrow {
	background: none !important;
}

.product-grid .product-thumb, .blog-grid .product-thumb {
	min-height:490px;
}

.record-thumb .name {
	font-weight:bold;
	text-align: center;
}

.record-thumb .price {
	height:0;
	margin: 0;
    min-height: 0;
}

.record-thumb {
    padding: 0 !important;
}

.product-thumb .attributes {
	width:100%;
	text-align: center;
	margin-top:5px;
	margin-bottom:5px;
}

.product-thumb .attributes table {
	width:90%;
	margin:0 auto;
}

.product-thumb .attributes table td {
	border:1px solid #f0f0f0;
}

.product-list .left {
	margin-right: 215px;
}

.product-list .product-thumb .name {
	margin-left: 200px;
}

.product-list .product-thumb .description {
	margin-left: 200px;
}

.product-list .product-thumb .attributes {
	margin-left: 200px;
	width:auto;
}

.record-block {
	width:100%;
	float:Left;
	padding-left:10px;
	height:230px;
	padding-bottom:20px !important;
}


.record-block .record-thumb {
	position:relative;
    border: 1px solid #E3E3E3;
	margin-bottom: 10px;
	border-radius: 2px;
	min-height:auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-size: 100% auto;
	display:table;
	height:230px;
	cursor:pointer;
	transition: background-size 0.5s;
	background-color:#e0e0e0;
}

.record-block .record-thumb:hover {
    background-size: 150% auto;
}



.record-block .record-thumb .name {
/*	background: #000000; */
	transition: background 0.5s;
/*    opacity: 0.4; */
	height:230px;
	vertical-align: middle;
	width:100%;
	display:table-cell;
	position:relative;
	z-index:2;
}

.record-block .record-thumb:hover .name {
	background: #404040;
    opacity: 0.8;
}


.record-block .record-thumb .name a {
	font-size:20px;
	color:#ffffff;
	padding:5px;
}

.record-block .record-thumb .name a:hover {
	text-decoration: none;
}

.record-block .owl-controls .owl-buttons a.flex-next {
	background-position: 100% 0;
}
.record-block .owl-controls .owl-buttons a {
    width: 30px;
    height: 30px;
    margin: 0;
    display: block;
    background: url(../image/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
}


.grid2_50 {
	width: 48% !important;
    margin-right: 1%;
    float: left;
    clear: none !important;
}
.grid2_50:nth-last-child(1) {
	margin-left:0;
}
.grid2_30 {
	width: 31.8% !important;
    margin-right: 1%;
    float: left;
    clear: none !important;
}
.grid2_30:nth-last-child(1) {
	margin-right:0;
}
.grid2_100 {
	width: 98% !important;
    margin-right: 1%;
    float: left;
    clear: none !important;
}
.grid2_100:nth-last-child(1) {
	margin-right:0;
}

.record-block .owl-controls {
	position:absolute;
	top:30%;
	width:100%;
}

.record-block .owl-controls .owl-buttons div {
    color: #ffffff;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 5px;
    font-size: 28px;
    background: none;
	opacity:1;
    text-indent: initial;
}

.record-block .owl-controls .owl-buttons div.owl-prev {
	float:left;
}
.record-block .owl-controls .owl-buttons div.owl-next {
	float:right;
	padding-right:10px;
}

.record-block .owl-controls .owl-page span {
	background: #ffffff;
}

.product-container2 .product-list > div.product-thumb {
	height:auto;
}

.zatemn {
	width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000000;
	opacity:0.4;
	top:0;
	left:0;
	z-index:1;
}

#sh_button {
	display:none !important;
}


.product-thumb .helper_box {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
	overflow: hidden;
}

.product-thumb .helper_box li {
	width:100%;
}

.product-thumb .helper_box li .helper-rating span {
	height: 8px;
}

.product-thumb .helper_box li .name {
	height: 20px;
}

.product-thumb .helper_box li img {
	height: 20px;
}

.product-thumb .helper_box li .helper-rating {
	display:inline-block;
	float: none;
}


.qtip {
	background-color: #404040 !important;
}


.qtip-content p {
	color:#ffffff;
    font-size:13px;
}


.qtip-light {
    background-color: #fff;
    border-color: #404040 !important;
    color: #454545;
	border-radius:2px;
	min-height:30px;
}

.qtip-content {
	color:#f0f0f0;
	font-size:13px;
}

#select_city_product {
	border-bottom: 1px dashed #000000;
	cursor: pointer;
}


a.button_color2 {
	background: #199e55 !important;
	border-top: 1px solid #199e55 !important;
	border-left: 1px solid #199e55 !important;
	border-bottom: 2px solid #137b42 !important;
	border-right: 1px solid #199e55 !important;
}

#column-left-mobile {
	width:100%;
	float:none;
}

.simple_num {
	padding-right:10px;
}

.simplecheckout-megaheader {
	text-align: center;
}

.collapsible {
    max-height:150px;
    overflow: auto;
    padding-left:5px;
    padding-right:5px;
    overflow-x:hidden;
}

.no-min-height {
    max-height:none !important;
}

.icon_menu{
    height: 25px;
    filter: grayscale(100%);
    margin-right: 10px;

}

a.colorbox {
    outline: none;
}

.as_h1 {
	font-weight: bold;
	color: #3594BD;
	font-size: 32px;
	text-shadow: 0 0 1px rgba(0, 0, 0, .01);
	margin: 0 10px 20px 0;
}


.container_reviews .success, .container_reviews .warning {
	width:320px;
	background-color: #3087AC !important;
	color:#ffffff;
	font-size:16px;
	border:solid 1px #5ea0c1;
	padding:8px;
	position:fixed;
	top:50%;
	text-align: center;
	left:50%;
	z-index: 1000;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}



/* WISHLIST */
.is_wishlist .fa-heart,
.is_compare .fa-chart-bar,
.is_compare .fa-bar-chart,
.is_compare .fa-line-chart {
	color: #ff4040;
}

/* Те же кнопки в новом дизайне: иконка — svg, цвет задаётся fill. */
.is_wishlist .btn-icon,
.is_wishlist .product-thumb-icon,
.is_compare .btn-icon,
.is_compare .product-thumb-icon {
	fill: #ff4040;
}

.wishlist-info thead{
	display: none;
}

.wishlist-info table tr td a img{
	border: none!important;
}
.wishlist-info  tr{
	border-bottom: 1px solid #dedede!important;

}
.wishlist-info td{
	vertical-align: middle!important;
	padding: 5px!important;
	padding-bottom: 10px!important;
}

.buttons {
	border: none!important;
}
.buttons .right a:not(.bt):not(.btn) {
	background-color: #1ea3d2;
	border-radius: 3px;
	font-weight: bolder;
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	border: none!important;
	-webkit-transition: all 0.3s ease;;
	-moz-transition: all 0.3s ease;;
	-o-transition: all 0.3s ease;;
}
.buttons .right a:hover{
	background-color: #1794c0;
	-webkit-transition: all 0.3s ease;;
	-moz-transition: all 0.3s ease;;
	-o-transition: all 0.3s ease;;
}
/* Ссылка на условия соглашения — текстовая, а не кнопка: правило выше красило её
   фон в #1ea3d2, а `a, a b` перебивало цвет вложенного <b> на #3594BD — синее по синему. */
.buttons .right a.colorbox:not(.bt):not(.btn),
.buttons .right a.colorbox:not(.bt):not(.btn):hover {
	background-color: transparent;
	color: #3594BD;
	padding-left: 0;
	padding-right: 0;
}
.buttons .right a.colorbox:not(.bt):not(.btn) b {
	color: inherit;
}
.buttons .left a{
	background-color: #1ea3d2;
	border-radius: 3px;
	font-weight: bolder;
	color: #fff;
	border: none!important;
	-webkit-transition: all 0.3s ease;;
	-moz-transition: all 0.3s ease;;
	-o-transition: all 0.3s ease;;
}
.buttons .left a:hover{
	background-color: #1794c0;
	-webkit-transition: all 0.3s ease;;
	-moz-transition: all 0.3s ease;;
	-o-transition: all 0.3s ease;;
}

.wishlist-info .model{
	font-weight: bolder;
	color: #616161;
}
.wishlist-info .action img{
	filter: grayscale(100%);
	opacity: 0.8;
	padding-bottom: 3px;
	-webkit-transition: all 0.3s ease;;
	-moz-transition: all 0.3s ease;;
	-o-transition: all 0.3s ease;;
}
.wishlist-info .action img:hover{
	filter: grayscale(0%);
	opacity: 1;
	-webkit-transition: all 0.3s ease;;
	-moz-transition: all 0.3s ease;;
	-o-transition: all 0.3s ease;;

}
.wishlist-info .action a:hover{
	text-decoration: none;
}
.wishlist-info .name a{

	-webkit-transition: all 0.3s ease;;
	-moz-transition: all 0.3s ease;;
	-o-transition: all 0.3s ease;;
}
.wishlist-info .name a:hover{
	color: #1ea3d2;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;;
	-moz-transition: all 0.3s ease;;
	-o-transition: all 0.3s ease;;
}
/* END WISHLIST */

#aboutStore .toggle {
	float: left;
	padding: 10px;
	cursor: pointer;
}

.cheapest {
	border: 1px solid #eee;
	background: rgba(0,0,0,.03);
	width: 230px;
	text-align: center;
	border-radius: 2px;
	float: none;
	padding: 5px 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.cheapest .price-new, .cheapest .price-old, .cheapest a {
	font-size:15px !important;
	color: #ff3516 !important;

}

h1, .contentset, legend, .checkout-heading, .welcome {
	font-family: 'Inter', Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 19px;
}

h2 {
	font-family: 'Inter', Tahoma, Geneva, sans-serif !important;
	text-transform: uppercase !important;
	font-size: 19px;
}

h3 {
	font-family: 'Inter', Tahoma, Geneva, sans-serif !important;
	text-transform: uppercase !important;
	font-size: 16px;
}

h4 {
	font-family: 'Inter', Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
}


.blackandwhite img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	opacity:0.3;
}

.product-grid .image img {
    height: 277px;
	width: 277px;

}

.discount_description, .discount_description a {
	color:#ff4040;
	background:rgba(0,0,0,.03);
	font-size:19px;
}

.discount_description p {
	margin-bottom: 0;
}

.discount_description_num {
	display:inline;
}

.discount_description_num + p {
	display:inline;

}

.product-description .discount_description a {
	text-decoration: underline;
}
.product-description img {
    max-width: 100%;
}

.product-reviewdesc {}
.product-reviewdesc .md-block-children a {
	max-width: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
}
.product-reviewdesc .md-block-children a img {
	width: 100%;
}

.md-faq-question {
	padding: 20px;
	background-color: #faf7f0;
}
.md-faq-avatar {
	width: 98px;
}
.md-faq-avatar img {
	max-width: 100%;
	padding: 0 !important;
}
.md-faq-date {
	margin-top: 5px;}
.md-faq-text {
	margin: 20px 0;
	font-size: 110%;
}
.md-faq-answer-icon {
	padding-right: 0px;
	margin-left: 20px;
	margin-top: -5px;
}
.md-faq-answer-tree {
	padding: 20px 20px 20px 60px;
}


/* Start product questions */
#qa,
#tab-review .product-review-feedback {
	font-family: 'Inter', Arial, sans-serif;
	color: var(--mid-text);
	line-height: 1.5;
}

/* Панель поиска и действия */
#tab-qa .qa-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 24px;
}
#tab-qa .qa-expert-button {
	align-self: flex-end;
	border: 1px solid #2dc5ff;
	background: #fff;
	color: #00364a;
	text-decoration: none;
}
#tab-qa .qa-expert-button:hover,
#tab-qa .qa-expert-button:focus {
	background: #eaf8fe;
	color: #00364a;
	text-decoration: none;
}

#qa .qa-toolbar,
#tab-review .product-review-feedback .qa-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 16px;
	margin-bottom: 24px;
}

/* Фильтры отзывов */
#tab-review .feedback-filters {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	padding: 4px 2px 8px;
	scrollbar-width: thin;
	gap: 8px;
	margin-bottom: 24px;
}

#tab-review .feedback-filter {
	flex: 0 0 auto;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--mid-field-border);
	border-radius: 20px;
	background: var(--mid-field-bg);
	color: var(--mid-text);
	font: inherit;
	line-height: 1.4;
	white-space: nowrap;
	text-align: left;
	cursor: pointer;
}

#tab-review .feedback-filter:hover:not(:disabled),
#tab-review .feedback-filter[aria-pressed="true"] {
	border-color: var(--mid-link);
	background: var(--mid-surface);
	color: var(--mid-link);
}

#tab-review .feedback-filter[aria-pressed="true"] {
	box-shadow: inset 0 0 0 1px var(--mid-link);
}

#tab-review .feedback-filter:focus-visible {
	outline: 2px solid var(--mid-link);
	outline-offset: 2px;
}

#tab-review .feedback-filter:disabled {
	opacity: 0.5;
	cursor: default;
}

#qa .qa-topic-pills {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	gap: 8px;
	margin: -8px 0 24px;
	padding: 4px 2px 8px;
	scrollbar-width: thin;
}

#qa .qa-topic-pill {
	flex: 0 0 auto;
	min-height: 40px;
	padding: 8px 12px;
	border: 1px solid var(--mid-field-border);
	border-radius: 20px;
	background: var(--mid-field-bg);
	color: var(--mid-text);
	font: inherit;
	line-height: 1.4;
	white-space: nowrap;
	cursor: pointer;
}

#qa .qa-topic-pill:hover,
#qa .qa-topic-pill.active {
	border-color: var(--mid-link);
	background: var(--mid-surface);
	color: var(--mid-link);
}

#qa .qa-topic-pill.active {
	box-shadow: inset 0 0 0 1px var(--mid-link);
}

#qa .qa-topic-pill:focus-visible {
	outline: 2px solid var(--mid-link);
	outline-offset: 2px;
}

#qa .qa-search,
#tab-review .product-review-feedback .qa-search {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px;
	flex: 1 1 300px;
	margin: 0;
}

#qa .qa-search-field,
#tab-review .product-review-feedback .qa-search-field {
	flex: 1 1 220px;
	min-width: 0;
}

#qa .qa-sort-field,
#tab-review .product-review-feedback .qa-sort-field {
	flex: 0 1 220px;
	min-width: 0;
}

#qa .qa-search label,
#tab-review .product-review-feedback .qa-search label {
	display: block;
	margin-bottom: 8px;
	color: var(--mid-text);
}

#qa .qa-search-controls,
#tab-review .product-review-feedback .qa-search-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#qa #qa-search-input,
#tab-review .product-review-feedback .feedback-search-input,
#qa #qa-sort,
#tab-review .product-review-feedback .feedback-sort {
	flex: 1 1 160px;
	min-width: 0;
	width: auto;
	min-height: 40px;
	margin: 0;
	padding: 9px 12px;
	border: 1px solid var(--mid-field-border);
	border-radius: 6px;
	background: var(--mid-field-bg);
	color: var(--mid-text);
}

#qa #qa-sort,
#tab-review .product-review-feedback .feedback-sort {
	width: 100%;
	font: inherit;
}

#qa .bt:focus-visible,
#tab-review .product-review-feedback .bt:focus-visible,
#qa #qa-sort:focus-visible,
#tab-review .product-review-feedback .feedback-sort:focus-visible,
#qa #qa-search-input:focus-visible,
#tab-review .product-review-feedback .feedback-search-input:focus-visible {
	outline: 2px solid var(--mid-link);
	outline-offset: 2px;
}

#qa #qa-scroll,
#tab-review .product-review-feedback .feedback-write {
	align-self: flex-end;
	font-size: 16px;
}

/* Поиск и сортировка: на ПК оба поля видимы. */
#tab-review .product-review-feedback .review-search-form {
	flex-wrap: nowrap;
}
#tab-review .product-review-feedback .feedback-search-panel {
	display: block;
	flex: 1 1 0;
}
#tab-review .product-review-feedback .feedback-search-toggle {
	display: none;
}

#tab-review .feedback-sort-actions {
	display: flex;
	flex: 0 0 220px;
	align-items: flex-end;
	gap: 12px;
	min-width: 0;
}
#tab-review .feedback-sort-actions .qa-sort-field {
	flex: 1 1 0;
}
#tab-review .feedback-toolbar-actions {
	flex: 0 0 auto;
}

/* Review search toolbar subscription shortcut */
#tab-review .feedback-toolbar-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: flex-end;
}

#tab-review .feedback-search-toggle,
#tab-review .feedback-toolbar-actions .feedback-subscribe {
	margin: 0;
	align-self: flex-end;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	min-height: 44px;
	padding: 10px;
	background: var(--mid-surface);
	color: var(--mid-text);
}

#tab-review .feedback-search-toggle:hover,
#tab-review .feedback-search-toggle[aria-expanded="true"],
#tab-review .feedback-toolbar-actions .feedback-subscribe:hover,
#tab-review .feedback-toolbar-actions .feedback-subscribe[aria-pressed="true"] {
	background: var(--mid-accent-soft);
	color: var(--mid-link);
}

#qa .qa-empty,
#tab-review .product-review-feedback .qa-empty,
#qa .qa-search-error,
#tab-review .product-review-feedback .qa-search-error {
	color: var(--mid-text);
	margin: 16px 0;
}

#qa .btn-action,
#tab-review .product-review-feedback .btn-action {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* Карточки вопросов и авторы */
#qa .qa-list,
#tab-review .product-review-feedback .qa-list {
	display: grid;
	gap: 20px;
}

#qa .qa-card,
#tab-review .product-review-feedback .qa-card {
	min-width: 0;
	padding: 24px;
	border: 1px solid var(--mid-line);
	border-radius: var(--mid-radius-lg);
	background: var(--mid-block-bg);
}

#qa .qa-author,
#tab-review .product-review-feedback .qa-author {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

#qa .qa-avatar,
#tab-review .product-review-feedback .qa-avatar {
	display: block;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 50%;
}

#qa .qa-author-info,
#tab-review .product-review-feedback .qa-author-info {
	min-width: 0;
}

#qa .qa-author-name,
#tab-review .product-review-feedback .qa-author-name {
	font-size: 16px;
	font-weight: 600;
	overflow-wrap: anywhere;
}

#qa .qa-author-name a,
#tab-review .product-review-feedback .qa-author-name a {
	color: var(--mid-text);
}

#qa .qa-meta,
#tab-review .product-review-feedback .qa-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	color: var(--mid-text-muted);
	font-size: 13px;
}

#qa .qa-flag,
#tab-review .product-review-feedback .qa-flag {
	width: 20px;
	height: auto;
}

#qa .qa-text,
#tab-review .product-review-feedback .qa-text {
	margin-top: 16px;
	font-size: 15px;
	overflow-wrap: anywhere;
}

#qa .qa-text p,
#tab-review .product-review-feedback .qa-text p {
	margin: 8px 0 0;
}

/* Ответы и оценки: кнопки и состояния */
#qa .qa-tools,
#tab-review .product-review-feedback .qa-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
}

#qa .qa-replies,
#tab-review .product-review-feedback .qa-replies {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--mid-text-muted);
}

#qa .qa-votes,
#tab-review .product-review-feedback .qa-votes {
	display: flex;
	gap: 8px;
	margin-left: auto;
}

#qa .qa-votes sup,
#tab-review .product-review-feedback .qa-votes sup {
	position: static;
	font-size: 13px;
	line-height: inherit;
}

#qa .qa-vote-status,
#tab-review .product-review-feedback .qa-vote-status {
	flex-basis: 100%;
	color: var(--mid-text-muted);
	font-size: 13px;
}

#qa .qa-vote-status:empty,
#tab-review .product-review-feedback .qa-vote-status:empty {
	display: none;
}

#qa .bt-default,
#tab-review .product-review-feedback .bt-default,
.qa-media-dialog .bt-default {
	color: var(--mid-text);
	background: var(--mid-surface);
	border-color: var(--mid-line);
}

#qa .bt-default:hover,
#tab-review .product-review-feedback .bt-default:hover,
.qa-media-dialog .bt-default:hover {
	background: var(--mid-surface-hover);
}

#qa .qa-votes [aria-pressed="true"],
#tab-review .product-review-feedback .qa-votes [aria-pressed="true"] {
	border-color: var(--mid-accent);
	background: var(--mid-accent-soft);
}

/* Ветки ответов */
#qa .qa-answers,
#tab-review .product-review-feedback .qa-answers {
	margin-top: 20px;
	padding-left: 20px;
	border-left: 2px solid var(--mid-line);
}

#qa .qa-answer,
#tab-review .product-review-feedback .qa-answer {
	padding: 20px;
	border-radius: var(--mid-radius);
	background: var(--mid-surface);
}

#qa .qa-more-answers .qa-answer,
#tab-review .product-review-feedback .qa-more-answers .qa-answer {
	margin-top: 12px;
}

#qa .qa-badge,
#tab-review .product-review-feedback .qa-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 12px;
	padding: 4px 10px;
	border-radius: var(--mid-radius);
	color: var(--mid-text);
	background: var(--mid-accent-soft);
	font-size: 12px;
	font-weight: 600;
}

#qa .qa-stars,
#tab-review .product-review-feedback .qa-stars {
	display: flex;
	gap: 3px;
	color: var(--mid-link);
	font-size: 12px;
	margin: 4px 0;
}

#qa .qa-stars:empty,
#tab-review .product-review-feedback .qa-stars:empty {
	display: none;
}

#qa .qa-consult,
#tab-review .product-review-feedback .qa-consult {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-top: 16px;
	font-size: 13px;
}

#qa .qa-consult > span,
#tab-review .product-review-feedback .qa-consult > span {
	color: var(--mid-text-muted);
}

#qa .qa-consult a,
#tab-review .product-review-feedback .qa-consult a {
	color: var(--mid-link);
	cursor: pointer;
}

#qa .qa-show-hidden-btn,
#tab-review .product-review-feedback .qa-show-hidden-btn {
	margin-top: 12px;
	white-space: normal;
}

/* Фото и видео */
#qa .qa-media,
#tab-review .product-review-feedback .qa-media {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 16px;
}

#qa .qa-photo,
#tab-review .product-review-feedback .qa-photo {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: var(--mid-radius);
	border: 1px solid var(--mid-line);
}

#qa .qa-photo img,
#tab-review .product-review-feedback .qa-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Review attachments: one scrollable row, independently inside each review/reply. */
#tab-review .product-review-feedback .qa-media {
	align-items: flex-start;
	flex-wrap: nowrap;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	padding-bottom: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
	scrollbar-color: var(--mid-text-muted) var(--mid-surface);
}

#tab-review .product-review-feedback .qa-media:focus-visible {
	outline: 2px solid var(--mid-link);
	outline-offset: 2px;
}

#tab-review .product-review-feedback .qa-media::-webkit-scrollbar {
	height: 8px;
}

#tab-review .product-review-feedback .qa-media::-webkit-scrollbar-track {
	background: var(--mid-surface);
	border-radius: 8px;
}

#tab-review .product-review-feedback .qa-media::-webkit-scrollbar-thumb {
	background: var(--mid-text-muted);
	border-radius: 8px;
}

#tab-review .product-review-feedback .qa-photo,
#tab-review .product-review-feedback .review-video-attachment {
	box-sizing: border-box;
	flex: 0 0 160px;
	scroll-snap-align: start;
	width: 160px;
	max-width: 100%;
	min-width: 0;
}

#tab-review .product-review-feedback .qa-photo {
	height: 160px;
}

#tab-review .product-review-feedback .review-video {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 160px;
	object-fit: contain;
	border: 1px solid var(--mid-line);
	border-radius: var(--mid-radius);
	background: var(--mid-surface);
}

#tab-review .product-review-feedback .review-video-attachment {
	position: relative;
	padding: 0;
	border: 0;
	border-radius: var(--mid-radius);
	background: var(--mid-surface);
	cursor: pointer;
}

#tab-review .product-review-feedback .review-video {
	pointer-events: none;
}

#tab-review .product-review-feedback .review-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 44px;
	height: 44px;
	font-size: 18px;
	line-height: 1;
	border-radius: 50%;
	color: var(--mid-on-accent);
	background: var(--mid-accent);
	pointer-events: none;
}

#tab-review .product-review-feedback .review-video-play .fa-play {
	width: 18px;
	height: 18px;
	font-size: 18px;
}

#tab-review .product-review-feedback .qa-photo:focus-visible,
#tab-review .product-review-feedback .review-video-attachment:focus-visible {
	outline: 2px solid var(--mid-link);
	outline-offset: -2px;
}

.product-review-feedback-video-dialog {
	position: relative;
	box-sizing: border-box;
	width: calc(100% - 32px);
	max-width: 960px;
	margin: 40px auto;
	padding: 40px 16px;
	border-radius: var(--mid-radius-lg);
	background: var(--mid-block-bg);
}

.product-review-feedback-video-dialog video {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: calc(100vh - 160px);
	margin: 0 auto;
	object-fit: contain;
	object-position: center;
	background: #000;
}

.product-review-feedback-video-dialog .mfp-close {
	color: var(--mid-text);
}

#qa .qa-video,
#tab-review .product-review-feedback .qa-video {
	width: 100%;
	max-width: 480px;
	aspect-ratio: 16 / 9;
}

#qa .qa-video iframe,
#tab-review .product-review-feedback .qa-video iframe {
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: var(--mid-radius);
}

/* Пустой список и пагинация */
#qa .qa-empty,
#tab-review .product-review-feedback .qa-empty {
	padding: 24px;
	border: 1px solid var(--mid-line);
	border-radius: var(--mid-radius-lg);
	background: var(--mid-block-bg);
}

#qa .qa-pagination .links,
#tab-review .product-review-feedback .qa-pagination .links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}

#qa .qa-pagination .links a,
#tab-review .product-review-feedback .qa-pagination .links a,
#qa .qa-pagination .links b,
#tab-review .product-review-feedback .qa-pagination .links b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 6px 12px;
	border: 1px solid var(--mid-line);
	border-radius: var(--mid-radius);
	color: var(--mid-text);
	background: var(--mid-surface);
	text-decoration: none;
}

#qa .qa-pagination .links b,
#tab-review .product-review-feedback .qa-pagination .links b {
	background: var(--mid-accent-soft);
	border-color: var(--mid-accent);
}

/* Формы и поля */
#qa .answer-form,
#tab-review .product-review-feedback .review-reply-form {
	display: block;
	position: relative;
	margin: 20px 0 0;
	padding: 20px;
	border: 1px solid var(--mid-line);
	border-radius: var(--mid-radius);
	background: var(--mid-block-bg);
}

#qa .qa-field,
#tab-review .product-review-feedback .qa-field {
	margin-bottom: 16px;
}

#qa .answer-form label,
#tab-review .product-review-feedback .review-reply-form label,
.qa-media-dialog label {
	display: block;
	margin-bottom: 6px;
	color: var(--mid-text);
	font-size: 14px;
	font-weight: 500;
}

#qa .answer-form input[type="text"],
#tab-review .product-review-feedback .review-reply-form input[type="text"],
#qa .answer-form textarea,
#tab-review .product-review-feedback .review-reply-form textarea,
.qa-media-dialog input[type="text"],
#modal-qa.modal input[type="text"],
#modal-review.modal input[type="text"],
#modal-qa.modal textarea,
#modal-review.modal textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--mid-field-border);
	border-radius: var(--mid-radius);
	background: var(--mid-field-bg);
	color: var(--mid-text);
	font: 16px/1.5 'Inter', Arial, sans-serif;
}

#qa .answer-form textarea,
#tab-review .product-review-feedback .review-reply-form textarea {
	min-height: 120px;
	resize: vertical;
}

#qa .answer-form input:focus,
#tab-review .product-review-feedback .review-reply-form input:focus,
#qa .answer-form textarea:focus,
#tab-review .product-review-feedback .review-reply-form textarea:focus,
.qa-media-dialog input:focus {
	outline: 2px solid var(--mid-accent);
	outline-offset: 2px;
}

#qa .qa-form-media,
#tab-review .product-review-feedback .qa-form-media {
	margin-bottom: 16px;
}

#qa .new-media,
#tab-review .product-review-feedback .new-media {
	margin-top: 12px;
}

#qa .new-media img,
#tab-review .product-review-feedback .new-media img {
	object-fit: cover;
	border-radius: 6px;
}

/* Ошибки и отправка */
#qa .qa-field-error,
#tab-review .product-review-feedback .qa-field-error,
#modal-qa .qa-field-error,
#modal-review .qa-field-error {
	display: block;
	margin: 6px 0 12px;
	color: var(--mid-danger);
	font-size: 13px;
}

#qa .answer-form .error,
#tab-review .product-review-feedback .review-reply-form .error,
#modal-qa.modal .error,
#modal-review.modal .error {
	border-color: var(--mid-danger);
}

#qa .answer-form .blur,
#tab-review .product-review-feedback .review-reply-form .blur {
	opacity: .5;
	pointer-events: none;
}

#qa .answer-form #loading-wrap,
#tab-review .product-review-feedback .review-reply-form #loading-wrap,
#modal-qa.modal #loading-wrap,
#modal-review.modal #loading-wrap {
	position: absolute;
	inset: 0;
	width: auto;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--mid-line);
	border-radius: var(--mid-radius);
	color: var(--mid-text);
	background: var(--mid-block-bg);
	transform: none;
}

/* Окна вопроса и вложений */
#modal-qa.modal .modal-content,
#modal-review.modal .modal-content,
.qa-media-dialog {
	background: var(--mid-block-bg);
	color: var(--mid-text);
	border-radius: var(--mid-radius-lg);
}

#modal-qa.modal #loading-wrap .text,
#modal-review.modal #loading-wrap .text,
#modal-qa.modal h2,
#modal-review.modal h2,
#modal-qa.modal label,
#modal-review.modal label {
	color: var(--mid-text);
}

#modal-qa.modal .qa-notice,
#modal-review.modal .qa-notice {
	background: var(--mid-surface);
	color: var(--mid-text-muted);
}

#modal-qa.modal .close,
#modal-review.modal .close {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	color: var(--mid-text-muted);
	font-size: 18px;
}

#modal-qa.modal .close:hover,
#modal-review.modal .close:hover {
	background: var(--mid-surface);
	color: var(--mid-text);
}

.qa-media-dialog {
	width: calc(100% - 32px);
	max-width: 480px;
	margin: 24px auto;
	padding: 24px;
	font-family: 'Inter', Arial, sans-serif;
}

.qa-media-dialog .buttons-row {
	margin-top: 16px;
}

/* Сводный рейтинг отзывов */
#tab-review {
    /* Clip content without the scroll container that overflow: hidden creates. */
    overflow: clip;
}
#tab-review .feedback-layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    align-items: start;
    gap: 28px;
}
#tab-review .feedback-main {
    min-width: 0;
}
#tab-review .feedback-summary {
    position: sticky;
    top: 24px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    min-width: 0;
    padding: 24px;
    border-radius: var(--mid-radius-lg);
    background: var(--mid-surface);
    color: var(--mid-text);
    font-family: var(--mid-font);
}
#tab-review .feedback-summary h3 {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 1.5;
    text-transform: none !important;
    color: var(--mid-text-muted);
}
/* Кликабельные оценки сохраняют размеры сводки. */
#tab-review .feedback-summary-filter {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    appearance: none;
}
#tab-review .feedback-summary-filter:hover,
#tab-review .feedback-summary-row[aria-pressed="true"] {
    color: var(--mid-link);
}
#tab-review .feedback-summary-filter:focus-visible {
    outline: 2px solid var(--mid-link);
    outline-offset: 4px;
}
#tab-review .feedback-summary-score {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
}
#tab-review .feedback-summary-score > span {
    font-size: 14px;
    font-weight: 400;
    color: var(--mid-text-muted);
}
#tab-review .feedback-summary-stars {
    position: relative;
    width: max-content;
    margin-top: 8px;
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: 2px;
    color: var(--mid-line);
}
#tab-review .feedback-summary-stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: var(--mid-link);
}
#tab-review .feedback-summary-count,
#tab-review .feedback-summary-empty {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.6;
    color: var(--mid-text-muted);
}
#tab-review .feedback-summary-distribution {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}
#tab-review .feedback-summary-row {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    line-height: 1;
    color: var(--mid-text-muted);
}
#tab-review .feedback-summary-track {
    height: 5px;
    border-radius: 5px;
    background: var(--mid-line);
    overflow: hidden;
}
#tab-review .feedback-summary-track > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--mid-link);
}
#tab-review .feedback-summary-number {
    text-align: right;
}
#tab-review .feedback-summary-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
    align-items: stretch;
    gap: 8px;
    margin-top: 24px;
}
#tab-review .feedback-summary-actions .feedback-toolbar-actions {
    align-self: stretch;
}
#tab-review .feedback-summary-actions .feedback-subscribe {
    align-self: stretch;
    height: auto;
}
#tab-review .product-review-feedback .feedback-summary-actions .feedback-summary-write {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    width: auto;
    min-height: 44px;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    white-space: normal;
}

/* Подписка на отзывы */
#tab-review .product-review-widget .review-form-open {
    margin-left: 278px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
}

#tab-review .product-review-feedback-subscription {
    flex: 0 1 auto;
    max-width: 100%;
}

#tab-review .product-review-feedback-subscription form {
    margin: 0;
}

#tab-review .product-review-feedback-subscription .bt {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: normal;
    color: var(--mid-text);
    background: var(--mid-surface);
    border: 1px solid var(--mid-line);
}

#tab-review .product-review-feedback-subscription .bt:hover,
#tab-review .product-review-feedback-subscription .bt[aria-pressed="true"] {
    color: var(--mid-text);
    background: var(--mid-accent-soft);
    border-color: var(--mid-accent);
}

#tab-review .product-review-feedback-subscription .bt:focus-visible {
    outline: 2px solid var(--mid-accent);
    outline-offset: 2px;
}

#tab-review .review-subscription-dialog {
    box-sizing: border-box;
    width: 440px;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 24px;
    overflow-y: auto;
    border: 1px solid var(--mid-line);
    border-radius: 16px;
    background: var(--mid-field-bg);
    color: var(--mid-text);
    font-family: var(--mid-font);
    line-height: 1.5;
    text-align: left;
}
#tab-review .review-subscription-dialog::backdrop {
    background: rgb(0 0 0 / 55%);
}
#tab-review .review-subscription-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}
#tab-review .review-subscription-heading h2 {
    flex: 1;
    margin: 0;
    font-size: 22px;
    line-height: 1.3;
    color: inherit;
}
#tab-review .review-subscription-close {
    flex: 0 0 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: var(--mid-surface);
    color: var(--mid-text);
    font-size: 28px;
    cursor: pointer;
}
#tab-review .review-subscription-dialog p {
    margin: 0 0 16px;
}
#tab-review .review-subscription-dialog label {
    display: block;
    margin: 12px 0 6px;
}
#tab-review .review-subscription-dialog input:not([type="hidden"]) {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin: 0 0 16px;
    padding: 10px 12px;
    border: 1px solid var(--mid-field-border);
    border-radius: 8px;
    background: var(--mid-field-bg);
    color: var(--mid-text);
    font: inherit;
    font-size: 16px;
}
#tab-review .review-subscription-dialog .bt-primary {
    justify-content: center;
    min-height: 44px;
    margin: 0;
    background: var(--mid-accent);
    color: #fff;
    border-color: var(--mid-accent);
}
#tab-review .review-subscription-email-form > .bt {
    width: 100%;
}
#tab-review .review-subscription-login {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--mid-line);
}
#tab-review .review-subscription-login summary {
    cursor: pointer;
    color: var(--mid-link);
}
#tab-review .review-subscription-login-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
#tab-review .review-subscription-dialog .review-subscription-error {
    color: var(--mid-text);
    border-left: 3px solid var(--mid-link);
    padding-left: 10px;
}
#tab-review .review-subscription-dialog :focus-visible {
    outline: 2px solid var(--mid-link);
    outline-offset: 2px;
}

/* Отзывы: дерево комментариев и форма оценки */
#tab-review .product-review-feedback .review-entry-body {
    min-width: 0;
}

#tab-review .product-review-feedback .feedback-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    min-height: 44px;
    padding: 0;
}

#tab-review .product-review-feedback .feedback-toggle-icon {
    display: block;
    flex: none;
    width: 16px;
    height: 16px;
    fill: currentColor;
    color: inherit;
}

#tab-review .product-review-feedback .feedback-toggle[aria-expanded="false"] .feedback-toggle-icon {
    transform: rotate(180deg);
}

#tab-review .product-review-feedback .review-children:not(:empty) {
    margin-top: 20px;
    padding-left: 16px;
    border-left: 2px solid var(--mid-line);
}

#tab-review .product-review-feedback .review-children .review-children {
    padding-left: 0;
    border-left: 0;
}

#tab-review .product-review-feedback .review-children > .qa-answer + .qa-answer {
    margin-top: 12px;
}

#tab-review .product-review-feedback .review-reply-form:empty {
    display: none;
}

#tab-review .review-reply-form form {
    display: block;
}

#tab-review .review-reply-form .custom_form_avatar,
#tab-review .review-reply-form form > br,
#tab-review .review-reply-form .seocmspro_email > br {
    display: none;
}

#tab-review .review-reply-form .seocmspro_author,
#tab-review .review-reply-form .seocmspro_email {
    width: 100%;
}

#tab-review .review-reply-form .color_entry_name {
    display: inline-block;
    margin-bottom: 6px;
    color: var(--mid-text);
    font-size: 14px;
    font-weight: 500;
}

#tab-review .review-reply-form input[type="text"],
#tab-review .review-reply-form textarea {
    width: 100%;
    margin-bottom: 14px;
}

#tab-review .review-reply-form .button-comment {
    display: inline-flex;
    padding: 9px 14px;
    border: 1px solid var(--mid-accent);
    border-radius: 6px;
    color: var(--mid-on-accent);
    background: var(--mid-accent);
    cursor: pointer;
}

#tab-review .product-review-feedback .qa-votes {
    float: none;
    padding: 0;
}

#tab-review .product-review-feedback .comments_vote.loading {
    opacity: .5;
    pointer-events: none;
}

#tab-review .product-review-feedback .voted_comment_plus,
#tab-review .product-review-feedback .voted_comment_minus {
    border-color: var(--mid-accent);
    background: var(--mid-accent-soft);
}

#tab-review .review-rating-picker {
    display: flex;
    gap: 8px;
    margin: 12px 0 20px;
}

#tab-review .review-rating-picker label {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    color: var(--mid-text-muted);
    font-size: 26px;
    cursor: pointer;
}

#tab-review .review-rating-picker .is-selected {
    color: var(--mid-link);
}

#tab-review .review-rating-picker input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

#tab-review .review-rating-picker label:focus-within {
    outline: 2px solid var(--mid-accent);
    outline-offset: 2px;
    border-radius: 6px;
}
/* End product questions */

.md-btn-review {
	cursor: pointer;
	color: #FFFFFF !important;
	line-height: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	position: relative;
	background: #3594BD;
	border-top: 1px solid #3594BD !important;
	border-left: 1px solid #3594BD !important;
	border-bottom: 2px solid #297394 !important;
	border-right: 1px solid #3594BD !important;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	-webkit-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	transition: ease 0.5s;
}
.md-mt-20 {
	margin-top: 20px;
}

.colors {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    height: 28px;
    margin-top: 5px;
}

.colors a {
	margin-right:3px;
}

.colors .color-square {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border:1px solid #e0e0e0;
}

.select-color {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
}


.right_sticker {
	position: absolute;
	top: 0;
	right: 0;
}

.status_name3 {
	color: black;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
}

.link-block {
	height: 100%;
}

.link-block a {
     display: block;
     height: 100%;
	 text-decoration: none;
}

.rating i {
    display: inline-block;
    width: 14px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' role='img' viewBox='0 0 14.563 12' version='1.1' width='14.563' height='12'%3E%3Cpath d='M6.607.417L5.074 3.52l-3.43.5a.75.75 0 0 0-.416 1.279L3.71 7.713l-.587 3.41a.75.75 0 0 0 1.09.79l3.068-1.61 3.07 1.61c.544.285 1.194-.174 1.089-.79l-.587-3.41 2.482-2.414a.75.75 0 0 0-.416-1.28L9.49 3.52 7.954.417a.753.753 0 0 0-1.348 0z' fill='%23e5b52f'/%3E%3C/svg%3E");
}

.rating[data-rating="0"] i, .rating[data-rating="1"] i:nth-child(1) ~ i, .rating[data-rating="2"] i:nth-child(2) ~ i, .rating[data-rating="3"] i:nth-child(3) ~ i, .rating[data-rating="4"] i:nth-child(4) ~ i, .rating[data-rating="5"] i:nth-child(5) ~ i, .rating[data-rating="0.5"] i:nth-child(1) ~ i, .rating[data-rating="1.5"] i:nth-child(2) ~ i, .rating[data-rating="2.5"] i:nth-child(3) ~ i, .rating[data-rating="3.5"] i:nth-child(4) ~ i, .rating[data-rating="4.5"] i:nth-child(5) ~ i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' role='img' viewBox='0 0 14.563 12' version='1.1' width='14.563' height='12'%3E%3Cpath d='M12.92 4.02l-3.432-.5L7.955.417a.753.753 0 0 0-1.348 0L5.074 3.52l-3.43.5a.75.75 0 0 0-.416 1.279L3.71 7.713l-.587 3.41a.75.75 0 0 0 1.09.79l3.068-1.61 3.07 1.61c.544.285 1.194-.174 1.089-.79l-.587-3.41 2.482-2.414a.75.75 0 0 0-.416-1.28zM9.642 7.318l.557 3.243-2.919-1.53-2.918 1.53.556-3.243-2.362-2.297L5.82 4.55l1.46-2.953 1.46 2.953 3.265.473z' fill='%23e5b52f'/%3E%3C/svg%3E");
}

.rating[data-rating="0.5"] i:nth-child(1), .rating[data-rating="1.5"] i:nth-child(2), .rating[data-rating="2.5"] i:nth-child(3), .rating[data-rating="3.5"] i:nth-child(4), .rating[data-rating="4.5"] i:nth-child(5) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' role='img' viewBox='0 0 14.563 12' version='1.1' width='14.563' height='12'%3E%3Cpath d='M12.92 4.02l-3.431-.5L7.956.417A.746.746 0 0 0 7.28 0a.74.74 0 0 0-.672.417L5.074 3.52l-3.43.5a.75.75 0 0 0-.416 1.279l2.481 2.414-.587 3.41a.752.752 0 0 0 1.09.79l3.069-1.61 3.068 1.61a.751.751 0 0 0 1.09-.79l-.587-3.41L13.335 5.3a.75.75 0 0 0-.416-1.28zm-2.854 2.887l-.425.413.1.583.458 2.66-2.394-1.257-.524-.275V1.597l1.197 2.42.262.531.586.086 2.677.39z' fill='%23e5b52f'/%3E%3C/svg%3E");
}

.masked.filterpro {
    overflow: visible !important;
}

.review .raw-rating {
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: 2px;
}

.product-thumb .raw-rating {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: 1px;
}

.dealer-link {
    text-align: center;
    margin-bottom: 10px;
}
.dealer-link a {
    display: inline-block;
    padding: 10px 25px;
    background-color: #f0f0f0;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 19px;
    text-decoration: underline;
}
.dealer-link a:hover {
    text-decoration: none;
}

.simplecheckout-methods-table select {
    width: 100%;
}

.contact-cities-block-city {
		width: 48%;
		display: inline-block;
}

.question-container {
  font-size: 24px !important;
    margin: 60px 0 !important;
}

.sdm-img1 img {
	float: right;
}
.sdm-p1 {
	margin-left: 57px;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.md-block-container-sdm {
	max-width: 870px;
	margin-left: 57px;
}
.md-block-children1-sdm {
	max-width: 370px;
	margin-right: 60px;
	display: inline-block;
}
.md-block-children2-sdm {
	max-width: 360px;
	display: inline-block;
}

.checkout-help {
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    text-align: right;
    color: #636E75;
}

.thumbimages {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.product-list .product-thumb .thumbimages {
    display: none;
}
.ih {
    display: flex;
    flex: 1 1 auto;
}
.dots {
    height: 10px;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
	visibility: visible;
}
.dot {
    border-radius: 100%;
    background: #d3d3d3;
    width: 6px;
    height: 6px;
    margin: 0 2px;
}
.dot.y {
    background: #242424;
}

.right .description {
	border: 1px solid;
    padding: 5px;
    border-radius: 5px;
    border-color: #cccccc;
    background-color: aliceblue;
}

.last-review-inner {
	border: 1px solid;
    padding: 5px !important;
    border-radius: 5px;
    border-color: #cccccc;
    background-color: aliceblue !important;
}

.right .short_description {
	border: 1px solid;
    padding: 5px;
    border-radius: 5px;
    border-color: #cccccc;
    background-color: aliceblue;
}


/* product.tpl */
.product-info .review {
	float: none;
	display: inline-block;
	width: auto;
}


.product-info .btnGrup {
	float: none;
}

.product-info .btnGrup + .btnGrupTow {
	margin-left: 0;
}

.specialBox {
	border: none;
}

.product-info .rightInfo {
	border: 1px solid #ccc;
	padding: 10px 10px 5px 10px;
	left: 45%;
	position: relative;
	margin-bottom: 10px;
}

.product-info .right {
	right: 28%;
	position: relative;
}

.product-info .rightInfo .btnGrup {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 10px;
}

#button-cart {
	color: #fff;
	cursor: pointer;
}


.cheap {
	text-align: center;
}

.cheap {
	margin: 5px 0;
}

.cheap a {
	color: #3594BD;
}

.cheap a:hover {
	text-decoration: underline !important;
	color: #3594BD !important;
}

.product-info .rightInfo .shipping-methods .titleMetods {
	font-weight: bold;
}

.last-review {
	position: relative;
	width: 100%;
	margin-top:10px;
	line-height:1.35;
}

.last-review-inner {
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: #e9f8ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}


.qtip span {
	background-color: #404040 !important;
	color: #ffffff
}
.dotted-line {
	display: inline-block !important;
	zoom: 1;
	width: 100% !important;
	margin: 0 -100% 0 0;
	vertical-align: baseline;
	border-bottom: 1px dotted #ccc;
}

.calc-dost-mobile {
	display:none;
	cursor:pointer;
}

.short_description {
	overflow:hidden;
	margin-top:10px;
	line-height:1.35;

}

.child-products-alert {
	color: #56606a;
	font-size:15px;
    margin-bottom: 5px;
}

.child-products-alert.is-selected {
	color: #2f7d32;
	font-weight: 600;
}

/* подсветка блока вариантов, когда покупку жмут без выбранного варианта */
.child-products-alert.is-flashing {
	color: #e43b00;
	font-weight: 600;
	animation: option-alert-blink .45s ease-in-out 4;
}
@keyframes option-alert-blink {
	0%, 100% { opacity: 1; }
	50%      { opacity: .15; }
}
.child-table.is-flashing .child-table-link {
	border-color: #e43b00;
	box-shadow: 0 0 0 3px rgba(228, 59, 0, .22);
}

.shipping_product_body table {
    width: 100%;
}
.shipping_product_body td {
	padding-top: 10px;
	padding-left: 3px;
	padding-right: 3px;
	border-bottom: 1px solid #00a4e2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.shipping_product_body .tdnw {
	text-align: right;
    white-space: nowrap;
}


.shipping-methods h4 {
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}
.shipping-methods h4 a {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    width: fit-content;
    margin-top: 5px;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    color: #00a4e2;
    text-decoration: none;
    cursor: pointer;
}
/* Город в блоке доставки: пунктир + подпись «изменить» — явно интерактивный элемент */
.shipping-city__name {
    border-bottom: 1px dashed currentColor;
}
.shipping-city__hint {
    font-size: .7em;
    font-weight: 400;
    text-transform: none;
    color: #888;
}
.shipping-methods h4 a:hover .shipping-city__name {
    border-bottom-style: solid;
}
.shipping-methods h4 a:hover .shipping-city__hint {
    color: #00a4e2;
}

.product-info .short_description {
	text-align: justify;
}
.product-info .last-review {
	text-align: justify;
}

.product-info .reward {
	position: relative;
}

.product-info .reward > .reward-popup {
	text-align: center;
	display: none;
	position: absolute;
	bottom: -55px;
	left: 20px;
	z-index: 2;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 200px;
	background: #353a3f;
	border-radius: 2px;
	color:#f9f9f9;
}

.product-info .reward > .reward-popup:after {
	content: '';
	position: absolute;
	top: -10px;
	left:10px;
	border:5px solid;
	border-color: transparent transparent #353a3f transparent;
}

.product-info .reward:hover .reward-popup {
	display: block;
}

.product-info .review .svg-inline--fa {
	color: #e5b521;
	vertical-align: baseline;
	font-size: 12px;
}

.product_all_attributes {

}

.product_all_reviews {
	float:left;
	display:block;
	margin-top:5px;
}

.product_read_description {
	float:left;
	display:block;
	margin-top:5px;
}

.for_attrubutes_link {

}


.wraper_serach input:focus {
	outline:none;
}

/* product.tpl */

a.record-title {
	font-size:16px;
	color:#000000;
	font-weight:bold;
}

.content-records .name {
	padding-top:30px;
}

.cart_payment_discount {
	font-weight:bold;
	color: rgba(53, 92, 191, 0.7);
}


#mobile-humburger {
	border-bottom: 2px solid #1794c0;
	background-color: #1ea3d2;
}

.menuDevices select {
	color: #fff;
	border-bottom:2px solid #1794c0;
	background-color:#1ea3d2;
}

h2.block2-h2 {
    text-align: left;
    background: #f5f5f5;
    padding: 10px 30px;
    margin-bottom: 25px;
    width: 100%;
    border-radius: 20px;
    border-bottom: 1px solid #c7c7c7;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    text-transform: uppercase;
    /* по макету Figma заголовки секций Intro Black Caps 22; тема на Inter, Black = вес 900 */
    font-weight: 900;
    font-size: 22px;
}
#tab-accessories {
    clear: both;
}
#tab-accessories .accessories-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-rows: 360px;
    gap: 16px;
    margin-top: 8px;
    margin-bottom: 32px;
    width: 100%;
}
#tab-accessories .accessories-grid.product-grid > .product-thumb {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    height: 100%;
    padding: 12px;
    border-color: #d3d3d3;
    border-radius: 8px;
}
#tab-accessories .accessories-grid .product-thumb__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
}
#tab-accessories .accessories-grid .product-thumb__name {
    display: flex;
    align-items: center;
    flex-grow: 1;
    min-height: 56px;
    padding: 10px 0 4px;
    text-align: center;
}
#tab-accessories .accessories-grid .product-thumb__name a {
    text-transform: none;
}
#tab-accessories .accessories-grid .product-thumb__bottom {
    display: block;
    margin-top: auto;
}
#tab-accessories .accessories-grid .product-thumb__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 8px;
    min-height: 24px;
    margin: 6px 0 10px;
    text-align: center;
    width: 100%;
}
#tab-accessories .accessories-grid .product-thumb__price .product__price_old {
    white-space: nowrap;
}
#tab-accessories .accessories-grid .product-thumb__btn .btn-product-cart {
    width: 100%;
    min-width: 0;
}

@media (max-width: 575px) {
    #tab-accessories .accessories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 320px;
        gap: 10px;
    }
    #tab-accessories .accessories-grid.product-grid > .product-thumb {
        padding: 8px;
    }
    #tab-accessories .accessories-grid .product-thumb__image {
        height: 130px;
    }
    #tab-accessories .accessories-grid .product-thumb__name {
        flex-grow: 0;
        min-height: 52px;
        padding-top: 8px;
    }
    #tab-accessories .accessories-grid .product-thumb__price {
        font-size: 16px;
    }
    .repair_parts .schema-product-row {
		grid-template-columns: 28px 64px minmax(0, 1fr);
        gap: 8px;
        padding: 10px;
    }
    .schema-container .schema-table-container .repair_parts .schema-product-row .image {
		grid-column: 2;
		width: 64px;
        height: 64px;
    }
    .schema-container .schema-table-container .repair_parts .schema-product-row .buttons-row {
		gap: 8px;
		text-align: left;
    }
    .schema-product-row .name {
        grid-column: 3;
    }
}
#tab-recipes, #tab-rec {
    clear: both;
}

/* Start recipe */
.recipe-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: start;
}
.flex-recipe {
	width: 270px;
	padding: 10px;
}
.flex-recipe .recipe-image {
	display: block;
	position: relative;
	margin: 0 0 10px 0;
	width: 100%;
	border-radius: 25px;
	overflow: hidden;
}
.flex-recipe h2 {
    font-family: 'Inter', Arial, sans-serif !important;
    line-height: 1.2;
    /* по макету Figma название рецепта Inter Bold 16 */
    font-weight: 700;
    font-size: 16px;
}
.flex-recipe h2 a {
    text-decoration: none;
    color: #242424;
}
.pos-abs {
	position: relative;
    padding: 10px;

}
.flex-sticker {
	padding: 4px 12px;
	margin-bottom: 5px;
	color: #fff;
	background: rgb(17, 190, 255);
	opacity: 0.8;
	font-family: 'Montserrat', Tahoma, Geneva, sans-serif;
	font-weight: 600;
	font-size: 12px;
	border-radius: 18px;
	min-width: 0;
	height: auto;
}

.more-hide {
    display: none;
}
.more {
    color: #3594BD;
    cursor: pointer;
}
.more:hover {
     text-decoration: underline;
}
.btn-signer {
    width: 160px;
    color: #fff !important;
}
.btn-review {
    width: 160px;
    color: #fff !important;
    margin-right: 30px;
    margin-bottom: 5px;
}

.comment_reply.comment_buttons {
    padding: 7px 15px 7px 15px;
    border: 1px solid #ddd;
    background: #eee url('../image/ui-bg_highlight-soft_100_eeeeee_1x100.png') 50% top repeat-x;
    color: #000;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
    border-radius: 4px;
}

#review-scroll {
    font-size: 13px;
}

#qa-scroll {
    font-size: 13px;
}

#cartpopup {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

.search-select {
    height:30px;
    padding-left: 0;
    padding-right: 20px;
    margin-left: -3px;
}
.search-input {
    width: 300px;
    padding-right: 0 !important;
}

.cartrelated-wrapper {
    display: flex;
	padding: 10px 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}



.circles .circle {
	border-radius: 50%;
	width: 11px;
	height: 11px;
	padding: 1px;
	background: #fff;
	border: 1px solid #787878;
	color: #787878;
	text-align: center;
	font-size: 11px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.circles .circle:hover {
	background: #3594BD;
	color: #fff;
}
.circles .circle > .description {
	font-size: 11px;
	position: relative;
	z-index: 2;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-radius: 2px;
	color: #f9f9f9;
	left: 22px;
	top: -25px;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,.3);
	transition: all 0.1s ease 0.2s;
	color: #454545;
	-webkit-border-top-left-radius: 0;
	opacity: 0;
	visibility: hidden;
	width: 200px;
	text-align: left;
}
.circles .circle:hover > .description {
	visibility: visible;
	opacity: 1;
	transition: 0s;
}
.circles .circle > .description:after, .circles .circle > .description:before {
	content: '';
	position: absolute;
	left: 0;
	top: 18px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-right-color: #ffffff;
	border-left: 0;
	margin-top: -8px;
	margin-left: -8px;
}
.circles .circle > .description:before {
	left: -10px;
	border: 10px solid transparent;
	margin-top: -10px;
	margin-left: -10px;
	border-right-color: #e1e1e1;
}

.best-answer {
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #1794c0;
    box-shadow: 0 0 0 3px rgba(0,144,237,.2);
}
.best-answer-text {
    margin-left: 45px;
    margin-bottom: 5px;
    color: #1794c0;
    font-weight: 600;
}

.simplecheckout-proceed-payment {
	font-size:18px !important;
}

/* Шрифт Intro выведен из темы — семейства ниже оставлены алиасами на Inter,
   чтобы старые записи с Intro в описаниях товаров и настройках темы
   тоже отрисовывались Inter. */
@font-face {
    font-family: 'Intro Regular';
    src: url('../fonts/Inter-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Intro Book';
    src: url('../fonts/Inter-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
#book-up {
    position: fixed;
    bottom: 50px;
    right: 20px;
    padding: 5px;
    cursor: pointer;
	z-index: 502;
}
/* На карточке товара #content.new_product растянут во всю ширину, и виджет (140px)
   накрывал кнопки правой колонки — «в сравнение» ловила клик картинкой книги.
   Ужимаем до размера мобильной версии и прижимаем к краю, чтобы он уместился
   в свободную полосу справа от контента. */
@media (min-width: 761px) {
    #book-up {
        right: 15px;
        padding: 5px 0;
    }
    #book-up img {
        width: 60px;
        height: auto;
    }
}
.banner-book {
    position: sticky;
    bottom: 0;
    padding: 0 20px;
    overflow: hidden;
    background: linear-gradient(180deg, #EFFBFF 0%, #C8F1FF 100%);
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.5s;
    z-index: 1000;
}
.banner-book.closed {
    grid-template-rows: 0fr;
    top: 100%;
    height: 0;
}
.btn-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    cursor: pointer;
}
.btn-close:before {
    content: url('../image/icons/button-close.svg');
    width: 26px;
    height: 26px;
}
.book-wrapper {
    display: flex;
    max-width: 465px;
    margin: 35px auto;
    overflow: hidden;
}
.book-header {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
}
.book-header img {
    margin-right: 20px;
}
.book-header2 {
    color: #272727;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px;
    padding-right: 20px;
}
.book-header3 {
    color: #272727;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
}
#form8 label {
    display: block;
    margin-bottom: 5px;
    color: #212529;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: 400;
    cursor: default;
}
#form8 input[type="text"], #form8 select {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 11px 12px;
    color: #8C8C8C;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
}
.book-group {
    margin-bottom: 10px;
}
.book-group a {
    color: #272727;
    text-decoration: underline;
}
.book-group a:hover {
    text-decoration: none;
}
.button-large {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    background: #1FA3D2;
    padding: 7px 24px;
    border: none;
    color: #fff;
    text-align: center;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}
.button-large:hover {
    background-color: #1794c0;
}
.book-success {
    display: flex;
    max-width: 465px;
    color: #272727;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 600;
    font-size: 20px;
    gap: 20px;
    margin: 35px auto;
}

#goog-gt-tt, .goog-te-gadget {
    display: none !important;
}
.goog-te-banner-frame {
    display: none !important;
}

header .strip {
    display: flex;
    justify-content: space-between;
}
.language_btn {
    position: relative;
    color: rgba(255,255,255,.9);
    padding-right: 20px;
    padding-left: 10px;
    border: none;
    cursor: pointer;
}
.language_btn:hover {
    background-color: rgba(0,0,0,.2);
    color: #fff;
}
.language_btn:after {
    content: '';
    border: 5px solid;
    border-color: rgba(255,255,255,.8) transparent transparent transparent;
    position: absolute;
    top: 8px;
    right: 4px;
    -webkit-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s;
}
/* Start header language dropdown */
:is(#glanguage, #currency) {
    position: relative;
    flex: 0 0 auto;
    align-self: center;
    line-height: 1;
    z-index: 999;
}
:is(#glanguage, #currency) > .btn-top {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: 8px;
    min-width: 56px;
    height: 44px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--mid-line);
    border-radius: 10px;
    background: var(--mid-surface);
    color: var(--mid-text);
    line-height: 1;
    appearance: none;
    cursor: pointer;
    transition: background-color .2s, border-color .2s, color .2s;
}
:is(#glanguage, #currency) .btn-top-icon {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}
:is(#glanguage, #currency) > .btn-top::after {
    content: '';
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    margin: -3px 0 0;
    border: solid currentColor;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
    transition: transform .2s;
}
:is(#glanguage, #currency) > .btn-top[aria-expanded="true"]::after {
    margin-top: 3px;
    transform: rotate(225deg);
}
:is(#glanguage, #currency) > .btn-top:hover,
:is(#glanguage, #currency) > .btn-top[aria-expanded="true"] {
    background: var(--mid-accent-soft);
    border-color: var(--mid-link);
    color: var(--mid-link);
}
:is(#glanguage, #currency) :is(.language_block, .blockCurrency) {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    box-sizing: border-box;
    width: 192px;
    max-width: calc(100vw - 24px);
    max-height: min(360px, calc(100dvh - 120px));
    overflow-y: auto;
    padding: 6px;
    border: 1px solid var(--mid-line);
    border-radius: 12px;
    background: var(--mid-field-bg);
    color: var(--mid-text);
    box-shadow: 0 8px 28px rgb(0 0 0 / 18%);
}
:is(#glanguage, #currency) :is(.language_block, .blockCurrency)[hidden] {
    display: none;
}
:is(#glanguage, #currency) :is(.language-option, .currency-option) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 10px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--mid-text);
    font-family: var(--mid-font);
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    cursor: pointer;
}
:is(#glanguage, #currency) :is(.language-option, .currency-option):hover {
    background: var(--mid-surface);
}
:is(#glanguage, #currency) :is(.language-option, .currency-option)[aria-pressed="true"] {
    background: var(--mid-accent-soft);
    color: var(--mid-link);
}
:is(#glanguage, #currency) :is(.language-check, .currency-check) {
    flex-shrink: 0;
    visibility: hidden;
}
:is(#glanguage, #currency) :is(.language-option, .currency-option)[aria-pressed="true"] :is(.language-check, .currency-check) {
    visibility: visible;
}
:is(#glanguage, #currency) button:focus-visible {
    outline: 2px solid var(--mid-link);
    outline-offset: 2px;
}
/* Название валюты под кодом. */
.header-currency-form {
    margin: 0;
}
#currency .currency-option-label {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
#currency .currency-option-code {
    font-weight: 600;
}
#currency .currency-option-title {
    font-size: 12px;
    font-weight: 400;
    color: var(--mid-text-muted);
    overflow-wrap: anywhere;
}
/* End header language dropdown */
/* Start responsive language bubble */
#l-box {
    position: fixed;
    box-sizing: border-box;
    width: 300px;
    max-width: calc(100vw - 24px);
    padding: 22px;
    border: 1px solid var(--dt-border, #dbe7ec);
    border-radius: 20px;
    background: var(--dt-surface, #fff);
    color: var(--dt-text, #00364a);
    box-shadow: 0 12px 36px rgba(0, 30, 45, .18);
    z-index: 11000;
    text-align: left;
    line-height: 1.5;
    overflow-y: auto;
}
#l-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: var(--hint-arrow-left, 28px);
    width: 26px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: var(--mid-accent);
    transform: translateX(-50%);
}
#l-box.language-hint-above::before {
    top: auto;
    bottom: 0;
    border-radius: 4px 4px 0 0;
}
#l-box .box-header {
    padding-right: 30px;
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 600;
}
#l-box p {
    margin: 0 0 18px;
    color: var(--dt-text-muted, #607580);
    font-size: 14px;
}
#l-box #close-l-box {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font-size: 26px;
    cursor: pointer;
}
#l-box #close-l-box:hover {
    background: var(--dt-surface-2, #eef2f5);
}
#l-box .language-hint-action {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 10px 16px;
    border: 0;
    border-radius: 12px;
    background: var(--mid-accent);
    color: var(--hint-button-text, #00364a);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    white-space: normal;
    overflow-wrap: anywhere;
}
#l-box .language-hint-action:hover {
    background: var(--mid-accent-hover);
}
#l-box button:focus-visible {
    outline: 2px solid var(--mid-accent);
    outline-offset: 3px;
}
/* End responsive language bubble */
.text-center {
    text-align: center;
}



#dealers {
	margin-top: -20px;
}

#dealers #dealer-map {
	height: 600px;
	background: #fefefe;
}

#dealers .p0 {
	padding: 0;
}

#dealers .dealers-menu {
	min-height: 600px;
	padding: 15px 5px 15px 15px;
	border-right: 1px solid #eee;
	background: #fefefe;
}

#dealers .dealers-menu .country {
	margin-bottom: 20px;
}

#dealers .dealers-menu .country .country-title {
	font-size: 15px;
	font-weight: bold;
	color: #242324;
}

#dealers .dealers-menu .country .country-wrap {
	position: relative;
	margin-top: 15px;
	margin-right: -5px;
	margin-bottom: 5px;
	margin-left: -15px;
	padding: 15px;
	color: #242324;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #f0f0f0;
}

#dealers .dealers-menu .country .country-wrap:before {
	position: absolute;
	z-index: 1;
	top: -20px;
	left: 25px;
	content: '';
	border: 10px solid;
	border-color: transparent transparent #f0f0f0 transparent;
}

#dealers .dealers-menu .country .country-wrap a {
	font-size: 14px;
	display: block;
	color: #555;
}

#dealers .dealers-menu .country .country-wrap a:hover {
	color: #242324;
}

#dealers .dealers-menu .dealers_country {
	font-size: 14px;
	font-weight: bold;
	color: #75c5f0;
}

#dealers .dealers-menu .dealers_country .name {
	border-bottom: 1px dotted #75c5f0;
}

#dealers .dealers-menu .dealers_country .name:hover {
	color: #242324;
	border-bottom-color: #242324;
}

a.dealers_city {
	font-weight: bold;
}

#dealers .dealers-menu .item {
	margin-bottom: 10px;
}

#dealers .dealers-menu .info-block {
	position: relative;
	display: none;
	margin-top: 15px;
	margin-right: -5px;
	margin-bottom: 5px;
	margin-left: -15px;
	padding: 15px;
	color: #242324;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #f0f0f0;
}

.dealer {
	background: #fff !important;
	margin-right: -15px !important;
	border-top: none !important;
}

#dealers .dealers-menu .info-block.open {
	display: block;
}

#dealers .dealers-menu .info-block:before {
	position: absolute;
	z-index: 1;
	top: -20px;
	left: 25px;
	content: '';
	border: 10px solid;
	border-color: transparent transparent #f0f0f0 transparent;
}

#dealers .dealers-menu .info-block:after {
	position: absolute;
	top: -20px;
	left: 25px;
	content: '';
	border: 10px solid;
	border-color: transparent transparent #eee transparent;
}

#dealers .dealers-menu .info-block .store {
	margin-bottom: 5px;
}

#dealers .dealers-menu .info-block .store .name {
	font-size: 14px;
	font-weight: bold;
	line-height: 13px;
}

#dealers .dealers-menu .info-block .store .web {
	font-size: 11px;
	font-style: italic;
	color: #656565;
}

#dealers .dealers-menu .info-block .address {
	font-size: 13px;
	line-height: 14px;
	margin-bottom: 10px;
}

#dealers .dealers-menu .info-block .address .glyphicon {
	font-size: 11px;
	color: #444;
}

#dealers .dealers-menu .info-block .phone {
	margin-bottom: 10px;
}

#dealers .dealers-menu .info-block .phone a {
	font-size: 13px;
	display: inline-block;
	margin-left: 5px;
	color: #555;
	border-bottom: 1px dotted #999;
}

#dealers .dealers-menu .info-block p {
	margin-bottom: 0;
}

#dealers #map {
	position: relative;
}

#dealers #map:before {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: -3px;
	width: 2px;
	content: '';
	box-shadow: 3px 0 3px 0 rgba(0,0,0,.2);
}
.preloader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background: #fff;
	z-index: 1001;
}

.preloader__image {
	position: relative;
	top: calc(50% - 150px);
	left: calc(50% - 130px);
	width: 256px;
	height: 256px;
	background: url('https://madeindream.com/image/preloader.gif') no-repeat;
	background-size: contain; /* Добавьте это свойство */
}


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

.loaded .preloader {
	display: none;
}
.ui-menu-item-autocomplete:last-child {
	margin-bottom: 5px;
}

.expert-tile {
	box-sizing: border-box;
	padding: 20px !important;
	background-color: #f5f5f5;
}
.product-list .expert-tile{
	min-height: 350px;
}
.product-list .expert-tile .experts {
	position: relative;
	height: 108px;
	margin: 20px auto;
	width: 30%;
}
.product-list .expert-tile .title {
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 111.02%;
	text-align: center;
}
.product-list .expert-tile span {
	font-weight: 400;
	font-size: 20px;
	line-height: 111.02%;
	text-align: center !important;
}
.product-grid .expert-tile{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.product-grid .expert-tile .experts {
	position: relative;
	height: 108px;
	margin: 40px 0;
}
.product-grid .expert-tile .title {
	font-weight: 600;
	font-size: 26px;
	margin-bottom: 20px;
	line-height: 111.02%;
}
.product-grid .expert-tile span {
	font-weight: 400;
	font-size: 20px;
	line-height: 111.02%;
	text-align: left !important;
}
.expert-tile .experts .left {
	left: 0;
	background-image: url(/image/icons/expert-left.png);
}
.expert-tile .experts .center {
	width: 100px;
	height: 100px;
	background-image: url(/image/icons/expert-center.png);
	outline: 4px solid #f5f5f5;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-o-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1;
}
.expert-tile .experts .right1 {
	right: 0;
	background-image: url(/image/icons/expert-right.png);
}
.expert-tile .experts .left, .expert-tile .experts .right1 {
	width: 90px;
	height: 90px;
	z-index: 0;
}
.expert-tile .experts div {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	background-position: 50%;
	background-color: #fff;
	background-repeat: no-repeat;
}
.expert-tile .tg {
	background-color: #08c;
	margin: 0 auto 12px;
}
.expert-tile .wa {
	background-color: #00BF2B;
	margin: 0 auto 12px;
}
.expert-tile .ct {
	background-color: #08c;
	margin: 0 auto 12px;
}
.expert-tile .wa svg, .expert-tile .ct svg {
	margin-left: 7px !important;
}
.expert-tile a {
	width: 100%;
	height: 40px;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 8px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
    font-family: 'Inter', Arial, sans-serif;
    text-decoration: none;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
}

.bt, #simpleregister_button_confirm {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-self: center;
	gap: 6px;
	padding: 9px 14px;
	line-height: 20px;
	font-family: 'Inter', Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	margin: 0;
	border-radius: 6px;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
	outline: none;
}


.bt:hover {
	text-decoration: none;
}
.bt-default {
	border: 1px solid #d0d1d0;
	background-color: #e7e8e7;
	color: #212529;
}
a.bt-default:visited {
	color: #212529;
}
.bt-primary {
	border: 1px solid #2dc5ff;
	background-color: #2dc5ff;
	color: #fff;
}
a.bt-primary:visited {
	color: #fff;
}
.bt-default:hover {
	background-color: #d0d1d0;
}
.bt-primary:hover {
	background-color: #34b3e3;
}
.bt-thin {
	font-size: 14px;
	padding: 5px 10px;
}
.bt i {
	display: flex;
	align-items: center;
	min-height: 20px;
}

.modern-text,.modern-text a {
	display: inline-block;
	margin-bottom: 0.5em;
	font-family: 'Inter', Arial, sans-serif;
	font-size: 16px;
	/* cursor: default; */

}
.user svg {
	margin: 0px 10px;
}
.img-thumbnails-cicle {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: .2rem !important;
	margin-bottom: 1rem;
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 50%;
	box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.2);
}
.user a {
	color: #000;
	font-weight: bold;
}

/* Start modal */
.modal-content {
	top: 50%;
	left: 50%;
	position: fixed;
	width: 100%;
	max-width: 300px;
	transform: translate(-50%, -50%);
	display: block;
}
/* End modal */

/* Start table nice */
.table-nice-round {
	width: 100%;
	border: none;
	margin-bottom: 20px;
	border-collapse: separate;
}
.table-nice-round thead th {
	font-weight: bold;
	text-align: left;
	border: none;
	padding: 10px 15px;
	background: #EDEDED;
	font-size: 14px;
	border-top: 1px solid #ddd;
}
.table-nice-round tr th:first-child, .table-nice-round tr td:first-child {
	border-left: 1px solid #ddd;
}
.table-nice-round tr th:last-child, .table-nice-round tr td:last-child {
	border-right: 1px solid #ddd;
}
.table-nice-round thead tr th:first-child {
	border-radius: 20px 0 0 0;
}
.table-nice-round thead tr th:last-child {
	border-radius: 0 20px 0 0;
}
.table-nice-round tbody td {
	text-align: left;
	border: none;
	padding: 10px 15px;
	font-size: 14px;
	vertical-align: top;
}
.table-nice-round tbody tr:nth-child(even) {
	background: #F8F8F8;
}
.table-nice-round tbody tr:last-child td{
	border-bottom: 1px solid #ddd;
}
.table-nice-round tbody tr:last-child td:first-child {
	border-radius: 0 0 0 20px;
}
.table-nice-round tbody tr:last-child td:last-child {
	border-radius: 0 0 20px 0;
}
.form-control {
	margin: 6px 0px;
	display: block;
	width: 100% !important;
	padding: .2rem .6rem !important;
	font-size: 0.8rem;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #333 !important;
	appearance: none !important;
	background-color: white !important;
	background-clip: padding-box !important;
	border: 1px solid #d0d1d0 !important;
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
	box-sizing: border-box;
	max-width: 570px;
}
.form-control:focus, .form-select:focus {
	color: #333;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-select {
	display: block;
	width: 100%;
	box-sizing: border-box;
	max-width: 570px;
	padding: 4px 10px 4px 10px;
	/* font-size: 16px; */
	font-family: 'Inter', Arial, sans-serif;
	font-weight: 400;
	/* line-height: 1.5; */
	color: #171716;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23171716' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 16px 12px;
	border: 1px solid #d0d1d0;
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form-label {
	display: inline-block;
	margin-bottom: 0.5em;
	font-family: 'Inter', Arial, sans-serif;
	font-size: 16px;
	color: #171716;
	cursor: default;
}
.row-flex *, .row-flex *:before, .row-flex *:after {
	box-sizing: border-box;
}
.buttons-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.buttons-row-middle {
	align-items: center;
}
.buttons-row .agree-text {
	font-family: 'Inter', Arial, sans-serif;
	font-size: 14px;
	color: #171716;
}
.files-block {
	margin-bottom: 10px;
	max-width: 570px;
}
.files-block label {
	display: block;
	position: relative;
	width: 100%;
	min-width: 170px;
	padding: 7px 30px 7px 14px;
	font-family: 'Inter', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #171716;
	background-color: #fff;
	border: 1px solid #d0d1d0;
	border-radius: 8px;
	box-sizing: border-box;
	overflow: hidden;
}
.files-block label i {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0 8px;
	background: #fff;
}
.files-block label span {
	display: block;
	white-space: nowrap;
	width: 100px;
}
.files-block > input[type="file"] {
	display: none;
}
.form-full input, .form-full select, .form-full textarea {
	max-width: 100% !important;
}
.files-block > input[type="file"] {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

#telegram_subscribe {
	padding-top:10px;
	display: flex;
	align-items: center;
	justify-content: start;
	flex-wrap: wrap;
	gap: 15px;
}
#telegram_subscribe p,
#telegram_subscribe a,
.telegramlink {
	margin: 0;
	width:100%;
}
#telegram_subscribe a {
	text-align: center;
}
#telegram_subscribe a .telegramlink {
	width: 80%;
}

/*Email warning styles */
.email-check-warning {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 14px;
	margin-top: 5px;
}

.email-check-warning a {
	color: #721c24;
	text-decoration: underline;
	font-weight: bold;
}

.email-check-warning a:hover {
	color: #491217;
}

/* Стили для уведомления об успешной авторизации в форме комментариев, обзоров, вопросов */
.comment-login-success-notification {
	/*position: fixed;*/
	/*top: 20px;*/
	/*right: 20px;*/
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
	padding: 10px 20px;
	border-radius: 8px;
	font-family: 'Inter', Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	z-index: 10000;
	opacity: 0;
	transform: translateX(100%);
	transition: all 0.3s ease-in-out;
	max-width: 300px;
}

.comment-login-success-notification.show {
	opacity: 1;
	transform: translateX(0);
}

.comment-login-success-notification .icon {
	display: inline-block;
	margin-right: 10px;
	color: #28a745;
	font-size: 18px;
}

.comment-images {
	padding: 10px 0;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
}

.nav-icons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
    margin-bottom: 20px;
    gap: 10px;
}
.nav-icons svg {
    width: 32px;
    height: 32px;
}
.nav-icons a {
    color: #242424;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}

.icons-top {
    width: 32px;
    height: 32px;
    fill: #242424;
}
.icon-geo {
    width: 110px;
    height: 110px;
    fill: #11BEFF;
}

/* Блок телефонов в шапке (13.09.2026): раньше номер был обычной подчёркнутой
   ссылкой браузера (наследие .header-tel-link из общих стилей, используемых
   ещё в fixpanel/experts/карточке товара) — тут даём ему собственный вид:
   иконка трубки, без подчёркивания, потемнее и покрупнее, "Показать" — пилюлей. */
.phones-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 6px;
    padding-left: 0;
    list-style: none;
}
.phones-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none !important;
}
.phones-list__icon {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    color: #2dc5ff;
}
.phones-list__note {
    padding-left: 23px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
    color: #6b7d85;
}
.time-block .header-tel-link {
    color: #00364a !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    text-decoration: none !important;
}
.time-block .header-tel-link:hover {
    color: #2dc5ff !important;
}
.time-block .show-phone {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 2px 9px;
    border-radius: 999px;
    background: rgba(45, 154, 201, .12);
    color: #2dc5ff;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.gradient-div {
    background-image: linear-gradient(to right, #A8E7FF, #C1ADFF, #00B9FF);
    height: 10px;
    width: 100%;
}
.text-bold {
    font-family: 'Arial', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #11BEFF;
}
.text-normal {
    font-family: 'Arial', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #11BEFF;
}
.gradient-input {
    border: 2px solid transparent !important;
    background: conic-gradient(#fff 0 0) padding-box, linear-gradient(to right, #A8E7FF, #C1ADFF, #00B9FF) border-box !important;
    border-radius: 25px;
    padding: 0 15px !important;
}
.btn-search {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 22px;
    margin-left: 15px;
    background: #00364A;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    border-radius: 20px;
}
.search-wrapper {
    display: flex;
    justify-content: center;
    padding-top: 25px;
}
.nav-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

/* Плитки преимуществ. Селекторы с .advantages-row — text.css грузится позже и его
   .advantages-item (старый блок в описаниях товаров) иначе перебивает выравнивание. */
.advantages-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 13px;
    overflow-x: auto;
}
.advantages-row .advantages-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 0;
    min-width: 120px;
    padding: 16px 12px;
    background: #fff;
    border: 1px solid rgba(36, 36, 36, .22);
    border-radius: 16px;
}
.advantages-row .advantages-item p {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 300;
    font-size: 11.7px;
    text-align: center;
    color: #00364a;
    margin-bottom: 0;
    line-height: 1.16;
}
.advantages-row .advantages-icon {
    width: 100%;
    height: 78px;
    color: #00364a;
    margin-bottom: 8px;
}

.collapse-line {
    position: relative;
    margin: 10px 0;
    margin-bottom: 20px;
}
.collapse-line:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    z-index: -1;
    background-color: #2dc5ff;
    border-top-right-radius: 15px;
}
.collapse-line-full {
    position: relative;
    margin-bottom: 20px;
}
.collapse-line-full:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #2dc5ff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.collapse-text {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}
.collapse-text b,
.collapse-text strong {
    font-weight: 800;
}
.collapse-bg {
    width: 95%;
    background-image: linear-gradient(to right, #A8E7FF, #C1ADFF, #00B9FF);
    height: 10px;
}
.collapse-down {
    position: absolute;
    top: calc(100% - 10px);
    left: calc(50% - 25px);
    width: 50px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #2DC5FF;
}
.collapse-up {
    display: block;
    width: 50px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 11 6-6 6 6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #2DC5FF;
}
.collapse-bottom-line {
    width: 200px;
    height: 12px;
    background-color: #2DC5FF;
    border-radius: 12px;
}
.collapse-line-full .collapse-text {
    padding: 6px 0;
}
.collapse-line-full .collapse-bg {
    width: 100%;
}

.icons-wrap {
    display: flex;
    float: left;
    position: absolute;
}
.shipping-info {
    background: #42cbff;
    border-bottom-right-radius: 49px;
    padding: 5px 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-right: -15px;
    gap: 25px;
}
.shipping-info:hover {
    text-decoration: none;
}
#rek-info {
    height: 75px;
    background: #42cbff;
    border-bottom-right-radius: 49px;
    padding: 5px 20px 5px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer;
}
.top-icon-shipping {
    width: 90px;
    height: 90px;
    color: #fff;
}
.top-icon-hand {
    width: 60px;
    height: 60px;
    color: #fff;
}
.shipping-info-text {
    flex: 0 1 120px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #fff;
}
.rek-info-text {
    flex: 0;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #fff;
}
.block-header {
    background-color: #f5f5f5;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    margin: 10px 5% 30px;
    text-align: center;
}
.block-header-text {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    padding: 10px 0;
    border-bottom: 10px solid;
    border-image: linear-gradient(to right, #A8E7FF 0%, #C1ADFF 50%, #00B9FF 100%) 1;
}
.swiper-slide-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    text-decoration: none !important;
}
.swiper-slide-text {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #242424;
    line-height: 1.1;
    padding: 20px 30px;
}
.swiper-slide-desc {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #767676;
    line-height: 1.3;
    padding: 0 30px 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#footer_info {
    padding: 20px 0;
    background: #f3f3f3;
}
#footer_info .swiper-slide {
    display: flex;
    height: auto;
    border-radius: 10px;
    background-color: #fff;
}
#footer_info .swiper-slide-flex img {
    height: 150px;
    object-fit: cover;
    margin: auto 0 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/* колонки ссылок в футере: на широком экране ширина по содержимому и зазор как в макете
   (60px при 1920); ниже 1280px все пять колонок в такой раскладке уже не помещаются в строку,
   поэтому возвращаем прежнее равномерное распределение */
@media (min-width: 1280px) {
    footer .footer-nav {
        --bs-gutter-x: clamp(24px, 3.13vw, 60px);
    }
}
@media (max-width: 1279.98px) {
    footer .footer-nav > .col-auto {
        flex: 1 0 0%;
        width: 100%;
    }
}
footer h5 {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
}
footer .nav-item {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #242424;
}
.product-thumb__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-top: 5px;
}
.product-thumb__top .rating {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    cursor: pointer;
    height: 18px;
    font-size: 12px;
    color: #00364a;
}
.product-thumb__top .stars, .product-thumb__top .review {
    display: flex;
    align-items: center;
    gap: 5px;
}
.product-thumb__top-buttons {
    display: flex;
    justify-content: end;
    gap: 10px;
}

.product-thumb-btn,
.seocmspro_content .product-thumb-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 10px;
    color: #242424;
}
/* подписи «Сравнение»/«Избранное» под иконками убраны на всех ширинах, чтобы верхняя
   строка карточки (рейтинг, отзывы, кнопки) выглядела однородно; текст оставлен
   только для скринридеров — у ссылок нет aria-label */
.product-thumb-btn span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.product-thumb-icon {
    width: 20px;
    height: 20px;
    fill: #242424;
}
.product-thumb__name {
    padding: 15px 0;
    line-height: 1.1;
}
.product-thumb__name a,
.seocmspro_content .product-thumb__name a {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.1;
    color: #00364a;
    text-transform: uppercase;
    text-decoration: none;
}
.product-thumb {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #d3d3d3;
    padding: 0 20px 20px 20px;
}
.product-thumb.swiper-slide {
    height: auto;
}
.product-thumb__image a {
    position: relative;
    display: block;
}
.product-thumb__image img {
    width: 100%;
}
.btn-product-cart {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #2dc5ff;
    border-radius: 8px;
    color: #fff !important;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    padding: 10px;
}
.btn-product-cart:hover {
    background: #2dc5ff;
    color: #fff;
}
.product-thumb__price {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-top: auto;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #00364A;
}
.product-thumb__price .product__price_new {

}
.product-thumb__price .product__price_old {
    position: relative;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #00364a;
}
.product-thumb__price .product__price_old:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #f00;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}
.product-thumb__btn .btn-product-cart {
    min-width: 140px;
    background: #2dc5ff;
}
.product-thumb__bottom {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    margin-top: auto;
}
.product-thumb__bottom_wrapper {
    display: flex;
    flex-direction: column;
}
.product-thumb__stickers {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: auto;
    margin-right: -20px;
}
.sticker-icon, .icon-default {
    width: 1em;
    height: 1em;
    color: currentColor;
}
.helper-icon {
    width: 14px;
    height: 14px;
    color: #2dc5ff;
}
.helper-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
}
.product-thumb__helper {
    margin-bottom: 15px;
}
.helper-item__icon {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 5px;
}
.helper-rating {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 2px;
}
.helper-rating span {
    width: 8px;
    height: 8px;
    border-radius: 4px;
}
.carousel__title {
    background-color: #f5f5f5;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    margin-top: 10px;
    text-align: center;
}
/* Start product page swiper blocks */
.product-page-swiper-block {
    position: relative;
    min-height: 0;
    overflow: visible;
}
.product-page-swiper-block .swiper {
    padding: 20px 0;
    overflow: hidden;
}
.product-page-swiper-block .product-thumb {
    box-sizing: border-box;
}
/* End product page swiper blocks */
.color-square:hover {
    border: 2px solid #00a4e2;
}

.product-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.product-list .product-thumb {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 50px auto 1fr auto;
    grid-template-areas:
    "thumb_image thumb_top"
    "thumb_image thumb_name"
    "thumb_image thumb_helper"
    "thumb_image thumb_bottom";
    gap: 10px;
    min-height: auto;
    border-radius: 6px;
}
.product-list .product-thumb__top {
    grid-area: thumb_top;
}
.product-list .product-thumb__image {
    grid-area: thumb_image;
    padding-top: 10px;
}
.product-list .product-thumb__name {
    grid-area: thumb_name;
}
.product-list .product-thumb__helper {
    grid-area: thumb_helper;
}
.product-list .product-thumb__bottom {
    grid-area: thumb_bottom;
}
.product-list .product-thumb__btn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.product-list .btn-product-cart {
    margin: auto;
}
.product-list .product-thumb__bottom_wrapper {
    flex: 1;
}
.product-list .colors {
    width: auto;
}

/* Start shared product list layout */
/* List-only content stays invisible in the unchanged grid. */
.listing-list-only {
    display: none;
}
.product-list .listing-list-only {
    display: inline;
}
.product-list .listing-grid-only,
.product-list .product-thumb__helper {
    display: none;
}
.product-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}
.product-list > .product-thumb[data-product-id] {
    display: grid;
    min-height: auto;
    min-width: 0;
    grid-template-columns: 150px minmax(0, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
        "thumb_image thumb_name"
        "thumb_image meta"
        "thumb_image price"
        "thumb_image perks"
        "thumb_image colors"
        "thumb_image action";
    gap: 8px 20px;
    padding: 16px;
    border-radius: var(--mid-radius);
    border-color: var(--mid-line);
    background: var(--mid-block-bg);
    color: var(--mid-text);
}
.product-list .product-thumb > * {
    min-width: 0;
}
/* Flatten existing wrappers only in list mode; JS still restores colors to grid. */
.product-list .product-thumb__top,
.product-list .product-thumb__top-buttons,
.product-list .product-thumb__bottom,
.product-list .product-thumb__bottom_wrapper,
.product-list .product-thumb__btn {
    display: contents;
}
.product-list .product-thumb__image {
    grid-area: thumb_image;
    align-self: start;
    padding: 0;
}
.product-list .product-thumb__image img {
    display: block;
    width: 150px;
    height: 150px;
    object-fit: contain;
}
/* Name and rating */
.product-list .product-thumb__name {
    grid-area: thumb_name;
    padding: 0;
}
.product-list .product-thumb__name a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-transform: none;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--mid-text);
}
.product-list .product-thumb__top > .rating {
    grid-area: meta;
    height: auto;
    min-height: 0;
}
.product-list .product-thumb__top .rating,
.product-list .product-thumb__top .rating .fa {
    color: var(--mid-text-muted);
    font-size: 12px;
}
/* Price and secondary benefits */
.product-list .product-thumb__price {
    grid-area: price;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--mid-text);
}
.product-list .product__price_old {
    color: var(--mid-text-muted);
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}
.product-list .product__price_old::after {
    display: none;
}
.product-list .listing-saving {
    padding: 3px 6px;
    border-radius: 6px;
    background: var(--mid-accent-soft);
    color: var(--mid-text);
    font-size: 13px;
    font-weight: 600;
}
.product-list .product-thumb__stickers {
    grid-area: perks;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
}
.product-list .product-sticker {
    position: static;
    min-width: 0;
    padding: 3px 8px;
    border-radius: 6px;
    color: var(--mid-on-accent);
    font-weight: 400;
    font-size: 12px;
}
.product-list .product-sticker:has(.fa-plane) {
    background: var(--mid-surface) !important;
    color: var(--mid-text-muted);
}
.product-list .product-sticker .fa-plane {
    display: none;
}
.product-list .colors {
    grid-area: colors;
    flex-wrap: wrap;
    height: auto;
    margin: 0;
    color: var(--mid-text-muted);
}
/* Primary action, favorite and lower-priority comparison */
.product-list .btn-product-cart {
    grid-area: action;
    min-height: 44px;
    margin: 0 88px 0 0;
    font-size: 15px;
}
.product-list .listing-wishlist {
    grid-area: action;
    justify-self: end;
    align-self: center;
    width: 36px;
    height: 44px;
    justify-content: center;
}
.product-list .listing-compare {
    grid-area: action;
    justify-self: end;
    align-self: center;
    width: 36px;
    height: 44px;
    margin-right: 44px;
    justify-content: center;
    color: var(--mid-text-muted);
}
.product-list .listing-compare .product-thumb-icon {
    fill: var(--mid-text-muted);
}
.product-list > .form-subscribe,
.product-list > .expert-tile {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 16px;
}
.product-list > .expert-tile {
    background: var(--mid-surface);
}
/* Bootstrap wrappers in AJAX filter cards retain their grid-mode utilities. */
.product-list .listing-bottom,
.product-list .listing-bottom-wrapper {
    display: contents !important;
}
.product-list .main_store_link {
    grid-column: 1 / -1;
    color: var(--mid-text-muted);
}
/* Video previews use the same frame as product photos in list mode. */
.product-list .product-thumb__image .product-video {
    width: 150px !important;
    height: 150px !important;
    object-fit: contain !important;
}
/* End shared product list layout */

header {
    display: grid;
    /* Симметричные боковые колонки (по 30%) + меню отдельной строкой во всю ширину.
       Раньше было `120px auto auto auto` с меню в 3-й колонке: колонки сжимались по
       контенту, левый кластер (гео+регион) оказывался шире правого (иконки), из-за чего
       центральную колонку с логотипом/меню сносило вправо на ~17px. Теперь стороны равны
       (30% == 30%), поэтому логотип и меню строго по центру страницы. Та же раскладка уже
       использовалась на ширинах ≤1480px. */
    /* Первая колонка (geo) — раньше 120px под иконку-«каплю»; иконка убрана,
       колонка оставлена как отступ слева у региона и телефонов. */
    grid-template-columns: 40px calc(30% - 40px) auto 30%;
    /* Строка search была 130px — заметно больше самого высокого элемента в ней
       (.icons-wrap, ~100px), из-за чего под панелью поиска оставалась пустая
       серая полоса ~20px перед промо-плашкой клуба (#notification, идёт сразу
       после </header> в разметке). Урезано до 110px — под контент впритык плюс
       небольшой запас, плашка визуально поднимается к панели поиска. */
    grid-template-rows: auto auto auto 110px;
    grid-template-areas:
    "geo region logo icons"
    "geo time logo icons"
    "menu menu menu menu"
    "search search search search";
}

.header__geo {
    grid-area: geo;
    justify-self: end;
}
.header__gradient {
    display: none;
}
.header__region {
    grid-area: region;
    display: flex;
    gap: 10px;
}
.header__time {
    grid-area: time;
}
.header__logo {
    grid-area: logo;
    justify-self: center;
    align-self: center;
}
.header__icons {
    grid-area: icons;
    align-self: end;
    padding-right: 15px;
}
.header__menu {
    grid-area: menu;
}
.header__search {
    grid-area: search;
    background-color: #f5f5f5;
}
.region-block {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
/* Подсказка «Ваш город — X?» (module/geoip/geoip_modal.tpl): тонкая полоска в самом
   верху страницы, перед <header>; текст и кнопки по центру, «×» у правого края. На мобиле —
   всё слева, свои отступы и короткая подпись кнопки (см. блок 780px) */
.geoip-hint {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 7px 60px;
    white-space: nowrap;
    background: var(--mid-surface);
    border-bottom: 1px solid var(--mid-line);
    font-family: var(--mid-font);
    font-size: 14px;
    line-height: 1.2;
    color: var(--mid-text);
}
.geoip-hint[hidden] {
    display: none;
}
.geoip-hint__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}
.geoip-hint__actions {
    display: flex;
    gap: 14px;
}
/* .geoip-hint.new-style — перебить .new-style .btn(-primary), они ниже по файлу */
.geoip-hint.new-style .btn {
    --bs-btn-padding-y: 0;
    --bs-btn-padding-x: 0;
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 600;
    --bs-btn-border-radius: 0;
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-bg: transparent;
    --bs-btn-color: var(--mid-link);
    --bs-btn-hover-color: var(--mid-text);
    --bs-btn-active-color: var(--mid-text);
    min-height: 0;
}
.geoip-hint.new-style .btn-secondary {
    --bs-btn-color: var(--mid-text-muted);
}
.geoip-hint__close {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    padding: 0 4px;
    border: 0;
    background: none;
    font-size: 18px;
    line-height: 1;
    color: var(--mid-text-muted);
    cursor: pointer;
}
.geoip-hint__close:hover {
    color: var(--mid-text);
}
.geoip-hint__label-short {
    display: none;
}
.region-block .mobDev, .region-block .zone {
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #11beff;
}

.btn-top {
    padding: 6px;
    border: 1px solid #00364a;
    border-radius: 4px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: normal;
    color: #00364a;
    text-decoration: none;
}
.btn-top-icon {
    width: 14px;
    height: 14px;
}

#menu .item_name_mobile {
    display: none;
    padding: 0 16px;
    height: 44px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff;
    background: #42cbff;
}
#menu .item {
    padding-bottom: 30px;
	margin-bottom: -10px;
	z-index: 100;
}
#currency {
    display: none;
}
#currency > span {
    display: flex;
    align-items: center;
    line-height: normal;
	padding: 8px 0
}
.item_name_mobile svg {
    width: 24px;
    height: 24px;
    color: #fff;
}
.swiper__contant {
	position: relative;
    -webkit-border-radius: 2px 2px 4px 2px;
    border-radius: 2px 2px 4px 2px;
    margin: 0 10px 20px 10px;
    position: relative;
    zoom: 1;
    clear: both;
    min-height: 293px;
}
.swiper__contant:before,
.swiper__contant:after {
  content: "";
  display: table;
}
.swiper-btn-next, .swiper-btn-prev {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    margin-left: 0;
    top: calc(50% - 18px);
    color: #242424;
    cursor: pointer;
    z-index: 10;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
.swiper-btn-next svg, .swiper-btn-prev svg{
    width: 24px;
    height: 24px;
}
.swiper-btn-next {
    left: auto;
    right: -18px;
    padding-left: 3px;
}
.swiper-btn-prev {
    left: -18px;
    right: auto;
    padding-right: 3px;
}
.swiper-btn-next.swiper-button-disabled, .swiper-btn-prev.swiper-button-disabled {
    cursor: auto;
    opacity: 0;
    pointer-events: none;
}

/* Ниже 576px .container занимает всю ширину с полями по 12px, и стрелки каруселей,
   вынесенные на -18px, вылезают за экран на 6px — страница получает горизонтальный
   скролл. На таких ширинах держим стрелки внутри контейнера, поверх крайних карточек. */
@media (max-width: 575.98px) {
    .swiper-btn-next {
        right: 0;
    }
    .swiper-btn-prev {
        left: 0;
    }
}

/* Уже 360px мобильной шапке не хватает места: логотип (SVG шириной 323px), отступ
   у блока иконок и зазоры грида требуют 348px, из-за чего страница уезжает вбок.
   Поджимаем только на таких экранах, шапку от 360px не трогаем. */
@media (max-width: 359.98px) {
    header {
        gap: 10px 0;
    }
    .header__logo img {
        max-width: calc(100vw - 24px);
        height: auto;
    }
    .header__icons {
        padding-right: 0;
    }
    .header__region {
        min-width: 0;
    }
    /* select сортировки шире оставшегося места и из-за min-width: auto не сжимается */
    .product-filter .sort {
        min-width: 0;
    }
    .product-filter .sort select {
        max-width: 100%;
    }
}

/* Start final catalog menu */
#menu .mobile-menu-head {
    display: none;
}

@media (max-width: 780px) {
    /* Article tabs use the same mobile chips as the product page. */
    .blog .record-tabs {
        gap: 8px;
        margin: 16px 0;
        border-radius: 0;
        background: transparent;
        scrollbar-width: none;
    }
    .blog .record-tabs::-webkit-scrollbar {
        display: none;
    }
    .blog .record-tabs > li > a {
        padding: 13px 14px;
        border-radius: 8px;
        background: #f5f5f5;
        font-size: 15px;
        line-height: 1;
    }
    .blog .record-tabs > li > a.selected,
    .blog .record-tabs:not(.htabs) > li.active > a {
        background: #2dc5ff;
        color: #fff;
        font-weight: 500;
    }

    /* подсказка города: на мобиле полоска тоньше (~25px), текст занимает всю ширину, короткая
       подпись кнопки; зона нажатия кнопок шире полоски — вертикальные поля с отрицательным отступом */
    .geoip-hint {
        justify-content: flex-start;
        gap: 12px;
        padding: 4px 12px 4px 16px;
        font-size: 13px;
    }
    .geoip-hint__text {
        flex: 1 1 auto;
    }
    .geoip-hint.new-style .btn {
        --bs-btn-padding-y: 8px;
        --bs-btn-font-size: 13px;
        margin: -8px 0;
    }
    .geoip-hint__label-long {
        display: none;
    }
    .geoip-hint__label-short {
        display: inline;
    }
    .geoip-hint__close {
        position: static;
        transform: none;
        margin: -8px 0;
        padding: 8px 4px;
    }
    body.menu-open {
        overflow: hidden;
    }
    html.menu-open {
        overflow: hidden;
    }
    #sidemenu {
        display: flex !important;
        left: 0;
        right: auto;
        margin: 0;
        width: 360px;
        max-width: 90vw;
        visibility: hidden;
        overflow-x: hidden;
        background: #fff;
        color: #00364a;
        transform: translateX(-100%);
        transition: transform .3s ease, visibility .3s ease;
        z-index: 1002;
        box-sizing: border-box;
        overscroll-behavior: contain;
    }
    #sidemenu.show {
        visibility: visible;
        left: 0;
        transform: none;
    }
    #sidemenu.show ~ #overlay {
        z-index: 99;
    }
    #menu .mobile-menu-head {
        display: flex;
        position: sticky;
        top: 0;
        align-items: center;
        justify-content: space-between;
        min-height: 58px;
        padding: 10px 16px 10px 20px;
        color: #fff;
        background: #2dc5ff;
        font-family: 'Inter', Arial, sans-serif;
        font-size: 20px;
        font-weight: 500;
        z-index: 2;
    }
    #menu .mobile-menu-close {
        width: 36px;
        height: 36px;
        padding: 0;
        color: #fff;
        background: transparent;
        border: 0;
        font-size: 32px;
        font-weight: 300;
        line-height: 32px;
        cursor: pointer;
    }
    #menu .item {
        border-color: #dce9ee;
    }
    #menu .mobile-menu-head {
        flex: 0 0 auto;
        width: 100%;
    }
    #menu > ul > li.item > a,
    #menu .item .item_name {
        padding: 14px 20px;
        color: #00364a;
        background: #fff;
        font-size: 16px;
        font-weight: 500;
    }
    #menu .item-main > .item_name {
        color: #fff;
        background: #2dc5ff;
    }
    #menu .category_wrap {
        width: 100%;
        max-width: none;
        background: #f3f3f3;
        transform: none;
        box-shadow: none;
    }
    #menu .item-main > .category_wrap.d-block {
        display: none !important;
    }
    #menu .cat_menu {
        display: block;
        width: 100%;
        padding: 10px 14px 14px;
        box-sizing: border-box;
        column-count: 1;
    }
    #menu .main_cat {
        width: 100%;
        margin: 0 0 8px;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
    }
    #menu .main_cat > a {
        width: 100%;
        box-sizing: border-box;
        min-height: 44px;
        padding: 8px 12px;
        color: #00364a;
        background: #fff;
        font-size: 15px;
        font-weight: 500;
    }
    #menu .main_cat .megamenu-icon {
        position: static;
        display: block;
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }
    #menu .main_cat .category-arrow {
        flex: 0 0 16px;
        margin-left: auto;
    }
    #menu .sub_cat {
        padding: 4px 12px 10px 46px;
        margin: 0;
        background: #fff;
        border-top: 1px solid #edf2f4;
    }
    #menu .sub_cat li,
    #menu .sub_sub_cat li {
        margin: 0;
        line-height: normal;
    }
    #menu .sub_cat li + li {
        border-top: 1px solid #edf2f4;
    }
    #menu .sub_cat li a,
    #menu .sub_sub_cat li a {
        padding: 9px 0;
        color: #4b6169;
        font-size: 14px !important;
        font-weight: 400;
        line-height: 20px;
    }
    #menu .sub_sub_cat {
        padding: 0 0 6px 12px;
    }
    #menu .sub_sub_cat li {
        border-top: 0 !important;
    }
    #menu .sub_sub_cat li a {
        padding: 5px 0;
        color: #75878d !important;
        font-size: 13px !important;
    }
}
/* End final catalog menu */

.megamenu-icon {
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    color: #42cbff;
}

.product-grid {
    display: grid;
    /* auto-fill (не auto-fit): пустые колонки не схлопываются, поэтому один товар
       в разделе остаётся обычной ширины, а не растягивается на всю сетку */
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 15px;
}

.gradient-radius {
    width: 100%;
    height: 55px;
    overflow: hidden;
    background: #f5f5f5;
}
.gradient-radius:before {
    content: '';
    display: block;
    border: 10px solid transparent !important;
    background: conic-gradient(#fff 0 0) padding-box, linear-gradient(to right, #A8E7FF, #C1ADFF, #00B9FF) border-box;
    border-radius: 100px;
    height: 150px;
    width: calc(100% + 28px);
    margin-left: -14px;
}

#overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
}

.gradient-thin {
    height: 5px !important;
}

.item-page-navigator {
    display: none !important;
}

.checkbox-flex {
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 8px;
}

.tabs-items {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    padding: 14px 20px;
    font-weight: 300;
    background-color: #f3f3f3;
    border-radius: 20px 20px 0 0;
    border-bottom: 5px solid;
    border-image: linear-gradient(to right, #A8E7FF 0%, #C1ADFF 50%, #00B9FF 100%) 1;
}
.tabs-item {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
}
.tabs-item.active, .tabs-item.selected {
    font-weight: 400;
    color: #000;
}
.tabs-item:hover {
    color: #42cbff;
}
#panel__tabs {
    margin-bottom: 30px;
}

.panel-t-link {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #42cbff;
}

.blog-item-art {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
}
.blog-item-art__image {
    position: relative;
    display: block;
    aspect-ratio: 7 / 3;
    overflow: hidden;
}
.blog-item-art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-item-art__info {
    display: flex;
    flex-direction: column;
    padding: 20px;
}
.label-to-img {
    position: absolute;
    display: flex;
    gap: 8px;
    top: 15px;
    left: 15px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #42cbff;
    color: #fff;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 500;
    line-height: 1;
}
.blog-item-art__name {
    display: block;
    padding-bottom: 15px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-decoration: none !important;
    color: #242424 !important;
}
.blog-item-art__description {
    display: block;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none !important;
    color: #242424 !important;
    padding-bottom: 15px;
}
.blog-item-art__date {
    margin-top: auto;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    font-weight: 200;
    text-align: right;
}
.record-search-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: auto;
    color: var(--mid-muted);
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}
.record-search-card-meta span {
    display: inline-flex;
    align-items: center;
}
.record-search-panel {
    margin-bottom: 24px;
}
.record-search-form {
    margin-bottom: 0;
}
.record-search-form__row,
.record-search-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.record-search-form__row {
    justify-content: center;
}
.record-search-form__row input[type="text"],
.record-search-form__row select,
.record-search-tools select {
    min-height: 42px;
    border: 1px solid var(--mid-line);
    border-radius: var(--mid-radius);
    background: var(--mid-surface);
    color: var(--mid-text);
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
}
.record-search-form__row input[type="text"] {
    width: min(320px, 100%);
    padding: 8px 12px;
}
.record-search-form__row select,
.record-search-tools select {
    padding: 8px 34px 8px 12px;
}
.record-search-form__checkbox {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: var(--mid-muted);
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
}
.record-search-tools {
    justify-content: flex-end;
    margin-bottom: 16px;
    color: var(--mid-muted);
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
}
#tab-video {
    text-align: center;
}
#tab-video iframe {
    border-radius: 20px;
}

.blog-description a {
    font-size: inherit;
}

.carusel__content {
    position: relative;
    margin-bottom: 1.5rem;
}

.btn-plus {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: #2dc5ff;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    padding-bottom: 3px;
    border: none;
    cursor: pointer;
    vertical-align: middle;
}
.remove .btn-plus{
    background: #ccc;
    color: #000;
}
.input-cart-quantity {
    height: 24px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
}

.btn-icon {
    width: 20px;
    height: 20px;
    fill: #2dc5ff;
}
.btn:hover .btn-icon {
    fill: #fff;
}
.product-buttons .btn-outline-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    background: #fff;
}
/* по макету: «в закладки», «в сравнение» — строчными */
.product-buttons .btns-row:first-child .btn {
    text-transform: lowercase;
}
/* активный таб «Новый»: белый с мягкой тенью, без голубой обводки */
#product_discount_navigation .btn.selected-image {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}
/* чекбокс опции («Расширенная комплектация») */
.product-price .checkbox-flex .form-check-input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 2px solid #2dc5ff;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}
.product-price .checkbox-flex .form-check-input[type="checkbox"]:checked {
    background: #2dc5ff;
}
.product-price .checkbox-flex .form-check-input[type="checkbox"]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    margin: 1px auto 0;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.county-timer, .county-label {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    width: 100%;
}
.county-timer > span, .county-label > span {
    width: 44px;
    text-align: left;
}
.county-timer {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #000;
}
.county-label {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

.popover-no-arrow {
    --bs-popover-max-width: 100% !important;
    padding: 5px !important;
    border: 1px solid #42cbff !important;
}
.popover-no-arrow .popover-arrow {
    display: none !important;
}
.rek-block {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-template-rows: repeat(3, auto);
    gap: 10px;
    background-color: #fff;
}
.rek-block-text {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
}
.rek-block h4 {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: #42cbff;
}

.search-container {
    display: flex;
    align-items: center;
    border: 2px solid transparent;
    border-radius: 20px;
    background: conic-gradient(#fff 0 0) padding-box, linear-gradient(to right, #A8E7FF, #C1ADFF, #00B9FF) border-box !important;
    z-index: 10;
}
.search-container .btn-search {
    flex-shrink: 0;
    height: 46px;
    margin-left: 0;
    border-radius: 0 18px 18px 0;
}
.search-container .form-select {
    height: 46px;
    max-width: 140px;
    margin-left: 10px;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
}
.search-container .form-select:focus {
    box-shadow: none;
}
.search-container .search-input {
    height: 46px;
    background-color: transparent;
    border: none;
    border-left: 2px solid #b9c0ff;
    outline: none;
    box-shadow: none;
    padding: 0 20px !important;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    width: auto;
    flex: 1;
    min-width: 0;
}
#search.ui-pb {
    padding-bottom: 18px;
}
#search .ui-menu {
    border-bottom: none !important;
    overflow: auto;
}

.count {
    position: absolute;
    top: -10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    padding: 3px 6px;
    color: #fff;
    background: #42cbff;
    border-radius: 20px 20px 20px 0;
}
.count-no-total .count {
    display: none;
}


/* Start modal */
.modal-content {
    top: 50%;
    left: 50%;
    position: fixed;
    width: 100%;
    max-width: 300px;
    transform: translate(-50%, -50%);
    display: block;
}
/* End modal */

/* Start new modal */
/* Окна .new-style (выбор города, соглашение в чекауте, история цены, код входа):
   шрифт, цвета и кнопки — из токенов --mid-* (см. начало файла), чтобы окна
   и формы выглядели одинаково. Кнопки .btn настраиваются через переменные
   Bootstrap 5 (--bs-btn-*): его bootstrap.min.css подключён после этого файла
   и сам красит hover/active/focus/disabled — прямые свойства пришлось бы
   перебивать по каждому состоянию. */
.new-style .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    animation: fadeIn 0.3s ease forwards;
}

.new-style .modal-container {
    background: var(--mid-block-bg);
    border-radius: var(--mid-radius-lg);
    width: 90%;
    max-width: 500px;
    max-height: 95%;
    position: relative;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    animation: slideUp 0.4s ease;
    font-family: var(--mid-font);
    font-size: 15px;
    line-height: 1.4;
    color: var(--mid-text);
}
/* окно получает фокус программно (tabindex=-1) — рамка ему не нужна */
.new-style .modal-container:focus {
    outline: 0;
}

.new-style .modal-container .modal-content-main {
    min-height: 0;
    height: 100%;
    max-height: calc(100vh - 70px);
    overflow-x: hidden;
    overflow-y: auto;
}

.new-style .modal-header {
    padding: 30px 30px 0;
    text-align: center;
}

.new-style .modal-icon {
    margin-bottom: 15px;
}

.new-style .modal-icon svg {
    filter: drop-shadow(0 4px 6px rgba(74, 144, 226, 0.3));
    animation: pulse 2s infinite;
}

.new-style .modal-title {
    margin: 0;
    padding-right: 36px; /* место под крестик */
    font-family: var(--mid-font) !important;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
    text-transform: uppercase !important;
    color: var(--mid-text);
}

.new-style .modal-body {
    padding: 20px 30px;
    text-align: center;
}

.new-style .modal-text {
    color: var(--mid-text);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

.new-style .modal-hint {
    color: var(--mid-text-muted);
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
}

.new-style .modal-footer {
    padding: 20px 30px 30px;
    display: flex;
    gap: 12px;
    justify-content: center;
}

/* Крестик — плашка-кружок, как в попапе корзины */
.new-style .modal-close {
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    background: var(--mid-surface);
    color: var(--mid-text);
    font-size: 22px;
    line-height: 1;
}
.new-style .modal-close:hover {
    background: var(--mid-surface-hover);
    color: var(--mid-text);
    transform: none;
}

/* Button */
.new-style .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 24px;
    --bs-btn-font-family: var(--mid-font);
    --bs-btn-font-size: 16px;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.2;
    --bs-btn-border-width: 0;
    --bs-btn-border-radius: var(--mid-radius);
    --bs-btn-focus-box-shadow: 0 0 0 3px var(--mid-accent-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    transition: background-color .15s ease, color .15s ease;
}

.new-style .btn-primary {
    --bs-btn-color: var(--mid-on-accent);
    --bs-btn-bg: var(--mid-accent);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--mid-on-accent);
    --bs-btn-hover-bg: var(--mid-accent-hover);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--mid-on-accent);
    --bs-btn-active-bg: var(--mid-accent-hover);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: var(--mid-on-accent);
    --bs-btn-disabled-bg: var(--mid-accent);
    --bs-btn-disabled-border-color: transparent;
}

.new-style .btn-secondary {
    --bs-btn-color: var(--mid-text);
    --bs-btn-bg: var(--mid-surface);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--mid-text);
    --bs-btn-hover-bg: var(--mid-surface-hover);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--mid-text);
    --bs-btn-active-bg: var(--mid-surface-hover);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: var(--mid-text-muted);
    --bs-btn-disabled-bg: var(--mid-surface);
    --bs-btn-disabled-border-color: transparent;
}

/* Animations */
@keyframes fadeIn {
    to { opacity: 1; }
}

@keyframes slideUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@keyframes glow {
    0% { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); }
    50% { box-shadow: inset 0 2px 4px rgba(74,144,226,0.3); }
    100% { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* End new modal */

.modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-family: Arial, sans-serif;
    font-size: 24px;
    cursor: pointer;
    color: #999;
    transition: all 0.2s;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 10;
}
.modal-close:hover {
    color: #333;
    background: #f0f0f0;
    transform: rotate(90deg);
}

.icon-default {
    width: 1em;
    height: 1em;
    color: currentColor;
}

.geoip-closetext a {
    font-size: inherit;
    color: #2dc5ff !important;
}

.logo-footer {
    width: 100%;
    max-width: 320px;
    min-width: 120px;
}

.arrow-down {
    width: 16px;
    height: 16px;
}
.rotate .arrow-down {
    transform: rotate(180deg);
}
#menu .arrow-down {
    display: none;
}

.grid-records {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
    justify-content: center;
    gap: 10px;
}

.sna_bline_ul {
    gap: 10px;
}

/* Start social auth icons */
/* Кнопки входа через соцсети (модуль socnetauth2: попап входа, регистрация). Модуль
   выводит jpg 40×40, загруженные в админке, — при увеличении они мылятся и не совпадают
   с иконками подвала. Подменяем их теми же svg из image/social/, картинку модуля прячем.
   Провайдер узнаём по ссылке модуля (/sna-<provider>; Telegram открывает js-виджет). */
.sna_icons .sna_bline_ul li a {
    display: inline-flex;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: no-repeat center / 100% 100%;
    transition: transform .25s ease, opacity .25s ease;
}
.sna_icons .sna_bline_ul li a:hover { transform: translateY(-2px); opacity: .85; }
.sna_icons .sna_bline_ul li a[href*="sna-vkontakte"] { background-image: url(../image/social/vk.svg); }
.sna_icons .sna_bline_ul li a[href*="sna-odnoklassniki"] { background-image: url(../image/social/ok.svg); }
.sna_icons .sna_bline_ul li a[href*="sna-yandex"] { background-image: url(../image/social/yandex.svg); }
.sna_icons .sna_bline_ul li a[href*="showTelegramWindow"] { background-image: url(../image/social/telegram.svg); }
.sna_icons .sna_bline_ul li a[href*="sna-vkontakte"] img,
.sna_icons .sna_bline_ul li a[href*="sna-odnoklassniki"] img,
.sna_icons .sna_bline_ul li a[href*="sna-yandex"] img,
.sna_icons .sna_bline_ul li a[href*="showTelegramWindow"] img { display: none; }
/* End social auth icons */

/*
@media (max-width: 760px) {
    header {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-template-rows: 50px auto auto 130px;
        grid-template-areas:
        "region region icons"
        "logo logo logo"
        "time time time"
        "menu search search";
        row-gap: 10px;
    }
    .header__geo {
        display: none;
    }
    .nav-geo {
        display: none;
    }
    .collapse-line:before {
        width: 100%;
        border-top-right-radius: 0;
    }
    .collapse-text {
        font-size: 16px;
    }
    .product-filter .limit {
        display: none;
    }
    .product-filter .sort {
        display: flex;
        flex-direction: column;
        order: 1;
        padding-bottom: 5px;
    }
    .product-filter .sort select {
        margin-left: 0px;
    }
    .product-filter .display {
        order: 2;
    }
    .product-list .product-thumb {
        grid-template-columns: 1fr;
        grid-template-rows: 40px auto auto auto auto;
        grid-template-areas:
        "thumb_top"
        "thumb_image"
        "thumb_name"
        "thumb_helper"
        "thumb_bottom";
        padding: 0 20px 20px;
    }
    .product-list .product-thumb__image {
        padding-top: 0;
    }
    .attributes-list, .attributes-list a, .summary-card-title {
        font-size: 14px;
    }
    .product-attr {
        padding: 30px 15px 25px;
    }
    .product-title-wrapper {
        margin-top: 0;
    }
    .product-info .rating {
        border: none;
    }
}
*/

/* ========== MIN-WIDTH QUERIES ========== */

@media (min-width: 1024px) {
	.bg-mobile {
		display: none;
	}
	.bg-desktop {
		display: block;
	}
}

/* Start desktop product lists and inserts */
@media (min-width: 992px) {
    /* Photo, product information and purchase actions form three columns. */
    .product-list > .product-thumb[data-product-id] {
        grid-template-columns: 180px minmax(0, 1fr) 260px;
        grid-template-rows: auto auto 1fr auto;
        grid-template-areas:
            "thumb_image thumb_name price"
            "thumb_image meta price"
            "thumb_image perks price"
            "thumb_image colors action";
        gap: 10px 28px;
        padding: 24px;
        border-radius: var(--mid-radius-lg);
    }
    .product-list .product-thumb__image {
        align-self: center;
    }
    .product-list .product-thumb__image img {
        width: 180px;
        height: 180px;
    }
    .product-list .product-thumb__name a {
        font-size: 18px;
        line-height: 1.4;
    }
    .product-list .product-thumb__top > .rating,
    .product-list .product-thumb__stickers {
        align-self: start;
    }
    .product-list .colors {
        align-self: center;
    }
    /* Keep price and actions aligned consistently across products. */
    .product-list .product-thumb__price {
        align-self: center;
        gap: 8px 12px;
        font-size: 30px;
    }
    .product-list .product__price_new,
    .product-list .listing-current-price {
        flex-basis: 100%;
    }
    .product-list .product__price_old {
        font-size: 15px;
    }
    .product-list .btn-product-cart {
        align-self: center;
        min-height: 48px;
    }
    .product-list .listing-wishlist,
    .product-list .listing-compare {
        height: 48px;
        border-radius: var(--mid-radius);
        background: var(--mid-surface);
    }
    .product-list .listing-wishlist:hover,
    .product-list .listing-compare:hover {
        background: var(--mid-surface-hover);
    }
    .product-list .product-thumb__image .product-video {
        width: 180px !important;
        height: 180px !important;
    }

    /* Expert consultation: portraits, copy and compact contact actions. */
    .product-list > .expert-tile {
        display: grid;
        grid-template-columns: 140px minmax(0, 1fr) 170px 44px 44px;
        grid-template-rows: auto auto;
        grid-template-areas:
            "portraits title question telegram whatsapp"
            "portraits summary question telegram whatsapp";
        gap: 8px 16px;
        align-items: center;
        min-height: 150px;
        padding: 24px !important;
        border: 1px solid var(--mid-line);
        border-radius: var(--mid-radius-lg);
        background: var(--mid-surface);
        color: var(--mid-text);
    }
    .product-list .expert-tile > .title {
        grid-area: title;
        align-self: end;
        margin: 0;
        font-size: 20px;
        line-height: 1.3;
        text-align: left;
    }
    .product-list .expert-tile > span {
        grid-area: summary;
        align-self: start;
        font-size: 14px;
        line-height: 1.5;
        color: var(--mid-text-muted);
        text-align: left !important;
    }
    .product-list .expert-tile > .experts {
        grid-area: portraits;
        width: 140px;
        height: 80px;
        margin: 0;
    }
    .product-list .expert-tile .experts .left,
    .product-list .expert-tile .experts .right1 {
        width: 58px;
        height: 58px;
    }
    .product-list .expert-tile .experts .center {
        width: 72px;
        height: 72px;
        outline-color: var(--mid-surface);
    }
    .product-list .expert-tile > a {
        width: 100%;
        height: 44px;
        margin: 0;
        border-radius: var(--mid-radius);
    }
    .product-list .expert-tile > .ct {
        grid-area: question;
        background: var(--mid-accent);
        color: var(--mid-on-accent);
        font-size: 15px;
    }
    .product-list .expert-tile > .tg {
        grid-area: telegram;
        font-size: 0;
    }
    .product-list .expert-tile > .wa {
        grid-area: whatsapp;
        font-size: 0;
    }
    .product-list .expert-tile > .wa svg {
        margin-left: 0 !important;
    }

    /* Newsletter: small illustration and a horizontal form. */
    .product-list > .form-subscribe {
        display: block;
        min-height: 150px;
        margin: 0;
        padding: 24px !important;
        border: 1px solid var(--mid-line);
        border-radius: var(--mid-radius-lg);
        background: var(--mid-accent-soft);
        color: var(--mid-text);
    }
    .product-list > .form-subscribe #subscribe {
        display: grid;
        grid-template-columns: 48px minmax(160px, 0.8fr) minmax(0, 2fr);
        grid-template-areas: "icon title form";
        gap: 20px;
        align-items: center;
        min-height: 100px;
    }
    .product-list > .form-subscribe #subscribe > .envelope {
        grid-area: icon;
        width: 48px;
        height: 48px;
        margin: 0;
    }
    .product-list > .form-subscribe #subscribe > .title {
        grid-area: title;
        font-size: 20px;
        line-height: 1.3;
        text-transform: none;
        color: var(--mid-text);
    }
    .product-list > .form-subscribe #subscribe form {
        grid-area: form;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 140px;
        gap: 8px;
        align-items: start;
        min-width: 0;
    }
    .product-list > .form-subscribe #subscribe .form {
        min-width: 0;
        margin: 0;
        background: transparent;
    }
    .product-list > .form-subscribe #subscribe-name {
        grid-area: 1 / 1;
    }
    .product-list > .form-subscribe #subscribe-email {
        grid-area: 1 / 2;
    }
    .product-list > .form-subscribe #subscribe form > div:has(> button[type="submit"]) {
        grid-area: 1 / 3;
    }
    .product-list > .form-subscribe #subscribe .form input {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        height: 44px;
        margin: 0;
        padding: 10px;
        border: 1px solid var(--mid-field-border);
        border-radius: var(--mid-radius);
        background: var(--mid-field-bg);
        color: var(--mid-text);
    }
    .product-list > .form-subscribe #subscribe .form > i,
    .product-list > .form-subscribe #subscribe .form > svg {
        display: none;
    }
    .product-list > .form-subscribe #subscribe button {
        height: 44px;
        margin: 0;
        border-radius: var(--mid-radius);
        background: var(--mid-accent);
        color: var(--mid-on-accent);
    }
    .product-list > .form-subscribe #subscribe button:disabled {
        opacity: 0.6;
        cursor: wait;
    }
    .product-list > .form-subscribe #subscribe .agree,
    .product-list > .form-subscribe #subscribe .error,
    .product-list > .form-subscribe #subscribe .success {
        grid-column: 1 / -1;
    }
    .product-list > .form-subscribe #subscribe .agree {
        font-size: 11px;
        line-height: 1.4;
        color: var(--mid-text-muted);
    }
    .product-list > .form-subscribe #subscribe .agree a {
        color: var(--mid-link);
    }
    .product-list > .form-subscribe #subscribe > .notification {
        grid-area: form;
        min-width: 0;
    }
    .product-list > .form-subscribe #subscribe input:focus-visible,
    .product-list > .form-subscribe #subscribe button:focus-visible,
    .product-list .expert-tile > a:focus-visible {
        outline: 2px solid var(--mid-link);
        outline-offset: 2px;
    }
}
/* End desktop product lists and inserts */

@media (min-width: 981px) {
	.product-info .btnGrupTow {
		max-width: 300px;
	}
	.new_product .product-info .btnGrupTow {
		max-width: none;
	}
}

@media (min-width: 769px) {
	#simplecheckout_customer .simplecheckout-block-content {
		min-height: 235px;
	}
}

@media (min-width: 761px) {
	#menu {
		/*overflow: hidden;*/
	}

	#menu .search {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	}
}

/* ========== MAX-WIDTH QUERIES ========== */

@media (max-width: 1600px) {
    #menu > ul > li {
        padding: 0 10px;
    }
}

@media (max-width: 1480px) {
    header {
        grid-template-columns: 40px calc(30% - 40px) auto 30%;
        grid-template-areas:
        "geo region logo icons"
        "geo time logo icons"
        "menu menu menu menu"
        "search search search search";
    }
    .header__logo {
        height: 70px;
    }
    .header__icons {
        align-self: center;
    }
    .nav-icons {
        gap: 0px;
    }
    #menu.pc {
        justify-content: center;
    }
    #menu .category_wrap {
        left: auto;
    }
    #social_link {
        top: 270px;
    }
}

@media (max-width: 1320px) {
    .icons-wrap {
        display: none;
    }
}

@media (max-width: 1290px) {
	.product-filter .product-compare {
		display: none;
	}
}

@media (max-width: 1280px) {
	/* Девять пунктов меню (с «Для бизнеса») в 22px не влезают в одну строку уже при ~1210px — ужимаем шрифт */
	#menu > ul > li.item > a, #menu .item .item_name {
		font-size: 20px;
	}
	.cat_menu {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
	.refine .refine_item {
		display: inline-block;
		width: 49.7%;
	}
	.refine .refine_item:nth-child(even) a {
		margin-right: 0;
	}
	.refine .refine_item:nth-child(even) .recom {
		left: auto;
		right: 0;
	}
	#menu .search {
		width: 5% !important;
	}
	.product-info .rightInfo {
		left: 32%;
	}
	.product-info .right {
		right: 33%;
		width: 300px;
		margin-left: 0;
	}
	.helper_box li {
		width: 100%;
	}
}

@media (max-width: 1100px) {
    header {
        grid-template-columns: auto auto auto;
        grid-template-rows: auto 30px auto auto auto 130px;
        grid-template-areas:
        "region region icons"
        "gradient gradient gradient"
        "logo logo logo"
        "time time time"
        "menu menu menu"
        "search search search";
        gap: 10px 5px;
        padding-top: 0;
    }
    #geoip .zone {
        display: block;
        padding: 6px;
        border: 1px solid #00364a;
        border-radius: 4px;
        font-family: 'Inter', Arial, sans-serif;
        font-weight: 600;
        font-size: 13px;
        line-height: normal;
        color: #00364a;
        text-decoration: none;
    }
    .mobDev {
        display: none;
    }
    .header__region {
        margin-top: 20px;
        padding-left: 20px;
    }
    .header__gradient {
        display: block;
        grid-area: gradient;
        padding-top: 5px;
    }
    .header__geo {
        display: none;
    }
    .region-block__text {
        display: none;
    }
    .header__time {
        justify-self: center;
        align-self: center;
    }
    .time-block {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .time-block .text-normal {
        font-size: 18px;
    }
    .time-block .phones-list {
        font-size: 20px;
    }
    .header__icons {
        margin-top: 20px;
    }
    .nav-icons {
        margin-bottom: 0;
        padding-right: 20px;
    }
    .nav-icons svg {
        width: 24px;
        height: 24px;
    }
    .nav-icons .nav-icon-text {
        display: none;
    }
    #currency {
        display: block;
    }
}

@media (max-width: 1024px) {
	.bg-desktop {
		display: none;
	}
	.bg-mobile {
		display: block;
	}
	#content .product-info {
		/* Preserve containment without blocking the sticky review summary. */
		display: flow-root;
		overflow: clip;
	}
	.schema-container {
		grid-template-columns: minmax(0, 1fr);
		overflow: visible;
	}
	.schema-container .schema-map,
	.schema-container .schema-table-container {
		width: 100%;
	}
	.schema-container .schema-map {
		position: static;
	}
	.contact-cities-block-city {
		width: 100%;
	}
}

@media (max-width: 992px) {
    /* Product review overview: rating above the feed on tablets. */
    #tab-review .feedback-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }
    #tab-review .product-review-widget .review-form-open {
        margin-left: 0;
    }
    #tab-review .feedback-summary {
        position: static;
        max-height: none;
        overflow-y: visible;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        gap: 16px 28px;
    }
    #tab-review .feedback-summary-distribution {
        margin-top: 0;
    }
    #tab-review .feedback-summary-actions {
        grid-column: 1 / -1;
        justify-self: stretch;
        margin-top: 0;
    }

    .product-filter {
        padding: 0 25px;
    }
    .product-filter .display {
        gap: 5px;
    }
}

@media (max-width: 982px) {
	.grid2_50, .grid2_30, .grid2_100 {
		width: 100% !important;
		margin-right: 0;
	}
	.record-block {
		width: auto;
		margin-right: 10px;
		position: relative;
	}
	.record-block .name {
		margin: 0;
		position: absolute !important;
		top: 40%;
	}
	.record-block .record-thumb {
		display: none;
	}
	.record-block .flex-direction-nav .flex-prev {
		margin-left: 10px;
	}
}

@media (max-width: 980px) {
	#menu .sub_cat {
		display: none;
	}
	.cat_menu {
		-moz-column-count: 1 !important;
		-webkit-column-count: 1 !important;
		column-count: 1 !important;
	}
	#menu .junior_category .jun_wrap .recom {
		display: none !important;
	}
	#menu .main_category {
		width: 40%;
	}
	#menu .junior_category {
		width: 60%;
	}
	#menu .category_wrap a {
		font-size: 1em !important;
	}
	#menu .category_wrap {
		font-size: .9em !important;
	}
	#menu .junior_category ul li {
		width: 100% !important;
	}
	#menu .jun_image, #menu .jun_main .jun_desc {
		display: none !important;
	}
	#menu .search {
		width: 8% !important;
	}
	#menu .scroll_mf {
		overflow: auto;
		height: 500px;
	}
	#menu .manufact_item {
		width: 48%;
		margin-top: 0;
	}
	#menu .manufact_item a {
		margin: 5px 0 0 0;
	}
	.product-thumb .helper_box li .img > .description {
		bottom: auto !important;
		top: -10px !important;
		left: 500%;
		width: 180px;
	}
	.product-thumb .helper_box li .img > .description:after {
		border: 5px solid transparent;
		border-right-color: #353a3f;
		border-left: 0;
		margin-top: -5px;
		left: 0;
		top: 20px;
		margin-left: -5px;
	}
	.helper_box li .img {
		width: 10%;
		text-align: center;
	}
	.product-info .right .btnGrupTow {
		text-align: center;
		float: none !important;
	}
	.product-info .right {
		right: 0;
		width: 100%;
	}
	.product-info .rightInfo {
		border: none !important;
		padding: 0 !important;
		left: 0 !important;
		margin-bottom: 20px;
	}
	.helper_box li {
		width: 49.5%;
	}
	.short_description {
		display: none;
	}
	.calc-dost-mobile {
		display: block;
	}
}

@media (max-width: 780px) {
    /* Выпадающий список выше следующих пунктов мобильного меню (z-index: 100). */
    #menu #sidemenu .sidemenu-info {
        position: relative;
        z-index: 101;
    }

    /* Мобильный поиск раскрывается под сортировкой. */
    #tab-review .product-review-feedback .review-search-form {
        flex-wrap: wrap;
    }
    #tab-review .product-review-feedback .feedback-search-toggle {
        display: inline-flex;
    }
    #tab-review .feedback-sort-actions {
        flex: 1 1 100%;
    }
    #tab-review .product-review-feedback .feedback-search-panel {
        order: 2;
        flex: 1 1 100%;
    }
    #tab-review .product-review-feedback .feedback-search-panel.is-collapsed {
        display: none;
    }

    header {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-template-rows: auto 30px auto auto auto;
        grid-template-areas:
        "region region icons"
        "gradient gradient gradient"
        "logo logo logo"
        "time time time"
        "search search search";
        gap: 10px 5px;
        padding-top: 0;
    }
    .header__search .gradient-div {
        display: none;
    }
    .header__search .search-wrapper {
        background-color: #fff;
    }
    .header__search .search-input {
        height: 36px;
        width: 100%;
        flex: 1;
    }
    .search-container {
        max-width: 80%;
        min-width: 300px;
        padding-left: 50px;
    }
    .search-container .form-select {
        height: 36px;
        max-width: 130px;
        margin-left: 0;
    }
    .search-wrapper .btn-search {
        width: 40px;
        height: 40px;
        font-size: 18px;
        flex-shrink: 0;
        border-radius: 0 18px 18px 0;
    }
    .search-wrapper {
        justify-content: start;
        padding: 0 15px 25px 0;
    }
    .header__menu {
        grid-area: search;
        width: 56px;
    }
    #menu .item_name_mobile {
        height: 44px;
    }
    #search {
        width: auto;
    }
    #menu {
        margin: 0;
    }
    #menu .item_name_mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    #sidemenu {
        position: fixed;
        top: 0;
        left: 0;
        display: none !important;
        flex-direction: column;
        align-items: flex-start;
        width: 270px;
        height: 100%;
        overflow-y: auto;
        background-color: #2DC5FF;
        color: #fff;
        transition: 0.75s ease-out;
        padding: 0;
        z-index: 100;
    }
    #sidemenu.show {
        display: flex !important;
    }
    #sidemenu.show ~ #overlay {
        display: block;
    }
    #menu .category_wrap {
        position: relative;
        top: 0;
        height: auto;
        z-index: 1000000;
        transition: 0.75s ease-out;
        background: #fff;
        padding: 0;
        border-top: none;
        border-radius: 0;
    }
    #menu .item {
        width: 100%;
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        text-align: left;
    }
    #menu > ul > li.item > a {
        color: #fff;
        font-weight: 300;
        padding: 10px 18px;
    }
    #menu > ul > li.item > a, #menu .item .item_name{
        height: auto;
    }
    #menu .item .item_name {
        color: #fff;
        padding: 10px 18px;
    }
    #menu .item .item_name, #menu .main_cat > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #menu .arrow-down {
        display: block;
    }
    #menu.pc > ul {
        flex-wrap: nowrap;
    }
    .main_cat .megamenu-icon {
        width: 25px;
        height: 25px;
    }
    .sub_cat {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    footer h5 {
        font-size: 16px;
    }
    footer .nav-item {
        font-size: 14px;
    }
    .product-title-wrapper {
        margin-top: 0;
    }
    /* на узком экране заголовок занимает всю ширину — освобождаем место под кнопку */
    .product-back {
        left: 0;
        width: 36px;
        height: 36px;
    }
    .product-title {
        padding: 0 40px;
    }
    .product-info .rating {
        border: none;
    }
    .product-list .product-thumb__image {
        padding-top: 0;
    }
    .attributes-list, .attributes-list a, .summary-card-title {
        font-size: 14px;
    }
    .product-attr {
        padding: 30px 15px 25px;
    }
    .collapse-bg {
        width: 100%;
    }
    .gradient-radius {
        display: none;
    }
    .collapse-line:before {
        width: 100%;
        border-top-right-radius: 0;
    }
    .collapse-text {
        font-size: 16px;
    }
    .record-search-form__row,
    .record-search-tools {
        align-items: stretch;
        flex-direction: column;
    }
    .record-search-form__row input[type="text"],
    .record-search-form__row select,
    .record-search-form__row .bt,
    .record-search-tools select {
        width: 100%;
    }
}

@media (max-width: 768px) {
	.simple_num {
		visibility: hidden;
	}
	.comment-login-success-notification {
		max-width: none;
		font-size: 14px;
		padding: 12px 15px;
	}
}

@media (max-width: 760px) {
	#gap {
		display: none !important;
		height: 0 !important;
	}
	#tabsp a {
		display: inline !important;
        white-space: nowrap;
	}
	.success {
		width: 270px !important;
		padding: 0 !important;
		text-align: center !important;
		font-size: .9em;
	}
	#notification .success {
		width: 100% !important;
	}
	.image_success {
		display: none !important;
	}
	.brendMenu span {
		display: block;
		margin-bottom: 5px;
		text-align: left;
	}
	.youwatched {
		display: none !important;
	}
	.header-phones {
		min-height: 0;
	}
	.product_btn .btn {
		display: block;
		padding: 8px;
		margin: 15px 20px;
		line-height: unset;
		border: unset;
		max-width: 120px;
	}
	.product_btn .btn:not(:first-child) {
		display: none;
	}
	.account_info {
		width: 100%;
	}
	.manager_info {
		width: 100%;
		margin-top: 20px;
	}
	.order_list {
		margin-top: 20px;
	}
	.blog-latest-content, .blog-category-content {
		display: none;
	}
	.show_box {
		position: absolute;
		right: 10px;
		display: block;
		width: 20px;
		height: 20px;
		cursor: pointer;
		top: 50%;
		margin-top: -10px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAJFBMVEX///93d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3frM4qoAAAAC3RSTlMAESJVZneZu8zd7usAyPsAAAA1SURBVHgBYxisgIUZwYABRi5uCIeVmwOhkgkoChbjZGRAE0WIIUTZEGIIUbAYuig7WGzgAQDPpAEFGzIv4gAAAABJRU5ErkJggg==);
		background-position: 0 0;
		border: 1px solid transparent;
	}
	.show_box.active, .show_box:hover {
		border: 1px solid #f5f5f5;
		background-color: rgba(0,0,0,.08);
		border-radius: 4px;
		-webkit-transition: transform .5s ease-in-out;
		-webkit-transition: transform .5s ease-in-out;
		-o-transition: transform .5s ease-in-out;
		transition: transform .5s ease-in-out;
	}
	.show_box.active {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.comment-images {
		overflow: auto;
		white-space: nowrap;
	}
	#social_link {
		top: 145px;
	}
	#book-up {
		bottom: 90px;
	}
	#book-up img {
		width: 50px;
	}
	.book-success {
		padding-right: 30px;
		max-width: none;
	}
	.circles .circle > .description {
		left: -220px;
	}
    .htabs {
        justify-content: start;
        overflow: auto;
    }
    .tabs-item {
        font-size: 16px;
    }
}

@media (max-width: 700px) {
	.qtip {
		max-width: 70% !important;
	}
}

@media (max-width: 680px) {
	.flex-recipe {
		width: 44%;
	}
}

@media (max-width: 650px) {
	.userBlog .content-records {
		width: 48%;
		margin-left: 7px;
	}
}

@media (max-width: 640px) {
    /* Product list */
    .product-list > .product-thumb[data-product-id] {
        grid-template-columns: 130px minmax(0, 1fr);
        grid-template-areas:
            "thumb_image thumb_name"
            "thumb_image meta"
            "price price"
            "perks perks"
            "colors colors"
            "action action";
        gap: 6px 12px;
        padding: 12px;
    }
    .product-list .product-thumb__image img {
        width: 130px;
        height: 130px;
    }
    .product-list .product-thumb__name a {
        font-size: 15px;
    }

    .product-list .product-thumb__image .product-video {
        width: 130px !important;
        height: 130px !important;
    }

	.tooltip-info:after {
		max-width: 80px;
	}
	.refine .refine_item {
		margin: 0 0 2.5px 0;
		width: 100%;
		display: block;
		padding: 0;
	}
	.refine .refine_item > a {
		margin: 0 !important;
	}
	.product-filter .limit {
		display: none;
	}
}

@media (max-width: 600px) {
	.userBlog .content-records {
		min-width: 300px;
		margin: 4px auto;
	}
}

@media (max-width: 575px) {
    /* Article gallery */
    .blog #similar_wrap {
        border-radius: 16px;
    }
    .blog .record-panels > .tab-pane {
        padding: 14px;
        border-radius: 16px;
    }
    .blog .record-gallery-grid,
    .blog .record-related-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    .blog .record-panels .attribute td {
        padding: 10px;
    }

    #tab-review .review-subscription-dialog {
        padding: 20px 16px;
    }
    /* Компактная сводка оценок. */
    #tab-review .feedback-summary {
        padding: 18px 16px;
        gap: 16px;
    }
    #tab-review .feedback-summary-score {
        font-size: 38px;
    }
    #tab-review .feedback-summary h3 {
        font-size: 12px;
        margin-bottom: 10px;
    }
    #tab-review .feedback-summary-row {
        grid-template-columns: 8px minmax(0, 1fr) 28px;
        gap: 6px;
        font-size: 11px;
    }
    #tab-review .feedback-summary-actions {
        justify-self: stretch;
    }

	/* Start product questions */
	#qa .qa-sort-field,
	#tab-review .feedback-sort-actions {
		flex-basis: 100%;
	}

	#qa .qa-card,
	#tab-review .product-review-feedback .qa-card {
		padding: 16px;
	}

	#qa .qa-answers,
	#tab-review .product-review-feedback .qa-answers {
		padding-left: 10px;
	}

	#qa .qa-answer,
	#tab-review .product-review-feedback .qa-answer {
		padding: 14px;
	}

	#qa .answer-form,
	#tab-review .product-review-feedback .answer-form {
		padding: 16px;
	}

	#qa .qa-tools,
	#tab-review .product-review-feedback .qa-tools {
		gap: 8px;
	}
	/* End product questions */
}

@media (max-width: 520px) {
	.sdm-img1 {
		text-align: center;
	}
	.sdm-img1 img {
		float: none;
		transform: rotate(90deg);
	}
	.sdm-p1 {
		margin-left: 10px;
	}
	.md-block-container-sdm {
		margin-left: 10px;
	}
	.md-block-children1-sdm {
		max-width: 90%;
		margin-right: 10px;
	}
	.md-block-children2-sdm {
		max-width: 90%;
		margin-right: 10px;
	}
    .modal-close {
        top: 10px;
        right: 10px;
    }
}

@media (max-width: 480px) {
	.product-filter b {
		display: none;
	}
	.product-filter .sort {
		padding: 0 !important;
	}
	.product-filter .sort select {
		margin-left: 0;
		width: auto;
	}
	.product-filter .display b {
		display: none;
	}
	.wishlist-info td {
		padding: 2px 2px 2px 0;
	}
	.wishlist-info td.image {
		display: none;
	}
	.wishlist-info td.action {
		text-align: center;
	}
	.wishlist-info td.action a {
		display: block;
	}
	.wishlist-info thead td.action {
		white-space: nowrap;
		overflow: hidden;
		width: 25px;
		text-overflow: ellipsis;
		display: block;
	}
	.helper_box li {
		width: 100%;
	}
	.buttons-mob .left {
		display: none;
	}
}

@media (max-width: 450px) {
	.btn-review {
		margin-right: 0;
	}
}

/* Узкие экраны. У .search-container стоит min-width: 300px, а строка поиска
   занимает все три колонки грида шапки: её min-content (50px отступа под бургер
   + 300px + кнопка) раздувал грид до 370px и весь документ уезжал вправо.
   Ниже 430px снимаем min-width — поиск тянется по доступной ширине. */
@media (max-width: 430px) {
	.search-container {
		min-width: 0;
		max-width: 100%;
	}
	/* иначе стрелка переключателя языка срывается на вторую строку */
	.header__region .btn-top {
		white-space: nowrap;
	}
}

@media (max-width: 380px) {
	.product-thumb .helper_box li .img > .description {
		bottom: auto;
		top: -10px;
		left: 350%;
	}
	.flex-recipe {
		width: 100%;
	}
}

@media (max-width: 360px) {
	.login-content .forg {
		display: block;
		float: none;
		clear: both;
		text-align: right;
	}
}

@media (max-width: 320px) {
	.md-block-children img {
		max-width: 90%;
	}
	.md-children img {
		float: none !important;
	}
}

@media screen and (max-height: 720px) {
	.main_cat {
		margin-bottom: 15px;
	}
	.cat_menu {
		padding-bottom: 10px;
		padding-top: 10px;
	}
}
/* ===== Правки по макету Figma «финал» (главная) ===== */

/* Кнопка «?» (FAQ) под share-кнопкой у правого края */
#help_link {
    position: absolute;
    top: 204px;
    right: 0;
    z-index: 502;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 20px 0 0 20px;
    background-color: #42CBFF;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s ease;
}
#help_link:hover { background-color: #1794c0; color: #fff; text-decoration: none; }
@media (max-width: 1480px) { #help_link { top: 332px; } }
@media (max-width: 768px) { #help_link { display: none; } }

/* Раскрывающийся блок «Информация» на главной */
.info-collapse-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 25px 0 10px;
}
.info-collapse-links a {
    display: block;
    padding: 10px 22px;
    border: 1px solid #42CBFF;
    border-radius: 25px;
    color: #124C5F;
    text-decoration: none;
    transition: background-color .3s ease, color .3s ease;
}
.info-collapse-links a:hover { background-color: #42CBFF; color: #fff; }

/* Соцсети в футере — крупные круглые кнопки (по макету) */
/* Start social icons refresh */
.footer-socials { gap: 12px; align-items: center; margin-bottom: 0; }
.footer-socials li a {
    display: flex;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: transform .25s ease, opacity .25s ease;
}
.footer-socials li a:hover { transform: translateY(-2px); opacity: .85; }
.footer-socials li a img { width: 100%; height: auto; display: block; }
/* Шесть кружков по 44px не влезают в узкие экраны (6*44+5*12 = 324px при 288px полезной
   ширины на 320px) — на мобильных уменьшаем, чтобы ряд оставался одной строкой */
@media (max-width: 575px) {
    .footer-socials { gap: 10px; }
    .footer-socials li a { width: 40px; height: 40px; }
}
@media (max-width: 400px) {
    .footer-socials { gap: 8px; }
    .footer-socials li a { width: 36px; height: 36px; }
}
/* End social icons refresh */


/* Start payment icons refresh */
.footer-payments { gap: 10px; align-items: center; margin-bottom: 0; }
.footer-payments li { display: flex; align-items: center; }
.footer-payments li a { display: block; line-height: 0; }
.footer-payments img {
    width: 64px;
    height: 38px;
    display: block;
    transition: transform .25s ease, box-shadow .25s ease;
}
.footer-payments li:hover img, .footer-payments li a:hover img {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
    border-radius: 6px;
}
/* Шесть иконок по 64px не влезают в узкие экраны (6*64+5*10 = 434px), а перенос
   оставляет одинокую карточку на второй строке — вместо этого уменьшаем
   иконки и сжимаем промежутки, чтобы ряд держался в одну строку до 320px. */
@media (max-width: 575px) {
    .footer-payments { gap: 7px; }
    .footer-payments img { width: 54px; height: 32px; }
}
@media (max-width: 400px) {
    .footer-payments { gap: 4px; }
    .footer-payments img { width: 44px; height: 26px; }
}
@media (max-width: 360px) {
    .footer-payments { gap: 3px; }
    .footer-payments img { width: 40px; height: 24px; }
}



/* End payment icons refresh */



/* Фикс: подложка collapse-полосы (z-index:-1) не должна уходить под фон родителя */
.collapse-line { z-index: 0; }

/* Кнопка закрытия banner-book: гасим встроенный крест Bootstrap 5 (.btn-close), остаётся крест темы из :before */
.banner-book .btn-close {
    width: auto;
    height: auto;
    background: none;
    opacity: 1;
    border: 0;
    box-sizing: border-box;
}

/* Start final catalog menu definitive responsive rules */
@media (min-width: 781px) {
    #menu .mobile-menu-head,
    #menu .mobile-menu-only {
        display: none;
    }
    #menu.pc,
    #menu .item-main {
        position: static;
    }
    #sidemenu:not(.show) .item-main:hover .category_wrap {
        display: flex;
    }
    #menu .category_wrap {
        left: 46vw;/* 50vw;*/
        width: 1180px;
        max-width: calc(100vw - 40px);
        height: auto;
        max-height: calc(100vh - 120px);
        align-items: stretch;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(-50%);
        background: linear-gradient(to right, #fff 0, #fff 60%, #42cbff 60%, #42cbff 100%);
        border-top: 0;
        border-radius: 0 0 20px 20px;
        box-shadow: 0 12px 30px rgba(0, 54, 74, .14);
        z-index: 503;
    }
    /* Сетка вместо column-count: в макете заголовки категорий стоят на общих
       строках во всех столбцах, а разбиение по колонкам оставлено вертикальным.
       Число строк приходит из шаблона в --menu-rows */
    #menu .cat_menu {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(var(--menu-rows, 9), auto);
        align-content: start;
        padding: 18px 22px;
        box-sizing: border-box;
        column-gap: 24px;
        row-gap: 12px;
    }
    #menu .cat_menu_main {
        flex: 1 1 auto;
        align-self: flex-start;
        width: 60%;
        grid-template-columns: repeat(3, 1fr);
    }
    #menu .cat_menu_feature {
        flex: 0 0 40%;
        align-self: flex-start;
        width: 40%;
        grid-template-columns: repeat(2, 1fr);
    }
    #menu .main_cat {
        display: block;
        width: 100%;
        margin: 0;
        vertical-align: top;
    }
    #menu .main_cat > a {
        position: relative;
        display: flex;
        min-height: 20px;
        padding: 0 0 0 40px;
        align-items: center;
        color: #000;
        background: transparent;
        border-radius: 0;
        font-family: 'Inter', Arial, sans-serif;
        /* 13.09.2026: шрифт мегаменю поднят на 2px по просьбе заказчика (было 16/12) */
        font-size: 18px;
        font-weight: 600;
        line-height: 21px;
        white-space: normal;
    }
    #menu .main_cat > a:hover,
    #menu .main_cat > a:focus {
        color: #42cbff !important;
        background: transparent;
    }
    #menu .main_cat .megamenu-icon {
        position: absolute;
        left: 0;
        display: block !important;
        width: 28px;
        height: 28px;
        color: #42cbff;
    }
    /* В макете иконка у категорий со списком опущена под заголовок,
       на уровень первых строк подкатегорий */
    #menu .main_cat > a.submenu .megamenu-icon {
        top: 10px;
    }
    #menu .main_cat .arrow-down {
        display: none !important;
    }
    /* Подкатегории начинаются с той же вертикали, что и заголовок */
    #menu .main_cat .sub_cat {
        display: block !important;
        padding: 2px 0 0 40px;
        margin: 0;
    }
    #menu .sub_cat > li,
    #menu .sub_sub_cat > li {
        margin: 0;
        line-height: 18px;
    }
    #menu .sub_cat > li > a {
        padding: 0;
        color: #222;
        font-family: 'Inter', Arial, sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 18px;
    }
    #menu .sub_sub_cat {
        display: none;
    }
    #menu .main_cat.desktop-menu-feature {
        margin: 0;
    }
    #menu .main_cat.desktop-menu-feature .sub_cat {
        padding-left: 40px;
    }
    #menu .main_cat.desktop-menu-feature .sub_cat > li > a {
        color: #fff;
        font-size: 14px;
        line-height: 18px;
    }
    #menu .main_cat.desktop-menu-feature > a,
    #menu .main_cat.desktop-menu-feature > a:hover,
    #menu .main_cat.desktop-menu-feature > a:focus {
        color: #fff !important;
    }
    #menu .main_cat.desktop-menu-feature .megamenu-icon {
        color: #fff;
    }
}

/* Уплотняю меню на невысоких экранах, чтобы реже включался внутренний скролл */
@media (min-width: 781px) and (max-height: 800px) {
    #menu .cat_menu {
        padding: 12px 22px;
        row-gap: 8px;
    }
}

@media (max-width: 780px) {
    /* #menu.pc — контекст наложения с z-index 501, из-за него шторка оказывалась
       под переключателем языка (#glanguage, z-index 999) */
    body.menu-open #menu.pc {
        z-index: 1002;
    }
    #sidemenu {
        display: flex !important;
        width: 240px;
        max-width: calc(100vw - 20px);
        visibility: hidden;
        background: #2dc5ff;
        transform: translateX(-100%);
        transition: transform .3s ease, visibility .3s ease;
        z-index: 1002;
        right: auto;
        box-sizing: border-box;
        overscroll-behavior: contain;
    }
    #sidemenu.show {
        visibility: visible;
        left: 0;
        transform: none;
    }
    #sidemenu.show ~ #overlay {
        z-index: 99;
    }
    #menu .category_wrap {
        left: 0;
        top: 0;
        width: 100%;
        max-width: none;
        background: #f3f3f3;
        transform: none;
        box-shadow: none;
    }
    #menu .item-main > .category_wrap {
        display: none !important;
    }
    #menu .item-main > .category_wrap.d-block {
        display: none !important;
    }
    #menu .item-main > .item_name {
        color: #fff;
        background: #2dc5ff;
        border-bottom: 1px solid rgba(255, 255, 255, .35);
    }
    #menu > ul > li.item > a {
        padding: 10px 24px;
        color: #fff;
        background: #2dc5ff;
        border-bottom: 1px solid rgba(255, 255, 255, .35);
        font-size: 16px;
        font-weight: 300;
    }
    #menu .item-main .arrow-down {
        transform: rotate(-90deg);
    }
    #menu .item-main .item_name.rotate .arrow-down {
        transform: rotate(0deg);
    }
    #menu .item-main > .category_wrap.d-block {
        display: block !important;
    }
    #menu .main_cat > a {
        justify-content: flex-start;
        text-align: left;
    }
    #menu .main_cat .megamenu-icon {
        position: static;
        left: auto;
        display: block;
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        margin: 0 10px 0 0;
    }
    #menu .main_cat .category-arrow {
        flex: 0 0 16px;
        margin-left: auto;
    }
}
/* End final catalog menu definitive responsive rules */

/* Крестик на виджете «Книга рецептов»: виджет висит поверх контента и мешает,
   особенно на мобильном, — даём его убрать. Кружок в правом верхнем углу иконки. */
#book-up-close {
    position: absolute;
    top: 0;
    right: 2px;
    width: 24px;
    height: 24px;
    line-height: 22px;
    font-size: 18px;
    font-family: Arial, sans-serif;
    text-align: center;
    color: #666;
    background: #fff;
    border: 1px solid #d5dbe0;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    cursor: pointer;
}
#book-up-close:hover {
    color: #000;
    border-color: #b9c2c9;
}


/* Категория: картинка описания во всю ширину на мобильных */
@media (max-width: 780px) {
    .category-info {
        height: 260px;
    }
    .category-info .image {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 12px;
    }
    .category-info .image img {
        display: block;
        width: 100%;
        height: auto;
    }
}

/* Категория: кнопка «назад» слева от заголовка (по макету) */
#product-category .category-header {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}
#product-category .category-header .category-title {
    min-width: 0;
    margin: 0;
    /* по макету Figma заголовок Arial Black 34; тема на Inter, Black = вес 900 */
    font-size: 34px;
    font-weight: 900;
    line-height: 1.1;
}
#product-category .category-back {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-right: 10px;
    padding: 0;
    color: #242424;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}
#product-category .category-back:hover {
    color: #00b9ff;
}
#product-category .category-back svg {
    display: block;
    width: 21px;
    height: 30px;
}
@media (max-width: 780px) {
    #product-category .category-back {
        width: 40px;
        height: 40px;
        margin-right: 4px;
    }
    #product-category .category-back svg {
        width: 16px;
        height: 23px;
    }
    #product-category .category-header .category-title {
        font-size: 24px;
    }
}

/* Акции: заголовок по центру + кнопка «назад» слева (по макету «скидки»/Финал) */
#product-special .special-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}
#product-special .special-title {
    margin: 0;
    font-family: 'Intro Caps', 'Inter', Arial, sans-serif !important;
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #242424;
}
#product-special .special-back {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    padding: 0;
    color: #242424;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}
#product-special .special-back:hover {
    color: #00b9ff;
}
#product-special .special-back svg {
    display: block;
    width: 21px;
    height: 30px;
}
@media (max-width: 780px) {
    #product-special .special-title {
        font-size: 32px;
    }
    #product-special .special-back {
        width: 40px;
        height: 40px;
    }
    #product-special .special-back svg {
        width: 16px;
        height: 23px;
    }
}

/* Тело статьи (agoodonut/record) на Inter — п.2 аудита; наследуется потомками */
.blog-record-description { font-family: 'Inter', Arial, sans-serif; }

/* Кнопки Bootstrap на Inter: bootstrap.min.css подключён после stylesheet.css, его .btn
   перебивает одноклассовые правила темы, поэтому нужна специфичность выше .btn */
body .btn { font-family: 'Inter', Arial, sans-serif; }
/* HTML-описание в поповере атрибута: убираем нижний отступ последнего <p> */
.popover-body > :last-child { margin-bottom: 0; }

/* ==== Правки по аудиту разрешений (320/375/768/1024/1440/1920) ==== */

/* п.5: длинный заголовок категории («ПРОФЕССИОНАЛЬНЫЙ») не помещался в 320px
   и растягивал документ до 349px — разрешаем перенос внутри слова. */
.category-title,
.product-title {
    overflow-wrap: break-word;
}

/* п.6: 8 плиток преимуществ не помещались в ряд на 1024px и уезжали в скрытую
   горизонтальную прокрутку (обрезанная 8-я плитка). Ниже 1280px переносим в сетку. */
@media (max-width: 1279px) {
    .advantages-row {
        flex-wrap: wrap;
        overflow-x: visible;
        justify-content: center;
    }
    .advantages-row .advantages-item {
        flex: 0 1 calc(25% - 10px);
    }
}
@media (max-width: 767px) {
    .advantages-row .advantages-item {
        flex: 0 1 calc(50% - 7px);
    }
}

/* п.8: полоса вкладок товара прокручивается по горизонтали без всякого признака
   прокрутки — вкладки правее пятой не видны. Добавляем прокрутку от левого края
   и градиент-подсказку справа. */
.product-info .htabs {
    position: relative;
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}
.product-info .htabs a {
    flex: 0 0 auto;
    float: none;
}
.product-info .htabs::after {
    content: '';
    position: sticky;
    right: 0;
    flex: 0 0 24px;
    align-self: stretch;
    margin-left: -24px;
    pointer-events: none;
    background: linear-gradient(to right, rgba(245, 245, 245, 0), rgba(245, 245, 245, 1));
}

/* п.9: цели касания меньше 44px. Размер иконок не меняем — расширяем область
   нажатия невидимым псевдоэлементом, чтобы вёрстка осталась прежней. */
@media (max-width: 991px) {
    .header__icons a,
    .product-thumb-btn {
        position: relative;
    }
    .header__icons a::after,
    .product-thumb-btn::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 44px;
        height: 44px;
        transform: translate(-50%, -50%);
    }
}

/* п.4: бургер переведён со <span> на <button> — снимаем рамку/фон браузера,
   чтобы вид остался прежним, и даём видимый фокус для клавиатуры. */
#menu button.item_name_mobile {
    align-items: center;
    border: 0;
    font: inherit;
    line-height: 0;
    cursor: pointer;
}
#menu button.item_name_mobile:focus-visible,
.sidemenu-close:focus-visible {
    outline: 2px solid #00364a;
    outline-offset: 2px;
}
/* п.4: кнопка закрытия внутри мобильной панели — раньше закрыть можно было
   только тапом по затемнению. На десктопе пункт скрыт (id в селекторе — чтобы
   перебить правила вида `#sidemenu li`). */
#menu #sidemenu .item-sidemenu-close,
.item-sidemenu-close {
    display: none;
}
.sidemenu-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 54, 74, .08);
    color: #00364a;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}
.sidemenu-info__region {
	margin-top: 20px;
}
@media (max-width: 780px) {
    #menu #sidemenu .item-sidemenu-close,
    #sidemenu .item-sidemenu-close {
        display: flex;
        justify-content: flex-end;
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 8px 12px;
        background: #fff;
    }
}

/* п.10: у главной не было H1 вовсе. Заголовок нужен поисковикам и скринридерам,
   но в макете его нет — поэтому визуально скрываем, оставляя доступным. */
.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ==== Задача CRM 354247: хлебные крошки и покупка на вкладке характеристик ==== */

/* Хлебные крошки вместо стрелки «назад» в категории и карточке товара.
   Задача CRM 358335: крошки слева и заголовок по центру спорили друг с другом,
   а текущая страница печаталась дважды (голубым в крошках и тут же в H1).
   Теперь путь стоит на одной оси с заголовком, текущую страницу не повторяет
   (её роль играет сам заголовок) и набран тише — это указатель, а не подзаголовок. */
.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 14px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.3;
    color: rgba(0, 54, 74, .6);
}
.breadcrumbs__link {
    color: inherit;
    text-decoration: none;
    transition: color .15s ease;
}
.breadcrumbs__link:hover,
.breadcrumbs__link:focus {
    color: #2dc5ff;
    text-decoration: none;
}
.breadcrumbs__sep {
    color: rgba(0, 54, 74, .25);
}
.breadcrumbs__current {
    color: #2dc5ff;
}
/* в карточке заголовок стоит в обёртке с отрицательным верхним отступом — компенсируем */
.breadcrumbs--product {
    padding-top: 6px;
}
@media (max-width: 780px) {
    .breadcrumbs {
        font-size: 12px;
        gap: 6px;
        margin-bottom: 10px;
    }
}

/* Шапка страниц личного кабинета (account/page_header.tpl): те же крошки и заголовок,
   что в карточке товара — по центру, Inter 700 24px капсом. До этого в ЛК было
   три разных варианта (h1 над крошками, крошки над h1, #top-header над полосой)
   со стрелками-разделителями и заголовком 36px. */
.page-header {
    margin-bottom: 24px;
    text-align: center;
}
.page-header .breadcrumbs {
    margin-bottom: 10px;
}
.page-title {
    margin: 0;
    padding: 0 5px;
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #333;
    overflow-wrap: break-word;
}
@media (max-width: 780px) {
    .page-header {
        margin-bottom: 18px;
    }
}

/* Заголовок товара вне вкладки «Все о товаре» выводится обычным блоком, а не h1
   (задача CRM 354247). Свойства, которые он раньше получал от селекторов h1,
   повторяем явно, чтобы вид не отличался. */
div.product-title {
    font-family: 'Inter', Tahoma, Geneva, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}

/* Заголовок категории по макету Figma выровнен по центру (Horizontal align: Center,
   Arial Black 34px, #00364A). На сайте он был прижат влево — раньше рядом стояла
   кнопка «назад», теперь её место заняли хлебные крошки над заголовком. */
#product-category .category-header {
    justify-content: center;
}
#product-category .category-header .category-title {
    text-align: center;
}

/* Блок «Остались вопросы по товару?» под описанием: заголовок оформлен как
   остальные секции карточки, телефон приходит из модуля phone_placement. */
.call_product {
    margin: 24px 0 8px;
}
.call_product p {
    margin: 0 0 6px;
}
.call_product .call_product__phone {
    font-weight: 700;
    font-size: 18px;
}

/* ============================================================================
   Правки по сверке с Figma 05.09.2026
   ============================================================================ */

/* 2. Заголовок карточки: в макете название товара жирное (Inter 700), модель — обычная. */
.product-title,
div.product-title,
h1.product-title {
    font-weight: 700;
}
/* Полоса вкладок карточки стоит в контейнере (обёртка .product-tabs-container в product.tpl),
   а не на всю ширину окна. Сама полоса скруглена как остальные панели. */
.product-tabs-container {
    padding-left: 0;
    padding-right: 0;
}
/* стрелки прокрутки ряда чипов — только на телефоне (блок «product tabs scroll hint» ниже) */
.product-tabs-arrow {
    display: none;
}
.product-info .product-tabs-container .htabs {
    border-radius: 10px 10px 0 0;
}

/* 6. Валюта и язык видны и на десктопе: «Регион | RUB ▾ | 🌐 ▾», как на мобильном макете. */
#currency {
    display: flex;
    align-items: center;
}
#currency form {
    margin: 0;
}
.header__region {
    align-items: flex-start;
}
/* -1px раньше компенсировал 1px-рамку старой кнопки валюты (.btn-top) — у
   #glanguage рамка осталась, у формы валюты (после отмены рамки) больше нет,
   и смещение стало заметно "не ровно". Выравниваем обе строки по общему
   базовому центру самого блока региона. */
.header__region > #glanguage {
    margin-top: 0;
}
.header__region {
    align-items: center;
}

/* 1/4. FAQ в новом оформлении: контейнер, крошки, карточка оглавления, секции. */
.faq-page {
    padding-bottom: 40px;
}
.faq-layout {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}
.faq-nav {
    flex: 0 0 300px;
    max-width: 300px;
    position: relative;
    align-self: stretch;
}
.faq-nav__box {
    box-sizing: border-box;
    padding: 20px 22px;
    border: 1px solid #d3d3d3;
    border-radius: 17px;
    background: #f5f5f5;
}
.faq-nav__title {
    margin-bottom: 12px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00364a;
}
.faq-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.faq-nav__list li {
    margin: 8px 0;
}
.faq-nav__list a {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.3;
    color: #00364a;
    text-decoration: none;
}
.faq-nav__list a:hover,
.faq-nav__list a.active {
    color: #2dc5ff;
}
.faq-nav__list a.active {
    font-weight: 600;
}
.faq-content {
    flex: 1 1 auto;
    min-width: 0;
}
.faq-section {
    margin-bottom: 28px;
    padding: 24px 28px;
    border: 1px solid #d3d3d3;
    border-radius: 17px;
    background: #fff;
}
.faq-section__title {
    margin: 0 0 14px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00364a;
}
.faq-section__body,
.faq-section__body p,
.faq-section__body li {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #00364a;
}
.faq-section__body ul {
    padding-left: 20px;
}
.faq-section__body li {
    margin: 6px 0;
}
.faq-section__body a {
    color: #00364a;
    text-decoration: underline;
    text-decoration-color: rgba(0, 54, 74, .35);
}
.faq-section__body a:hover {
    color: #2dc5ff;
}
.faq-section__body h3,
.faq-section__body h4 {
    margin: 18px 0 8px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    color: #00364a;
}
@media (max-width: 1024px) {
    .faq-layout {
        flex-direction: column;
    }
    .faq-nav {
        flex-basis: auto;
        max-width: none;
        width: 100%;
    }
    .faq-nav__box {
        position: static !important;
        width: auto !important;
    }
}

/* 4. Контакты (information/contact-ticket): заголовки и карточки в стиле сайта. */
.contact_us .contact-heading {
    margin-bottom: 1.5rem;
}
.contact_us .contact-form-title {
    margin: 0 0 12px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00364a;
}
.contact_us .contact-info-title,
.contact_us .contact-experts-title {
    margin: 30px 0 18px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00364a;
    text-align: center;
}
.contact_us .contact-experts-subtitle {
    text-align: center;
    font-family: 'Inter', Arial, sans-serif;
    color: #00364a;
}
.contact_us .contact-info-card {
    margin-bottom: 18px;
    padding: 22px 26px;
    border: 1px solid #d3d3d3;
    border-radius: 17px;
    background: #fff;
}
.contact_us .contact-info-card h4 {
    margin: 0 0 10px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00364a;
}
.contact_us .contact-info-card p,
.contact_us .contact-info-card li {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #00364a;
}
.contact_us .contact-info-card a {
    color: #00364a;
    text-decoration: underline;
    text-decoration-color: rgba(0, 54, 74, .35);
}
.contact_us .contact-info-card a:hover {
    color: #2dc5ff;
}
.contact_us .form-faq,
.contact_us .form-faq a {
    font-family: 'Inter', Arial, sans-serif;
    color: #00364a;
}
.contact_us .form-faq a {
    display: block;
    margin: 4px 0;
    font-weight: 600;
    text-transform: none;
}
.contact_us .form-faq a:hover {
    color: #2dc5ff;
}
.contact_us .contactForm .bt-primary,
.contact_us .form-faq .bt-primary {
    border-radius: 8px;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    background: #2dc5ff;
    border-color: #2dc5ff;
}

/* 3. Страница «Отзывы» /otzyvy/: карточки как во вкладке отзывов карточки товара. */
.reviews-page {
    padding-bottom: 40px;
}
.reviews-intro {
    max-width: 900px;
    margin: 0 auto 30px;
    text-align: center;
    font-family: 'Inter', Arial, sans-serif;
    color: #00364a;
}
.reviews-intro__text {
    font-size: 16px;
    line-height: 1.5;
}
.reviews-intro__links {
    font-size: 15px;
    line-height: 1.5;
}
.reviews-intro__links a {
    color: #00364a;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(0, 54, 74, .35);
}
.reviews-intro__links a:hover {
    color: #2dc5ff;
}
.reviews-intro__total {
    display: inline-block;
    margin-top: 6px;
    padding: 6px 14px;
    border-radius: 20px;
    background: #f5f5f5;
    font-size: 14px;
    font-weight: 600;
}
.reviews-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.review-card {
    padding: 22px 26px;
    border: 1px solid #d3d3d3;
    border-radius: 17px;
    background: #fff;
    font-family: 'Inter', Arial, sans-serif;
    color: #00364a;
}
.review-card__head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 12px;
}
.review-card__avatar {
    flex: 0 0 48px;
    color: #00364a;
}
.review-card__meta {
    flex: 1 1 auto;
    min-width: 0;
}
.review-card__author {
    font-size: 16px;
    font-weight: 700;
}
.review-card__rating {
    margin: 2px 0;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 2px;
    color: #d3d3d3;
}
.review-card__star.is-on {
    color: #ffc107;
}
.review-card__date {
    font-size: 13px;
    color: rgba(0, 54, 74, .6);
}
.review-card__product {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 320px;
    padding: 8px 12px;
    border-radius: 12px;
    background: #f5f5f5;
    font-size: 13px;
    line-height: 1.3;
    color: #00364a;
    text-decoration: none;
}
.review-card__product img {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.review-card__product-label {
    color: rgba(0, 54, 74, .6);
}
.review-card__product:hover {
    color: #2dc5ff;
}
.review-card__text {
    font-size: 15px;
    line-height: 1.55;
    white-space: pre-line;
}
.review-card__photos {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.review-card__photos img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #d3d3d3;
}
.review-card__reply {
    margin: 14px 0 0 40px;
    padding: 14px 18px;
    border-left: 3px solid #2dc5ff;
    border-radius: 0 12px 12px 0;
    background: #f5f9fb;
}
.review-card__reply-author {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
}
.review-card__reply-text {
    font-size: 14px;
    line-height: 1.5;
}
.reviews-pagination {
    margin-top: 24px;
    text-align: center;
}
.reviews-empty {
    text-align: center;
    font-family: 'Inter', Arial, sans-serif;
    color: #00364a;
}
@media (max-width: 768px) {
    .review-card {
        padding: 16px;
    }
    .review-card__head {
        flex-wrap: wrap;
    }
    .review-card__product {
        max-width: none;
        width: 100%;
    }
    .review-card__reply {
        margin-left: 0;
    }
}

/* 4. Описания разделов блога (страница /faq и «Наш бренд» — это категории блога):
   ссылки и подзаголовки из БД в типографике сайта вместо синих подчёркиваний Arial. */
.blog .blog-description,
.blog .blog-description p,
.blog .blog-description li {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.55;
    color: #00364a;
}
.blog .blog-description a {
    color: #00364a;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: rgba(0, 54, 74, .35);
    text-underline-offset: 3px;
}
.blog .blog-description a:hover {
    color: #2dc5ff;
    text-decoration-color: #2dc5ff;
}
.blog .blog-description h2,
.blog .blog-description h3,
.blog .blog-description h4,
.blog .blog-description b,
.blog .blog-description strong {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 700;
    color: #00364a;
}
.blog .blog-description h2,
.blog .blog-description h3 {
    margin: 26px 0 10px;
    font-size: 20px;
    text-transform: uppercase;
}

/* Клубные акции: та же шапка, что у категории и «Акций» — крошки над заголовком,
   заголовок по центру. Раньше страница жила на старой схеме (h1 слева,
   .breadcrumb с float:right). */
#product-club-special .category-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}
#product-club-special .category-header .category-title {
    min-width: 0;
    margin: 0;
    font-size: 34px;
    font-weight: 900;
    line-height: 1.1;
    text-align: center;
}
@media (max-width: 780px) {
    #product-club-special .category-header .category-title {
        font-size: 24px;
    }
}

/* Описание категории на узких экранах: картинки в тексте приходят из БД с
   инлайновым float:right и фиксированной шириной (обычно 250px). На мобильной
   это оставляло тексту колонку в ~100px — строки по два-три слова. Убираем
   обтекание и не даём картинке вылезти за контейнер. */
@media (max-width: 780px) {
    #cat-descr img,
    #categoryCollapse img {
        float: none !important;
        display: block;
        max-width: 100% !important;
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #categoryCollapse p,
    #categoryCollapse li {
        text-align: left !important;
    }
}

/* Ширина полосы вкладок карточки по макету (Figma, «Финал», карточка товара 1920):
   Navigation menu — 1376px при отступе слева 272px. Bootstrap задаёт .container
   максимум 1320px, и с его внутренними отступами по 12px полоса выходила 1296px.
   Поднимаем предел только для обёртки вкладок и только на широких экранах: при
   1920px получаем ровно 1376 при отступе 272, ниже 1600px всё остаётся как было,
   чтобы на промежуточных ширинах полоса не упиралась в края окна. */
@media (min-width: 1600px) {
    .product-info .product-tabs-container {
        max-width: 1400px;
    }
}

/* Правая колонка карточки на ПК: по макету (Figma, «Финал», «товар ПК» 1920) она
   идёт «цена и кнопки — закладки/сравнение/вопрос эксперту — таймер акции —
   стоимость доставки». Ни последнего отзыва, ни краткого описания там нет: оба
   блока остались от старой вёрстки карточки и дублируют вкладку «Отзывы» и
   «Описание товара» в левой колонке.
   На мобильной отзыв по макету уместен (секция «Отзывы» в общем потоке), поэтому
   прячем только на ширинах от 981px — ниже действует существующее правило
   @media (max-width: 980px), которое скрывает краткое описание. */
@media (min-width: 981px) {
    .product-info .last-review,
    .product-info .short_description {
        display: none;
    }
}

/* Полоса вкладок карточки: между серой шапкой и серым блоком с волной
   (.gradient-radius) зияла белая строка — фон #f5f5f5 стоял только на самой
   полосе (.htabs внутри .container), поэтому поля слева и справа от контейнера
   светились белым, а старое правило .product-info .htabs a { background:#fff }
   белило и сами вкладки. Красим полосу во всю ширину окна, вкладки делаем
   прозрачными — фон видно насквозь. Активная вкладка остаётся голубой. */
.product-info .product-tabs-container {
    background: #f5f5f5;
    /* тень-силуэт растягивает фон до краёв окна, clip-path обрезает её по высоте
       полосы; на разметку это не влияет и горизонтальной прокрутки не даёт */
    box-shadow: 0 0 0 100vw #f5f5f5;
    clip-path: inset(0 -100vw);
}
.product-info .htabs a {
    background: transparent;
}
.product-info .htabs a.selected {
    background-color: #2dc5ff;
}

/* Комплекты (chain-hybrid-shell со старого сайта) внутри .product-info: красная диагональ
   .product-info .price-old:after растягивается на всю строку итога — в комплекте достаточно
   обычного зачёркивания, которое даёт chain.css */
.product-info .chain-container .price-old:after {
    display: none;
}

/* ==== Страницы статуса заказа и оплаты: checkout/success, common/success,
   payment/artyapay_go|_success, artyoosbp_go|_success|_fail, kvcpro_go|_status,
   account/yandexur|_success|_fail. После переноса вёрстки они остались без
   контейнера и стилей: текст лип к левому краю окна, баннер Telegram растягивался
   на 80% ширины, аксессуары шли старой owl-каруселью. Общая разметка:
   .order-status > .order-status__card (иконка, заголовок, текст, кнопки)
   + .order-status__telegram (баннер бота) + карусель аксессуаров. ==== */
.order-status {
    max-width: 960px;
    margin: 0 auto 40px;
    font-family: 'Inter', Arial, sans-serif;
    color: #242424;
}
.order-status__card {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 40px 32px;
    text-align: center;
}
.order-status__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #2dc5ff;
    color: #fff;
}
.order-status__icon--wait {
    background: #c1adff;
}
.order-status__icon--fail {
    background: #ff6b6b;
}
.order-status__icon svg {
    width: 36px;
    height: 36px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.order-status h1.order-status__title {
    margin: 0 0 16px;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    color: #00364a;
    overflow-wrap: break-word;
}
.order-status__text {
    max-width: 640px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.6;
    color: #242424;
}
.order-status__text p {
    margin: 0 0 10px;
}
.order-status__text p:last-child {
    margin-bottom: 0;
}
.order-status__text a {
    color: #1ea3d2;
    text-decoration: underline;
}
.order-status__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}
.order-status__actions form {
    margin: 0;
}
.order-status__btn,
.order-status__actions input[type=submit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    padding: 12px 24px;
    border: 2px solid #2dc5ff;
    border-radius: 8px;
    background: #2dc5ff;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background .2s, border-color .2s;
}
.order-status__btn:hover,
.order-status__actions input[type=submit]:hover {
    background: #1ea3d2;
    border-color: #1ea3d2;
    color: #fff;
}
.order-status__btn--secondary {
    background: #fff;
    color: #00364a !important;
}
.order-status__btn--secondary:hover {
    background: #e8f7fd;
    border-color: #2dc5ff;
    color: #00364a !important;
}
/* Баннер бота в Telegram: картинка /image/icons/telegramlink.svg — это готовый
   макет «QR + кнопка», поэтому текст слева, баннер справа, на узких — в столбик. */
.order-status__telegram {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
    padding: 24px 32px;
    border: 2px solid #e8f7fd;
    border-radius: 20px;
    background: #fff;
}
.order-status__telegram-text {
    flex: 1 1 260px;
}
.order-status__telegram-title {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
    color: #00364a;
}
.order-status__telegram-text p {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}
.order-status__telegram-link {
    flex: 0 1 360px;
    /* min-width: 0 — иначе flex-элемент растёт до собственной ширины svg (1862px)
       и на телефоне уводит страницу в горизонтальную прокрутку */
    min-width: 0;
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
    line-height: 0;
}
.order-status__telegram-link img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 16px;
}
.order-status__accessories {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .order-status__card {
        padding: 28px 16px;
        border-radius: 16px;
    }
    .order-status h1.order-status__title {
        font-size: 22px;
    }
    .order-status__text {
        font-size: 15px;
    }
    .order-status__btn,
    .order-status__actions input[type=submit] {
        width: 100%;
    }
    .order-status__telegram {
        padding: 20px 16px;
        border-radius: 16px;
    }
}

/* Промо-строка «Вступайте в клуб RAWMID» (club_general_settings.registration_recommendation,
   footer.tpl пушит в #notification через JS) рендерилась голым Bootstrap .alert —
   без своих стилей в теме это огромные паддинги/маргины Bootstrap и белый фон
   с блёклой рамкой, визуально "оторвано" от страницы. Возврат к компактной
   брендовой плашке, как у остальных типов в #notification (10px padding).
   Селектор — именно .alert.alert-default (класс alert-default используется
   только для этой плашки), а не голый .alert: через #notification в JS также
   летят success/error-уведомления (вишлист/корзина, common.js) с базовым
   классом .alert — их задевать нельзя. .alert-default даёт ту же специфичность
   (id+1 класс), что и общий "#notification .alert" в notification.css
   (padding:20px, line-height:2), и проигрывал ему из-за более позднего
   подключения notification.css — двух классов (.alert.alert-default) достаточно,
   чтобы всегда побеждать вне зависимости от порядка файлов. */
#notification .alert.alert-default {
    max-width: 900px;
    margin: 0 auto 15px;
    padding: 10px 16px;
    background: #EAF7FF;
    border: 1px solid #A8E7FF;
    border-radius: 8px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #00364a;
    text-align: center;
}
#notification .alert.alert-default i {
    color: #2dc5ff;
}
#notification .alert.alert-default a {
    color: #1ea3d2;
    font-weight: 600;
    text-decoration: underline;
}

/* ---------------------------------------------------------------------------
   Правки мобильной вёрстки по задаче CRM #358357 (сентябрь 2026).
   Заказчик смотрит сайт с телефона с увеличенным системным шрифтом (~×1.25),
   поэтому кнопки и подписи проверялись на 412px при font-size html = 20px.
   Всё собрано одним блоком в конце файла, чтобы правки были обозримы и легко
   откатывались; десктоп по возможности не трогаем.
   --------------------------------------------------------------------------- */

/* Бейдж-счётчик у иконок шапки (.count) был абсолютным без left/right — рисовался
   правее иконки, и на телефоне (gap: 0, иконки 24px) счётчик «Избранного» ложился
   на корзину. Прижимаем к правому верхнему углу своей иконки и делаем обычным кружком. */
.nav-icons .count {
    left: auto;
    right: -8px;
    top: -8px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 11px;
    border-radius: 9px;
}
/* На десктопе ссылка в .nav-icons блочная, и обёртка .position-relative растягивается
   на всю ширину колонки (~90px), а иконка в ней по центру — бейдж с right:-8px улетал
   к правому краю колонки, далеко от корзины. Сжимаем обёртку до ширины иконки. */
.nav-icons .position-relative {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* Вкладки «Скидки / Распродажа / Уценка» (акции) и «Статьи / Новости / …» (блог):
   активная вкладка ничем не отличалась от остальных — «всё в кучу». Выделяем её
   так же, как активную вкладку в карточке товара (.product-info .htabs a.selected). */
.tabs-item {
    padding: 6px 14px;
    border-radius: 8px;
}
.tabs-item.active,
.tabs-item.selected {
    color: #fff;
    background-color: #2dc5ff;
    font-weight: 600;
}
.tabs-item.active:hover,
.tabs-item.selected:hover {
    color: #fff;
}

/* Карточки статей в футере/на главной (#footer_info): у .swiper-slide-desc стоял
   -webkit-line-clamp: 2 и padding-bottom: 20px — overflow: hidden режет по границе
   паддинга, и в 20px под троеточием просачивалась третья строка, а анонс «садился»
   на картинку. Паддинг снизу заменён на margin, картинка прижата к низу карточки. */
.swiper-slide-flex {
    justify-content: flex-start;
}
.swiper-slide-flex img {
    margin-top: auto;
}
.swiper-slide-desc {
    padding: 0 30px;
    margin-bottom: 20px;
}

/* Кнопки .bt («Открыть новый тикет» и другие в ЛК): радиус 6px выбивался
   из общего ряда — у всех новых кнопок 8px. */
.bt, #simpleregister_button_confirm {
    border-radius: 8px;
}

/* Цитата отзыва под кнопками карточки: добавлен автор (см. product.tpl),
   выравнивание по левому краю вместо justify — на телефоне от него «рваные» пробелы. */
.product-info .last-review {
    text-align: left;
}
.last-review-inner {
    padding: 12px 14px !important;
    border-radius: 8px;
    border-color: #d5eef7;
    background-color: #f0fafe !important;
    line-height: 1.4;
}
.last-review-author {
    display: block;
    margin-bottom: 4px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
    color: #707070;
}
.last-review-author b {
    font-weight: 600;
    color: #00364a;
}

.product-right-block > .last-review {
    margin-top: 0;
}
.product-right-block .last-review-inner {
    margin-bottom: 0;
}

@media (max-width: 780px) {
    /* Иконки шапки: небольшой зазор, чтобы бейджи не касались соседних иконок. */
    .nav-icons {
        gap: 6px;
    }

    /* «Нашли ошибку? Выделите текст и нажмите ctrl+enter» — на телефоне
       ctrl+enter нажать нечем, кнопка только занимает место. */
    .empty .ctrlenter {
        display: none;
    }

    /* Вкладки на страницах акций и блога: одна строка с горизонтальной прокруткой
       вместо переноса в два ряда. */
    .tabs-items {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 6px;
        padding: 10px 12px;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .tabs-items::-webkit-scrollbar {
        display: none;
    }
    .tabs-item {
        flex: 0 0 auto;
        font-size: 15px;
        white-space: nowrap;
    }

    /* Пара кнопок «Быстрый заказ» / «Купить» в карточке товара. При увеличенном
       системном шрифте «Быстрый заказ» переносился на две строки и кнопки выглядели
       «жирными» (80px высоты). Текст не переносим; если пара не помещается в строку,
       кнопка целиком уезжает на вторую строку во всю ширину. */
    .product-buy-row {
        flex-wrap: wrap;
        gap: 10px;
    }
    .product-buy-row > .btn,
    .product-buy-row > .button {
        flex: 1 1 140px;
        min-height: 44px;
        padding: 8px 12px;
        font-size: 15px;
        line-height: 1.3;
        white-space: nowrap;
    }

    /* «Поторговаться» в блоке цены: отдельная центрированная синяя строка с подчёркиванием
       «жила своей жизнью». Делаем обычной текстовой ссылкой слева под ценой. */
    .product-info .cheap {
        margin: 2px 0 10px;
        text-align: left;
    }
    .product-info .cheap a {
        font-family: 'Inter', Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #1ea3d2;
        text-decoration: none;
    }
    .product-sale-timer {
        max-width: 100%;
        padding: 4px 8px 5px;
        font-size: 11px;
        line-height: 15px;
    }
    .product-sale-timer__value {
        font-size: 11px;
        line-height: 15px;
    }
    #tab-qa .qa-actions > .bt,
    #tab-qa .qa-toolbar > .bt {
        flex: 1 1 180px;
        max-width: 100%;
        text-align: center;
    }
    #tab-qa .qa-toolbar {
        flex-flow: wrap-reverse;
    }
    body.product-product {
        padding-bottom: 92px;
    }
    .product-sticky-buy.is-active {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 95;
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr) minmax(112px, auto);
        gap: 10px;
        align-items: center;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
        border-top: 1px solid #d5eef7;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 -8px 24px rgba(0, 54, 74, .12);
        backdrop-filter: blur(10px);
    }
    .product-sticky-buy__media {
        width: 48px;
        height: 48px;
        overflow: hidden;
        border: 1px solid #eef2f5;
        border-radius: 8px;
        background: #fff;
    }
    .product-sticky-buy__media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .product-sticky-buy__summary {
        min-width: 0;
    }
    .product-sticky-buy__price {
        overflow: hidden;
        color: #00364a;
        font-family: 'Inter', Tahoma, Geneva, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .product-sticky-buy__stock {
        overflow: hidden;
        margin-top: 2px;
        color: #596a72;
        font-family: 'Inter', Tahoma, Geneva, sans-serif;
        font-size: 12px;
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .product-sticky-buy__button {
        min-height: 44px;
        padding: 8px 14px;
        border: 0;
        border-radius: 8px;
        background: #2dc5ff;
        color: #fff;
        font-family: 'Inter', Tahoma, Geneva, sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        white-space: nowrap;
        cursor: pointer;
    }

    /* Мобильное меню (#sidemenu): голубая угловатая шторка 240px с белыми линиями
       не вписывалась в новый стиль. В файле уже есть светлый вариант (блок
       @media 780px около ".mobile-menu-head"), но его перебивали более поздние
       правила; здесь — итоговые значения с большей специфичностью. */
    #menu #sidemenu {
        width: 320px;
        max-width: calc(100vw - 40px);
        background: #fff;
        color: #00364a;
        border-radius: 0 20px 20px 0;
        box-shadow: 0 8px 32px rgba(0, 54, 74, .18);
    }
    #menu #sidemenu .item {
        border-bottom: 1px solid #eef2f5;
    }
    #menu #sidemenu > li.item > a,
    #menu #sidemenu .item .item_name {
        padding: 14px 20px;
        color: #00364a;
        background: #fff;
        border-bottom: 0;
        font-size: 16px;
        font-weight: 500;
    }
    #menu #sidemenu .item-main > .item_name {
        color: #fff;
        background: #2dc5ff;
        border-bottom: 0;
    }
    #menu #sidemenu .item-sidemenu-close {
        background: #fff;
    }
    #menu #sidemenu .category_wrap {
        background: #f3f3f3;
    }
}

/* ---------------------------------------------------------------------------
   Вкладки карточки на телефоне (Figma «Финал», фрейм «Товар МОБ» 5511-9492,
   Component 114): та же полоса #tabsp, что и на десктопе, но без серой подложки —
   ряд «чипов» с зазором 8px, каждый #f5f5f5 со скруглением 8px, Inter 15px капсом,
   активный — сплошной голубой. Ряд прокручивается по горизонтали (скроллбар скрыт),
   что дальше есть ещё — показывают «шторка» у края (ряд растворяется в фон) и
   обрезанный краем чип (JS в product.tpl сдвигает ряд, если граница чипов легла
   ровно на край); активный чип JS подтягивает в кадр. Десктоп не меняется.
   --------------------------------------------------------------------------- */
@media (max-width: 780px) {
    /* серая лента во всю ширину окна (тень-силуэт + clip-path выше) — только на десктопе */
    .product-info .product-tabs-container {
        position: relative;
        padding: 6px 0 2px;
        background: transparent;
        box-shadow: none;
        clip-path: none;
    }
    /* Start product tabs scroll hint
       Шторки-подсказки прокрутки лежат на обёртке, а не на полосе: полоса — контейнер
       прокрутки, её псевдоэлемент уехал бы вместе с чипами. Первые 16px сплошные (поле
       ряда), дальше 40px растворения. Классы tabs-at-start / tabs-at-end ставит JS:
       у докрученного края шторка гаснет, без переполнения гаснут обе. */
    .product-info .product-tabs-container::before,
    .product-info .product-tabs-container::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 56px;
        pointer-events: none;
        transition: opacity 0.2s;
    }
    .product-info .product-tabs-container::before {
        left: 0;
        background: linear-gradient(to right, #fff 16px, rgba(255, 255, 255, 0));
    }
    .product-info .product-tabs-container::after {
        right: 0;
        background: linear-gradient(to left, #fff 16px, rgba(255, 255, 255, 0));
    }
    .product-info .product-tabs-container.tabs-at-start::before,
    .product-info .product-tabs-container.tabs-at-end::after {
        opacity: 0;
    }
    /* Стрелки поверх шторок (кнопки в product.tpl): кружок 28px по центру высоты
       ряда, шеврон — рамкой, без иконочного шрифта; у докрученного края гаснут */
    .product-info .product-tabs-arrow {
        display: block;
        position: absolute;
        top: 6px;
        bottom: 2px;
        right: 8px;
        z-index: 1;
        width: 28px;
        height: 28px;
        margin: auto 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
        cursor: pointer;
        transition: opacity 0.2s;
    }
    .product-info .product-tabs-arrow::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border: solid #000;
        border-width: 2px 2px 0 0;
        transform: translate(-65%, -50%) rotate(45deg);
    }
    .product-info .product-tabs-arrow--prev {
        right: auto;
        left: 8px;
    }
    .product-info .product-tabs-arrow--prev::before {
        transform: translate(-35%, -50%) rotate(-135deg);
    }
    .product-info .tabs-at-start .product-tabs-arrow--prev,
    .product-info .tabs-at-end .product-tabs-arrow--next {
        opacity: 0;
        pointer-events: none;
    }
    /* End product tabs scroll hint */
    /* flex, прокрутка и position: relative у полосы заданы общими правилами выше */
    .product-info .htabs {
        gap: 8px;
        padding: 0 16px;
        background: transparent;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .product-info .htabs::-webkit-scrollbar {
        display: none;
    }
    /* десктопная градиент-подсказка внутри полосы рисовалась под цвет серой ленты —
       на телефоне вместо неё шторки на обёртке (выше) */
    .product-info .htabs::after {
        display: none;
    }
    .product-info .htabs a {
        padding: 13px 14px;
        border-radius: 8px;
        background: #f5f5f5;
        color: #000;
        font-family: 'Inter', Arial, sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
        text-decoration: none;
    }
    .product-info .htabs a.selected {
        padding-bottom: 13px;
        background: #2dc5ff;
        color: #fff;
        font-weight: 500;
    }
}