:root {
/* --- Backgrounds --- */
--site-bg: #f5f5f5;
--main-color: #282828;
--main-color-light: #462c2c;
--main-color-lighter: #282828a3; /* --- Color for shadow .black --- */
--sub-color: #e60800;
--sub-color-light: #e6080035;
--footer-bg: #ededed;
/* --- Texts --- */
--text: #282828;
--text-inverse: #fff;
--text-error: #f01818;
--text-error-hover: #a61212;
--text-light: #717171;
/* --- Buttons --- */
--btn-bg: #e60800;
--btn-bg-hover: #ff0800;
/* --- Links --- */
--link: #282828;
--link-hover: #e60800;
/* --- Icons (SVG) --- */
--icon-color: #fff;
--icon-color-gray: #ccc;
--icon-color-hover: #e60800;
/* --- Borders --- */
--border-color: #ddd;
--border-radius: 3px;
/* --- Common colors --- */
--white: #fff;
--error: #f01818;
--error_light: #f018183d;
--success: #4caf50;
--gray: #666;
--gray-light: #8a8a8a;
--orange: #d9a01a;
--orange-hover: #f0aa08;
--orange_light: #f0aa081c;
/* --- Common Opacity colors --- */
--white-opacity: #FFFFFF5E;
--border-opacity: #ffffff80;
--white-opacity-lighter: #FFF3;
--border-opacity-lighter: #ffffff54;
--gray-opacity: #0f141966;
/* --- Socials & Messengers --- */
--viber: #675da9;
--telegram: #0088cc;
--whatsapp: #26d266;
--facebook: #1877F2;
--twitter: #0f1419;
--youtube: #f03;
--pinterest: #e60023;
--instagram: #f7085c;
/* --- Slider for Prices & Filters --- */
--slider-handle-width: 24px;
--slider-handle-width-minus: -24px;
/* --- Content width & Margin --- */
--content-width: 1550px;
--content-margin: calc((100% - var(--content-width)) / 2);
/* --- Visible screen height 100vh (working in Mobile phones) --- */
--100vh: calc(var(--vh, 1vh) * 100);
/* Filter One Point Height */
--adm-filter-height: 34px;
--catalog-image-aspect-ratio: 1 / 1;
}
/* --- Preloader & Background shadow --- */
.black, .popup_ring {position:fixed; top:0; left:0; right:0; bottom:0; display:flex; background:var(--main-color-lighter); z-index:12;}
.black.less {z-index:10;}
.black::before {content:''; width:100%; height:100%; background:transparent; position:absolute; top:0; left:0; transition:.3s; z-index:-1; backdrop-filter:blur(2px);}
.popup_ring {background:none; opacity:1; z-index:13; width:200px; height:100px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);}
.popup_ring.inside {position:relative; top:0; transform:translate(-50%, 0);}
.popup_ring div, .popup_ring span {position:absolute;}
.popup_ring div {top:0; left:50%; width:100px; height:100px; animation:rotate 6.9s linear infinite;}
.popup_ring div span {left:-8px; top:50%; margin:-8px 0 0 0; width:20px; height:20px; display:block; background:var(--main-color); box-shadow:2px 2px 8px rgba(42, 63, 84, 0.09);
border-radius:6px; transform:rotate(90deg); animation:move 6.9s linear infinite;}
.popup_ring div span:before, .popup_ring div span:after {content:''; position:absolute; display:block; border-radius:6px; width:18px; height:18px; background:inherit; top:50%; left:50%;
margin:-7px 0 0 -7px; box-shadow:inherit;}
.popup_ring div span:before {animation:drop1 .8s linear infinite;}
.popup_ring div span:after {animation:drop2 .8s linear infinite .4s;}
.popup_ring div:nth-child(2) {animation-delay:-2.3s;}
.popup_ring div:nth-child(2) span {animation-delay:-2.3s;}
.popup_ring div:nth-child(3) {animation-delay:-4.6s;}
.popup_ring div:nth-child(3) span {animation-delay:-4.6s;}
@keyframes moveSvg {
0% {offset-distance:0;}
25% {background:var(--sub-color);}
75% {background:var(--orange);}
100% {offset-distance:100%;}
}
@keyframes rotate {
50% {transform:rotate(360deg); margin-left:0;}
50.0001%, 100% {margin-left:-100px;}
}
@keyframes move {
0%, 50% {left:-10px;}
25% {background:var(--sub-color);}
75% {background:var(--orange);}
50.0001%, 100% {left:auto; right:-10px;}
}
@keyframes drop1 {
100% {transform:translate(40px, 10px) scale(0);}
}
@keyframes drop2 {
0% {transform:translate(0, 0) scale(0.9);}
100% {transform:translate(40px, -10px) scale(0);}
}
/* --- Body - fonts, colors, background --- */
HTML, Body {scrollbar-color:var(--gray) var(--site-bg);}
Body {font-family:'Roboto', sans-serif; font-size:15px; line-height:1.2; font-weight:400; color:var(--text); display:flex; flex-direction:column; height:100%; width:100%; min-width:320px;
background:var(--site-bg);}
Body.body_overflow {overflow:hidden;}
::-webkit-scrollbar-thumb {background:var(--gray);}
::-webkit-scrollbar {background:var(--site-bg);}
.centre {margin:0 auto; padding:0 8px; width:100%; max-width:var(--content-width);}
/* --- Common other --- */
*, *::before, *::after {box-sizing:border-box;}
Body, H1, H2, H3, H4, P, LI, Figure, Figcaption, Blockquote, DL, DD {margin:0;}
Menu, UL, OL {list-style:none; margin:0; padding:0;}
Img {display:block;}
Input, Button, Textarea, Select {font:inherit;}
Table {table-layout:fixed;}
/* --- Common Link --- */
A.link {color:var(--link); text-decoration:underline; width:max-content; transition:.3s;}
A.link.no_line {text-decoration:none;}
A.link.small {font-size:14px;}
A.link.has_icon {display:flex; align-items:center;}
A.link.has_icon svg.icon {width:12px; height:12px; fill:var(--link);}
A.link.inverse {color:var(--link-hover);}
A.link.orange {color:var(--orange);}
A.link.inverse.has_icon svg.icon {fill:var(--link-hover);}
A.edit {font-size:16px; color:var(--text); text-decoration:none; display:flex; align-items:center; min-height:22px; transition:.3s;}
A.edit .icon {fill:var(--text);}
A.plus {padding:0 0 0 24px; position:relative;}
A.plus::before, A.plus::after {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:16px; height:2px; border-radius:2px; background:var(--main-color); transition:.3s;}
A.plus::after {transform:translateY(-50%) rotate(90deg);}
/* --- Arrows --- */
.has_arrow::before, .has_arrow::after {content:''; width:8px; height:2px; border-radius:2px; background:var(--link); position:absolute; top:11px; right:0; transform:rotate(-45deg); transition:.3s;}
.has_arrow::after {top:6px; transform:rotate(45deg);}
.has_arrow.left::before {transform:rotate(45deg);}
.has_arrow.left::after {transform:rotate(-45deg);}
.has_arrow.bottom::before {top:18px; right:11px;}
.has_arrow.bottom::after {top:18px; right:16px;}
.has_arrow.bottom.open::before {transform:rotate(45deg);}
.has_arrow.bottom.open::after {transform:rotate(-45deg);}
.has_arrow.top::before {top:18px; right:16px;}
.has_arrow.top::after {top:18px; right:11px;}
/* --- Dropdown --- */
.dropdown {position:relative; border-radius:var(--border-radius); display:flex; border:2px solid var(--border-color); height:38px; transition:.3s;}
.dropdown.error {border-color:var(--error);}
.dropdown.dropdown-open {border-radius:var(--border-radius) var(--border-radius) 0 0; border:2px solid var(--sub-color); transition:.3s;}
.dropdown.dropdown-open.error {border-color:var(var(--sub-color));}
.dropdown .overflow {width:100%; height:100%; padding:0 40px 0 0; background:var(--white); position:relative;}
.dropdown.dropdown-open .overflow {z-index:10;}
.dropdown Span {color:var(--text-light); font-size:15px; line-height:1.2; cursor:pointer; height:100%; padding:0 0 0 8px; overflow:hidden; display:flex; align-items:center; white-space:nowrap; z-index:2;}
.dropdown.error Span {background-image:url("../images/danger.png"); background-size:22px; background-repeat:no-repeat; background-position:calc(100% - 10px) 50%;}
.dropdown .overflow Input {border:none; height:100%; width:100%; padding:0 0 0 8px;}
.drop_arrow {font-size:0; position:absolute; right:0; top:0; background:var(--white); border:none; width:40px; height:100%; transition:.3s; cursor:pointer;}
.drop_arrow::after {content:''; position:absolute; left:50%; top:50%; margin:-2px 0 0 -5.5px; width:0; height:0; border-style:solid; border-width:6px 5.5px 0 5.5px;
border-color:var(--border-color) transparent transparent transparent; transition:.3s;}
.dropdown-open .drop_arrow:after {transform:rotateX(180deg);}
.dropdown UL, .autocomplete-suggestions {position:absolute; top:34px; right:-2px; left:-2px; background:var(--white); border:2px solid var(--border-color); overflow-x:hidden; max-height:400px;
border-radius:0 0 var(--border-radius) var(--border-radius); box-shadow:0 10px 10px rgba(0,0,0,.3); z-index:12; margin:0; border-top:none; overflow:auto;
display:none; transition:.3s;}
.autocomplete-suggestions {margin:-2px 0 0 0; border-color:var(--sub-color);}
.dropdown.dropdown-open UL {border-color:var(--sub-color); transition:.3s;}
.dropdown UL LI {position:relative; background:none; width:100%;}
.dropdown UL LI:first-child, .autocomplete-suggestion + .autocomplete-suggestion:first-child {border:none;}
/* --- if inline-block - dropdown list --- */
.dropdown UL LI A, .autocomplete-suggestion {width:100%; font-size:15px; line-height:1.2; text-decoration:none; color:var(--text-light); position:relative; padding:8px; cursor:pointer;
display:inline-block; transition:.3s;}
/* --- if flex - dropdown list --- */
.option_dropdown.dropdown UL LI A {display:flex;}
.autocomplete-selected {background:var(--sub-color-light);}
.dropdown UL LI A.selected {display:none;}
/* --- Slider for Price or Filters --- */
.noUi-target * {cursor:default;}
.slider_properties {width:calc(100% - (var(--slider-handle-width) * 2)); display:flex; position:relative;}
.slider_properties::before {content:''; position:absolute; width:calc(100% + (var(--slider-handle-width) * 2)); height:3px; background:var(--border-color); border-radius:var(--border-radius);
left:0; top:0;}
.noUi-base {height:3px; width:100%; position:relative; max-width:100%; left:var(--slider-handle-width); background:var(--border-color); border-radius:var(--border-radius); z-index:1;}
.noUi-handle {height:24px; width:var(--slider-handle-width); background:var(--border-color); position:relative; top:50%; transform:translateY(-50%); border-radius:50%; cursor:pointer;}
.noUi-handle-lower {left:var(--slider-handle-width-minus);}
.noUi-origin {position:absolute; right:0; top:0; bottom:0; z-index:0; background:var(--btn-bg); height:3px;}
.noUi-origin + .noUi-origin {background:var(--border-color); z-index: 3;}
/* --- Radiobutton --- */
.radio_wrap, .check_wrap {padding:8px 8px 8px 30px; margin:0 0 8px 0; position:relative;}
Input[type="radio"]:checked, Input[type="radio"]:not(:checked), Input[type="checkbox"], Input[type="checkbox"]:not(:checked) {position:absolute; left:-9999px;}
Input[type="radio"]:checked + Label, Input[type="radio"]:not(:checked) + Label, Input[type="checkbox"]:checked + Label, Input[type="checkbox"]:not(:checked) + Label
{position:relative; line-height:1.2; cursor:pointer;}
Input[type="radio"]:checked + Label::before, Input[type="radio"]:not(:checked) + Label::before, Input[type="checkbox"]:checked + Label::before, Input[type="checkbox"]:not(:checked) + Label::before,
.check_item::before, .radio_item::before, .options_list LI A::before, .options_list.checkbox LI A::before
{content:''; position:absolute; left:-30px; top:0; width:18px; height:18px; border:1px solid var(--border-color); background:var(--white); border-radius:50%; transition:.3s;}
Input[type="radio"]:checked + Label::before,
Input[type="checkbox"]:checked + Label::before,
.check_item.active::before,
.radio_item.active::before,
.options_list LI A.active::before,
.options_list.checkbox LI A.active::before {border-color:var(--text-light);}
Input[type="radio"]:checked + Label::after, Input[type="radio"]:not(:checked) + Label::after, Input[type="checkbox"]:checked + Label::after, Input[type="checkbox"]:not(:checked) + Label::after,
.check_item.active::after, .radio_item.active::after, .options_list LI A.active::after, .options_list.checkbox LI A.active::after
{left:-26px; top:4px; width:10px; height:10px; border-radius:50%; background:var(--sub-color); opacity:1; content:''; position:absolute; transition:.3s;}
Input[type="radio"]:not(:checked) + Label::after, Input[type="checkbox"]:not(:checked) + Label::after, .check_item::after, .radio_item::after, .options_list LI A::after, .options_list.checkbox LI A::after
{opacity:0;}
/* --- Radiobutton If --- */
.radio_item, .check_item {text-decoration:none; color:var(--link); display:inline-flex; padding:0 0 0 32px; position:relative; cursor:pointer; transition:.3s;}
.radio_item::before, .check_item::before {left:0; top:7px;}
.radio_item.active::after {left:4px; top:12px;}
/* --- Checkbox --- */
Input[type="checkbox"]:checked + Label::before, Input[type="checkbox"]:not(:checked) + Label::before, .check_item::before, .options_list.checkbox LI A::before
{border-radius:var(--border-radius);}
Input[type="checkbox"]:checked + Label::after, Input[type="checkbox"]:not(:checked) + Label::after, .check_item.active::after, .options_list.checkbox LI A.active::after
{left:-26px; top:4px; width:10px; height:10px; border-radius:2px;}
/* --- Checkbox If --- */
.check_item.active::after {left:4px; top:11px;}
/* --- Slick Slider - Main styles --- */
.slick-slider {position:relative; display:block; box-sizing:border-box; /*user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;*/}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0; width:100%;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;}
.slick-slider .slick-track, .slick-slider .slick-list {transform:translate3d(0, 0, 0);}
.slick-track {position:relative; top:0; left:0; display:block;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; min-height:1px; outline:none;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide Img {display:block;}
.slick-slide.slick-loading Img {display:none;}
.slick-slide.dragging Img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
/* --- Main template styles --- */
/* --- If One Col --- */
.main_col {display:flex; flex-direction:column;}
/* --- Article Preview --- */
Article {font-size:15px; line-height:1.5; margin:0 0 16px 0;}
.article_close {display:none;}
Article .article_text H1 {font-size:24px; margin:0 0 16px 0; font-weight:400; line-height:1.4;}
Article .article_text H2 {font-size:22px; margin:14px 0 14px 0; font-weight:400; line-height:1.4;}
Article .article_text H3 {font-size:18px; margin:12px 0 12px 0; font-weight:400; line-height:1.4;}
Article .article_text H4 {font-size:16px; margin:8px 0 8px 0; font-weight:400; line-height:1.2;}
Article P {margin:0 0 16px 0;}
Article P:last-child {margin:0;}
Article A {color:var(--link); transition:.3s;}
Article UL {list-style:disc; margin:0 0 16px 0; padding:0 0 0 32px; display:flex; flex-direction:column;}
Article OL {list-style:decimal; margin:0 0 16px 0; padding:0 0 0 32px; display:flex; flex-direction:column;}
Article UL LI::marker, Article OL LI::marker {color:var(--sub-color); font-size:12px; font-weight:700;}
Article HR {background:var(--border-color); border:0; height:1px; margin:0 0 16px 0;}
Article Sub, Article Sup {font-size:10px;}
Article Blockquote {font-style:italic; margin:0 0 16px 20%; padding:8px 0 8px 16px; border-left:8px solid var(--sub-color); max-width:60%;}
Article Blockquote P {font-weight:700; font-size:16px; line-height:28px;}
Article Blockquote P:last-child {margin:0;}
Article Figure.table {min-width:100%; margin:0 0 16px 0;}
Article .table Table {border-collapse:collapse; border-color:var(--site-bg); border-style:solid; width:100%; overflow:hidden; table-layout:fixed;}
Article .table Table TR:nth-child(odd) {background:var(--site-bg);}
Article .table Table TR:nth-child(even) {background:var(--text-inverse);}
Article .table Table TH {background:var(--main-color); color:var(--text-inverse); padding:8px; text-align:left; border:none; word-wrap:break-word;}
Article .table Table TD {border-right:1px solid var(--site-bg); padding:8px; text-align:left; word-wrap:break-word;}
Article .table Table TR:nth-child(odd) TD {border-color:var(--text-inverse);}
Article .image-inline {max-width:100%; height:auto !important; opacity:1 !important; min-width:100%;}
Article .image {display:flex; text-align:center; justify-content:center; margin:0 0 16px 0; width:100%;}
Article .image Img, Article Img {display:block; margin:0 auto; max-width:100%; min-width:100%;}
Article .image > figcaption {background-color:var(--text-inverse); caption-side:bottom; color:var(--main-color); display:table-caption; font-size:12px; outline-offset:-1px; padding:6px 12px;
word-break:break-word;}
@media (max-width: 764px) {
Article .image {width: 100% !important;}
}
Article .long_div.article_btn {margin:16px 0;}
Article A.has_arrow {position:relative; padding:0 20px 0 0;}
Article A.has_arrow.bottom::before, Article A.has_arrow.bottom::after {top:11px; right:0;}
Article A.has_arrow.top::before, Article A.has_arrow.top::after {top:10px; right:5px;}
Article A.has_arrow.bottom::after {right:5px;}
Article A.has_arrow.top::after {right:0;}
Article A.inverse.has_arrow::before, Article A.inverse.has_arrow::after {background:var(--link-hover);}
.article_place.seo {order:33;}
/* --- Input & Textarea - Common styles --- */
Input, Select {height:38px; border:none; border-radius:var(--border-radius); padding:0 8px; outline:none;}
Input[type=text], Input[type=password], Input[type=email], Input[type=tel], Input[type=number], Input[type=search], Textarea, Select {border:2px solid var(--border-color); transition:border 0.3s;}
Input[type=text].error, Input[type=password].error, Input[type=email].error, Input[type=tel].error, Input[type=number].error, Input[type=search].error, Textarea.error
{border:2px solid var(--error) !important; background-image:url("../images/danger.png"); background-size:22px; background-repeat:no-repeat; background-position:calc(100% - 10px) 50%;}
.password_box Input[type=password].error, .password_box Input[type="text"].error {background:none;}
Input[type=text]:focus, Input[type=password]:focus, Input[type=email]:focus, Input[type=tel]:focus, Input[type=number]:focus, Input[type=search]:focus, Textarea:focus, Select:focus
{border-color:var(--sub-color) !important; outline:0; outline-offset:0;}
Input[type=text]:disabled, Input[type=tel]:disabled {background:var(--border-color); pointer-events:none;}
Textarea {padding:6px 8px; resize:vertical; outline:none; border-radius:var(--border-radius); min-height:120px; max-height:400px;}
Select {background-color:var(--white); cursor:pointer; padding-right:32px; appearance:none; background-position:right 9px center; background-repeat:no-repeat, repeat; background-size:14px 8px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%238a8a8a' viewBox='0 0 13 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 7a.956.956 0 0 1-.657-.256l-5.57-5.25a.839.839 0 0 1 0-1.237.968.968 0 0 1 1.312 0L6.5 4.888 11.415.257a.968.968 0 0 1 1.313 0 .839.839 0 0 1 0 1.237l-5.572 5.25A.956.956 0 0 1 6.5 7Z'/%3E%3C/svg%3E");}
/* --- Popup --- */
.popup {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - 16px); max-width:500px; background:var(--white); padding:16px; border-radius:var(--border-radius); z-index:13;
box-shadow:0 8px 30px rgba(0,0,0,.3); overflow:auto; max-height:calc(100% - 64px);}
.popup .all_items {overflow-x: hidden; overflow-y: auto;}
.popup .row {display:flex; justify-content:center;}
.popup .row.left {justify-content:flex-start;}
.popup .row .btn {margin:0 8px;}
.popup .row.left .btn {margin:0 8px 0 0;}
/* --- To Wishlist or Compare - Popup --- */
.for_wish_product {display:flex; margin:0 0 24px 0;}
.for_wish_product .ag_photo {width:42px; height:42px;}
.wl_text {width:100%; display:flex; flex-direction:column;}
.wlt_tit {display:flex; margin:0 0 8px 0;}
.wlt_price {font-size:18px; color:var(--orange);}
.wlt_price Small {font-size:15px;}
.wish_lists_popup .wish_lists {display:flex; flex-direction:column; margin:0 0 8px 0;}
.wish_lists_popup .wish_lists LI {position:relative; padding:8px 30px 8px 16px; border-radius:var(--border-radius); border:1px solid var(--border-color); cursor:pointer; font-size:16px;
margin:0 0 8px 0; transition:.3s;}
.wish_lists LI.has_arrow::before, .wish_lists LI.has_arrow::after {right:12px; top:20px; background:var(--gray-light);}
.wish_lists LI.has_arrow::after {top:15px;}
/* --- Delete - Popup --- */
.delete_popup {padding:32px;}
/* --- Common Notification Popup --- */
.notification {animation:appearance .5s ease-in; position:fixed; top:62px; left:50%; transform:translateX(-50%); z-index:13; overflow:initial;}
.notification::before, .notification::after {content:''; position:absolute; inset:-4px; border:2px solid var(--white); border-radius:inherit; animation:pulse 2s ease-out infinite;
opacity:0; animation-delay:.75s;}
.notification::after {animation-delay:1.25s; border-width:1px;}
@keyframes pulse {
0% {transform:scale(1); opacity:.6;}
100% {transform:scale(1.2); opacity:0;}
}
@keyframes appearance {
0% {top:-100px;}
100% {top:62px;}
}
.wishes_popup .popup_close {z-index:1;}
.wishes_popup .title_wrap {margin:0 0 16px 0;}
.wishes_popup .title_wrap .main_title {font-size:18px;}
.wishes_popup .for_wish_product {margin:0;}
/* --- Rows & Hidden - Common styles --- */
.hidden {display:none !important;}
.long_div {display:flex; flex-direction:column; width:100%; margin:0 0 16px 0; position:relative;}
.long_div.error {border:2px solid var(--error); border-radius:var(--border-radius); padding:8px 16px 8px 38px; background:var(--error_light) url("../images/danger.png") no-repeat 8px 50%;
color:var(--error); background-size:22px;}
.long_div.error.no_no {animation:wrong .5s ease-in; position:relative;}
@keyframes wrong {
0% {left:0;}
10% {left:-8px;}
20% {left:-16px;}
30% {left:-8px;}
40% {left:0;}
50% {left:8px;}
60% {left:16px;}
70% {left:8px;}
80% {left:0;}
90% {left:-8px;}
100% {left:0;}
}
.long_div .input_error {position:absolute; width:max-content; max-width:70%; padding:6px 8px; border-radius:var(--border-radius) var(--border-radius) 0 0; background:var(--error); color:var(--text-inverse);
right:0; bottom:36px; font-size:12px; z-index:3; opacity:0; visibility:hidden; overflow:hidden; transition:.3s;}
.long_div .input_error.active {opacity:1; visibility:visible; overflow:visible;}
.long_div.error A {color:var(--text-error); transition:.3s;}
.long_div.center {text-align:center; justify-content:center;}
.long_div.row {flex-direction:row;}
.long_div Label {margin:0 0 4px 0; color:var(--text-light); font-size:12px;}
/* --- Title - Common styles --- */
.title_wrap {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:0 0 16px 0;}
.main_title {display:flex; flex-wrap:wrap; font-size:24px; font-weight:400; color:var(--text);}
svg.icon {width:20px; height:20px; transition:.3s;}
svg.icon.margin {margin:0 6px 0 0;}
svg.icon.margin_left {margin:0 0 0 6px;}
svg.icon.margin.big {margin:0 12px 0 0;}
.btn {display:flex; align-items:center; justify-content:center; min-height:38px; width:max-content; background:var(--btn-bg); padding:0 16px; border-radius:var(--border-radius); text-decoration:none;
font-size:16px; color:var(--text-inverse); text-align:center; cursor:pointer; position:relative; border:none; transition:.3s;}
.btn.active,
.lor_col .together A.active,
.enter_form .together A.btn.active {background:var(--btn-bg-hover);}
.btn.mini {font-size:14px; padding:0 8px; min-height:28px;}
.btn.big {font-size:20px; min-height:48px;}
.btn.light {background:var(--sub-color-light); color:var(--text-light); border:2px solid transparent;}
.btn.inverse {background:var(--main-color); border:2px solid transparent;}
.btn.warning {background:var(--orange); border:2px solid transparent;}
.btn.delete {background:var(--text-error-hover); border:2px solid transparent;}
.btn.light.inverse {background:var(--main-color-lighter); color:var(--site-bg); border:2px solid transparent;}
.btn .icon {width:20px; height:20px; fill:var(--white); flex-shrink:0; transition:.3s;}
.btn.left {justify-content:flex-start;}
.btn.disabled {opacity:.4; pointer-events:none;}
/* --- Main HEADER --- */
.main_header {background:var(--main-color); padding:7px 0; margin:0 0 8px 0; z-index:11; position:sticky; top:0; box-shadow:0 6px 16px rgba(0,0,0,.3);}
.main_header .icon, .main_header .svg_icon {width:24px; height:24px; fill:var(--white); transition:.3s; flex-shrink:0;}
.main_header .centre {position:relative; display:flex; justify-content:space-between; align-items:center;}
/* --- main row --- */
.nav_panel {display:flex; align-items:center;}
.catalog_btn {display:none; font-weight:700;}
.ico_cat {position:relative; width:24px; height:24px; margin:0 12px 0 0; display:flex;}
.ic_1, .ic_2 {position:absolute; top:0; left:0; width:24px; height:24px;}
.ic_1::before, .ic_1::after, .ic_2::before, .ic_2::after {position:absolute; top:0; left:0; width:11px; height:11px; border:2px solid var(--white); content:''; border-radius:3px;
transition:.3s;}
.ic_1::after {left:auto; right:0;}
.ic_2::before {top:auto; bottom:0;}
.ic_2::after {top:auto; left:auto; bottom:0; right:0;}
.active .ic_1::before, .active .ic_1::after, .active .ic_2::before, .active .ic_2::after {border:0; width:12px; height:3px; background:var(--white); transform:rotate(45deg); top:6px;
left:2px;}
.active .ic_1::after {left:auto; right:2px; transform:rotate(-45deg);}
.active .ic_2::before {top:auto; bottom:7px; transform:rotate(-45deg);}
.active .ic_2::after {top:auto; left:auto; bottom:7px; right:2px;}
.desktop .select_city {display:none;}
/* --- main search panel --- */
.logo_wrap Img {height:auto; max-width:180px;}
.btn_header.search_start, .btn_header.phone {margin:0 8px 0 0;}
.search_wrap {position:absolute; width:100%; top:0; left:0; opacity:0; padding:0 8px 8px 8px; transform:translateY(-32px); pointer-events:none; background:var(--main-color);
transition:opacity .25s ease, transform .25s ease;}
.search_wrap.open {opacity:1; transform:translateY(53px); pointer-events:auto;}
.search_wrap Form {display:flex; width:100%; position:relative;}
.search_wrap Input {width:100%; padding:0 84px 0 8px; border:none;}
.search_wrap .icon.if_desktop {display:none;}
.search_wrap A.clear {position:absolute; top:0; right:38px; width:38px; height:38px; border-left:1px solid var(--border-color); opacity:1; visibility:visible; transition:.3s;}
.search_wrap A.clear.no_active {opacity:0; visibility:hidden;}
.search_wrap A.clear::before, .search_wrap A.clear::after, .search_popup A.cleare_this::before, .search_popup A.cleare_this::after
{content:''; width:10px; height:1px; position:absolute; top:19px; left:14px; background:var(--text-light); transform:rotate(45deg); transition:.3s;}
.search_wrap A.clear::after, .search_popup A.cleare_this::after {transform:rotate(-45deg);}
.search_wrap .search_btn {position:absolute; top:0; right:0; width:38px; height:38px; display:flex; align-items:center; justify-content:center; background:var(--btn-bg);
border-radius:0 var(--border-radius) var(--border-radius) 0; transition:.3s;}
.main_header .search_btn .icon {fill:var(--white);}
.main_header .search_btn Span {display:none;}
/* --- search popup --- */
.search_popup {position:absolute; top:calc(100% - 2px); left:0; width:100%; display:flex; flex-direction:column; background:var(--white); opacity:0; visibility:hidden; transition:.3s;
border-radius:0 0 var(--border-radius) var(--border-radius); border-top:1px solid var(--border-color);}
.search_popup.active {opacity:1; visibility:visible;}
.search_popup UL {display:flex; flex-direction:column; padding:8px 0;}
.search_popup LI {display:flex; align-items:center; transition:.3s;}
.search_popup LI.active {background:var(--site-bg);}
.search_popup LI.title {padding:8px; font-size:13px; color:var(--text-light); justify-content:space-between;}
A.clear_history {text-decoration:none; color:var(--main-color-light); transition:.3s;}
.search_popup A.one_result {padding:8px; text-decoration:none; color:var(--gray-light); display:flex; align-items:center; width:100%;}
.search_popup A.one_result.history {width:calc(100% - 34px);}
.search_popup A.one_result Img {max-height:42px; margin:-4px 8px -4px 0;}
.search_popup .res_txt {overflow:hidden; text-overflow:ellipsis; width:100%; white-space:nowrap;}
.search_popup .res_txt Span {font-weight:bold; color:var(--main-color-light);}
.search_popup A.one_result.category {margin:0;}
.search_popup A.one_result.category .icon {width:18px; height:18px; fill:var(--icon-color-gray); margin:0 8px 0 0;}
.search_popup A.cleare_this {width:34px; height:34px; position:relative; opacity:0; visibility:hidden; transition:.3s;}
.search_popup A.cleare_this::before, .search_popup A.cleare_this::after {top:17px; left:12px;}
.user_panel {display:flex; align-items:center;}
.btn_header {display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:var(--border-radius); transition:.3s; position:relative; text-decoration:none;}
.btn_header.scale, .btn_header.heart, .btn_header.user {display:none;}
.compare_counter, .wish_counter, .cart_counter, .profile_counter {display:flex; align-items:center; justify-content:center; color:var(--white); position:absolute; top:-3px; left:23px;
min-width:18px; height:18px; border-radius:9px; font-size:12px; background:var(--sub-color); padding:2px;}
.profile_counter {min-width:20px; height:20px; border-radius:10px; border:1px solid var(--site-bg); margin-left:auto; position:relative; top:auto; left:auto;}
.shopping_sum {display:none;}
.btn_header.user .orders, .btn_header.user.orders .user {display:none;}
.btn_header.user .user, .btn_header.user.orders .orders {display:flex;}
/* --- Left Col --- */
.menu_header {color:var(--text); position:fixed; top:0; left:-330px; display:flex; flex-direction:column; height:var(--100vh); overflow:auto; width:300px; background:var(--site-bg); z-index:12;
transition:.3s; box-shadow:0 8px 30px rgba(0,0,0,.3);}
.menu_header.active {left:0; transition:.3s;}
.menu_header .icon, .profile_menu UL .icon {width:20px; height:20px; margin:0 12px 0 0;}
.menu_header .btn, .profile_menu UL A {padding:0 8px;}
.close_menu {width:32px; height:32px; position:absolute; top:18px; right:4px; z-index:1;}
.close_menu::after, .close_menu::before {content:''; width:24px; height:3px; border-radius:3px; background:var(--white); position:absolute; top:50%; left:50%;
transform:translate(-50%, -50%) rotate(45deg); transition:.3s;}
.close_menu::after {transform:translate(-50%, -50%) rotate(-45deg);}
.left_menu_header {display:flex; flex-direction:column; background:var(--main-color); color:var(--text-inverse); border-bottom:1px solid var(--site-bg);}
.menu_logo {display:flex; padding:2px 40px 2px 8px; width:100%; height:70px; align-items:center;}
.login_btn {width:calc(100% - 16px); background:none; margin:8px;}
.login_btn.out {color:var(--main-color-lighter); margin:0;}
.login_btn.out .icon {fill:var(--main-color-lighter);}
.user_info, .profile_menu UL A.user_info {color:var(--text-inverse); text-decoration:none; font-size:16px; line-height:1.2; display:flex; flex-direction:column; padding:8px 8px 8px 40px;
position:relative; border-radius:var(--border-radius); align-items:flex-start; transition:.3s;}
.profile_menu UL A.user_info {color:var(--main-color);}
.user_info .icon {position:absolute; top:8px; left:8px; fill:var(--text-inverse);}
.user_info .name {padding:2px 0 4px 0;}
.user_info .user_email {font-size:12px; color:var(--sub-color); transition:.3s;}
.user_info.active .user_email {color:var(--main-color-light);}
.menu_header .catalog_btn {display:flex; margin:8px; width:calc(100% - 16px);}
.menu_header .catalog_btn .icon {width:24px; height:24px;}
.left_menu_box {display:flex; flex-direction:column; padding:8px 8px 16px 8px;}
.left_menu_box.user_menu {padding:8px 8px 0 8px; order:3;}
.left_menu_box.bottom_menu_in_left {order:4;}
.profile_tpl .left_menu_box.user_menu {order:1;}
.left_menu_box .catalog_menu {border-bottom:1px solid var(--border-color); padding:0 0 8px 0; margin:0 0 8px 0;}
.left_menu_box.user_menu .catalog_menu {margin:0;}
.left_menu_box LI, .profile_menu UL A {margin:0 0 1px 0;}
.left_menu_box A, .pm_items A, .left_menu_box A.active {color:var(--link); background:none; width:100%;}
.profile_menu UL A.active {background:var(--main-color-lighter); color:var(--text-inverse);}
.left_menu_box A .icon, .profile_menu A .icon {fill:var(--link);}
.profile_menu A.active .icon {fill:var(--white);}
.for_select_city {border-bottom:1px solid var(--border-color); padding:0 0 8px 0; margin:0 0 8px 0;}
.left_menu_box .for_select_city LI {margin:0;}
.select_language {border-bottom:1px solid var(--border-color); padding:0 0 8px 8px; margin:0 0 8px 0; display:flex; align-items:center;}
.left_menu_box .select_language A {width:auto; margin:0 0 0 8px;}
.left_menu_box .select_language A.active {color:var(--white);}
.left_menu_box .select_language A.active, .left_menu_box .select_language A.active:hover {background:var(--btn-bg-hover);}
/* --- Left Catalog Menu --- */
.catalog_mob_menu {display:flex; width:100%; padding:8px; background:var(--main-color); order:2;}
.catalog_mob_menu.margin {margin:-1px 0 0 0;}
.catalog_mob_menu UL {width:100%; display:flex; flex-direction:column;}
.catalog_mob_menu A {display:flex; flex-wrap:wrap; width:100%; text-decoration:none; color:var(--text-inverse); padding:8px 0; position:relative; transition:.3s;}
.catalog_mob_menu A.has_arrow {padding:8px 42px 8px 0;}
.catalog_mob_menu A::before, .catalog_mob_menu A::after {display:none;}
.catalog_mob_menu A Span {position:absolute; top:0; right:0; height:100%; aspect-ratio:1 / 1; max-height:34px; transition:.3s;}
.catalog_mob_menu A.has_arrow Span::before, .catalog_mob_menu A.has_arrow Span::after
{content:''; width:8px; height:2px; border-radius:2px; position:absolute; right:12px; top:19px; transform:rotate(-45deg); transition:.3s; background:var(--text-inverse);}
.catalog_mob_menu A.has_arrow Span::after {transform:rotate(45deg); top:14px;}
.catalog_mob_menu A.has_arrow.bottom Span {transform:rotate(-90deg);}
.catalog_mob_menu UL LI UL.no_active {display:none;}
.catalog_mob_menu UL LI UL {padding:0 0 0 30px;}
.catalog_mob_menu UL LI UL A {padding:6px 0;}
.catalog_mob_menu UL LI UL A.has_arrow {padding:6px 0;}
.catalog_mob_menu UL LI UL A Span {max-height:30px; right:100%;}
.catalog_mob_menu UL LI UL A.has_arrow Span::before, .catalog_mob_menu UL LI UL A.has_arrow Span::after {right:10px; top:17px;}
.catalog_mob_menu UL LI UL A.has_arrow Span::after {top:12px;}
/* --- Main Slider --- */
.main_slider_container {margin:0 auto 16px auto;}
.main_slider_container.with_menu > UL {display:none;}
.main_slider_item, .main_slider_item A, .main_slider_item Img {display:block; width:100%; height:auto;}
.main_slider:not(.slick-initialized) {display:flex; overflow:hidden;}
.main_slider:not(.slick-initialized) .main_slider_item {flex:0 0 100%;}
.main_slider_container .slick-dots {position:absolute; bottom:0; left:0; justify-content:center; width:100%; padding:8px;}
.slick-dots {display:flex}
.slick-dots LI {display:flex; margin:0 4px;}
.slick-dots Button {font-size:0; padding:0; background:transparent; width:16px; height:16px; border-radius:50%; border:2px solid transparent; position:relative; cursor:pointer;}
.slick-dots button::before {content:""; width:6px; height:6px; background:var(--site-bg); border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.slick-dots LI.slick-active Button {border:2px solid var(--sub-color);}
.slick-dots LI.slick-active Button::before {background:var(--sub-color);}
/* --- Slider in Catalog --- */
.list_wrap .main_slider_container {margin:0 0 16px 0;}
/* --- LogIn & Registration --- */
.login_or_reg {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 0 32px 0;}
.lor_col {width:100%; max-width:520px; padding:0 0 30px 0; position:relative;}
.lor_col.signup {padding:32px 0 0 0;}
.lor_col.signup::before {width:100%; height:2px; background:var(--main-color-light); content:''; position:absolute; top:0; left:0;}
.login_place .title_wrap.hidden {display:flex !important;}
.title_wrap .together {display:flex; margin:0 0 0 16px;}
.login_place .title_wrap .together {margin:0;}
.title_wrap .together A:last-child {margin:0 0 0 8px;}
.title_wrap .together A {background:var(--main-color-lighter);}
.lor_line {position:absolute; top:-18px; left:50%; transform:translateX(-50%); padding:8px 16px; background:var(--site-bg); color:var(--main-color-light);}
.lor_box {background:var(--white); padding:16px;}
.login_or_reg .btn {width:100%;}
.lor_box .only_for_checkout {display:none;}
/* --- Email confirm --- */
.email_confirm {display:flex; flex-direction:column; margin:32px auto; max-width:740px;}
.email_confirm .icon {display:flex; justify-content:center; margin:0 0 32px 0;}
.email_confirm .icon Span {width:64px; height:64px; border:3px solid var(--error); border-radius:50%; position:relative;}
.email_confirm .icon.success Span {border-color:var(--btn-bg); display:flex; justify-content:center; align-items:center;}
.email_confirm .icon.faild Span::before, .email_confirm .icon.faild Span::after {content:''; background:var(--error); position:absolute; top:14px; left:29px; width:3px; height:32px;
transform:rotate(45deg);}
.email_confirm .icon.faild Span::after {transform:rotate(-45deg); left:28px;}
.email_confirm .icon.success Span::before {border:3px solid var(--btn-bg); border-top:none; border-left:none; content:''; position:absolute; top:9px; left:22px; transform:rotate(45deg);
width:18px; height:32px;}
.ec_tit {margin:0 0 24px 0; text-align:center; font-size:24px; line-height:32px;}
.ec_description {margin:0 0 32px 0; text-align:center; color:var(--text-light); line-height:1.4;}
.email_confirm .long_div {align-items:center;}
/* --- PopUp for LogIn OR Registration --- */
.callback_popup.login_popup { max-width:400px; padding:16px 0 16px 16px; display:flex; flex-direction:column; overflow:hidden;}
.login_logo {background:var(--main-color); width:calc(100% + 16px); margin:-17px 0 0 -16px; height:62px; flex-shrink:0; padding:0 16px; display:flex; align-items:center;}
.ll_logo_box {max-width:134px; height:100%; padding:2px 0; display:flex; align-items:center;}
.login_popup .popup_close {top:13px; right:8px;}
.login_popup .popup_close::before, .login_popup .popup_close::after {background:var(--white);}
.login_popup .reg_sms_popup .popup_close::before, .login_popup .reg_sms_popup .popup_close::after {background:var(--main-color);}
.login_logo Span {color:var(--btn-bg); margin:0 0 0 16px; font-size:24px;}
.login_logo Span Span {display:none; margin:0;}
.login_logo Span Span.active {display:flex;}
.login_popup .login_or_reg {overflow-y:auto; padding:0 16px 0 0;}
.login_popup .lor_col, .login_popup .lor_col.signup {padding:16px 0 0 0;}
.login_popup .lor_col.signup::before, .login_popup .lor_line {display:none;}
.login_popup .lor_col.no_active {display:none;}
.login_popup .lor_col .title_wrap {justify-content:flex-start;}
.login_popup .lor_col .main_title {font-size:18px; font-weight:700; margin:0;}
.login_popup .password_recovery, .login_popup .for_back_from_recovery {display:none;}
.login_popup .lor_col.registration_tab .title_wrap {display:none;}
.login_popup .lor_box {padding:0; background:none;}
.popup .lor_box .together.row {flex-direction:column;}
.login_popup .buts {display:flex; justify-content:space-between;}
.login_popup .remind_me, .enter_form .remind_me {color:var(--main-color-lighter);}
.login_popup .reg_sms_popup {width:100%; height:100%; transform:none; top:0; left:0; position:absolute; max-height:unset; display:flex; flex-direction:column; justify-content:center;}
/* --- PopUp for SMS in LogIn OR Registration --- */
.callback_popup {width:calc(100% - 20px); max-width:520px; padding:32px;}
.popup_close {width:38px; height:38px; background:transparent; border:none; cursor:pointer; position:absolute; top:0; right:0;}
.popup_close::before, .popup_close::after {content:""; width:18px; height:2px; background:var(--main-color); transition:.3s; position:absolute; top:50%; left:50%; border-radius:2px;}
.popup_close::before {transform:translate(-50%, -50%) rotate(-45deg);}
.popup_close::after {transform:translate(-50%, -50%) rotate(45deg);}
.email_popup .popup_close::before, .email_popup .popup_close::after {background:var(--error);}
.popup_title {font-size:22px; line-height:1.4; margin:0 0 16px 0;}
.popup_title.margin_plus {margin:0 0 32px 0;}
.popup_title.small {font-size:18px;}
.popup_subtitle {font-size:18px; line-height:1.4; margin:0 0 24px 0;}
.popup_subtitle Span {font-weight:700; color:var(--main-color-lighter);}
.long_div.sms_field, .long_div.email_field {align-items:center; margin:32px 0;}
.sms_field Input, .email_field Input {font-size:36px; text-align:center; margin:4px 0 0 0; width:100px; color:var(--main-color); height:50px;}
.sms_field Input[type="text"].error, .email_field Input[type="text"].error {background:none;}
.popup .close_sms_form, .popup .close_email_form {color:var(--link); margin:0 0 20px 0; transition:.3s;}
.repeat_sms A, .repeat_email A {color:var(--orange); transition:.3s;}
.repeat_sms A.disabled, .repeat_email A.disabled {text-decoration:none; pointer-events:none; color:var(--main-color-lighter);}
.repeat_sms A.disabled Span, .repeat_email A.disabled Span {color:var(--orange);}
.callback_popup .long_div.row {margin:0 0 8px 0;}
/* --- PopUp for Ask the Question --- */
.reg_user_details {margin:0 0 16px 0; width:100%; display:flex; flex-direction:column;}
.reg_user_details .rud_name {font-size:17px; margin:0 0 4px 0;}
.reg_user_details .rud_phone {color:var(--text-light);}
.reg_user_details .rud_email {color:var(--text-light); margin:4px 0 0 0;}
.callback_popup.ask_question .long_div.row, .callback_popup.one_click_popup .long_div.row {margin:0; justify-content:flex-start;}
.ask_question.popup .row .btn, .one_click_popup.popup .row .btn {margin:0; width:100%;}
/* --- Cart --- */
.header_cart {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:var(--white); z-index:13; width:calc(100% - 16px); max-width:900px; border-radius:var(--border-radius);
display:none; flex-direction:column; padding:16px 8px 16px 16px; box-shadow:0 8px 30px rgba(0,0,0,.3); max-height:calc(100% - 10%); overflow:hidden;}
.header_cart.active {display:flex;}
.cart_box {display:flex; flex-direction:column; overflow:auto;}
.all_items {padding:0 8px 0 0;}
.added_goods {display:flex; padding:16px 8px 0 0; border-top:1px solid var(--border-color); margin:0 0 16px 0; position:relative;}
.cart_kit .added_goods {border:none; padding:16px 0 0 0;}
.added_goods:first-child {border:none;}
.product_body {display:flex; flex-direction:column; width:100%;}
A.delete_product {position:absolute; top:14px; right:0; width:24px; height:24px;}
A.delete_product .icon {top:2px; left:3px; width:18px; height:18px; fill:var(--icon-color-gray); position:relative; transition:.3s;}
.ag_photo {display:flex; margin:0 16px 0 0; flex-shrink:0; width:74px; height:auto; position:relative; align-items:flex-start;}
.ag_photo Img {display:block; width:100%; height:auto; object-fit:contain;}
.ag_photo Span {position:absolute; top:0; left:0; margin:0; background:var(--error); display:flex; width:max-content; padding:2px 4px; font-size:12px; line-height:1.2;
text-transform:uppercase; color:var(--text-inverse); border-radius:0 0 var(--border-radius) 0;}
.ag_photo .if_gift {padding:4px;}
.ag_photo .if_gift .icon {fill:var(--white);}
.item_text {display:flex; flex-direction:column; margin:0 0 8px 0;}
.it_title {display:flex; margin:0 0 8px 0;}
A.item_link {font-size:16px; line-height:1.2; color:var(--text); text-decoration:none; transition:.3s;}
.item_code {font-size:13px; line-height:1.2; color:var(--gray); width:100%; margin:0 0 6px 0; display:flex; align-items:center;}
.item_code.orange {color:var(--orange);}
.bottom_wrap {display:flex; align-items:center; justify-content:space-between;}
.counter_panel {display:flex; width:max-content; margin:0 16px 0 0; height:38px; border:1px solid var(--border-color); border-radius:var(--border-radius);}
.added_goods_ignore .counter_panel {border:none;}
.counter_panel A, .counter_panel Button {font-size:0; width:28px; height:100%; cursor:pointer; background:none; padding:0; border:none; position:relative; transition:.3s;}
.counter_panel A::before, .counter_panel A.plus::after, .counter_panel Button::before, .counter_panel Button.plus::after
{content:''; width:12px; height:1px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:var(--main-color);}
.counter_panel A.plus::after, .counter_panel Button.plus::after {transform:translate(-50%, -50%) rotate(-90deg);}
.counter_panel Input {width:32px; height:100%; padding:0; text-align:center; background:transparent; border-color:transparent;}
.price_box {display:flex; flex-direction:column; align-items:flex-end;}
.price_box.one_item {flex-direction:row; align-items:baseline;}
.price_box.one_item .more {font-size:13px; color:var(--gray); margin:0 0 0 6px;}
.total_sum {font-size:18px;}
.total_sum Small, .mw_total .discount Small {font-size:15px;}
.total_sum_old {opacity:0.7; position:relative; width:max-content; font-size:14px;}
.total_sum_old Small {font-size:12px;}
.total_sum_old::before {content:''; width:110%; height:1px; background:var(--text); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-6deg);}
.cart_kit {border:1px solid var(--orange); border-radius:var(--border-radius); padding:8px; margin:0 0 16px 0; display:flex; flex-direction:column; box-shadow:inset 0 0 8px -3px var(--orange);}
.cart_kit .tit {color:var(--orange); font-size:16px;}
.agi_together {display:flex; flex-direction:column;}
.cart_kit .added_goods_ignore {padding:32px 0 8px 8px; margin:0;}
.cart_kit .added_goods_ignore::before, .cart_kit .added_goods_ignore::after {content:''; position:absolute; top:7px; left:50%; transform:translateX(-50%) rotate(0deg); width:16px;
height:4px; border-radius:4px; background:var(--orange);}
.cart_kit .added_goods_ignore::after {transform:translateX(-50%) rotate(90deg);}
.cart_kit .added_goods_ignore .total_sum {margin:0 0 0 16px;}
.kit_sum {display:flex; flex-direction:row; justify-content:space-between; align-items:last baseline; border-top:1px solid var(--border-color); padding:8px 0 0 0;}
.kit_sum .total_sum {margin:0 0 0 16px;}
.empty_cart {font-size:28px; line-height:1.2; display:flex; color:var(--main-color-light);}
.empty_cart .icon {margin:0 16px 0 0; width:28px; height:28px; fill:var(--main-color-light);}
.all_sums {display:flex; flex-direction:column; position:sticky; bottom:0; background:var(--white); padding:0 8px 0 0;}
.all_sums::after {content:''; position:absolute; top:-20px; left:0; width:100%; height:20px; background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); display:flex;
flex-direction:column;}
.all_sum, .mw_total {display:flex; justify-content:space-between; align-items:center; font-size:14px; line-height:1.2; margin:24px 0 8px;}
.all_sum Span, .all_sum Small {font-size:24px; line-height:1.4;}
.all_sum Small {font-size:20px; margin:0 0 0 4px;}
.all_sum Div {color:var(--main-color-light);}
.mw_total {margin:0 0 8px 0;}
.mw_total .discount {font-size:18px; color:var(--sub-color);}
.cart_btn-wrap {display:flex; flex-direction:column;}
.cart_btn-wrap A.btn {width:100%; margin:16px 0 0 0;}
.cart_box .cheaper {margin:32px 8px 0 0; background:var(--site-bg); border-radius:var(--border-radius); padding:16px 8px;}
.cart_box .cheaper .added_goods A.item_link {font-size:14px;}
.cart_box .cheaper_prise {width:100%; margin:0;}
.cart_box .added_goods_ignore .bottom_wrap {justify-content:flex-end;}
/* --- Catalog Button --- */
.btn_catalog {font-size:16px; line-height:24px; font-weight:700; text-decoration:none; text-transform:uppercase; color:var(--text-inverse); display:flex; align-items:center; justify-content:center;
width:100%; height:38px; background-color:var(--main-color); border-radius:4px;}
.btn_catalog svg {margin-right:18px;}
/* --- Catalog Menu - base styles --- */
.menu {display:none; position:fixed; top:0; left:0; margin:0; width:100%; height:100%; z-index:12; background:var(--site-bg); overflow:auto;}
.menu.active {display:flex; flex-direction:column; height:var(--100vh); overflow:hidden;}
.menu_head {display:flex; align-items:center; justify-content:flex-end; width:100%; padding:2px 8px; background:var(--main-color);}
.menu_close {position:relative; z-index:2;}
.menu_close.popup_close::before, .menu_close.popup_close::after {background:var(--white); width:24px;}
.menu .over {overflow:auto;}
/* --- Main-short Menu in Left Col --- */
.two_cols .main_aside .left_menu, .two_cols .main_aside .profile_menu {display:none;}
/* --- Main Level - Catalog Menu --- */
.menu UL {width:100%; height:100%; overflow-y:auto; padding:8px;}
.menu UL LI {width:100%; margin:1px 0 0 0;}
.menu UL LI:first-child {margin:0;}
.menu LI A, .main_slider_container.with_menu LI A, .main_aside .left_menu A {color:var(--text); font-size:15px; line-height:1.2; text-decoration:none; display:flex; align-items:center;
padding:12px 30px 12px 16px; position:relative; transition:.3s; border-radius:var(--border-radius);}
.menu LI A.active,
.main_slider_container.with_menu LI A.active {background:var(--main-color-light); color:var(--text-inverse); transition:.3s;}
.menu LI UL LI A.active {background-color:unset; color:var(--btn-bg-hover);}
.menu A.has_arrow::before, .menu A.has_arrow::after {right:16px; top:22px; background:var(--main-color);}
.menu A.has_arrow::after {top:17px;}
.menu A.has_arrow.active::before, .menu A.has_arrow.active::after {background:var(--text-inverse);}
.menu LI A Img, .main_slider_container.with_menu LI A Img {display:block; margin:0 12px 0 0; width:18px; opacity:.7; transition:.3s;}
.main_header .menu A svg {fill:var(--main-color); width:18px; height:18px; margin:0 12px 0 0; transition:.3s;}
.main_header .menu A.active svg {fill:var(--text-inverse);}
/* --- Deep Levels - Catalog Menu --- */
.menu .next_level {width:100%; height:100%; position:absolute; top:0; left:calc(-100% - 20px); background:var(--white); z-index:1; box-shadow:0 8px 10px rgba(0,0,0,.3); transition:.3s;}
.menu .next_level.active {left:0;}
.menu A.btn_back {color:var(--text-inverse); background:var(--main-color); padding:12px 30px 12px 32px; border-radius:unset;}
.menu A.btn_back.has_arrow::before, .menu A.btn_back.has_arrow::after {right:auto; left:16px; top:17px; background:var(--text-inverse);}
.menu A.btn_back.has_arrow::after {top:22px;}
.menu .next_level .mobile A {background:var(--main-color-light); color:var(--text-inverse);}
.menu .next_level A.has_arrow.active::before, .menu .next_level A.has_arrow.active::after
{background:var(--btn-bg-hover);}
/* --- Catalog Categories --- */
.category {margin-bottom:8px;}
/* --- Tiles --- */
.category_list {display:flex; flex-wrap:wrap; margin:0 0 0 -8px;}
.one_cat {display:flex; flex-direction:column; align-items:center; justify-content:space-between; background:var(--white); padding:8px; width:calc(50% - 8px); margin:0 0 8px 8px;
text-decoration:none; transition:.3s;}
.category_image {display:flex; align-items:center; justify-content:center; width:100%; height:auto; margin:0 0 8px 0;}
.category_image Img {display:block; width:100%; height:auto; object-fit:contain;}
.cat_title {display:flex; justify-content:center; color:var(--text); text-decoration:none; transition:.3s; text-align: center}
/* --- Rows --- */
.row_list .category_list {margin:0;}
.row_list .one_cat {margin:0 0 8px 0; width:100%; flex-direction:row;}
.row_list .category_image {margin:0 16px 0 0; width:40%;}
.row_list .cat_title {width:100%; justify-content:flex-start; text-align:left;}
/* --- Grid template --- */
.row_list .category_list.grid_temp .one_cat {flex: 0 0 calc((100% / 3) - (16px / 3));flex-direction: column;justify-content: center;align-items: center;}
.row_list .category_list.grid_temp .one_cat:nth-child(3n + 1),.row_list .category_list.grid_temp .one_cat:nth-child(3n + 2) {margin-right: 8px;}
.row_list .category_list.grid_temp .category_image {display: flex;align-items: center;justify-content: center;width: 100%;height: auto;margin: 0 0 12px 0; position: relative;}
.row_list .category_list.grid_temp .category_image::before {content: "";width: 100%;height: 0;padding-bottom: 100%;position: relative;}
.row_list .category_list.grid_temp .category_image img {display: block;width: auto;height: auto;max-width: 100%;max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.row_list .category_list.grid_temp .cat_title {font-size: 12px;text-align: center;justify-content: center;}
/* --- List (with SUB categories) --- */
.list_info .category_list {margin:0;}
.list_info .one_cat {margin:0 0 8px 0; width:100%; justify-content:flex-start;}
.list_info .category_image {margin:0 0 12px 0;}
.list_info .cat_title {width:100%; justify-content:flex-start; text-align:left; font-size:18px;}
.list_info UL {width:100%; margin:12px 0 0 0; position:relative; overflow:hidden; max-height:192px;}
.list_info UL.full_list {height:100%; max-height:unset;}
.category_list UL A {display:flex; padding:6px 8px; color:var(--text); text-decoration:none; margin:0 0 4px 0; background:var(--site-bg); position:relative; font-size:14px; transition:.3s;}
.list_info UL LI.more {bottom:0; left:0; padding:4px 0 0 0; width:100%; background:var(--white); background:linear-gradient(0deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
position:absolute;}
.list_info UL LI.more A.show, .list_info UL LI.less A.show {padding:6px 8px 6px 32px; margin:0; background:none; width:max-content; color:var(--link);}
.list_info UL LI A.has_arrow::before, .list_info UL LI A.has_arrow::after {right:auto; top:15px;}
.list_info UL LI.more A.has_arrow.bottom::before, .list_info UL LI.less A.has_arrow.top::after {left:13px;}
.list_info UL LI.more A.has_arrow.bottom::after, .list_info UL LI.less A.has_arrow.top::before {left:8px;}
.list_info UL LI.more .less, .list_info UL LI.less .more {display:none;}
.list_info UL LI.more .more, .list_info UL LI.less .less {display:flex;}
.list_info UL LI.less A.show {background:none;}
/* --- Store window Slider --- */
.product_slider {margin-bottom:16px;}
.details_product .product_slider {width:calc(100% + 16px); margin-left:-8px;}
.product_slider .title_wrap {justify-content:flex-start; position:relative; z-index:1; align-items:baseline;}
.title_wrap .main_title {margin:0 32px 0 0;}
.title_wrap .main_title.no_margin {margin:0;}
.title_wrap .link {position:relative; padding:0 16px 0 0;}
.product_slider .product_tabs {position:relative; top:0; z-index:unset;}
.product_slider .product_tabs A {z-index:2;}
.product_slider .product_inner {display:flex; width:calc(100% + 16px); margin:0 0 0 -8px; padding:0 8px; overflow:hidden;}
.product_slider .product_inner:not(.slick-initialized) {width:100%; margin:0; padding:0;}
.product_inner .slick-list .slick-track {min-width:100%; display:flex; width:100%; transform:translate3d(0, 0, 0);}
.product_slider .one_good {flex-shrink:0;}
.slick-arrow {z-index:1; font-size:0; background:var(--main-color-lighter); border-radius:0 var(--border-radius) var(--border-radius) 0; width:32px; height:40px; position:absolute;
cursor:pointer; top:50%; left:0; transform:translateY(-50%); border:none; box-shadow:0 0 8px #00000024; transition:.3s;}
.slick-arrow.slick-next {left:auto !important; right:0; border-radius:var(--border-radius) 0 0 var(--border-radius);}
.slick-arrow::before, .slick-arrow::after {right:8px; top:23px; width:14px; height:3px; background:var(--white);}
.slick-arrow::after {top:14px;}
.see_all_if_many {display:flex; margin:8px 0 0 0;}
.see_all_if_many A.link {position:relative; padding:0 16px 0 0;}
/* --- Last viewed on Main page - if Grid --- */
.product_grid {display:flex; flex-direction:column;}
.product_grid UL {display:flex; flex-wrap:wrap;}
.product_grid LI:nth-child(3), .product_grid LI:nth-child(4), .product_grid LI:nth-child(5), .product_grid LI:nth-child(6) {display:none;}
.product_grid .all LI:nth-child(3), .product_grid .all LI:nth-child(4), .product_grid .all LI:nth-child(5), .product_grid .all LI:nth-child(6) {display:block;}
/* --- Tile Universal --- */
.category.tiles {position:relative;}
.tiles.has_background {padding:16px 8px;}
.main_title.title_h2 {font-size:18px; color:var(--text-light); margin:0 0 4px 0;}
.tiles .tiles_description {margin:0 0 16px 0;}
.tiles .tiles_description Article {margin:0;}
.one_tile {display:flex; flex-direction:column; align-items:center; justify-content:space-between; background:var(--white); width:calc(50% - 8px); margin:0 0 8px 8px; text-decoration:none; transition:.3s;}
.one_tile .box {display:flex; flex-direction:column; width:100%; text-decoration:none; padding:8px;}
.tile_image {display:flex; align-items:center; width:100%; height:100%; margin:0 0 8px 0;}
.tile_image Img {display:block; width:100%; height:auto; object-fit:contain; aspect-ratio: 1 / 1}
.tile_title {display:flex; justify-content:center; color:var(--text); text-decoration:none; transition:.3s; text-align: center}
.tile_description {margin:8px 0 0 0; display:flex; text-align:center; color:var(--text-light); font-size:13px;}
.tiles A.btn.view_all {margin:8px 0 0 0;}
.tile_background {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.tile_background Img {display:block; width:100%; height:100%; object-fit:cover; object-position:top; pointer-events:none;}
/* --- If Grid --- */
.tiles_grid {display:flex; flex-wrap:wrap; margin:0 0 0 -8px;}
/* --- If Slider --- */
.tiles_slider {width:calc(100% + 16px); margin:0 0 0 -8px; display:flex;}
.tiles_slider .slick-list {padding:0 0 0 8px;}
.tiles_slider UL {margin:0; padding:0; display:flex;}
.tiles_slider .one_tile {margin:0 8px 8px 0;}
.tiles_slider:not(.slick-initialized) {margin:0; width:calc(100% + 8px); overflow:hidden;}
.tiles_slider:not(.slick-initialized) .one_tile {flex-shrink:0;}
/* --- FAQ --- */
.faq {position:relative; overflow:hidden; padding:16px 8px;}
.faq .centre {padding:0;}
.faq .faq_description {margin:16px 0;}
.faq .faq_description Article {margin:0;}
/* --- If Grid --- */
.faq_grid, .cat_faq DL {display:flex; flex-direction:column;}
.faq .one_question, .cat_faq .one_question {display:flex; flex-direction:column; border-radius:var(--border-radius); background:var(--white); margin:0 0 16px 0; transition:.3s;}
.faq .one_question:last-child {margin:0;}
.faq .faq_question, .cat_faq DT {display:flex; cursor:pointer; font-size:18px; padding:16px 16px 16px 48px; position:relative; width:100%;}
.faq .faq_question.has_arrow::before, .faq .faq_question.has_arrow::after, .cat_faq DT.has_arrow::before, .cat_faq DT.has_arrow::after {left:24px; top:26px; right:auto; width:12px;}
.faq .faq_question.has_arrow::after, .cat_faq DT.has_arrow::after {left:16px; right:auto;}
.faq .open .faq_question.has_arrow::before, .faq .open .faq_question.has_arrow::after {width:18px; left:20px;}
.faq .one_question .faq_answer, .cat_faq DD {display:none; padding:0 16px 16px 16px; line-height:1.5;}
.faq .one_question.open .faq_answer, .cat_faq .open DD {display:flex;}
/* --- If Slider --- */
.faq.slider .faq_description {margin:8px 0 16px 0;}
.faq_slider {width:calc(100% + 16px); margin:0 0 0 -8px; display:flex;}
.faq_slider .slick-list {padding:0 0 0 8px;}
.faq_slider UL {margin:0; padding:0; display:flex; align-items:flex-start;}
.faq_slider .one_question {margin:8px 8px 8px 0; box-shadow:0 0 8px #00000024;}
.faq_slider:not(.slick-initialized) {margin:0; width:calc(100% + 8px); overflow:hidden;}
.faq_slider:not(.slick-initialized) .one_question {flex-shrink:0;}
.faq .faq_slider .faq_question {padding:16px 42px; pointer-events:none;}
.faq .faq_slider .faq_question.has_arrow::before, .faq .faq_slider .faq_question.has_arrow::after {left:20px; top:30px; background:var(--link-hover);}
.faq .faq_slider .faq_question.has_arrow::after {top:22px;}
.faq .faq_slider .faq_answer {display:flex; padding:0 42px 16px 42px;}
/* --- Single Video --- */
.video_box {margin:0 0 16px 0;}
.video_wrap {position:relative; width:100%; height:0; padding-bottom:56.25%; /* 16:9 (9 / 16 * 100) */}
.video_wrap Iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_preview {width:100%; height:auto; cursor:pointer;}
.play_back {position:absolute; inset:0; display:flex; background:var(--main-color-lighter); z-index:1;}
.play_back::before {content:''; inset:0; background:transparent; position:absolute; transition:.3s; backdrop-filter:blur(2px);}
.play_but {width:64px; height:32px; background:var(--gray-opacity); border-radius:4px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; transition:.3s;}
.play_but::before {width:13px; height:16px; background:var(--white); clip-path:polygon(0% 0%, 100% 50%, 0% 100%); border-radius:var(--border-radius); position:absolute; top:50%; left:50%;
transform:translate(-50%, -50%); content:'';}
.video_preview Img {width:100%; height:auto;}
/* --- Product - One Item --- */
.product_wrap {display:flex; flex-wrap:wrap; width:100%;}
.products_not_found {font-size:18px; padding:64px;}
.one_good {display:flex; flex-direction:column; padding:8px; background:var(--white); width:50%; border-right:1px solid var(--site-bg); border-bottom:1px solid var(--site-bg);}
.og_inner {display:flex; flex-direction:column; position:relative; justify-content:space-between; height:100%;}
/* --- Status - Product --- */
.one_good .status_list, .big_slider .status_list {display:flex; flex-direction:column; align-items:flex-start; position:absolute; top:0; left:0; z-index:3;}
.one_good .status_list Span, .big_slider .status_list Span {display:flex; padding:2px 6px; font-size:12px; border-radius:var(--border-radius); margin:0 0 4px 0;}
.one_good .status_list Span.sale_percent, .big_slider .status_list Span.sale_percent {background:var(--error); color:var(--white);}
.unavailability.one_good .status_list Span, .unavailability .big_slider .status_list Span {opacity:.4;}
.status_images-list {display: flex;flex-direction: column;position: absolute;top: 0;right: 0;}
.status_image {width: auto;max-width: 72px;height: auto;margin-bottom: 8px;padding: 0;background-color: transparent;border: none;cursor: pointer;}
.status_image img, .status_image svg {display: block;width: auto;max-width: 100%;height: auto;}
.one_good .status_images-list {right: auto;top: auto;bottom: 0;left: 0;z-index: 1;}
.one_good .status_images-list .status_image {max-width: 62px;margin: 6px 0 0 0;}
.one_good .status_images-list .status_image img {width: auto;height: auto;max-width: 100%;max-height: unset;position: relative;transform: none;top: auto;left: auto;}
.popup.popup_status-image .popup_title {width: calc(100% + 32px);margin-left: -16px;margin-right: -16px;padding: 0 16px 16px 16px;}
.popup.popup_status-image article {margin-bottom: 0;}
/* --- Wish & Compare - Product --- */
.add_in-list {display:flex; flex-direction:column; position:absolute; top:0; right:0; z-index:3;}
.add_in-list A, .add_in-list .check_wrap {display:flex; width:32px; height:32px; border-radius:var(--border-radius); background:var(--white); align-items:center; justify-content:center;
margin:0 0 4px 0; position:relative; transition:.3s;}
.add_in-list A .icon {width:24px; height:24px; fill:var(--icon-color-gray); transition:.3s;}
.add_in-list A.active .icon {fill:var(--btn-bg);}
.add_in-list A.wishes .icon.active, .add_in-list A.wishes.active .icon {display:none;}
.add_in-list A.wishes.active .icon.active {display:flex; fill:var(--error);}
.add_in-list A.to_compare_list.active::after {content:''; position:absolute; width:17px; height:17px; background:var(--btn-bg); border-radius:50%; top:1px; right:1px;
border:2px solid var(--white);}
.add_in-list A.to_compare_list.active::before {content:''; position:absolute; width:12px; height:6px; border-bottom:2px solid var(--white); border-left:2px solid var(--white);
top:3px; right:1px; border-radius:0; transform:rotate(-45deg); z-index:1;}
.photo_and_name {display:flex; flex-direction:column; z-index:2;}
/* --- Photo - Product --- */
.one_good .photo_wrap {position:relative; display:block; width:100%; margin:0 0 16px 0; overflow:hidden;}
.one_good .photo_wrap::before {display:block; aspect-ratio:var(--catalog-image-aspect-ratio); content:'';}
.one_good .photo_wrap Img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; object-fit:contain;}
.unavailability.one_good .photo_wrap Img {opacity:.4;}
/* --- Name - Product --- */
.one_good .product_name {display:flex; text-decoration:none; margin:0 0 8px 0;}
.one_good .product_name Span {display:inline-block; font-size:14px; line-height:1.2; color:var(--link); height:34px; width:100%; overflow:hidden; transition:.3s;}
.unavailability.one_good .product_name Span {opacity:.4;}
.one_good .product_name.long Span {height:unset; overflow:visible;}
/* --- Rating - Product --- */
.product_raiting {display:flex; align-items:center; margin:0 0 12px 0;}
.product_raiting .stars {display:flex; margin:-2px 8px 0 0;}
.product_raiting .icon {width:14px; height:14px; fill:var(--icon-color-gray); margin:1px;}
.product_raiting .icon.active {fill:var(--orange);}
.product_raiting A {color:var(--main-color-light); text-decoration:none; align-items:center; display:flex; transition:.3s; font-size:12px;}
.product_raiting A .icon {fill:var(--main-color-light); transition:.3s;}
/* --- Prices - Product --- */
.one_good .price_wrap {display:flex; flex-direction:column; z-index:2; position:relative;}
.unavailability.one_good .price_wrap {opacity:.4;}
.one_good .old_price {display:flex; align-items:center; color:var(--gray); font-size:14px;}
.one_good .op_main {margin:0 16px 0 0;}
.one_good .op_main Span {position:relative;}
.one_good .op_main Span::before {content:''; width:110%; height:1px; background:var(--gray); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-10deg);}
.one_good .op_benefit {padding:0 4px; height:20px; font-size:12px; line-height:20px; background:var(--error); color:var(--text-inverse); border-radius:var(--border-radius);
position:relative; top:-6px;}
.old_price .op_benefit::before {content:''; width:8px; height:16px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:4px solid var(--error);
position:absolute; top:50%; right:100%; transform:translateY(-50%);}
.one_good .can_buy {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.one_good .main_price {font-size:20px;}
.one_good .main_price.active {color:var(--error);}
.one_good .main_price Small {font-size:18px;}
.can_buy .btn.to_cart, .can_buy .btn.in_cart, .can_buy .btn.to_details, .can_buy .btn.to_order {min-height:unset; height:32px; width:32px; padding:0;}
.can_buy .btn.in_cart {font-size:0; transition-property:background-color, color;}
.can_buy .btn.in_cart .icon {margin:0;}
.btn.in_cart::before {content:''; width:22px; height:22px; background:var(--btn-bg); border:2px solid var(--white); position:absolute; top:-6px; right:-6px; border-radius:50%;
transition:.3s;}
.btn.in_cart::after {content:''; width:14px; height:8px; border-bottom:2px solid var(--white); border-left:2px solid var(--white); position:absolute; top:-3px; right:-4px;
border-radius:1px; transform:rotate(-45deg);}
/* --- Availability - Product --- */
.one_good .availability, .product_info .availability, .sticky_header .availability {display:flex; font-size:12px; height:18px; width:max-content; border-radius:var(--border-radius); z-index:2;
padding:0 4px; align-items:center; position:relative;}
.one_good .availability.no_back, .product_info .availability.no_back, .sticky_header .availability.no_back {padding:0;}
.one_good .availability {margin:6px 0 -8px 0;}
.one_good .availability svg.icon, .product_info .availability svg.icon, .sticky_header .availability svg.icon, .one_good .availability Img, .product_info .availability Img,
.sticky_header .availability Img {margin:0 6px 0 0; height:calc(100% - 4px); width:auto; flex-shrink:0;}
/* --- If MINI Product --- */
.products_mini .one_good .status_list, .products_mini .add_in-list A.compare, .products_mini .product_raiting, .products_mini .one_good .op_benefit {display:none;}
.products_mini .product_grid LI:nth-child(7), .products_mini .product_grid LI:nth-child(8) {display:none;}
.products_mini .product_grid .all LI:nth-child(7), .products_mini .product_grid .all LI:nth-child(8) {display:block;}
/* --- CATALOG list --- */
.catalog_list {margin-bottom:32px;}
.catalog_list .title_wrap {margin:0 0 8px 0;}
.catalog_list .title_wrap .main_title {margin:0; flex-direction:column;}
.catalog_list .search_title {margin:0 16px 0 0;}
.catalog_list .search_title Span {color:var(--orange);}
.search_title_results {font-size:14px; color:var(--text-light); margin:8px 0;}
.control_products {display:flex; justify-content:space-between; margin:0 0 16px -8px; position:sticky; top:70px; z-index:5; background:var(--site-bg); padding:8px; width:calc(100% + 16px);
border-bottom:1px solid var(--border-color);}
.control_products .selected_filters {display:none;}
.control_products .dropdown {margin:0 0 0 16px; max-width:190px;}
/* --- Search results --- */
.catalog_list.search .title_wrap.nothing_found .main_title {margin:0 auto; width:100%; max-width:940px;}
.search_pic_no_found {display:flex; width:100%;}
.search_pic_no_found Img {width:60%; height:auto; margin:0 auto 32px;}
.catalog_list.search .nothing_found .together {text-align:center; display:flex; flex-direction:column; justify-content:center;}
.catalog_list.search .search_title {margin:0 0 16px 0; display:flex; flex-wrap:wrap; text-align:center; justify-content:center;}
.catalog_list.search .search_title Div {text-transform:lowercase;}
.nothing_found .search_title_results {margin:0 0 16px 0; font-size:15px; line-height:1.4;}
.catalog_list.search .nothing_found .long_div {flex-direction:row; justify-content:center;}
.catalog_list.search .nothing_found .long_div A.btn {margin:0 8px;}
/* --- Click Path --- */
.clickpath_place {display:flex; width:100%; margin:4px 0 16px 0;}
.clickpath {display:flex; z-index:1; position:relative;}
.clickpath_item.current, .clickpath_item {display:none;}
.clickpath_item:nth-last-child(2) {display:flex;}
.clickpath A {color:var(--main-color); text-decoration:none; font-size:14px; padding:0 0 0 16px; position:relative; transition:.3s;}
.light .clickpath A {color:var(--text-inverse);}
.clickpath A.has_arrow::before, .clickpath A.has_arrow::after {right:auto; left:0; top:10px; fill:var(--main-color);}
.light .clickpath A.has_arrow::before, .light .clickpath A.has_arrow::after {background:var(--white);}
.clickpath A.has_arrow::after {top:5px;}
/* --- Filters --- */
.catalog_filters {color:var(--text); position:fixed; top:0; left:-330px; display:flex; flex-direction:column; height:var(--100vh); overflow:auto; width:300px; background:var(--site-bg); z-index:13;
transition:.3s; box-shadow:0 8px 30px rgba(0,0,0,.3); padding:24px 8px 8px 8px; overflow-x:hidden; justify-content:space-between;}
.catalog_filters.active {left:0;}
.close_menu.dark::after, .close_menu.dark::before {background:var(--gray);}
/* --- Selected filters --- */
.selected_filters {background:var(--main-color); color:var(--text-inverse); margin:-24px 0 8px -8px; padding:24px 8px 2px 8px; width:calc(100% + 16px);}
.selected_filters_list {display:flex; flex-wrap:wrap;}
.clear_filters {order:1; margin:-14px 0 12px 0;}
.clear_filters .deactivate-filter {border:none; padding:0 16px; margin:0; background:var(--orange);}
.clear_filters .deactivate-filter::before, .clear_filters .deactivate-filter::after {display:none;}
.one_ch_fil {display:flex; align-items:center; margin:4px 8px 4px 0; order:2; flex-wrap:wrap;}
.ocf_title {font-size:12px; margin:0 6px 0 0;}
.deactivate-filter {display:flex; align-items:center; width:max-content; margin:0 4px 4px 0; padding:2px 20px 2px 4px; border:1px solid var(--sub-color); position:relative;
border-radius:var(--border-radius); cursor:pointer; transition:.3s;}
.deactivate-filter::before, .deactivate-filter::after {content:''; width:10px; height:2px;border-radius:2px; background:var(--sub-color); position:absolute; top:50%; right:0;
transition:.3s;}
.deactivate-filter::before {transform:translate(-50%, -50%) rotate(-45deg);}
.deactivate-filter::after {transform:translate(-50%, -50%) rotate(45deg);}
/* --- Filters for select --- */
.catalog_filters .menu_item {border-bottom:1px solid var(--border-color); position:relative;}
/* --- Categories in Search results --- */
.searched_cats {margin:-24px 0 0 0; padding:24px 0 16px 0; border-bottom:1px solid var(--border-color); width:100%;}
.searched_cats .tit {font-size:14px; color:var(--text-light); margin:8px 0 8px 0; width:100%; display:flex;}
.searched_cats A {font-size:17px;}
.searched_cats UL LI UL A {font-size:15px; padding:8px 32px 8px 16px;}
.searched_cats UL LI UL LI UL A {padding:6px 0 6px 32px;}
.searched_cats A.has_arrow.active::before, .searched_cats A.has_arrow.active::after {background:var(--orange);}
/* --- Price filter --- */
.choose_price {margin:-24px 0 0 0; padding:24px 0 0 0;}
.menu_item-title, .searched_cats A {display:flex; align-items:center; text-decoration:none; color:var(--link); padding:8px 32px 8px 0; position:relative; transition:.3s;}
.fs_title_price {max-width:max-content;}
.fs_title_price.long {max-width:unset;}
.menu_item-title.has_arrow.bottom::before, .menu_item-title.has_arrow.bottom::after {top:16px;}
.catalog_filters .filter_img {width:24px; height:24px; margin:0 8px 0 0; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.menu_item-title Img, .menu_item-title svg, .menu_item .check_item Img, .menu_item .check_item svg {max-width:100%; max-height:100%; border-radius:var(--border-radius);}
.menu_item-title svg {fill:var(--link); transition:.3s;}
.hidden_menu {margin:8px 0;}
.choose_price .hidden_menu, .fil_slider .hidden_menu {margin:8px 0 24px;}
.hidden_menu LI {position:relative;}
.hidden_menu LI.nothing_found {padding:8px 0 0 0; color:var(--gray-light);}
.price_filter {display:flex; flex-direction:column;}
.price_filter .together {display:flex; align-items:center; margin:0 0 24px 0;}
.price_filter Input {width:34%;}
.price_filter Span {margin:0 4px;}
A.submit_filters {margin:0 0 0 16px; text-transform:uppercase;}
.fil_slider Input.search_filter {width:100%; margin:0 0 8px 0;}
/* --- Common filters - Rows --- */
.menu_item .check_item {display:flex; align-items:flex-start; padding:8px 8px 8px 32px; border-radius:var(--border-radius); font-size:14px; cursor:pointer;}
.menu_item .check_item.no_active {opacity:.4; pointer-events:none;}
.menu_item .check_item::before {left:8px;}
.menu_item .with_img .check_item::before {top:9px;}
.menu_item .check_item::after {left:12px;}
.menu_item .with_img .check_item::after {top:13px;}
.menu_item .check_item .filter_counter, .searched_cats A Span {opacity:.5; margin:0 0 0 6px; font-size:12px;}
.catalog_filters .check_item .filter_img {width:20px; height:20px; margin:-2px 8px 0 0;}
.catalog_filters .check_item .filter_img.is_white Img, .catalog_filters .check_item .filter_img.is_white svg {border:1px solid var(--border-color);}
.menu_item .check_item svg {fill:var(--link);}
/* --- Tile filters --- */
.fil_group_grid .filter_list {display:flex; flex-wrap:wrap; width:calc(100% + 8px);}
.menu_item.fil_group_grid .check_item {margin:0 8px 8px 0; padding:2px 8px; width:max-content; border:1px solid var(--border-color); border-radius:var(--border-radius); transition:.3s;}
.menu_item.fil_group_grid .check_item.active {border-color:var(--sub-color); background-color:var(--sub-color); color:var(--text-inverse);}
.fil_group_grid .check_item::before, .fil_group_grid .check_item::after {display:none;}
.menu_item.fil_group_grid .check_item Span {min-width:20px; text-align:center;}
/* --- Select (Dropdown) filters --- */
.fil_group_dropdown .dropdown {margin:0 16px 24px 0;}
.fil_group_dropdown .dropdown Span .filter_img {padding:0;}
.fil_group_dropdown .dropdown Span .filter_img Img, .fil_group_dropdown .dropdown Span .filter_img svg {max-width:100%; max-height:100%; border-radius:var(--border-radius);}
.fil_group_dropdown .dropdown Span .filter_img.is_white Img, .fil_group_dropdown .dropdown Span .filter_img.is_white svg {border:1px solid var(--border-color);}
.fil_group_dropdown.menu_item .check_item {padding:8px;}
.catalog_filters .fil_group_dropdown .check_item .filter_img {padding:0;}
.fil_group_dropdown .dropdown Span.name {color:var(--link); padding:0;}
.fil_group_dropdown .dropdown .check_item::before, .fil_group_dropdown .dropdown .check_item::after {display:none;}
/* --- Tile Photo filters --- */
.fil_slider .hidden_menu.filter_tile_photo {margin:8px 0 16px;}
.filter_tile_photo UL {display:flex; flex-wrap:wrap;}
.filter_tile_photo UL LI {display:flex; width:calc(50% - 4px); margin:0 4px 8px 0;}
.filter_tile_photo UL LI:nth-child(2n) {margin:0 0 8px 4px;}
.filter_tile_photo .check_item {border:1px solid var(--border-color); width:100%; padding:8px; flex-direction:column; align-items:center;}
.filter_tile_photo .check_item.active {border-color:var(--sub-color); background-color:var(--sub-color); color:var(--text-inverse);}
.filter_tile_photo .check_item::before, .filter_tile_photo .check_item::after {display:none;}
.catalog_filters .filter_tile_photo .check_item .filter_img {width:100%; height:42px; margin:0 0 8px 0;}
.catalog_filters .filter_tile_photo .name {text-align:center; width:100%; flex-shrink:0; overflow:hidden; text-overflow:ellipsis;}
.catalog_filters .filter_tile_photo .filter_counter {margin:4px 0 0 0;}
/* --- Submit Button for filters --- */
.apply_filters {position:absolute; top:50%; transform:translateY(-50%); right:0;}
.fil_group_grid .apply_filters {position:relative; top:auto; right:auto; transform:unset; margin:-16px 0 16px 0;}
.one_but .apply_filters.for_one_but {top:auto; transform:translate(0, 0); right:auto; bottom:-8px; background:var(--site-bg); padding:16px 8px; width:calc(100% + 16px); left:-8px;
position:sticky; margin:-1px 0 0 -8px; display:flex; justify-content:center; border-top:1px solid var(--border-color); z-index:1;}
.one_but .apply_filters.for_one_but A.submit_filters {box-shadow:none;}
.catalog_filters .for_one_but {display:none;}
.apply_filters A.submit_filters {margin:0; box-shadow:6px 0 12px rgba(0,0,0,.3);}
.apply_filters A.submit_filters::after {content:''; position:absolute; width:0; height:0; border-style:solid; bottom:auto; top:-2px; left:-11px; border-width:19px 10px 19px 0; transition:.3s;
border-color:transparent var(--main-color) transparent transparent;}
.fil_group_grid .apply_filters A.submit_filters::after, .one_but .apply_filters.for_one_but A.submit_filters::after, .one_but .apply_filters, .no_but .apply_filters {display:none;}
/* --- Filters as Slider under Products --- */
.brands_slider {margin:0 0 8px 0; display:flex; width:100%;}
.brands_slider-inner {display:flex; width:100%; overflow:auto; padding:0 0 8px 0;}
.brands_slider-inner .outer_fv {display:flex; align-items:center; justify-content:center; margin:0 4px; width:110px; border-radius:var(--border-radius); background:var(--white);
overflow:unset; padding:24px 8px; cursor:pointer; text-align:center; border:2px solid transparent; position:relative; flex-shrink:0;
transition:border-color .3s;}
.brands_slider-inner .outer_fv.active {border-color:var(--sub-color);}
.brands_slider-inner .outer_fv.has_button {padding:12px 8px 38px 8px;}
.brands_slider-inner .outer_fv.no_active {opacity:.4; pointer-events:none;}
.brands_slider .apply_filters {bottom:0; left:0; top:auto; transform:unset; width:100%;}
.brands_slider .apply_filters A.submit_filters {box-shadow:none; min-height:28px; width:100%; font-size:12px; border-radius:0 0 2px 2px;}
.brands_slider .apply_filters A.submit_filters::after {display:none;}
.brands_slider-inner .outer_fv Img {max-width:100%; max-height:100%;}
/* All reviews in Catalog */
/* --- If Slider --- */
.reviews_sect {margin-bottom:32px;}
.reviews_sect .product_raiting {border-top:1px solid var(--border-color); margin:-12px 0 16px 0; padding:16px 0 0 0; align-items:baseline;}
.reviews_sect .product_raiting.no_active {display:none;}
.reviews_sect_rate {margin:0 8px 0 0; color:var(--main-color-lighter); font-weight:700; font-size:18px;}
.rsr_2 {font-size:19px;}
.rsr_3 {font-size:20px;}
.rsr_4 {font-size:21px;}
.rsr_5 {font-size:22px;}
.reviews_sect_users {color:var(--text-light);}
.category_comments {display:flex; width:calc(100% + 16px); margin:0 0 0 -8px; padding:0 8px; overflow:hidden;}
.category_comments:not(.slick-initialized) {width:100%; margin:0; padding:0;}
.reviews_sect .one_review {width:100%; flex-shrink:0; display:flex; flex-direction:column; padding:8px; background:var(--white); border-right:1px solid var(--site-bg);
border-bottom:1px solid var(--site-bg);}
.reviews_sect .photo_and_name {flex-direction:row; margin:0 0 8px 0;}
.reviews_sect .ag_photo {height:100px;}
.reviews_sect .product_name {height:max-content; max-height:100px; overflow:hidden; display:flex; text-decoration:none;}
.reviews_sect .product_name Span {display:inline-block; font-size:14px; line-height:1.2; color:var(--link); width:100%; overflow:hidden; height:auto; transition: .3s;}
.reviews_sect .review_col {z-index:2; border-top:1px solid var(--border-color);}
.reviews_sect .together {max-width:calc(100% - 95px);}
.reviews_sect .comment_top, .reviews_sect .comment_body {width:100%;}
.reviews_sect .comment_top {margin:0; padding:8px 0;}
.reviews_sect .comment_top .comment_name {height:20px; overflow:hidden;}
.reviews_sect .comment_top .product_raiting {padding:0; border:none;}
.reviews_sect .review_text {margin:8px 0; line-height:1.6; overflow:hidden; height:118px;}
/* --- If Grid --- */
.reviews_sect.grid {margin-bottom:16px;}
.reviews_grid {display:flex;}
.reviews_grid .category_comments {overflow:unset; flex-wrap:wrap;}
.reviews_sect .one_review {margin:0 0 16px 0;}
/* --- Pagination --- */
.pagination {display:flex; flex-direction:column; align-items:center; padding:24px 8px; background:var(--white);}
.for_load_more {display:flex; margin:0 0 24px 0; border-bottom:1px solid var(--site-bg); justify-content:center; width:100%; padding:0 0 16px 0;}
A.load_more {color:var(--link-hover); text-transform:uppercase; text-decoration:none; font-size:18px; display:flex; align-items:center; transition:.3s;}
A.load_more .icon {width:22px; height:22px; fill:var(--link-hover); margin-right:16px;}
A.load_more Span {margin:0 0 0 6px;}
.for_pag_numbers {display:flex; width:100%; justify-content:center;}
.pages_wrap {display:flex; width:100%; justify-content:space-between; align-items:center;}
.pages_list {display:flex;}
.pages_list A, .pages_list Span, .pages_btn {font-size:18px; color:var(--text); text-decoration:none; display:flex; align-items:center; justify-content:center; min-width:32px; height:32px;
border-radius:var(--border-radius); margin:0 4px; background:none; border:1px solid var(--sub-color-light); transition:.3s; position:relative;}
.pages_list Span {border-color:transparent;}
.pages_list A.active {background:var(--main-color-lighter); color:var(--text-inverse);}
.pages_btn.not_active {pointer-events:none; opacity:.5;}
.pages_btn.has_arrow::before, .pages_btn.has_arrow::after {top:16px; right:calc(50% - 5px); width:9px; height:3px;}
.pages_btn.has_arrow::after {top:11px;}
/* --- Seo categories & prices --- */
.price_by_cat, .seo_by_cat, .cat_faq {margin:8px 0;}
.price_by_cat H3, .seo_by_cat H3, .cat_faq H3 {font-size:18px; margin:0 0 8px 0; font-weight:normal;}
.price_by_cat Table, .cat_faq .open DD Table {width:100%; border-collapse:collapse;}
.price_by_cat TR, .cat_faq .open DD TR {background:var(--white); border-bottom:1px solid var(--border-color);}
.price_by_cat TR:last-child, .cat_faq .open DD TR:last-child {border:none;}
.price_by_cat TD, .cat_faq .open DD TD {padding:8px;}
.price_by_cat TR TD:last-child, .cat_faq .open DD TD:last-child {min-width:90px; text-align:right;}
/* --- Seo Faq --- */
.cat_faq .one_question {margin:0 0 8px 0;}
.cat_faq DT {padding:8px 8px 8px 32px; font-size:16px;}
.cat_faq DT.has_arrow::before, .cat_faq DT.has_arrow::after {width:8px; left:16px; top:19px;}
.cat_faq DT.has_arrow::after {left:11px;}
.cat_faq .open DT.has_arrow::before, .cat_faq .open DT.has_arrow::after {width:12px; left:12px;}
/* --- PRODUCT Page - Details --- */
.details_product .main_title {font-weight: 600; margin:0;}
.details_product .title_wrap.has_logo .main_title {margin:0 72px 0 0;}
.details_product .link.inverse.has_arrow {position:relative; padding:0 16px 0 0;}
.details_product .link.inverse.has_arrow::before, .details_product .link.inverse.has_arrow::after {background:var(--link-hover);}
/* --- Product Rate --- */
.raiting_wrap {display:flex; justify-content:space-between; margin:0 0 4px 0; position:relative;}
.raiting_wrap.desk_rate {display: none;}
.raiting_wrap .product_raiting {margin:0;}
.details_code {font-size:12px; margin-left: auto;}
.details_code Span {color:var(--gray-light);}
.details_brand {display:flex; position:absolute; right:0; bottom:calc(100% + 18px);}
.details_brand Img {max-width:64px; max-height:64px; object-fit:contain;}
/* --- Product Tabs --- */
.product_tabs {display:flex; margin:0 0 16px -8px; width:calc(100% + 16px); overflow:auto; padding:12px 8px 0 8px; position:sticky; top:70px; z-index:7; background:var(--site-bg);}
.product_tabs A, .product_tabs Span {font-size:14px; color:var(--text); text-decoration:none; display:inline-flex; min-width:max-content; margin:0 16px 0 0; padding:0 0 8px 0;
border-bottom:3px solid transparent; transition:.3s;}
.product_tabs A.active {border-color:var(--sub-color); color:var(--sub-color); pointer-events:none;}
.product_tabs A Span {margin:0 0 0 6px; padding:0; border:none; transition:.3s;}
.product_tabs A.active Span {color:var(--sub-color);}
.product_tabs A:last-child {margin:0;}
.product_tabs .details_code {display: none;margin: 0 0 0 auto;}
/* --- ALL Tab --- */
.all_tabs {display:flex;}
.product_tab {display:flex; width:100%; flex-direction:column;}
/* --- Product Page info --- */
.detail_info {display:flex; flex-direction:column; margin:0 0 16px 0;}
/* --- Left side / Product Page info --- */
.all_left_det {display:flex; flex-direction:column; margin:0; z-index:1;}
.ald_for_sticky {display:flex; flex-direction:column;}
/* --- Main Photo - Product Page --- */
.sliders_wrap {display:flex; justify-content:center; margin:0 0 16px -8px; padding:8px; background:var(--white); width:calc(100% + 16px); position: relative;}
.product_visited {font-size: 14px;color: var(--text-inverse);max-width: 200px;padding: 12px 40px 12px 12px;background-color: var(--sub-color);border-radius: var(--border-radius);opacity: 0;visibility: hidden;position: absolute;top: 8px;left: 8px; transform: translateX(-50px); transition: 0.3s;z-index: 2;}
.product_visited.active {opacity: 1;visibility: visible; transform: translateX(0);}
.product_visited .close_visited::before,
.product_visited .close_visited::after {content: "";width: 12px;height: 2px;background-color: var(--text-inverse);position: absolute;top: 50%;left: 50%;}
.product_visited .close_visited::before {transform: translate(-50%, -50%) rotate(-45deg);}
.product_visited .close_visited::after {transform: translate(-50%, -50%) rotate(45deg);}
.product_visited .close_visited {font-size: 0;display: block;padding: 0;width: 40px;height: 40px;background-color: transparent;border: none;position: absolute;top: 0;right: 0; cursor: pointer;}
.sub_slider {display:none;}
.sub_slider .details_slide, .zoom_subslider .zoom_slide {display:flex; align-items:center; justify-content:center; width:65px; height:65px; border:2px solid transparent;
border-radius:var(--border-radius); overflow:hidden; margin:0 0 8px 0; padding:4px; cursor:pointer;}
.sub_slider .details_slide:last-child, .zoom_subslider .zoom_slide:last-child {margin:0;}
.sub_slider .details_slide.slick-current, .zoom_subslider .zoom_slide.slick-current {border-color:var(--link-hover);}
.sub_slider Img, .slick-current Img {object-fit:contain; max-width:100%; max-height:100%;}
.big_slider {width:100%; display:flex;}
.big_slider UL.slick-track {display:flex; height:100%; transition-property:transform;}
.big_slider .details_slide {flex-shrink:0; display:flex;}
.big_slider .details_slide.no_photo {min-height:400px;}
.big_slider .details_slide .together {position:relative; aspect-ratio:var(--catalog-image-aspect-ratio); width:100%;}
.big_photo_here {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.big_photo_here Img {max-width:100%; max-height:100%; object-fit:contain;}
.big_slider .status_list Span {padding:2px 8px; font-size:14px; margin:0 0 6px 0; font-weight:700;}
.big_slider .slick-arrow {left:-8px;}
.big_slider .slick-arrow.slick-next {right:-8px;}
.big_slider:not(.slick-initialized) .gallery-item:not(:first-child) {display:none;}
.big_slider:not(.slick-initialized) .gallery-item {width:100%;}
.big_slider .slick-dots {position:absolute; bottom:16px; left:50%; transform:translateX(-50%);}
/* --- Zoom Main Photo --- */
/* --- Variant: NO Slider, all photos vertical from top to bottom / Not full screen --- */
.zoom_slider {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:var(--white); z-index:13; width:calc(100% - 16px); max-width:800px;
border-radius:var(--border-radius); display:none; flex-direction:column; padding:16px; box-shadow:0 8px 30px rgba(0,0,0,.3); max-height:calc(100% - 10%);
overflow:hidden;}
.zoom_slider.active {display:flex;}
.zoom_slider .title_wrap {border-bottom:1px solid var(--border-color); width:calc(100% + 32px); margin:0 0 0 -16px; padding:0 16px 16px 16px;}
.zoom_big {width:100%; display:flex; flex-direction:column; height:100%; overflow:auto; padding:16px 0 0 0;}
.zoom_big .zoom_slide {width:100%; height:auto; display:flex; align-items:center; justify-content:center;}
.zoom_big:not(.slick-initialized) .zoom_slide {margin:0 0 32px 0;}
.zoom_big:not(.slick-initialized) .zoom_slide:last-child {margin:0;}
.zoom_slide > Img {width:auto; height:auto; max-width:100%; max-height:100%;}
/* --- Variant: Slider, horizontal / Popup --- */
.zoom_slider.full_screen {height:100%; max-width:none;}
.full_screen .zoom_big {padding:0; margin:16px 0 32px -16px; width:calc(100% + 32px);}
.zoom_slider.full_screen .zoom_big .slick-list, .zoom_slider.full_screen .zoom_big .slick-track {height:100%;}
.zoom_slider.full_screen .zoom_big .zoom_slide {height:100%; position:relative;}
.zoom_slider.full_screen .zoom_big .zoom_slide Img {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; object-fit:contain;}
.zoom_subslider .zoom_slide {margin:0 8px 0 0;}
/* --- Variant: No Slider, Zoom / Full Screen --- */
.zoom_slider.zoom-full_screen {top:0; left:0; height:100%; width:100%; max-width:unset; max-height:unset; transform:none; overflow:unset; border-radius:0;}
.zoom_slider.zoom-full_screen .popup_close {background:var(--main-color-lighter); box-shadow:0 0 8px #00000024; border-radius:var(--border-radius); top:8px; right:8px;
z-index:1;}
.zoom_slider.zoom-full_screen .popup_close::before, .zoom_slider.zoom-full_screen .popup_close::after {background:var(--white); height:3px;}
.zoom_slider.zoom-full_screen .zoom_big {position:fixed; top:0; left:0; width:100%; height:100%; padding:0; overflow:unset;}
.zoom_slider.zoom-full_screen .zoom_big:not(.slick-initialized) .zoom_slide {margin:0; padding:16px; display:block;}
.zoom_slider.zoom-full_screen .zoom_big .zoom_slide > Img {height:100%; width:100%; max-width:unset; max-height:unset; object-fit:cover; cursor:grab;}
.zoom_slider.zoom-full_screen .zoom_subslider {display:none;}
/* --- Short list of Characteristics - Product Page --- */
.short_chars {display:flex; flex-direction:column; background:var(--white); width:calc(100% + 16px); margin:-16px 0 0 -8px; padding:16px 8px 12px 8px;}
.prew_info {margin:0 0 8px 0; font-size:13px; line-height:1.6;}
/* --- Right side / Product Page info --- */
.product_info {display:flex; flex-direction:column;}
.product_info .main_title.desk-title {display: none;}
/* --- Promo to this Product --- */
.discount_box {display:flex; border:1px solid var(--border-color); border-radius:var(--border-radius); margin:0 0 16px 0; padding:8px; text-decoration:none; position:relative; transition:.3s;}
.discount_box.has_arrow::before, .discount_box.has_arrow::after {right:8px; top:calc(50% - -2px); background:var(--main-color-light);}
.discount_box.has_arrow::after {top:calc(50% - 3px);}
.db_status {padding:8px; margin:0 8px 0 0; border-radius:var(--border-radius); background:var(--orange); color:var(--white); font-size:24px; font-weight:700; display:flex;
align-items:center;}
.db_photo {width:60px; margin:0 8px 0 0; border-radius:var(--border-radius); display:flex; border:1px solid var(--border-color); padding:4px; flex-shrink:0;}
.db_photo Img {width:100%; max-height:100%; object-fit:contain;}
.db_text {width:100%; display:flex; flex-direction:column; padding:0 24px 0 0;}
.dbt_title {font-weight:700; color:var(--main-color-light); margin:0 0 4px 0;}
.dbt_title Span {color:var(--orange);}
.dbt_date {color:var(--gray-light); font-size:13px;}
/* --- Select color OR Size --- */
.select_color {display:flex; flex-direction:column; margin:0 0 8px 0;}
.select_color .tit {display:flex; margin:0 0 8px 0;}
.select_color .color_list {display:flex; flex-wrap:wrap;}
.select_color LI {margin:0 8px 8px 0; display:flex; flex-direction:column;}
.select_color.select_color-pp LI {margin:0 0 8px 0; width:100%;}
.select_color A {display:flex; align-items:center; padding:4px 12px; width:max-content; flex-direction:column; font-size:16px; border:1px solid var(--border-color);
border-radius:var(--border-radius); color:var(--link); text-decoration:none; transition:.3s;}
.select_color A.active, .select_color.select_size A.disabled.active {background:var(--sub-color-light); color:var(--link); border-color:var(--sub-color);
opacity:1;}
.select_color LI.unavailability A, .select_color.select_size A.disabled {opacity:.4;}
.select_color.select_color-pp A {padding:4px; width:100%; flex-direction:row;}
.select_color.select_color-fp A {padding:4px;}
.select_color.select_color-fpnt A, .select_color-ppnt A {padding:4px;}
.select_color A .image {width:54px; height:54px; display:flex; align-items:center; justify-content:center; margin:0 6px 0 0; flex-shrink:0;}
.select_color.select_color-fpnt A .image, .select_color-ppnt A .image {margin:0;}
.select_color.select_color-fp A .image {margin:0 0 6px 0;}
.select_color A .image Img {max-width:100%; max-height:100%; object-fit:contain;}
.select_color.select_color-pp A .name, .select_color.select_color-fp A .name {width:100%; font-size:13px; line-height:16px; justify-content:flex-start;}
.select_color.select_color-fp A .name {justify-content:center;}
.select_color A .name {font-size:16px; line-height:1.2; display:flex; justify-content:center;}
/* --- Select Size --- */
.select_color.select_size A {padding:4px 12px; width:max-content;}
.select_color.select_size A.sizes_table-link {padding:12px; flex-direction:row;}
/* --- Size chart Popup --- */
.size_table_popup {max-width:1000px; overflow:hidden; display:flex; flex-direction:column; padding:16px 8px 16px 16px;}
.size_chart {width:100%; overflow:auto; border:1px solid var(--border-color);}
.size_chart Table {border-collapse:collapse;}
.size_chart Table Thead TH {background:var(--white); position:sticky; top:0;}
.size_chart Table Thead TH::after {content:''; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:var(--border-color);}
.size_chart Table Tbody TR TH {background:var(--white); position:sticky; left:0;}
.size_chart Table Thead TR TH:first-child {background:var(--white); position:sticky; left:0; top:0; z-index:1;}
.size_chart Table.no_col_title Thead TR TH:first-child {left:auto;}
.size_chart Table Tbody TR TH::after, .size_chart Table Thead TR TH:first-child::before
{content:''; position:absolute; right:-1px; top:0; width:1px; height:100%; background:var(--border-color);}
.size_chart TD, .size_chart TH {min-width:150px; min-height:42px; border:1px solid var(--border-color); border-left:none; border-top:none; padding:16px; transition:.3s;}
.size_chart TR:nth-child(2n+1) TD, .size_chart TR:nth-child(2n+1) TH {background:var(--site-bg);}
.size_chart Thead TR:nth-child(2n+1) TH {background:var(--white);}
/* --- Mini Product Photo --- */
.mini_product_photo {display:none;}
/* --- Product Page Options --- */
.product_options {display:flex; flex-direction:column;}
.product_option {display:flex; flex-direction:column; margin:0 0 16px 0;}
.product_option .option_name {display:flex; align-items:center; width:100%; margin:0 0 8px 0; font-weight:700; font-size:14px;}
.product_option svg, .product_option .op_img {width:20px; height:20px; display:flex; align-items:center; justify-content:center; margin:0 6px 0 0; padding:0; flex-shrink:0;}
.product_option .op_img Img {max-width:100%; max-height:100%; object-fit:contain; border-radius:var(--border-radius);}
.product_option .option_name Sup {display:none;}
.required.product_option .option_name Sup {display:flex; color:var(--error); margin:-2px 0 0 2px;}
.product_option .counter {font-size:12px; opacity:.5; flex-shrink:0;}
.options_alert {margin:0 0 16px 0; width:100%; padding:8px; border:1px dashed var(--error); color:var(--error); border-radius:var(--border-radius); font-size:14px; display:flex;}
.options_alert .param_img {display:flex; justify-content:center; align-items:center;}
.options_alert .param_img .icon {fill:var(--error);}
.options_alert .param_box {display:flex; flex-direction:column;}
.options_alert .title {margin:0 0 4px 0; color:var(--text); font-weight:700;}
/* --- List (radio & checkbox) - Options --- */
.product_option LI {display:flex;}
.product_option LI A {position:relative; text-decoration:none; color:var(--link); transition:.3s;}
.product_option.options_list LI A {display:flex; padding:8px 8px 8px 26px;}
.product_option.options_list LI A .op_img, .product_option.options_list LI A svg {margin:-2px 8px 0 0;}
.options_list LI A::before, .options_list.checkbox LI A::before {left:0; top:7px;}
.options_list LI A.active::after, .options_list.checkbox LI A.active::after {left:4px; top:11px;}
/* --- Tiles - Options --- */
.options_tile UL {display:flex; flex-wrap:wrap;}
.options_tile LI A {display:flex; margin:0 8px 8px 0; padding:8px; width:max-content; border:1px solid var(--border-color); border-radius:var(--border-radius); transition:.3s;}
.options_tile LI A.active {background:var(--sub-color-light); color:var(--link); border-color:var(--sub-color);}
/* --- Tiles with Photo - Options --- */
.options_tile.img LI {margin:0 0 8px 0; width:100%;}
.options_tile.img LI A {padding:4px; align-items:center; width:100%; margin:0;}
.options_tile.img LI A .op_img, .options_tile.img LI A svg {width:54px; height:54px;}
.options_tile.img LI A .op_name {font-size:13px; line-height:16px; justify-content:flex-start; display:flex;}
.options_tile.img LI A .op_name .counter {margin:0 0 0 6px;}
/* --- Input - Options --- */
.product_option .option_input {display:flex; align-items:center; width:100%; margin:0 0 8px 0; position:relative;}
.product_option .option_input:last-child {margin:0;}
.product_option .option_input .op_img, .product_option .option_input svg {position:absolute; top:8px; left:8px; margin:0; width:22px; height:22px; fill:var(--gray-light);}
.product_option .option_input Input.has_img {padding:0 8px 0 34px;}
.product_option .option_input Span {margin:0 0 0 8px; color:var(--link);}
/* --- Dropdown List (radio & checkbox) - Options --- */
.options_dropdown.checkbox .dropdown {height:auto; min-height:38px;}
.options_dropdown.checkbox .overflow {padding:2px 40px 0 2px; min-height:34px;}
.options_dropdown.checkbox .overflow Span {margin-left:-2px; min-height:30px; overflow:unset; flex-wrap:wrap;}
.options_dropdown .overflow .selected_var {padding:0;}
.options_dropdown.checkbox .overflow .selected_var {margin:0 8px 2px -4px; padding:0 0 0 6px; width:max-content; height:auto; display:flex; background:var(--sub-color-light);
color: var(--link); border:1px solid var(--sub-color); border-radius:var(--border-radius); align-items:center;
transition:.3s;}
.options_dropdown.checkbox .selected_var .op_img {margin:0 6px 0 0;}
.options_dropdown .selected_var .op_name, .options_dropdown.checkbox .selected_var .op_name {margin:0; padding:0; color:var(--link);}
.options_dropdown.checkbox .selected_var .op_name .counter {margin:0;}
.options_dropdown .remove {display:flex; background:none; border:none; font-size:0; width:22px; height:28px; cursor:pointer; position:relative;}
.options_dropdown .remove::before, .options_dropdown .remove::after {content:''; width:10px; height:2px;border-radius:2px; background:var(--sub-color); transition:.3s;
position:absolute; top:50%; right:0;}
.options_dropdown .remove::before {transform:translate(-50%, -50%) rotate(-45deg);}
.options_dropdown .remove::after {transform:translate(-50%, -50%) rotate(45deg);}
.options_dropdown.checkbox .dropdown UL {top:100%;}
.product_option .dropdown UL LI.selected A {background:var(--sub-color-light);}
.dropdown.option_dropdown UL LI A Span {padding:0;}
.product_option .dropdown UL LI.selected A Span {color:var(--link); transition:.3s;}
.dropdown.option_dropdown UL LI A Span .counter {margin:0 0 0 6px;}
/* --- Price box in Product Page --- */
.product_price {display:flex; flex-wrap:wrap; background:var(--white); margin:0 0 16px -8px; padding:16px 8px; width:calc(100% + 16px); justify-content:space-between;}
.show_price {display:flex; flex-direction:column; margin:0 16px 8px 0;}
.product_price .old_price {display:flex; align-items:center; color:var(--gray); font-size:16px; height:22px;}
.unavailability .product_price .old_price {opacity:.4;}
.product_price .op_main {margin:0 16px 0 0;}
.product_price .op_main Span {position:relative;}
.product_price .op_main Span::before {content:''; width:110%; height:1px; background:var(--gray); top:50%; left:50%; transform:translate(-50%, -50%) rotate(-10deg);
position:absolute;}
.product_price .op_benefit {padding:0 8px; height:22px; font-size:14px; line-height:22px; background:var(--error); color:var(--text-inverse); border-radius:var(--border-radius);
position:relative;}
.product_price .main_price {font-size:24px; line-height:38px; height:38px;}
.unavailability .product_price .main_price {opacity:.4;}
.product_price .main_price.active {color:var(--error);}
.product_price .main_price Small {font-size:16px;}
.product_info .availability {font-size:14px; min-height:22px; height:unset; max-width:150px; padding:0 6px;}
.product_info .availability.store_status_3 {max-width:unset;}
.product_info .availability svg.icon, .product_info .availability Img {width:18px; height:18px;}
.available {font-size:12px; color:var(--text-light); background:var(--site-bg); padding:6px; border-radius:var(--border-radius); margin:8px 0;}
.show_price .on_request {display:flex; align-items:center; height:100%; color:var(--orange);}
.product_price .for_warnings {display:flex; flex-direction:column; width:100%;}
.product_price .warning {margin:0 0 16px 0; width:100%; text-align:center; padding:8px; border:1px dashed var(--orange); color:var(--orange); border-radius:var(--border-radius);}
.product_price .add_in-list {position:relative; flex-direction:row; align-items:center; margin:0 -8px 8px 0;}
.product_price .add_in-list A {margin:0 8px 0 0; width:38px; height:38px; position:relative;}
.product_price .add_in-list A.compare .icon {fill:var(--gray-light);}
.product_price .add_in-list A.compare.active .icon {fill:var(--btn-bg);}
.product_price .add_in-list A.wishes .icon {fill:var(--error);}
.product_price .add_in-list A.wishes Span {position:absolute; left:22px; min-width:15px; color:var(--error); background:var(--white); border-radius:6px; font-size:11px;
padding:0 0 0 4px; display:none; transition:.3s;}
.product_price .add_in-list A.wishes.has_count Span {display:flex;}
/* --- BUY Buttons in Product Page --- */
.product_btns {display:flex; flex-wrap:wrap; width:100%;}
.product_btns.has_quantity .btn {width:calc(100% - 106px);}
.product_btns .btn {width:100%; margin:0 0 8px 0; white-space:nowrap;}
.product_btns .btn:last-child, .no_credit .product_btns .btn {margin:0;}
.product_btns .credit_form_open, .product_btns.has_quantity .credit_form_open {width:100%; background:var(--white); color:var(--btn-bg); border:2px solid var(--btn-bg);}
.product_btns .credit_form_open .first_part {margin:0 6px 0 0;}
.product_btns .credit_form_open .sec_part {text-transform:lowercase;}
.ask_price_form_box {width:100%;}
/* --- Credit bank variants --- */
.credits_variants {display:flex; margin:-16px 0 16px -8px; width:calc(100% + 16px); border-top:1px solid var(--site-bg); background:var(--white); padding:16px 8px 4px 8px;
flex-wrap:wrap;}
.bank_parts {display:flex; flex-direction:column; width:54px; height:54px; border-radius:var(--border-radius); margin:0 12px 12px 0; text-decoration:none; color:var(--text);
background:var(--site-bg); transition:.3s;}
.bp_photo {display:flex; align-items:center; justify-content:center; width:100%; height:30px; padding:4px 0 0 0; position:relative;}
.bp_photo Img {max-width:100%; height:100%;}
.bp_photo Span {font-size:16px; font-weight:700; position:absolute; top:2px; right:3px; text-shadow:-1px 1px 0 var(--white);}
.bp_title {display:flex; align-items:center; justify-content:center; width:100%; height:24px; font-size:8px; line-height:1; text-transform:uppercase; font-weight:700;
text-align:center; flex-shrink:0;}
/* --- Credit bank variants - PopUp --- */
.credit_bank_info .long_div.title {flex-direction:row; align-items:center;}
.credit_bank_info .bank_parts {margin:0 16px 0 0; pointer-events:none; flex-shrink:0;}
.credit_bank_info .bp_photo {height:100%; padding:8px;}
.credit_bank_info .bp_photo Span {font-size:18px; text-shadow:-2px 2px 0 var(--white); right:4px;}
.credit_bank_info .title .bp_title, .one_credit .bp_title {width:calc(100% - 70px); font-size:18px; line-height:1.4; text-transform:unset; font-weight:normal; text-align:left;
justify-content:flex-start;}
A.btn.issue {width:100%;}
.credit_bank_info .rules {margin:0; line-height:1.4;}
.credit_bank_info .rules P {margin:0 0 4px 0;}
.credit_bank_info .rules OL {padding:0 0 0 16px; list-style:decimal;}
.credit_bank_info .rules OL LI {margin:12px 0 0 0;}
/* --- Credit bank variants - ALL in one place - PopUp --- */
.credit_popup {max-width:1000px; overflow:hidden; display:flex; flex-direction:column; padding:16px 8px 16px 16px;}
.one_credit {display:flex; padding:16px 0 0 0; border-top:1px solid var(--border-color); margin:0 0 16px 0; flex-wrap:wrap;}
.one_credit:first-child {border:none;}
.oc_bank_name {display:flex; align-items:center; width:100%; margin:0 0 16px 0;}
.oc_bank_name .bank_parts {margin:0 12px 0 0; padding:8px; pointer-events:none; flex-shrink:0;}
.one_credit .bp_title {flex-direction:column; height:auto; align-items:flex-start;}
.bpt_info {color:var(--gray); font-size:13px; margin:4px 0 0 0;}
.one_credit .together {display:flex; width:100%; flex-direction:column;}
.oc_bank_parts {display:flex; margin:0 0 16px 0;}
.oc_bank_parts Select {width:100%;}
.oc_bank_issue {display:flex; width:100%; justify-content:space-between; align-items:center;}
.sum_for_month {font-size:24px; line-height:38px;}
.sum_for_month Span {font-size:16px; color:var(--gray);}
/* --- Additional Call Buttons --- */
.order_call_but {display:flex; flex-direction:column; margin:0 0 16px 0; padding:0 0 16px 0;}
.order_call_but A.btn {width:100%; margin:0 0 8px 0;}
.order_call_but A.btn:last-child {margin:0;}
/* --- Ask Price Popup --- */
.ask_price_form {width:calc(100% - 20px); max-width:400px; padding:32px;}
.ask_price_form .long_div.row {margin:0;}
.ask_price_form .popup_subtitle {margin:0;}
.popup_subtitle Span.margin {display:flex; justify-content:center; padding:8px 0 0 0;}
.popup_subtitle Span.error {color:var(--orange);}
/* --- Suitable products --- */
.suitable {display:flex; flex-direction:column; margin:0 0 16px 0;}
.suitable .tit {display:flex; margin:0 0 8px 0; font-size:14px; font-weight:700;}
.suitable_main, .suitable_other {display:flex; flex-direction:column; margin:0 0 16px 0; width:100%;}
.suitable_other {margin:0 0 -8px 0;}
.one_suit {display:flex; width:100%; margin:0 0 8px 0; border:1px solid var(--main-color-lighter); border-radius:var(--border-radius); transition:.3s; padding:8px;
background:var(--white); text-decoration:none;}
.one_suit:hover {border-color:var(--sub-color);}
.one_suit:last-child {margin:0;}
.one_suit .for_img {width:80px; height:80px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.one_suit .for_img Img {width:100%; height:auto;}
.one_suit .name {display:flex; width:100%; align-items:center; padding:8px 8px 8px 16px; transition:.3s; color:var(--link);}
.one_suit:hover .name {color:var(--link-hover);}
.suitable_box {display:flex; flex-wrap:wrap; margin:0 0 0 -8px;}
.suitable_box .one_suit {width:calc(50% - 8px); margin:0 0 8px 8px;}
.suitable_box .one_suit .for_img {width:64px; height:64px;}
.suitable_box .one_suit .name {font-size:14px;}
/* --- Waranty information in Product Page --- */
.waranties {display:flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 16px;}
.waranties.desk_view {display: none;}
.waranty_item {width: 100%;display:flex; border:1px solid var(--border-color); font-size:13px; padding:8px; margin:0 0 16px 0;border-radius: var(--border-radius);}
.waranty_item .icon {width:24px; height:24px; fill:var(--gray-light); flex-shrink:0;}
.waranty_box {width:100%; padding:0 0 0 16px; display:flex; flex-direction:column;}
.waranty_title {font-size:14px; font-weight:700; margin:4px 0 8px 0;}
.waranty_box LI {padding:0 0 8px 0; display:flex; flex-wrap:wrap; align-items:center;}
.waranty_box LI:last-child {padding:0;}
.waranty_box .date {font-weight:bold; padding:2px 0; color:var(--orange); display:flex; width:100%;}
.waranty_box .store_description {margin:8px 0 0 0; color:var(--text-light);}
.waranty_box .store_description P {margin:0 0 6px 0;}
.waranty_box LI Span.tit {margin:0 8px 0 0;}
.waranty_box LI Span.together {display:flex; align-items:center; margin:2px 8px 2px 0;}
.waranty_box LI Span:nth-last-child(2) .column, .waranty_box LI.new_method Span.together:last-child .column {display:none;}
.waranty_box LI.new_method Span:nth-last-child(2) .column {display:flex;}
.waranty_box LI svg, .waranty_box LI Img {width:auto; min-width:18px; max-height:18px; margin:0 4px 0 0;}
/* --- Cheaper Together in Product Page --- */
.cheaper {display:flex; flex-direction:column; margin:0 0 32px 0;}
.cheaper_slider:not(.slick-initialized) {display:flex; overflow:hidden;}
.cheaper .slick-list {width:calc(100% + 16px); margin:0 0 0 -8px;}
.cheaper_item {display:flex; flex-direction:column; background:var(--white); padding:8px; border-radius:var(--border-radius); margin:0 8px;}
.slick-initialized .slick-slide.cheaper_item {display:flex;}
.cheaper_slider:not(.slick-initialized) .cheaper_item {display:none;}
.cheaper_slider:not(.slick-initialized) .cheaper_item:first-child {display:flex; width:100%;}
.cheaper .together {margin:0 0 16px 0;}
.cheaper .added_goods {position:relative; padding:0; margin:0; border:none;}
.cheaper .together .added_goods:first-child {margin:0 0 8px 0;}
.cheaper .ag_photo {align-items:center;}
.cheaper .ag_photo A {position:relative;}
.cheaper .it_title {margin:0 0 8px 0;}
.cheaper .select_color {margin:8px 0 0 0;}
.cheaper .select_color .tit {margin:0 0 4px 0;}
.cheaper .select_color.select_size A.disabled {pointer-events:none;}
.cheaper .price_box {flex-direction:row-reverse; align-items:baseline;}
.cheaper .total_sum_old {margin:0 0 0 16px;}
.cheaper .total_sum.active {color:var(--error);}
.cheaper_plus {display:flex; position:relative; height:30px; margin:0 0 8px 0;}
.cheaper_plus::before, .cheaper_plus::after {content:''; width:32px; height:2px; background:var(--border-color); top:50%; left:50%; transform:translate(-50%, -50%);
position:absolute;}
.cheaper_plus::after {transform:translate(-50%, -50%) rotate(90deg);}
.cheaper_prise {display:flex; justify-content:center; align-items:center; border-top:1px solid var(--site-bg); padding:16px 0 4px 0; width:calc(100% + 16px); margin:0 0 0 -8px;}
.cheaper_prise .together {display:flex; flex-direction:column; margin:0 16px 0 0; align-items:flex-end;}
.cheaper .cheaper_prise .total_sum {font-size:24px; height:auto; margin:0;}
.cheaper .cheaper_prise .total_sum Small {font-size:18px;}
.cheaper_prise .to_cart .mobile {display:flex;}
.cheaper_prise .to_cart .desktop {display:none;}
.cheaper .slick-dots {display:flex; justify-content:center; position:relative; width:100%; flex-wrap:wrap; margin:16px 0 0 0;}
.cheaper .slick-dots LI.slick-active Button {border-color:var(--main-color-lighter);}
.cheaper .slick-dots LI.slick-active Button::before {background:var(--main-color-lighter);}
.cheaper .slick-dots Button::before {background:var(--gray-light);}
/* --- Main Info Box in Product Page --- */
.main_info_box, .sorts_info {display:flex; flex-direction:column;}
/* --- Characteristics --- */
.char_short {display:flex; flex-direction:column; margin:0 0 32px 0;}
.all_chars {display:flex; width:100%;}
.all_chars DL {display:flex; flex-direction:column; width:100%;}
.char_short Div {border-radius:var(--border-radius); display:flex;}
.char_short Div:nth-child(odd):not(.title_wrap) {background:var(--white);}
.char_short .tit, .char_short .value {padding:8px 16px 8px 8px; display:inline-flex; width:40%; word-break:break-word;}
.char_short .value {width:60%; padding:8px 8px 8px 16px;}
.char_short A.see_more {margin:8px;}
/* --- Description --- */
.description {display:flex; flex-direction:column; margin:0 0 32px 0;}
.description Article {margin:0;}
/* --- Reviews --- */
.product_reviews {display:flex; flex-direction:column; margin:0 0 32px 0;}
.product_reviews .main_title .num {margin:0 0 0 6px; color:var(--gray-light);}
.comments_list {display:flex; flex-direction:column; margin:-5px 0 0 0;}
/* --- Photos & Videos Tab --- */
.photo_section {display:flex; flex-direction:column; margin:0 0 32px 0;}
.photo_section LI {display:flex; align-items:center; justify-content:center; margin:32px 0 0 0; position:relative;}
.photo_section LI:first-child {margin:0;}
.photo_section LI Img {max-width:100%; height:auto; object-fit:contain;}
.photo_section LI .preloader {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.photo_section LI .is_video {cursor:pointer;}
.photo_section LI .is_video .icon {width:64px; height:auto; fill:var(--youtube); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
/* --- Buy Together Tab --- */
.up_sale .product_wrap {margin:0 0 32px 0;}
/* --- Reviews Tab --- */
.main_reviews .main_title {font-size:20px; margin:0 8px 0 0;}
.main_reviews .main_title Span {margin:0 0 0 6px; display:none;}
.main_reviews .comments_list {margin:0;}
.all_comment_parts {background:var(--white); margin:0 0 16px 0; padding:8px;}
.main_reviews .comment_one:last-child .all_comment_parts {margin:0;}
.comment_top {display:flex; align-items:center; margin:0 0 8px -8px; border-bottom:1px solid var(--site-bg); justify-content:space-between; width:calc(100% + 16px); padding:0 8px 8px 8px;}
.comment_top .together {display:flex; margin:0 16px 0 0; align-items:baseline;}
.comment_top .together .icon {fill:var(--btn-bg-hover); bottom:-3px; position:relative;}
.comment_top .comment_name {font-size:16px; font-weight:700; margin:0 16px 0 0;}
.manager_comment .comment_top .comment_name {color:var(--text-inverse);}
.comment_top .date_comment {font-size:12px; color:var(--gray-light);}
.manager_comment .comment_top .date_comment {color:var(--border-color);}
.comment_top .product_raiting, .comment_top .product_raiting .stars {margin:0;}
.comment_body {display:flex; flex-direction:column; margin:0 0 8px -8px; border-bottom:1px solid var(--site-bg); width:calc(100% + 16px); padding:0 8px 8px 8px; line-height:1.6;}
.coment_text {display:flex;}
.comment_body .all_photos_videos {margin:4px 0 0 -8px;}
.product_rate {display:flex; flex-direction:column; padding:0 0 0 32px; margin:12px 0 0 0;}
.product_rate Span {margin:0 0 12px 0;}
.product_rate Span:last-child {margin:0;}
.product_rate dt {position:relative; font-weight:700; margin:0 0 4px 0;}
.product_rate .advantages::after, .product_rate .advantages::before, .product_rate .disadvantages::before
{content:''; height:10px; width:2px; position:absolute; top:6px; left:-16px; background:var(--btn-bg);}
.product_rate .advantages::before {transform:rotate(90deg);}
.product_rate .disadvantages::before {background:var(--error); transform:rotate(90deg);}
.comment_bottom {display:flex; align-items:center; justify-content:space-between;}
A.comment_reply {display:flex; font-size:14px; text-decoration:none; align-items:center; color:var(--main-color-light); transition:.3s;}
A.comment_reply .icon {margin-top:-9px; fill:var(--main-color-light); transition:.3s;}
.comment_bottom A.delete {text-decoration:none; color:var(--text-light); display:flex; align-items:center; transition:.3s;}
.comment_bottom A.delete .icon {fill:var(--text-light);}
.fingers {display:flex;}
.dislike {margin:0 0 0 16px; display:flex; align-items:center;}
.fingers .dislike, .fingers .like {cursor:pointer; display:flex; align-items:center; color:var(--gray-light); font-size:13px;}
.fingers .icon {width:16px; height:16px; fill:var(--gray);}
.fingers .like.active .icon {fill:var(--btn-bg);}
.fingers .dislike.active .icon {fill:var(--error);}
.comment_one .answers {width:100%; margin:0 0 16px 0; padding:0 0 0 16px; position:relative;}
.main_reviews .comment_one:last-child .answers {margin:16px 0 0 0;}
.comment_one .answers:after {content:''; width:2px; height:100%; background:var(--main-color-lighter); position:absolute; top:0; left:0;}
.comment_one .answers LI {background:var(--white);}
.comment_one .answers .comment_top, .comment_one .answers .comment_body {width:100%; padding:8px; margin:0 0 8px 0;}
.comment_one .answers .manager_comment .comment_top {background:var(--main-color-lighter);}
.comment_one .answers .comment_body {padding:0 8px 8px 8px;}
/* --- Adding Review --- */
.comment_popup.popup {max-width:580px; overflow:hidden; display:flex; flex-direction:column; padding:16px 8px 16px 16px;}
.comment_popup .title_wrap .for_answer, .comment_popup .title_wrap.is_answer .for_comment, .comment_popup .send_comment .for_answer, .comment_popup .send_comment.is_answer .for_comment
{display:none;}
.comment_popup .title_wrap .for_comment, .comment_popup .title_wrap.is_answer .for_answer, .comment_popup .send_comment .for_comment, .comment_popup .send_comment.is_answer .for_answer
{display:flex;}
.comment_popup .message .for_answer, .comment_popup .message.is_answer .for_comment {display:none;}
.comment_popup .message .for_comment, .comment_popup .message.is_answer .for_answer {display:inline-flex;}
.comment_popup .product_raiting {border:1px solid var(--footer-bg); padding:16px 0; border-radius:var(--border-radius);}
.stars_labels {display:flex; width:100%;}
.stars_labels Label {width:20%; display:flex; justify-content:center; text-align:center; font-size:10px;}
.reviews_raiting .star_wrap {display:flex; width:100%; justify-content:space-around;}
.reviews_raiting.product_raiting .icon {width:24px; height:24px;}
.comment_photo {border:1px solid var(--footer-bg); padding:16px 16px 8px 16px; margin:0 0 16px 0; border-radius:var(--border-radius);}
.comment_photo .header {display:flex; flex-direction:column; margin:0 0 16px 0;}
.comment_photo .main_tit {display:flex; align-items:center; margin:0 0 8px 0;}
.comment_photo .main_tit .icon {margin:0 16px 0 0; fill:var(--gray);}
.comment_photo .sub_tit {font-size:12px; line-height:1.5; color:var(--gray-light);}
.comment_photo .for_but {display:flex;position: relative;}
.comment_photo .for_but input[type=file] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0; cursor: pointer;}
.comment_photo .for_but A.btn {width:100%;}
.comment_photo .add_video {margin:0 0 8px 0;}
.comment_photo .add_video .long_div {margin:0;}
.all_photos_videos {display:flex; margin:8px 0 8px -8px; flex-wrap:wrap; width:calc(100% + 8px);}
.video .all_photos_videos {margin:0 0 8px -8px;}
.all_photos_videos .cpv_box {display:flex; align-items: center; justify-content: center; margin:8px 0 0 8px; width:60px; height:60px; position:relative; border:1px solid var(--border-color); border-radius:var(--border-radius);
padding:2px; transition:.3s;}
.all_photos_videos .cpv_box a:not(.del_photo) {display: block;width:100%; height:100%;}
.all_photos_videos .cpv_box Img {width:100%; height:100%; object-fit:cover; border-radius: var(--border-radius);}
.all_photos_videos .del_photo {position:absolute; top:-4px; right:-4px; background:var(--white); border-radius:3px; width:24px; height:24px; display:flex; align-items:center;
justify-content:center; transition:.3s;}
.all_photos_videos .cpv_box Span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:flex;}
.all_photos_videos .cpv_box Span .svg_icon {fill:var(--error); width:32px; height:32px;}
.all_photos_videos .del_photo .svg_icon {fill:var(--icon-color-gray); width:18px; height:18px; transition:.3s;}
.comment_popup .long_div.check_wrap {margin:0;}
.comment_popup .long_div.check_wrap Label {margin:0;}
.comment_popup Input[type="checkbox"] + Label::before {top:-2px;}
.comment_popup Input[type="checkbox"] + Label::after {top:2px;}
.comment_popup .long_div.center {position:sticky; bottom:0; margin:0; padding:16px 0 0 0; background:var(--white);}
.comment_popup .long_div.center::after {content:''; top:-12px; left:0; width:100%; height:20px; background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
position:absolute; display:flex; flex-direction:column;}
.comment_popup.popup .if_sent {display:flex; width:100%; justify-content:center; margin:0 0 0 -8px;}
/* --- Fixed product panel --- */
.sticky_header {position:fixed; bottom:0; left:0; padding:8px; background:var(--white); z-index:6; box-shadow:0 6px 16px rgba(0,0,0,.3); width:100%; flex-wrap:nowrap; margin:0;}
.sticky_header .desktop {display:none;}
.sticky_header .together {display:flex; justify-content:space-between; width:100%;}
.sticky_header .show_price {margin:0;}
.sticky_header.product_price .main_price {font-size:18px; line-height:1.2; height:max-content; margin:0 0 6px 0;}
.sticky_header .in_stock, .sticky_header .not_available {height:auto;}
.sticky_header.product_price .old_price {display:none;}
.sticky_header .together .together {justify-content:flex-start; width:auto;}
.sticky_header.product_price .add_in-list {margin:0 0 0 16px;}
.sticky_header .product_btns {order:10; align-items:center; width:auto;}
.sticky_header .product_btns .btn {margin:0 0 0 16px; height:38px; width:max-content; flex-shrink:0;}
/* --- Blog of Store --- */
/* --- Blog List --- */
.blog_list {display:flex; flex-direction:column; margin-bottom:32px;}
.blog_items {display:flex; flex-direction:column;}
.one_blog {display:flex; flex-direction:column; justify-content:space-between; background:var(--white); padding:8px; margin:0 0 16px 0; line-height:1.6; width:100%; transition:.3s;}
.one_blog:last-child {margin:0;}
.blog_image {display:flex; align-items:center; width:100%; height:auto; margin:0 0 8px 0;}
.blog_image Img {display:block; width:100%; height:auto; object-fit:cover;}
.blog_name {display:flex; color:var(--text); text-decoration:none; font-weight:700; transition:.3s;}
.blog_text {margin:8px 0 0 0; font-size:13px; max-height:176px; display:flex; overflow:hidden;}
.blog_info {display:flex; border-top:1px solid var(--site-bg); margin:8px 0 0 -8px; padding:8px 8px 0 8px; width:calc(100% + 16px); justify-content:space-between;
color:var(--main-color-light); font-size:12px;}
.blog_info .icon {fill:var(--main-color-light); width:14px; height:14px;}
.blog_info Div {display:flex; align-items:center;}
.blog_info .together Div {margin:0 0 0 16px;}
/* --- Last News of Blog --- */
.last_blogs .title_wrap {justify-content:flex-start; position:relative; z-index:1; align-items:baseline;}
.blog_list.last_blogs {margin-bottom:16px;}
/* --- If Slider --- */
.last_blog_items:not(.slick-initialized) {flex-direction:row; flex-wrap:nowrap; overflow:hidden; margin:0 0 0 -16px; padding:0 8px;}
.last_blog_items {flex-direction:row; width:calc(100% + 16px); margin:0 0 0 -8px; padding:0 8px 0 0;}
.last_blog_items UL {display:flex !important; margin:0 0 0 8px;}
.last_blog_items:not(.slick-initialized) .one_blog {margin:0 8px; width:100%; flex-shrink:0;}
.last_blog_items .one_blog {margin:0 8px 0 0; justify-content:space-between; display:flex;}
/* --- If Grid --- */
.last_blog_grid {display:flex;}
.last_blog_grid .last_blog_items {flex-wrap:wrap; overflow:unset; margin:0; padding:0;}
.last_blog_grid .last_blog_items .one_blog {margin:0 0 16px 0;}
/* --- Blog Details --- */
.blog_details {display:flex; flex-direction:column; margin-bottom:32px;}
.blog_details .blog_info {margin:-4px 0 16px 0; padding:0; width:100%;}
.blog_det_img {margin:0 0 16px 0;}
/* --- Product in Blog Details --- */
.blog_details .raw-html-embed {position:relative; float:right;}
.blog_details .raw-html-embed Strong {font-weight:normal;}
.blog_details .raw-html-embed .one_good {width:158px; margin:8px 0 8px 16px;}
.blog_details .raw-html-embed .one_good .status_list {top:16px; left:24px;}
.blog_details .raw-html-embed .one_good .status_list Span {padding:1px 6px; margin:0 0 4px 0; font-size:13px; line-height:18px;}
/* --- Blog Comments --- */
.news_comments {display:flex; flex-direction:column; margin-bottom:32px;}
/* --- Reed Others Blogs --- */
.blog_details .read_also .blog_info {margin:8px 0 0 -8px; padding:8px 8px 0 8px; width:calc(100% + 16px);}
/* --- Checkout Page --- */
.checkout_header {display:flex; margin:0 0 16px 0; padding:8px 0 16px 0; border-bottom:1px solid var(--border-color);}
.checkout_header .logo_wrap {display:flex; height:auto; padding:0;}
.checkout {padding:8px; width:100%; max-width:1200px;}
.checkout_inner {display:flex; flex-direction:column;}
.checkout_form {display:flex; flex-direction:column; background:var(--white); padding:16px 8px 8px 8px; width:calc(100% + 16px); margin:0 0 0 -8px;}
.order-step_wrap {padding:0 8px; margin:0 0 32px 0;}
.order-step_wrap.lor_col {max-width:unset;}
.order-step_wrap:last-child {margin:0;}
.order-step_wrap.disabled {opacity:.6; filter:grayscale(1); pointer-events:none;}
.checkout .tit {font-size:18px; font-weight:700; display:flex; align-items:center; margin:0 0 24px 0;}
.checkout .products .tit {text-transform:capitalize; justify-content:space-between; padding:0 8px 0 0;}
.checkout .cart_kit .tit {margin:0; font-weight:400; font-size:16px; text-transform:none;}
.checkout .products .tit A.edit {font-weight:400;}
.checkout .all_items {height:auto; padding:0;}
.all_added {display:flex; flex-direction:column;}
.checkout .added_goods {padding:16px 0 0 0;}
.checkout .added_goods.added_goods_ignore {padding:32px 0 8px 8px;}
.order-step_wrap .all_sums {display:none;}
.if_registred_read {display:none; background:var(--sub-color-light); border-radius:var(--border-radius); border:2px solid var(--sub-color-light); justify-content:space-between; align-items:center;
padding:0 8px 0 0;}
.if_registred_read .user_info, .if_registred_read .user_info .user_email {color:var(--text);}
.if_registred_read .user_info:hover {background:none;}
.if_registred_read .user_info .icon {fill:var(--text);}
.if_registred {display:none;}
.if_registred.active, .if_registred_read.active {display:flex;}
.if_registred.active {flex-direction:column;}
.order_select {display:flex; margin:0 0 16px 0;}
.order_select A {margin:0 0 0 6px;}
/* --- LogIn & Registration in Checkout --- */
/* --- Login Form --- */
.enter_form .long_div.tit {margin:0 0 24px 0; font-size:18px; flex-direction:row; align-items:center;}
.enter_form .long_div.tit .together {margin:0 0 0 16px; display:flex; flex-direction:row;}
.enter_form .together A.btn {margin:0 8px 0 0; background:var(--main-color-lighter); font-weight:400;}
.enter_form .password_recovery, .enter_form .for_back_from_recovery {display:none;}
.password_box {position:relative; width:100%;}
.password_box Input {width:100%; padding:0 40px 0 8px;}
.show_password {display:flex; align-items:center; justify-content:center; width:34px; height:34px; position:absolute; bottom:2px; right:2px;}
.show_password .svg_icon {width:16px; height:16px; fill:var(--main-color-lighter); transition:.3s;}
.show_password.not_visible .svg_icon {width:16px; height:16px; fill:var(--orange);}
.show_password::before {content:''; width:18px; height:2px; background:var(--orange); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); opacity:0;
transition:.3s;}
.show_password.not_visible::before {opacity:1;}
.enter_form .ln_buts, .registration_form .ln_buts {display:flex; margin:16px 0 0 0; justify-content:space-between; width:100%;}
.enter_form .ln_buts A.remind_me {margin:0 0 0 16px;}
/* --- Registration Form --- */
.registration_form Form {display:flex; width:100%; flex-wrap:wrap;}
.registration_form .common_but, .enter_form .common_but {width:100%;}
/* --- Shipping & Payment in Checkout --- */
.checkout .radio_wrap {display:flex; flex-direction:column; padding:8px 8px 8px 40px; border-radius:var(--border-radius); border:1px solid transparent; transition:.3s;}
.checkout .radio_wrap.select_wrap {background:var(--site-bg); border-color:var(--border-color);}
.checkout .radio_wrap Label {display:flex; max-width:max-content;}
.checkout .radio_wrap Label svg, .checkout .radio_wrap Label Img {width:auto; min-width:18px; max-height:18px; margin:0 6px 0 0;}
.checkout .radio_wrap .info {margin:6px 0 0 0; color:var(--gray-light); display:none;}
.checkout .radio_wrap .info.alert {color:var(--main-color-light);}
.checkout .radio_wrap.select_wrap .info {display:flex;}
.checkout .radio_wrap .order_form_field {margin:16px 0 0 0; display:flex; flex-direction:column;}
.checkout .template_field {display:flex; flex-direction:column; margin:0 0 8px 0;}
.checkout .template_field Select {width:inherit; margin:0 0 16px 0;}
.checkout .order_form_field .for_buts {margin:0 0 8px 0;}
.checkout .delivery_contact .for_buts {display:flex; justify-content:space-between; align-items:center; width:100%;}
.checkout .delivery_contact .for_buts .btn {margin:0 8px 0 0;}
.checkout .delivery_contact .for_buts .btn:last-child {margin:0 0 0 8px;}
.checkout .radio_wrap .order_form_field.delivery_other {margin:0;}
.checkout .order_form_group {display:flex; flex-direction:column;}
.checkout .group.short {display:flex;}
.checkout .group.short .long_div {width:50%;}
.checkout .group.short .slash {padding:26px 16px 0 16px; display:flex; font-size:22px; color:var(--gray-light);}
.checkout .radio_wrap .order_form_field Input {width:100%;}
.checkout .radio_wrap .order_form_field Input.btn {width:max-content;}
.dropdown_select-city {margin:0 0 16px 0; border:none;}
.dropdown_inside .dropdown_select-city {margin:0;}
.dropdown_select-branch {border:none;}
.order_form_field .req {color:var(--error);}
.checkout .attention {display:flex; border:1px solid var(--orange); color:var(--orange); border-radius:var(--border-radius); padding:16px;}
.checkout .radio_wrap .together {display:none; justify-content:space-between; margin:6px 0 0 0; align-items:center;}
.checkout .radio_wrap.select_wrap .together {display:flex;}
.checkout .radio_wrap.select_wrap .credit_info {margin:0 16px 0 0;}
.checkout_total {display:flex; flex-direction:column; width:calc(100% + 16px); margin:32px 0 0 -8px;}
/* --- Promo code --- */
.promocode {margin:0 0 16px 0;}
.promocode .top {display:flex; justify-content:space-between; align-items:center;}
.promocode .top .title {font-size:16px;}
.promocode .top A {color:var(--orange); text-decoration:none; transition:.3s;}
.promocode .top A .po_2, .promocode.open .top A .po_1 {display:none;}
.promocode .top A .po_1, .promocode.open .top A .po_2 {display:flex;}
.promocode .code_input {display:flex; margin:0; height:0; opacity:0; visibility:hidden; overflow:hidden; transition:.3s;}
.promocode.open .code_input {margin:16px 0 0 0; height:auto; opacity:1; visibility:visible; overflow:auto;}
.code_input Input {width:calc(100% - 16px); margin:0 16px 0 0;}
.promocodes_here {display:flex; flex-direction:column; margin:16px 0 0 0;}
.one_added_code {display:flex; margin:12px 0 0 0; justify-content:space-between; align-items:center;}
.one_added_code:first-child {margin:0;}
.one_added_code .together {display:flex; align-items:center;}
.one_added_code Label {margin:0 6px 0 12px; color:var(--btn-bg); font-size:13px;}
.one_added_code.wrong Label {color:var(--error);}
.one_added_code Span, .promo_applied {border:2px dashed var(--btn-bg); border-radius:var(--border-radius); padding:2px 6px; color:var(--btn-bg);}
.promo_applied {padding:1px 4px;}
.one_added_code.wrong Span {border-color:var(--error); color:var(--error);}
.one_added_code A.del {display:flex;}
.one_added_code A.del .icon {fill:var(--gray-light);}
/* --- Total price --- */
.ct_main, .promocode {display:flex; flex-direction:column; padding:16px; background:var(--white);}
.checkout_total .all_added {display:none;}
.finish {display:flex; flex-direction:column; margin:16px 0 0 0;}
.finish A.btn {width:100%;}
.finish A.btn.disabled {pointer-events:unset; opacity:1;}
.finish .long_div {display:inline; margin:16px 0 8px 0;}
.finish .long_div.small {font-size:12px; line-height:1.6; color:var(--text-light);}
.finish .long_div.small A.link {color:var(--text-light);}
.finish .long_div.error {color:var(--error); text-align:center;}
.checkout_footer {display:flex; margin:16px 0 0 0; padding:16px 0 8px 0; border-top:1px solid var(--border-color);}
/* --- Success Page --- */
.success_page {padding:8px; width:100%;}
.main_title.success {font-size:18px;}
.success_box {display:flex; flex-direction:column;}
.success_order {padding:16px; background:var(--white); margin:0 0 32px 0;}
.success_order .all_items {height:auto;}
.success_order .bottom_wrap {justify-content:flex-end;}
.success_order .cart_kit .item_text {margin:0;}
.success_order .total_sum {font-weight:400; font-size:20px;}
.success_order .total_sum Small {font-size:14px;}
.success_order .long_div {margin:0;}
.success_order .long_div A.btn {margin:0 0 8px 0; width:100%;}
.success_order .long_div A.btn:last-child {margin:0;}
.checkout_contacts { margin:0 0 32px 0; display:flex; flex-direction:column;}
.cc_main {padding:16px; background:var(--white); display:flex; flex-direction:column;}
.cc_box {display:flex; flex-direction:column; margin:0 0 12px 0;}
.checkout_title {display:flex; margin:0 0 6px 0; color:var(--main-color-light);}
.checkout_row {margin:0 0 4px 24px; position:relative;}
.checkout_row svg, .checkout_row Img {width:auto; min-width:18px; max-height:18px; position:absolute; left:-24px;}
.cc_box_price {display:flex; flex-direction:column; border-top:1px solid var(--border-color); padding:16px 0 0 0;}
.cbp_row {display:flex; justify-content:space-between; align-items:center; margin:0 0 16px 0;}
.cbp_row.total {border-top:1px solid var(--border-color); padding:16px 0 0 0;}
.cbp_row.total.no_padding {border:none; padding:0; margin:0;}
.cbp_tit {color:var(--main-color-light); display:flex; width:100%;}
.cbp_sum {margin:0 0 0 16px; display:flex; flex-shrink:0; align-items:baseline; text-align:end; max-width:50%;}
.cbp_sum .cs_img {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:baseline;}
.cbp_sum svg, .cbp_sum Img {width:auto; min-width:18px; max-height:18px; margin:0 6px 0 0; top:3px; position:relative;}
.cbp_sum Small {font-size:12px; margin:0 0 0 4px;}
.cbp_row.total .cbp_sum {font-size:24px; line-height:1.4;}
.cbp_row.total .cbp_sum Small {font-size:20px; margin: 0 0 0 4px;}
.cbp_row.pay_status .cbp_sum {color:var(--error);}
.cbp_row.pay_status.green .cbp_sum {color:var(--btn-bg-hover);}
.success_article {margin:0 0 32px 0;}
/* --- User Account --- */
.profile {padding:8px; width:100%;}
.profile .profile_menu {display:none;}
.pm_items {display:flex; flex-direction:column; width:100%;}
/* --- User content --- */
.profile_content {display:flex; flex-direction:column; background:var(--white); padding:16px; margin:0 0 32px 0;}
.profile_content .activation_alert {display:flex; align-items:center; border:1px solid var(--orange); color:var(--orange); border-radius:var(--border-radius); padding:16px; margin:0 0 16px 0;
background:var(--orange_light);}
.profile_content .activation_alert .icon {fill:var(--orange); flex-shrink:0;}
/* --- Empty page --- */
.empty_page {display:flex; flex-direction:column; align-items:center;}
.empty_page Img {max-width:360px; width:100%; height:auto; margin:0 0 16px 0;}
.empty_page .title {font-size:18px; margin:0 0 16px 0; text-align:center;}
/* --- Order History Search --- */
.order_search {display:flex; margin:0 0 16px 0;}
.order_search Input {border-radius:var(--border-radius) 0 0 var(--border-radius); border-right:none; width:100%;}
.order_search .together {display:flex;}
.order_search .desktop {display:none;}
.order_search .mobile {display:flex;}
.order_search Button {border-radius:0 var(--border-radius) var(--border-radius) 0;}
.order_search A.btn {margin:0 0 0 8px;}
/* --- Order History List --- */
.all_orders_history {display:flex; flex-direction:column; padding:0 0 8px 0;}
.order_row {border-radius:var(--border-radius); border:1px solid var(--border-color); margin:16px 0 0 0; padding:16px; transition:.3s;}
.order_row.open {box-shadow:0 0 8px #00000024;}
.order_row:first-child {margin:0;}
.order_show {display:flex; flex-direction:column; cursor:pointer; position:relative; padding:0 0 0 24px;}
.order_show::after {content:''; width:8px; height:8px; border-bottom:1px solid var(--main-color); border-right:1px solid var(--main-color); position:absolute; top:50%; right:0;
margin:0 0 0 12px; transform:translateY(-50%) rotate(45deg); transition:.3s;}
.open .order_show::after {transform:translateY(-50%) rotate(-135deg);}
.order_status_color {width:8px; height:100%; border-radius:4px; display:flex; position:absolute; top:0; left:0;}
.order_row-wrap {display:flex; flex-direction:column; margin:0 0 8px 0; padding:0 24px 0 0;}
.order_number, .order_sum_title {font-size:12px; color:var(--gray-light); margin:0 0 4px 0;}
.order_status {display:flex;}
.open .order_status {margin:4px 0 0 0;}
.for_os_name {display:flex; flex-direction:column;}
.for_os_name .os_name {display:flex; align-items:center;}
.for_os_name .os_name svg, .for_os_name .os_name Img {width:18px; height:18px; margin:0 6px 0 0;}
.order_status .os_date {display:none; margin:2px 0 0 0;}
.open .order_status .os_date {display:flex; color:var(--gray-light);}
.order_status .btn {display:none;}
.open .order_status .btn {display:flex; margin:0 0 0 16px;}
.order_sum {display:flex; flex-direction:column; padding:0 24px 0 0; flex-shrink:0;}
.order_pics {display:flex; flex-wrap:wrap; padding:0 8px 0 0;}
.one_order_pic {width:40px; height:40px; margin:8px 16px 0 0; display:flex; align-items:center; justify-content:center;}
.order_pics.hide .one_order_pic {display:none;}
.one_order_pic Img {width:100%; height:auto; object-fit:contain; max-height:100%;}
.order_details {display:flex; flex-direction:column; margin:16px 0 0 0;}
.order_details.order_hidden {display:none;}
.order_main_box {display:flex; flex-direction:column; justify-content:flex-start;}
.order_buts {display:flex; flex-direction:column; margin:0 0 16px 0;}
.order_buts .btn {width:100%;}
.order_buts .btn.reorder {margin:0 0 8px 0;}
.order_info {display:flex; flex-direction:column; margin:0 0 16px 0; background:var(--site-bg); border-radius:var(--border-radius); padding:16px;}
.order_info .checkout_title {margin:0 0 8px 0;}
.oi_group {margin:0 0 8px 0;}
.order_items {display:flex; flex-direction:column; width:100%;}
.order_items .checkout_title {text-transform:capitalize; margin:0 0 16px 0;}
.oi_all {display:flex; flex-direction:column;}
.order_item {display:flex; flex-direction:column; margin:16px 0 0 0;}
.order_item:first-child {margin:0;}
.oi_row {display:flex; margin:8px 0 0 0; justify-content:space-between;}
.oi_row:first-child {margin:0;}
.order_name {display:flex; flex-direction:column; width:100%;}
.oi_row .it_title {margin:4px 0 8px 0;}
.oi_col {display:flex; flex-direction:column; align-items:center;}
.oi_col:first-child {align-items:flex-start;}
.oi_col:last-child {align-items:flex-end;}
.oi_col_tit {font-size:13px; color:var(--gray); margin:0 0 6px 0;}
.order_items .cc_box_price {margin:16px 0 0 0;}
/* --- Order History - Popup --- */
.order_history {display:flex;}
.order_history .oh_box {display:flex; flex-direction:column; width:100%;}
.one_history {padding:6px 8px 8px 32px; display:flex; flex-direction:column; position:relative; transition:.3s;}
.one_history::before {content:''; position:absolute; top:0; left:16px; width:1px; height:100%; border-left:1px dashed var(--sub-color);}
.one_history:last-child::after, .one_history:first-child .date::after {content:''; position:absolute; bottom:0; left:16px; width:1px; height:calc(100% - 19px); transition:.3s;
background:var(--white);}
.one_history:first-child .date::after {bottom:auto; top:0; height:6px;}
.one_history:only-child::after {height:calc(100% - 23px);}
.one_history .name {display:flex; flex-wrap:wrap; margin:0 0 4px 0;}
.one_history .name::after, .one_history:first-child .name::before {content:''; position:absolute; top:10px; left:12px; width:9px; height:9px; border-radius:50%;
background:var(--sub-color);}
.one_history:first-child .name::before {background:var(--white); border:1px solid var(--sub-color); width:17px; height:17px; top:6px; left:8px;}
.one_history .date {display:flex; color:var(--gray-light); font-size:13px;}
.one_history .date Span:last-child {margin:0 0 0 8px;}
/* --- Wish List --- */
.wish_group {display:flex; flex-direction:column; margin:0 0 16px 0; border-radius:var(--border-radius); border:1px solid var(--border-color); transition:.3s;}
.wish_group:last-child {margin:0;}
.for_wish_title {display:flex; width:100%; padding:8px; border-bottom:1px solid var(--border-color);}
.for_wish_title Span {position:relative; display:flex; align-items:center; width:100%;}
.nt_del {position:relative; flex-shrink:0; margin:0 8px 0 0; width:22px; height:22px; background:var(--icon-color-gray); border-radius:var(--border-radius); transition:.3s;}
.nt_del::before, .nt_del::after {content:''; width:10px; height:1px; position:absolute; top:10px; left:6px; background:var(--gray); transform:rotate(45deg); transition:.3s;}
.nt_del::after {transform:rotate(-45deg);}
.for_wish_title .compare_title {margin:0;}
.for_wish_title .edit_buts {display:flex; align-items:center; margin:0 0 0 8px;}
.for_wish_title .edit_buts A {position:relative; margin:0 0 0 8px; width:40px; height:40px; border-radius:var(--border-radius); align-items:center; justify-content:center;
display:flex; transition:.3s;}
.for_wish_title .edit_buts A.edit .icon, .for_wish_title .edit_buts A.edit:hover .icon {fill:var(--gray);}
.for_wish_title .move_box {width:40px; height:40px; display:flex; flex-direction:column; margin:0 0 0 8px;}
.for_wish_title .move_box A {margin:0; border-radius:var(--border-radius) var(--border-radius) 0 0;}
.for_wish_title .move_box A.down_wish_list {border-radius:0 0 var(--border-radius) var(--border-radius);}
.for_wish_title .move_box A.no_active {pointer-events:none;}
.for_wish_title .move_box A::before, .for_wish_title .move_box A::after {content:''; position:absolute; top:9px; right:18px; width:8px; height:2px; background:var(--gray);
z-index:5; transition:.3s; transform:rotate(45deg);}
.for_wish_title .move_box A::after {transform:rotate(-45deg); right:13px;}
.for_wish_title .move_box A.up_wish_list::before {transform:rotate(-45deg);}
.for_wish_title .move_box A.up_wish_list::after {transform:rotate(45deg);}
.for_wish_title .move_box A.no_active::before, .for_wish_title .move_box A.no_active::after {opacity:0;}
.for_wish_title .edit_buts A .if_save, .for_wish_title .edit_buts A.active .icon {display:none;}
.for_wish_title .edit_buts A.active .if_save {display:flex;}
.favorite_control {display:flex; justify-content:space-between; align-items:center; padding:8px; border-bottom:1px solid var(--border-color);}
.delete_all.check_wrap {margin:0; padding:0 8px 0 30px;}
.favorite_control .delete_this {text-decoration:none; color:var(--text-light); display:flex; align-items:center; pointer-events:none; opacity:.4; transition:.3s;}
.delete_this .icon {margin:0 6px 0 0; fill:var(--text-light);}
.favorite_control .delete_this.active {pointer-events:unset; opacity:1;}
.wish_page {display:flex;}
.wish_page .empty_page {margin:16px 0; width:100%;}
.add_in-list .check_wrap {padding:0;}
.add_in-list .check_wrap Label {width:100%; height:100%;}
.add_in-list .check_wrap Input[type="checkbox"]:not(:checked) + Label::before, .add_in-list .check_wrap Input[type="checkbox"]:checked + Label::before,
.add_in-list .check_wrap Input[type="checkbox"]:not(:checked) + Label::after, .add_in-list .check_wrap Input[type="checkbox"]:checked + Label::after
{left:50%; top:50%; transform:translate(-50%,-50%);}
/* --- Compare List --- */
.compare_group {display:flex; flex-direction:column; margin:0 0 16px 0; border-radius:var(--border-radius); border:1px solid var(--border-color); transition:.3s;}
.compare_group:last-child {margin:0;}
.for_compare_title {display:flex; flex-direction:column; width:100%; padding:8px; border-bottom:1px solid var(--border-color);}
.for_compare_title H3.compare_title {font-size:20px; font-weight:normal; margin:0 0 8px 0;}
.for_compare_title A.btn {pointer-events:none; opacity:.5; transition:.3s;}
.for_compare_title A.btn.show {pointer-events:unset; opacity:1;}
.for_compare_title A.btn Span {margin:0 0 0 6px;}
/* --- Compare Details --- */
.cr_title_row {display:flex; flex-direction:column; margin:0 0 24px 0;}
.cr_title_row .main_title {flex-wrap:wrap; align-items:baseline; margin:0 0 16px 0;}
.cr_title_row .main_title Span {margin:0 6px 0 0;}
.cr_title_row .main_title Span:last-child {color:var(--text-light); margin:3px 0 0 0; font-size:14px;}
.cr_but_row {display:flex; justify-content:space-between;}
.compare_toggle {display:flex; margin:0 0 0 16px; align-items:center;}
.cr_but_row A {display:flex; position:relative; color:var(--main-color); text-decoration:none; align-items:center; transition:.3s;}
.compare_toggle A.active {display:none;}
.compare_toggle A .icon {margin:0 6px 0 0; fill:var(--main-color);}
.for_compare {width:100%; display:flex; flex-direction:column; position:relative;}
.compare_products {display:flex; width:100%; overflow-y:hidden; overflow-x:auto; scrollbar-width:none; position:sticky; top:70px; margin:0 0 400px; box-shadow:0 6px 8px -10px rgba(0,0,0,.7);
z-index:1; background:var(--white);}
.compare_products .one_good {width:50%; max-width:172px; flex-shrink:0;}
.compare_products .one_good .main_price {font-size:18px;}
.one_good .main_price Small {font-size:16px;}
.compare_options {display:flex; flex-direction:column; width:100%; overflow-y:hidden; overflow-x:auto; margin:-400px 0 0 0;}
.compare_options LI {display:flex; width:100%;}
.compare_options LI.for_compare_title {height:30px;}
LI.for_compare_title .compare_title {width:100%; height:30px; position:absolute; top:auto; left:0; padding:0 0 0 8px; display:flex; align-items:center; background:var(--site-bg);
font-weight:700;}
.compare_options .one_good {width:50%; max-width:172px; flex-shrink:0; padding:8px;}
.profile_content .product_tabs {margin-top:-8px; background:var(--white);}
.my_reviews_list {display:flex; flex-direction:column;}
.review_row {border-radius:var(--border-radius); border:1px solid var(--border-color); margin:16px 0 0 0; padding:16px; transition:.3s;}
.review_row.open {box-shadow:0 0 8px #00000024;}
.review_row.open {background:var(--site-bg);}
.review_row:first-child {margin:0;}
.review_show {display:flex; flex-direction:column;}
.review_link {display:flex; align-items:center; width:100%; margin:0 0 16px 0; justify-content:space-between;}
.review_link A {display:flex; align-items:center;}
.one_review_pic {width:40px; height:40px; margin:0 8px 0 0; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.one_review_pic Img {width:100%; height:auto; object-fit:contain; max-height:100%;}
.review_show .btn {width:100%; flex-shrink:0;}
.review_text {display:flex; flex-direction:row; width:100%; cursor:pointer; padding:0 24px 0 0;}
.review_text .short_review {opacity:1; color:var(--text-light); max-height:38px; overflow:hidden; padding:0 20px 0 0; transition:.3s;}
.review_show .profile_counter {position:absolute; top:50%; right:20px; transform:translateY(-50%); margin:2px 0 0 0;}
.open .review_text .short_review {opacity:.2;}
.review_text.order_show::after {right:2px;}
.review_details {display:flex; flex-direction:column; margin:16px 0 0 0;}
.review_details LI.new {background:var(--sub-color-light);}
.review_details .all_comment_parts.no_margin {margin:0;}
.review_details A.comment_reply {font-size:15px;}
.review_details.comment_one .answers {margin:0;}
.review_details.comment_one .answers LI:last-child .comment_body {margin:0;}
/* --- User Account Settings --- */
.form_place {display:flex; flex-direction:column; margin:0 0 16px 0; padding:16px; border-radius:var(--border-radius); border:1px solid var(--border-color); position:relative; transition:.3s;}
.form_place:last-child {margin:0;}
.form_place.open_box {padding-bottom:0;}
.form_place.open_box::after {content:''; width:8px; height:8px; border-bottom:1px solid var(--main-color); border-right:1px solid var(--main-color); position:absolute; top:22px; right:16px;
transform:rotate(45deg); cursor:pointer; transition:.3s;}
.form_place.open_box.open::after {transform:rotate(-135deg); top:26px;}
.form_place.open_box Form {display:none;}
.form_place.open_box.open Form {display:flex; flex-direction:column; padding-bottom:16px;}
.form_place H3 {font-size:20px; font-weight:normal; margin:0 0 16px 0; width:100%;}
.form_place.open_box H3 {margin:-16px 0 0 -16px; width:calc(100% + 32px); padding:16px; cursor:pointer;}
.form_place .is_saving {transition:.3s; opacity:0; visibility:hidden; overflow:hidden;}
.form_place.saving .is_saving {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; transition:.3s; opacity:1; visibility:visible; overflow:visible;}
.form_place.saving .is_saving::before {content:''; width:100%; height:100%; background:transparent; position:absolute; top:0; left:0; transition:.3s; z-index:-1; backdrop-filter:blur(2px);}
.form_place .together {display:flex; flex-wrap:wrap; width:100%;}
.form_place.no_edit .long_div {width:auto; margin:0 6px 16px 0;}
.form_place.change_contacts.no_edit .long_div {margin:0 16px 16px 0;}
.form_place.pickups Input.loading, .order-step_wrap.delivery Input.loading
{background-image:url('../images/loader_dark.png'); background-repeat:no-repeat; background-position:right center; background-size:32px 32px;}
.form_place.no_edit Input, .form_place .for_edit, .form_place Button.edit, .form_place.no_edit Button.cancel, .form_place.no_edit Label, .form_place.no_edit .only_address .long_div,
.form_place.no_edit .add_address, .form_place.no_edit .show_password, .form_place.no_edit Button.delete, .form_place.no_edit .adduser_pass,
.recipients.addresses.no_edit .long_div.short.del.if_main, .form_place.no_edit .input_error {display:none;}
.form_place.no_edit .for_edit, .form_place.no_edit Button, .form_place Label, .form_place.no_edit Label.choose, .form_place Button.delete, .form_place .adduser_pass {display:flex;}
.form_place .attention {display:flex; border:1px solid var(--footer-bg); color:var(--text-light); border-radius:var(--border-radius); padding:4px 8px 4px 32px; margin-top:8px;
position:relative; width:max-content; min-height:29px; align-items:center; font-size:14px;}
.form_place .attention::before, .form_place .confirm_box .btn::before {content:''; width:14px; height:8px; position:absolute; top:6px; left:8px; border-radius:1px;
transform:rotate(-45deg); border-bottom:2px solid var(--gray-light); border-left:2px solid var(--gray-light);}
.form_place .confirm_box {margin:8px 0 0 0;}
.form_place .confirm_box .btn {padding:4px 8px 4px 32px;}
.form_place .confirm_box .btn::before {border-color:var(--white);}
.form_place .for_buts {width:100%; display:flex;}
.form_place .for_buts Button, .form_place .for_buts Input {margin:0 16px 0 0;}
/* --- Courier delivery Addresses - User Account Settings --- */
.addresses .long_div.for_choose {width:100%; margin:0 0 16px 0;}
.no_edit .profile_info_message {width:100%; margin:0 0 16px 0; color:var(--text-light); display:flex;}
.profile_info_message {display:none;}
.long_div Label.choose {padding:0 0 0 32px; position:relative; font-size:14px; color:var(--main-color-light); margin:0;}
.long_div Label.choose::before {content:''; position:absolute; top:7px; left:9px; width:8px; height:8px; border:2px solid var(--main-color-light); border-radius:8px 0 0 0; border-right:none;
border-bottom:none;}
.long_div Label.choose .svg_icon {position:absolute; top:13px; left:6px; width:8px; height:8px; fill:var(--main-color-light); transform:rotate(-90deg);}
.addresses .one_address {display:flex; width:100%; margin:0 0 16px 0;}
.addresses .main_address {display:flex;}
.addresses .main_address .radio_item {display:flex;}
.addresses .main_address .radio_item::before {top:0;}
.addresses .main_address .radio_item::after {top:4px;}
.addresses .only_address {display:flex; flex-wrap:wrap; width:calc(100% - 32px);}
.addresses .long_div.short {width:33.33%; padding:0 16px 0 0; position:relative;}
.addresses .long_div.short .nt_del {top:50%; right:0; position:absolute; margin:-2px 0 0 0;}
.addresses.no_edit .long_div.short .nt_del {display:none;}
.addresses .add_address {margin:0 0 16px 0;}
/* --- My pick-up points - User account settings --- */
.one_pickup {display:flex; flex-direction:column; background:var(--site-bg); margin:0 0 16px 0; padding:8px 16px 16px 16px; border-radius:var(--border-radius);}
.pickups .pick_title {display:flex; align-items:center; font-weight:700; margin:0 0 12px -16px; width:calc(100% + 32px); padding:0 16px 8px 16px; border-bottom:1px solid var(--white);}
.pickups .pick_title svg, .pickups .pick_title Img {width:auto; min-width:24px; max-height:24px; margin:0 8px 0 0;}
.pickups .os .pick_title svg {width:24px; fill:var(--gray-light);}
.pickups.addresses .long_div.short {width:100%;}
.pickups .no_addresses {display:flex; flex-direction:column; color:var(--main-color-lighter); font-size:13px;}
.pickups .no_addresses Span {color:var(--text-light); margin:0 0 4px 0; font-size:15px;}
.pickups.form_place .for_buts.sticky_active {position:sticky; bottom:0; padding:32px 16px 16px 16px; margin:-32px 0 -16px -16px; width:calc(100% + 32px); overflow:hidden;}
.pickups.form_place .for_buts.has_shadow::before {content:''; position:absolute; bottom:0; left:0; width:100%; height:calc(100% - 16px); background:var(--white); transition:.3s;
box-shadow:0 0 14px rgba(0,0,0,.2);}
/* --- Recipients - User Account Settings --- */
.recipients.addresses .one_address {margin:0 0 32px 0;}
.recipients.addresses.no_edit .one_address {margin:0 0 16px 0;}
.recipients.form_place.no_edit .for_edit {flex-wrap:wrap;}
.recipients.form_place.no_edit .for_edit Span {margin:0 16px 0 0;}
.recipients.addresses .long_div.short.del {width:auto;}
.recipients.addresses .long_div.short.del.if_main {display:none;}
.recipients.addresses .long_div.short .nt_del {right:auto; left:0;}
/* --- Additional user Access - User Account Settings --- */
.additional_users.form_place.no_edit .long_div.phone {margin:0 16px 16px 0;}
.additional_users.form_place.no_edit .for_buts {flex-direction:row;}
.additional_users.form_place .for_buts Button.delete {margin:0; padding:0 8px;}
.add_user_access.cr_but_row {margin:0 0 16px 0;}
/* Page 404 */
.page_404 {display:flex; flex-direction:column; margin-bottom:64px;}
.text_404 {display:flex; flex-direction:column; margin:0 0 32px 0;}
.text_404_num {font-size:80px; line-height:1.2; color:var(--error);}
.text_404_title {font-size:22px; line-height:1.2; color:var(--error); margin:0 0 16px 0;}
.links_404 {display:flex; flex-direction:column;}
.links_404_title {margin:0 0 64px 0; display:flex; flex-wrap:wrap; align-items:baseline;}
.links_404_title A.btn {margin:0 16px 8px 16px;}
.links_404_subtitle {margin:0 0 8px 0;}
UL.links_404_list {display:flex; flex-wrap:wrap;}
UL.links_404_list LI {margin:0 24px 8px 0; color:var(--link); max-width:max-content; transition:.3s;}
UL.links_404_list A {color:var(--link); text-decoration:underline; width:max-content; transition:.3s;}
/* --- Google Map --- */
.google_map {display:flex; flex-direction:column; margin-bottom:32px;}
.google_map Iframe, .google_map .map_area {width:100%; height:400px;}
/* --- Contact Us - Feedback --- */
.contact_us {display:flex; flex-direction:column; padding:32px 0 24px 0;}
.contact_us.background {position:relative;}
.contact_us.dark {background:var(--main-color);}
.contact_us.margin {margin:-46px 0 0 0; padding-top:64px;}
.contact_us .main_title {margin:0; z-index:1;}
.contact_us.dark .main_title {color:var(--text-inverse);}
.contact_us.dark .popup .main_title {color:var(--text);}
.contact_us .description {margin:0 0 16px 0; line-height:1.5; color:var(--text-light); width:54%; position:relative; z-index:1;}
.contact_us.dark .description {color:var(--icon-color-gray);}
.contact_us .tile_background {z-index:0;}
/* --- Template 1: Contacts + Background --- */
.rtl.contact_us.background .centre {display:flex; flex-direction:column; align-items:flex-end;}
.rtl.contact_us.background .title_wrap {justify-content:flex-end;}
.rtl.contact_us.background .popup .title_wrap {justify-content:flex-start;}
.rtl.contact_us.background .title_wrap .main_title, .rtl.background .description {text-align:right;}
.contact_box {display:flex; flex-direction:column; position:relative; z-index:1; width:100%;}
.two_mini_box {display:flex; flex-direction:column; margin:0 0 24px 0;}
.rtl.contact_us.background .two_mini_box, .rtl.contact_us.background .cb_tit, .rtl.contact_us.background .cb_info .long_div {justify-content:flex-end;}
.cb_mini_box {display:flex; flex-direction:column; margin:0 0 24px 0;}
.cb_mini_box:last-child {margin:0;}
.cb_tit {display:flex; align-items:center; margin:0 0 8px 0; font-size:13px; color:var(--text-light);}
.dark .cb_tit {color:var(--icon-color-gray);}
.cb_tit.big {font-size:16px;}
.cb_tit svg.icon {width:16px; height:16px; fill:var(--sub-color);}
.contact_box .cb_info {display:flex; flex-direction:column; padding:0 0 0 22px;}
.dark .contact_box .cb_info {color:var(--text-inverse);}
.rtl.contact_us.background .contact_box .cb_info {padding-right:0; text-align:right; justify-content:flex-end;}
.cb_info .long_div {margin:0 0 8px 0; flex-direction:row;}
.cb_info .long_div:last-child {margin:0;}
.cb_info A.for_phone {color:var(--text); text-decoration:none; transition:.3s;}
.dark .cb_info A.for_phone {color:var(--text-inverse);}
.cb_info A.for_phone:hover {color:var(--orange);}
.contact_box .cb_info.schedule {line-height:1.5;}
.soc_and_mes_box {display:flex; flex-direction:column; margin:8px 0 0 0;}
.contact_box .cb_info.for_socs {padding:0; margin:0 0 0 -8px; width:calc(100% + 8px); flex-direction:row; flex-wrap:wrap;}
.cb_info.for_socs A {width:48px; height:48px; border:1px solid var(--sub-color); border-radius:50%; margin:8px; display:flex; align-items:center; justify-content:center; position:relative;
transition:.3s;}
.cb_info.for_socs A:hover {border-color:var(--orange);}
.for_socs A svg.icon {fill:var(--sub-color);}
.for_socs A:hover svg.icon {fill:var(--orange);}
.background_sign {display:flex; flex-direction:column; position:absolute; bottom:24px; right:8px; width:max-content; z-index:1;}
.rtl.background .background_sign {right:auto; left:8px;}
.photo .background_sign {position:relative; bottom:unset; right:unset; width:100%; align-items:flex-end;}
.bs_box {display:flex; flex-direction:column; align-items:center;}
.first_label {margin:0 0 4px 0; font-weight:700;}
.second_label {font-size:13px;}
.dark .second_label, .dark .first_label {color:var(--text-inverse);}
/* --- Template 2: Contacts + Photo --- */
.contact_us.photo {padding:32px 0;}
.contact_us.photo .description {width:100%;}
.cb_poto {display:flex; flex-direction:column; margin:24px 0 0 0;}
.cb_photo_box {display:flex; flex-direction:column;}
.cb_photo_box Img {display:block; width:100%; height:auto; object-fit:contain;}
.contact_us.photo .background_sign {margin:8px 0 0 0;}
.photo .bs_box {align-items:flex-end;}
/* --- Template 3: Feedback + Background --- */
.for_feed.background {padding-bottom:130%;}
.rtl.for_feed.contact_us.background .centre {align-items:unset;}
.rtl.for_feed.contact_us.background .title_wrap {justify-content:flex-start;}
.for_feed.background .description {width:100%;}
.rtl.for_feed.contact_us.background .title_wrap .main_title, .rtl.for_feed.background .description {text-align:left;}
.for_feed .feed_box {display:flex; flex-direction:column; position:relative; z-index:1;}
.dark .reg_user_details .rud_name {color:var(--text-inverse);}
.dark .reg_user_details .rud_phone, .dark .reg_user_details .rud_email {color:var(--border-opacity);}
.for_feed.background .feed_box Input, .for_feed.background .feed_box Textarea {background-color:var(--white-opacity); color:var(--text); border-color:var(--border-opacity);}
.for_feed.background.dark .feed_box Input, .for_feed.background.dark .feed_box Textarea
{background-color:var(--white-opacity-lighter); color:var(--text-inverse); border-color:var(--border-opacity-lighter);}
.for_feed .for_send {justify-content:space-between; margin:0;}
.for_feed .politics_box {font-size:10px; padding:0 8px 0 0; max-width:220px;}
.dark.for_feed .politics_box {color:var(--text-light);}
.dark.for_feed .politics_box A.link {color:var(--link-hover);}
.dark.for_feed .politics_box A.link:hover {color:var(--orange);}
.for_feed.background .tile_background Img {object-position:bottom;}
.for_feed.background .background_sign {margin:0;}
/* --- Template 4: Contacts + Feedback --- */
.contact_us.for_feed .description {width:100%;}
.contact_us.for_feed .contact_box {margin:0 0 24px 0;}
.contact_us.for_feed .cb_poto {margin:0 0 16px 0;}
.contact_us.for_feed .cb_photo_box {margin:0 0 8px 0;}
.contact_us.for_feed .cb_poto .description {margin:0;}
.contact_us.for_feed.dark .feed_box Input, .contact_us.for_feed.dark .feed_box Textarea
{background-color:var(--white-opacity-lighter); color:var(--text-inverse); border-color:var(--border-opacity-lighter);}
.contact_us.for_feed.dark .long_div Label, .contact_us.for_feed.dark .politics_box {color:var(--border-opacity);}
/* --- Popup for Google Map: Contacts & Feedback --- */
.for_map_box {display:flex; width:100%; height:450px;}
.for_map_box Iframe {width:100%; height:100%;}
/* Stores on Google Map */
.stores {display:flex; flex-direction:column; margin-bottom:32px;}
.stores .title_wrap {padding:0 8px; margin:0 auto 16px auto; max-width:var(--content-width);}
.all_cities {display:flex; flex-direction:column; margin:0 0 16px 0; width:100%;}
.all_cities .centre {max-width:var(--content-width);}
.cities_btns {display:flex; flex-wrap:wrap; margin:0 0 8px 0;}
.cities_btns .btn {margin:0 8px 8px 0;}
.cities_btns .btn:last-child {margin:0 0 8px 0;}
.cities_btns .btn.active {background:var(--btn-bg); color:var(--text-inverse);}
.cities_search {display:flex;}
.cities_search Input {width:100%;}
.stores .together {display:flex; flex-direction:column; padding:0 8px;}
.map_main {display:flex; flex-direction:column; margin:0 0 32px 0; width:100%;}
.map_main_box {width:100%; height:400px;}
.all_stores {display:flex; flex-wrap:wrap; margin:-8px 0 0 -8px;}
.map_address {display:flex; flex-direction:column; background:var(--white); padding:16px; width:calc(100% - 8px); margin:8px 0 0 8px; transition:.3s;}
.stores .map_address .title_wrap {padding:0;}
.stores .map_address .address {margin:0 32px 0 0;}
.stores_title {display:flex; margin:0 0 6px 0; color:var(--main-color-light);}
.stores_row {margin:0 0 4px 16px; line-height:22px;}
.all_stores .one_phone {display:flex;}
.map_box {display:none;}
.active .map_box {display:flex; flex-direction:column; max-width:860px;}
.map_box .google_map {margin:0; width:100%; height:400px;}
/* --- Main FOOTER --- */
.main_footer {display:flex; background:var(--footer-bg); padding:16px 0;}
.nav_and_contacts {display:flex; flex-direction:column; margin:0 0 32px 0;}
.footer_nav {display:flex; flex-direction:column;}
.menu_element {background:var(--white); margin:0 0 8px 0; border-radius:var(--border-radius); position:relative;}
.footer_menu-titile {display:flex; align-items:center; padding:0 32px 0 16px; width:100%; height:38px; font-size:15px; position:relative;}
.main_footer .whap_hidden {display:none;}
.main_footer .whap_hidden.active {display:flex; flex-direction:column; padding:0 8px 2px 32px; width:100%; background:var(--white);
border-radius:0 0 var(--border-radius) var(--border-radius);}
.main_footer LI A, .footer_phones .one_phone A {margin:0 0 8px 0; display:inline-flex; color:var(--text-light); text-decoration:none; max-width:max-content;}
.footer_phones .one_phone {margin:0 0 8px 0; display:flex;}
.footer_phones .one_phone A {margin:0;}
.footer_phones .one_phone Span, .all_stores .one_phone Span {display:flex; align-items:center;}
.footer_phones .one_phone .icon, .all_stores .one_phone .icon {display:none;}
.one_phone.viber .icon.viber, .one_phone.telegram .icon.telegram, .one_phone.whatsapp .icon.whatsapp {display:flex; width:16px; height:16px; margin:0 0 0 8px;}
.one_phone .icon.viber {fill:var(--viber);}
.one_phone .icon.telegram {fill:var(--telegram);}
.one_phone .icon.whatsapp {fill:var(--whatsapp);}
.footer_contacts.menu_element {margin:0;}
.footer_phones, .messenger_wrap, .hours_work {display:flex; flex-direction:column; margin:0 0 8px 0;}
.foo_mini_tit {margin:0 0 6px 0;}
.messenger_wrap .row {display:flex; flex-wrap:wrap;}
.messenger_wrap A {text-decoration:none; margin:0 16px 8px 0; display:flex; align-items:center;}
.messenger_wrap A::before, .messenger_wrap A::after {display:none;}
.messenger_wrap A.viber {color:var(--viber);}
.messenger_wrap A.viber .icon {fill:var(--viber);}
.messenger_wrap A.telegram {color:var(--telegram);}
.messenger_wrap A.telegram .icon {fill:var(--telegram);}
.messenger_wrap A.whatsapp {color:var(--whatsapp);}
.messenger_wrap A.whatsapp .icon {fill:var(--whatsapp);}
.messenger_wrap A.messenger {color:var(--facebook);}
.messenger_wrap A.messenger .icon {fill:var(--facebook);}
.hw_text {line-height:1.6;}
.footer_social {display:flex; flex-direction:column;}
.for_foo_logo {display:flex; flex-direction:column; margin:0 0 16px 0; align-items:center;}
.foo_logo {margin:0 0 8px 0;}
.foo_logo Img {max-width:284px; height:auto;}
.footer_slogan {font-size:13px; color:var(--text-light);}
.address {font-size:13px; font-style:normal; color:var(--text-light); margin:8px 0 0 0;}
.socials_row {display:flex; margin:0 0 16px 0; justify-content:center;}
.socials_row A {display:flex; margin:0 8px;}
.socials_row A .icon {width:24px; height:24px; fill:var(--gray-light);}
.socials_row A.instagram {position:relative; width:24px; height:24px;}
.socials_row A.instagram .not_hover, .socials_row A .hover, .for_socs A.instagram .not_hover, .for_socs A .hover
{position:absolute; top:0; left:0; opacity:1; width:auto; height:auto; transition:.3s;}
.socials_row A.instagram .hover, .for_socs A.instagram .hover {opacity:0;}
.socials_row A.instagram:not_hover .hover, .for_socs A.instagram:not_hover .hover {opacity:0;}
.socials_row A.instagram svg {margin:-4px 0 0 -4px;}
.socials_row A.instagram.tiktok svg {margin:-2px 0 0 -2px;}
.socials_row A.instagram .not_hover svg, .for_socs A.instagram .not_hover svg {fill:var(--gray-light);}
.foo_copyrights {display:flex; justify-content:space-between; align-items:center;}
.sufix_copyrights A {text-decoration:none; color:var(--text-light); transition:.3s;}
/* --- Page UP - button --- */
.page_up {display:block; width:40px; height:40px; position:fixed; bottom:136px; right:8px; background:var(--main-color); border-radius:var(--border-radius); opacity:0; transition:.3s; z-index:9;
pointer-events:none; cursor:pointer;}
.page_up.active {opacity:1; pointer-events:auto;}
.page_up:hover {background:var(--main-color-light);}
.page_up::before {content:''; margin:4px 0 0 0; width:13px; height:13px; position:absolute; top:50%; left:50%; border-top:2px solid var(--white); border-right:2px solid var(--white);
transform:translate(-50%, -50%) rotate(-45deg);}
/* --- COOKIES terms Popup --- */
.cookies {background:var(--white); padding:16px; border-radius:var(--border-radius); position:fixed; left:50%; transform:translateX(-50%); width:calc(100% - 32px); max-width:max-content;
display:flex; flex-direction:column; box-shadow:0 6px 16px rgba(0,0,0,.3); z-index:99; animation:jump 1s ease-in 1s both;}
.cook_box {display:flex; flex-direction:column; margin:0 0 16px 0;}
.cook_text {margin:0 0 16px 0; color:var(--text-light);}
.cook_text A {color:var(--link); transition:.3s;}
.cookies .btn {width:100%; height:max-content;}
.reject_but {display:flex; justify-content:center;}
.reject_cookies {border:none; width:max-content; cursor:pointer; background:none; padding:0; color:var(--main-color-lighter); transition:.3s;}
@keyframes jump {
0% {bottom:-200px;}
100% {bottom:16px;}
}