hr.hr_0{
	border: 0;
     height: 2px;
     background-image: -webkit-linear-gradient(left, #ffffff, #e6e6e6, #ffffff); 
     background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(230, 230, 230, 1), rgba(0,0,0,0)); 
     background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(230, 230, 230, 1), rgba(0,0,0,0)); 
     background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(230, 230, 230, 1), rgba(0,0,0,0)); 
	 }
hr.hr_1{
	border: 0;
     height: 2px;
     background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255,128,0,1), rgba(0,0,0,0)); 
     background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255,128,0,1), rgba(0,0,0,0)); 
     background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255,128,0,1), rgba(0,0,0,0)); 
     background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(255,128,0,1), rgba(0,0,0,0)); 
	 }
hr.hr_2{
border: 0;
color:#777;
background-color:#777;
}
hr.hr_3{
border: 0;
height: 2px;
color:#ccc;
background-color:#ccc;
width:90%;
}
.ui-dialog { z-index: 1000 !important ;}
.epigraph{font-size:12px;font-style:italic;color:#444;text-align:right;}
.autor{font-size:12px;font-style:italic;font-weight:700;color:#222;text-align:right;}
.stiker{color: inherit;font-size: inherit;font-family: inherit;cursor:default;letter-spacing:.1em;border-bottom:1px dotted #000;animation: blinkingText 2s 0.3s infinite;}
.tab_header{font-weight:700;font-size:10px;color:#000;background:#eee;padding:3px;}
a.tab_header{color:#FF8A01;padding:0;}
a:hover.tab_header{color:#000;}
.tab_1{font-weight:700;font-size:10px;color:#000;background:#fff;padding:3px;}
.tab_2{font-weight:700;font-size:10px;font-style:italic;color:#000;background:#fff;padding:3px;}
.tab_3{font-size:10px;color:#000;background:#fff;padding:3px;}
.tab_4{font-style:italic;font-size:10px;color:#000;background:#fff;padding:3px;}
hr.hr_1,.select_1,a.url_select_1{color:#8E4924;}
.select_2,a.url_select_2{color:#8E4924;font-style:italic;}
.select_3,a.url_select_3{font-weight:700;color:#8E4924;}
.select_4,a.url_select_4{font-weight:700;font-style:italic;color:#8E4924;}
a:hover.url_select_1,a:hover.url_select_2,a:hover.url_select_3,a:hover.url_select_4,a:hover.url_select_5,a:hover.url_select_6{color:#777;text-decoration:none;}
a.url_select_5,a.url_select_6{font-weight:700;font-style:italic;color:#ccc;}

#toBasket {height: 3em;}

#cardItem_select_size_rekvizit {
	position: relative;
	border: 0px solid #ff0000;
	min-width: 250px;
	margin-left: 5px;
}

.break {
flex-basis: 100%;
height: 0;
}

ul.supp {
	margin: 0;
	padding: 0;
}

ul.supp li {
list-style: none;
}

ul.supp li a {
color: #000;
display: block;
padding: 2px 5px 2px;
text-decoration: none;
}

@media (hover: hover) {
 ul.supp li a:hover,.choice:hover {
  background-color: #FFE4C8;
  border-radius: 3px;
 }
}

.copyrights {
text-align:center;
font-weight:700;
font-size:12px;
color:#aaa;
padding:3px;
}
.lable { 
 cursor: help;
 border-bottom: dotted 1px;
}
.lable::after { 
 display: block;
 position: absolute;
 width: 220px;
}
.lable:hover::after { 
 content: attr(data-title);
 position: absolute;
 z-index: 1;
 text-align: center;
 background-color: #fff;
  padding: 5px 10px 5px 10px;
  color: #000;
  border: 1px solid #aaa;
  border-radius: 5px; 
  box-shadow: 1px 1px 2px 0px #aaaaaa;
}
a {
  text-decoration: none;
  font-family: inherit;
  color: #8E4924;
}
a:hover {
  text-decoration: underline;
  color: #f7951d;
}
.sstiker{
    background-image: url(im/qwest.svg);
    background-size: cover;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-left:3px;
}

#cleartable td {
	background: #ffffff;
	border-spacing: 0px;
	padding: 0px;
	border: 0px;
}

.hidetext {
	display: inline;
}
.showtext {
	display: none!important;
}

.youtube {
	position: relative;
	height: 0;
	overflow: hidden;
}

.ratio-16x9 {
	padding-bottom: 56.25%;
}

.ratio-4x3 {
	padding-bottom: 75%;
}

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


.p_vid {
	position: relative;
	z-index: 9999;
	opacity: 0.7;
	cursor: pointer;
	transition: opacity 0.2s ease, transform 0.1s ease;
	-webkit-tap-highlight-color: transparent;
	display: inline-block; 
}
.p_vid:hover {
	opacity: 1;
}
.p_vid:active {
	opacity: 1;
	transform: scale(0.9);
}
.p_vid::before, #p_vid:hover:active::before {
	background-image: url('/includes/design/1/im/vplay.svg');
	background-size: 28px 28px;
	display: inline-block;
	height: 28px;
	width: 28px;
	content: "";
	cursor: pointer;
	margin: -4px auto -10px auto;
}
.p_vid:hover::before {
	background-image: url('/includes/design/1/im/vplayh.svg');
}
.p_vid::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 44px !important;
	height: 44px !important;
	background: transparent !important;
	z-index: 99999;
}

#vclose {
	cursor: pointer;
	position: absolute;
	top: -7px !important;
	right: -7px !important;
	width: 44px !important;
	height: 44px !important;
	z-index: 99999 !important;
	background: transparent !important; 
	-webkit-tap-highlight-color: transparent;
}
#vclose:before {
	content: '';
	display: block;
	background: url(/includes/design/1/im_buttons/vcross.png) no-repeat center rgba(255, 255, 255, 0.5);
	background-size: 14px 14px !important; 
	width: 14px !important;
	height: 14px !important;
	padding: 5px !important;
	border-radius: 5px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.wlbut {
	position: absolute;
	right: 10px;
	cursor: pointer;
	z-index: 100;
	filter: drop-shadow(3px 6px 3px rgba(34, 60, 80, 0.5));
	transition: transform 0.3s ease-in-out;
}
.wlbut:hover {
	transform: scale(1.2);
}
.wlbut:active {
	transform: scale(0.9);
}
.wl {
	top: -8px;
	left: -8px;
	right: auto;
	filter: drop-shadow(2px 4px 2px rgba(34, 60, 80, 0.5))!important;
}

#thumblist .product_thumb {
	opacity: 0.6;
	transition: opacity 0.2s ease, box-shadow 0.2s ease;
}
#thumblist .product_thumb:hover {
	opacity: 0.9;
}
#thumblist .product_thumb.thumb-active {
	opacity: 1!important;
	box-shadow: 0 0 5px rgba(255, 87, 34, 0.5);
}

/* Круглая подложка для стрелки */
.main-img-arrow {
    position: absolute;
    top: 100px;
    background: rgba(255, 255, 255, 0.65) !important; 
    border: 1px solid rgba(0, 0, 0, 0.15) !important; 
    box-shadow: none !important; 
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    z-index: 100;
    opacity: 0; /* Кнопки полностью скрыты, пока мышка не наведена на БОЛЬШУЮ картинку */
    transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

/* Иконка внутри кнопки */
.main-img-arrow .ico {
    color: rgba(0, 0, 0, 0.6) !important; 
    font-size: 22px;
    line-height: 1;
    display: inline-block;
}

/* Правая стрелка смотрит направо (оригинальный символ V) */
.arrow-right { 
    right: -10px; 
}

/* Левая стрелка: прижимаем влево и ЗЕРКАЛЬНО ОТРАЖАЕМ по горизонтали */
.arrow-left { 
    left: -10px; 
}
.arrow-left .ico {
    transform: scaleX(-1); /* Отражает стрелку влево с сохранением геометрии */
}

/* Показываем стрелки при наведении мыши на большую картинку */
#product_img:hover .main-img-arrow {
    opacity: 1;
}

/* Эффект ховера на саму кнопку */
.main-img-arrow:hover {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
}
.main-img-arrow:hover .ico {
    color: rgba(0, 0, 0, 0.9) !important;
}

@media screen and (max-width: 800px) {
	ul.supp { margin-top: 5px; }
}

@media screen and (max-width: 400px) {
	.hidetext {display: none!important;}
	.showtext {display: unset!important;}
	.selectorLang {opacity: 0.5;}
	.new_mid_menu_level2 {height:40px;}
	#catalog_menu_place {position: relative;top: 1.2ex;}
	#cardItem_select_size_rekvizit {margin-left: 0px!important;}
}

/* Костыль для мобильного меню направлений */
@media screen and (max-width: 425px) {
	.new_nav_top,.new_nav_top_a {padding: 3px 13px;}
}

@media screen and (max-width: 375px) {
	.new_nav_top,.new_nav_top_a {padding: 4px 8px;font-size: 12px;}
}

@media screen and (max-width: 320px) {
	.new_nav_top,.new_nav_top_a {padding: 6px 4px;font-size: 12px;}
}