/* Reset CSS ------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* / Reset CSS ------------------------------------------------ */

/* Общие ------------------------------------------------------------------------------------------------------------------------------ */

/* Мерцание в карусели Slick в Y-браузере ---------------------------------------------------- */
/* 
.slick-slide { visibility: visible; display: block; }
*/
/* / Мерцание в карусели Slick в Y-браузере ---------------------------------------------------- */


/* ----------------- Убрать тёмный фон для всех элементов на странице (при клике в моб версии) */
/*
* {-webkit-tap-highlight-color: transparent;  }
*/

/*outline: none;*/
/* / ----------------- Убрать тёмный фон для всех элементов на странице (при клике в моб версии) */



/* Скрытие с сохранением места (чтобы контент не прыгал для для битых иконок) --------------------- */
img[src=""] { visibility: hidden; } 
/* / Скрытие с сохранением места (чтобы контент не прыгал для для битых иконок) --------------------- */ 
 

/* Белый фон вместо пустоты картинки ----------------------------------- */         
img { 
    background: #FFFFFF; /* #f0f0f0 */    
    color: transparent;     /* Скрывает иконку «битого файла» */
    content-visibility: auto; /* не отрисовывать содержимое элемента, пока оно не станет видимым */
}
/* / Белый фон вместо пустоты картинки ----------------------------------- */


/* Скрыть все картинки и показывайте их только после загрузки 1-я и 2-х (2-я часть в js) */
/*
img:not(.loaded) {
    opacity: 0;
}
img.loaded {
    opacity: 1;
    transition: opacity 0.3s;
}
*/
/* / Скрыть все картинки и показывайте их только после загрузки 1-я и 2-х (2-я часть в js)  */



input, textarea {outline:none;}

body, input {
    background-color: #FFFFFF; color: #140f0b; 
    font-family: 'OpenSansRegular', Verdana; font-weight: 400; letter-spacing: 0.01em; font-size: 15px;
    /*
    font-family: "Raleway", sans-serif; font-weight: 300; letter-spacing: 0.03em; font-size: 16px; font-feature-settings: "tnum" on, "lnum" on; font-feature-settings: lnum; font-variant-numeric: lining-nums;
    */
}

strong, .myb {font-weight: 700;}

.myupp, .myupp a {text-transform: uppercase;}

.myc {clear:both; display: block;}
.blc {display: block;}
.bln {display: none;}
.fl {float: left;}
.fr {float: right;}
.myr, .top_m .myr a, .butt_cat_bl .myr a {color: #9F2A32;}
.top_m .myr a:hover, .butt_cat_bl .myr a:hover {color: #9F2A32;}
a {outline: none; text-decoration: none; color: #140f0b;}
a:hover {text-decoration: none; color: #140f0b; transition: all 500ms ease;}

p a, .b_article ul li a, .g_brand a, .tabs-wrapper p a {color: #9A8873; text-decoration: none;}
p a:hover, .b_article ul li a:hover, .g_brand a:hover, .tabs-wrapper p a:hover {text-decoration: none; color: #766756;} /* светлее #9A8873    темнее #766756 */


table {width: 100%; margin-bottom: 27px; border-collapse: collapse; /* Объединяет границы ячеек */}
table, th, td {border: 1px solid #E3E3E3;}
th, td {padding: 10px; text-align: left;}
.tabs-wrapper th, .tabs-wrapper td {width: 50%;}

.tabs-wrapper ul, .tooltip-container ul {list-style-type: disc;}
.tabs-wrapper ol, .tooltip-container ol {list-style-type: decimal;}
.tabs-wrapper ul, .tabs-wrapper ol,   .tooltip-container ul, .tooltip-container ol {margin: 0 0 0 19px; padding: 0 0 10px 0;}
.tabs-wrapper ol, .tooltip-container ol {margin: 0 0 0 24px;}
.tabs-wrapper li, .tooltip-container li {padding: 0 0 5px 13px;}
.tabs-wrapper em, .tooltip-container em {font-style: italic;}


.myg {color: #858995;}

.my_norwp {white-space: nowrap;}

h1, h2, h3, h4, h5, h6, .text_cap {
/* margin: 0 0 20px 0; padding: 0; */  
font-style: normal;
text-transform: none;                 
font-size: 24px; padding: 0; margin: 25px 0 20px 0;
}

h2, h3, h4, h5, h6, .text_cap {font-size: 18px; margin: 20px 0 14px 0;}

h1 {margin-top: 15px; line-height: 34px;}

p, .b_article ul, .b_article ol {padding: 0 0 20px 0; line-height: 25px;}
.b_article p {clear: both;}
.b_article p img {max-width: 100%; text-align: center;}

/* Text ---*/
    .b_article p strong {font-weight: bold;}
    .b_article ul {list-style-type: disc;}
    .b_article ol {list-style-type: decimal;}
    .b_article ul, .b_article ol {margin: 0 0 0 21px; padding: 0 0 10px 0;}
    .b_article ol {margin: 0 0 0 21px;}
    .b_article li {padding: 0 0 5px 13px;}
    .b_article p em {font-style: italic;}




/* Ширина сайта --- */
    .main {margin:0 auto; width: 1540px; max-width: 1540px; min-width: 296px;}
    .main_cont {width: 100%;}
    
        
        @media all and (max-width: 1560px) {
            .main {width: 95%;} 
        }
        
/* / Ширина сайта --- */

/* / Общие -------------------------------------------------------------------------------------------------------------------------- */
 

/* Header --------------------------------------------------------------------------------------------------------------------------- */    
    /* Связаться с нами ------------------------------ */              
        /* Позвонить по телефонам */
            .connect_us_phone {padding: 27px; border: 1px solid #E3E3E3; background-color: #FFFFFF; margin: 27px 0 0 0;}
        
            .connect_us_phone_num {margin: 17px 0 0 0;}                                                    
            .connect_us_phone_num a {font-size: 15px; color: #140f0b;}
            .connect_us_phone_num a:hover {color: #9A8873;}
    
            .connect_us_phone_num div a {font-size: 13px; color: #858995;}
            .connect_us_phone_num div a:hover {color: #9A8873;}                  
        /* / Позвонить по телефонам */
    
        /* Написать в мессенджер */
            .connect_us_mess {display: flex; flex-grow: 1; padding: 27px; border: 1px solid #E3E3E3; background-color: #FFFFFF; 
                margin: 27px 0 27px 0; box-sizing: border-box; width: 100%; align-items: center; justify-content: center; 
            }
        
            .connect_us_mess div {width: 100%; display: block;}        
        /* / Написать в мессенджер */    
   
        .connect_us_cont .butt_more {width: 100%; float: none;}
        
        .connect_us_form {display: none;}         
    /* / Связаться с нами ------------------------------ */  
    
    
    .sticky-element {
        position: -webkit-sticky; /* Для старых Safari */
        position: sticky; top: 0; width: 100%; z-index: 1000; 
    }
    
    
    
    /* top_line ----------------------------------------------------------------------------------------- */
        .top_line {height: 38px; background-color: #EEEEEE;}
        
        /* Адрес --- */
            .salon-link, .dialog-link {        
                float: left; display: flex; /*width: 149px;*/ height: 38px; align-items: center; justify-content: space-between; text-decoration: none;
                font-size: 13px; line-height: 0.8em; color: #140f0b;
            }

            .salon-link:hover, .dialog-link:hover {color: #9A8873;}
            .salon-link:hover .salon-check::after, .dialog-link:hover .dialog-check::after {content: url(i_down_on.png);}
    
            .salon-link .icon-salon::before, .dialog-link .icon-dialog::before {content: url(i_address.png); margin-right: 10px;}

            .salon-link .salon-name, .dialog-link .dialog-name {flex-grow: 1;} /* Занимает всё доступное пространство */

            .salon-link .salon-check::after, .dialog-link .dialog-check::after {content: url(i_down.png); margin-left: 6px;}
        
        /* Связаться --- */            
            .dialog-link {/*width: 127px;*/ margin-left: 27px;}            
            .dialog-link .icon-dialog::before {content: none; margin-right: 0;}
        
        .top_time {float: left; display: flex; height: 38px; align-items: center; margin-left: 27px; font-size: 13px; color: #9A8873;}            
         
        .top_line_menu {float: right; margin-top: 7px;}
        .top_line_menu a {font-size: 13px; line-height: 0.8em; color: #140f0b; margin-left: 27px;} 
        .top_line_menu a:hover {color: #9A8873;}           
    /* / top_line ----------------------------------------------------------------------------------------- */
    
    
    /* top_h ---------------------------------------------------------------------------------------------- */    
        .top_h {height: 80px; background: #ffffff;}

        .logo {float: left; display: block; width: 93px; height: 60px; margin-top: 10px; background-image: url(logo.jpg); background-position: left top; background-repeat: no-repeat;} /* width: 71px; height: 46px; */
    
        .top_shop, .top_shop_on, .top_wish, .top_wish_on, .top_search, .top_phone {display: block; text-align: center;  width: 25px; height: 21px; float: right; margin: 29px 0 0 17px; padding: 0 0 0 0; background-image: url(i_shop.png); background-position: left top; background-repeat: no-repeat; }
        .top_shop:hover, .top_shop_on:hover, .top_wish:hover, .top_wish_on:hover, .top_search:hover, .top_phone:hover {text-decoration:none;}
        .top_shop span, .top_shop_on span, .top_wish span, .top_wish_on span {height: 25px; display: flex; justify-content: center; align-items: center; font-size: 10px; text-align: center; color: #E6E6E6; /*display: block; width: 25px; height: 21px; padding-top: 0; margin-top: 0;*/}
        .top_wish_on span {padding-left: 2px; height: 23px;}
    
    
        .top_shop_on {background-image: url(i_shop_on.png);}
    
        .top_wish, .top_wish_on {width: 22px; margin-left: 17px;}
        .top_wish {background-image: url(i_wish.png);}
        .top_wish_on {background-image: url(i_wish_on.png);}
    
        .top_phone {background-image: url(i_phone.png); width: 20px;}
    
        .top_phone_num {float: left; margin: 18px 0 0 27px;}                                                    
        .top_phone_num a {font-size: 15px; color: #140f0b; /* font-family: "OpenSansRegular"; letter-spacing: 0.01em;*/} /*, font-family: sans-serif;*/
        .top_phone_num a:hover {color: #9A8873;}
    
        .top_phone_num div a {/* font-family: "Raleway", sans-serif; letter-spacing: 0.03em; */ font-size: 13px; color: #858995;}
        .top_phone_num div a:hover {color: #9A8873;}              
    
        .top_phone_p {margin-left: 53px;} 
    
        /* Поиск товаров */
        .top_search {display: none; float: left; width: 18px; height: 18px; background-image: url(i_search.png); padding: 0 0 0 0; margin: 31px 0 0 27px;}
    
        .search-input-bg {
            float: left;
            margin: 17px 26px 0 27px;  /* 42 */
            width: 280px;
            padding: 12px 40px 12px 12px;
            font-size: 15px;
            border: 1px solid #E3E3E3;        
            box-sizing: border-box;
            background-image: url(i_search.png); /* Путь к иконке */
            background-repeat: no-repeat;
            background-position: right 17px center; /* Позиционирование справа */
            background-size: 18px 18px; /* Размер иконки */
        }    
    /* / top_h ---------------------------------------------------------------------------------------------- */
    
    
    /* top_m ---------------------------------------------------------------------------------------------- */ 
        .top_m {height: 31px; margin-top:-2px; padding: 3px 0 3px 0; background-color: #ffffff; }              
        .line_shadow {box-shadow: 0 6px 6px -3px rgba(227, 227, 227, 0.6);}
    
        .top_m a {font-size: 15px; margin-right: 27px;}
        .top_m a:hover {color: #9A8873; text-decoration:none;}
    /* / top_m ---------------------------------------------------------------------------------------------- */
    
    
    /* Каталог ---------------------------------------------------------------------------------------------- */
        
        /* Кнопка ------------------------------------------------------- */
            .butt_cat, .butt_cat_close {             
                margin: 17px 0 0 53px; /* 27px */
                float: left; display: block; width: 80px; height: 33px; padding: 11px 0 0 51px; border: 1px solid #9A8873; background-color: #9A8873; color: #ffffff;   
                font-size: 16px; cursor: pointer;
                background-image: url(i_cat.png); background-position: 19px 15px; background-repeat: no-repeat;
                text-decoration: none;               
            }    
            .butt_cat:hover, .butt_cat_close:hover {
                background-image: url(i_cat_on.png); border: 1px solid #140f0b; background-color: #FFFFFF; transition: all 500ms ease; text-decoration: none;
            }
    
            .butt_cat_close {background-image: url(i_cat_close.png); text-decoration: none;}
            .butt_cat_close:hover {background-image: url(i_cat_close_on.png);}
            
            /* resp */
                .butt_cat_m2 {display: none; float: left; width: 25px; height: 25px; margin: 18px 27px 0 0; }
                .butt_cat_r, .butt_cat_r_close {text-decoration:none; background-image: url(i_cat_r.png); background-position: left top; background-repeat: no-repeat;}
                .butt_cat_r_close {background-image: url(i_cat_r_close.png);}
                .butt_cat_m2:hover {text-decoration: none;}
            
        /* / Кнопка ------------------------------------------------------- */
    
        /* Блок каталога ------------------------------------------------------- */
            .butt_cat_bl { /*display: block;*/ display: none; background-color: #FFFFFF/*#F0F0F0*/; z-index:10001; position: absolute; width: 100%; top: 100%; left: 0; padding: 0 0 0 0;}
                /* mobi */
                @media screen and (max-width: 880px) {                            
                    .butt_cat_bl {
                        max-height: calc(100vh - 100%); /* Высота = весь экран минус высота шапки */
                        overflow-y: auto;               /* Включаем вертикальный скролл */
                        -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
                    }
                }
        
            .sub_num1 .cat_col1 a {float: left; display: block; width: 160px; height: 148px; text-align: center; font-size: 15px; text-decoration: none; background-color: #FFFFFF; margin: 20px 40px 20px 0;}            
            .sub_num1 .cat_col1 a:hover, .sub_num1 .cat_col2 a:hover {color: #9F2A32;}
            
            .sub_num1 .cat_col1 a img {display: block; width: 160px; height: 100px;}

            .butt_cat_col {/*float: left; width: 20%;*/ float: none; width: 100%;}
            
            .cat_col1 {float: left; width: 1000px; /*background-color: red;*/ border-right: 2px solid #9A8873; margin-bottom: 20px;}
            .cat_col2 {float: left; margin-left: 40px;}
            .cat_col2 span {display: block;}
      
            
            /* resp */
                .butt_cat_cap {padding-top: 16px;}
                .butt_cat_cap, .butt_cat_sub div {padding-bottom: 8px;}
    
                .butt_cat_col_bott {display: none;}
    
                .parent1, .parent2, .parent3, .parent4, .parent5, .parent6, .parent7, .parent8, .parent9, .parent10 {display: none;}

            /* --- */
        
                @media screen and (max-width: 1295px) { 
                    /*.cat_col1 {float: none; background-color: red;}*/
                    .cat_col1 {border-right: none; margin-bottom: 0; /*border-bottom: 1px solid #E3E3E3; margin-bottom: 20px;*/}
                    .cat_col2 {width: 1000px; margin-left: 0;}
                    
                    .cat_col2 div {float: left; width: 160px; margin: 20px 40px 20px 0; border-top: 2px solid #9A8873; }
                }
        
                @media screen and (max-width: 1100px) { 
                    .cat_col1, .cat_col2 {width: 100%;}
                    
                    /* уменьшить оступы между картинками */
                    .sub_num1 .cat_col1 a {margin: 15px 30px 15px 0;}                    
                    .cat_col2 div {margin: 15px 30px 15px 0;}
                }
        
                /* mobi */
                @media screen and (max-width: 880px) {                            
                /* Поменять стили в каталоге */
                    .butt_cat_col {float: none; width: 100%;}
                    .butt_cat_col_bott {display: block;}
                
                    .butt_cat_sub {display: none;}
                
                    .butt_cat_bl {padding: 0 0 27px 0;}
                    
                    .butt_cat_cap, .butt_cat_sub div {padding: 0;}
                
                    /*.butt_cat_bl a:hover {color: #252525; text-decoration: none;}*/
                
                    .butt_cat_cap a, .butt_cat_sub div a {display: block; padding: 20px 0 21px 0; border-bottom: 1px solid #D1D1D1;}
                
                    /* не менять для комнат */
                    .cat_col2 .butt_cat_cap a {display: block; padding: 16px 0 8px 0; border-bottom: none;}
                
                    .butt_cat_sub div a {padding-left: 34px;}
                
                    .parent1, .parent2, .parent3, .parent4, .parent5, .parent6, .parent7, .parent8, .parent9, .parent10 {display: block;}
                    
                    .butt_cat_arr1 {background-image: url("downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%;} 
                    .butt_cat_arr2 {background-image: url("upArrow.png"); background-repeat: no-repeat; background-position: 95% 50%;}    
                
                }
    
                @media screen and (max-width: 595px) { 
                    /* уменьшить оступы между картинками */
                    .sub_num1 .cat_col1 a {margin: 5px 10px 5px 0;}                    
                    .cat_col2 div {margin: 5px 10px 5px 0;}
                }
    
        /* / Блок каталога ------------------------------------------------------- */
    
    
    /* / Каталог ---------------------------------------------------------------------------------------------- */
       
    
    /* --- */
    
    
        @media screen and (max-width: 1280px) { 
            .top_phone_p {margin-left: 27px;}
        }
        
        /* Уменьшить отступы меню */
        @media screen and (max-width: 1240px) {                    
            .butt_cat, .butt_cat_close {margin-left: 27px;}
            .search-input-bg {margin-right: 0;}                                    
        }
        
        
        @media screen and (max-width: 1190px) {  
            .search-input-bg {display: none;}
            .top_search {display: block; float: right; margin-left: 0;}                        
        }
        
        /* скрыть время работы */
        @media screen and (max-width: 1000px) {.top_time {display: none;} }
        
        /* mobi */
        @media screen and (max-width: 880px) {            
            .butt_cat, .butt_cat_close, .top_phone_num, .top_m, .line_shadow {display: none;}
            .top_h {box-shadow: 0 6px 6px -3px rgba(227, 227, 227, 0.6);}
            /* .line_shadow */
            
            .logo {float: none;width: 71px; height: 53px; margin-top: 0; background-image: url(logo_m.jpg); background-position: left 9px;}            
            .top_h {height: 62px;}
            .logo {float: none; margin-left: auto; margin-right: auto;}
            .butt_cat_m2 {display: block; margin-right: 0;}
            .top_search {float: left;}
            
            .top_shop, .top_shop_on, .top_wish, .top_wish_on, .top_phone {margin-top: 20px; margin-left: 20px;}
            .top_search {margin-top: 22px; margin-left: 22px;}
            
            /* top_line_menu */
                .top_line_menu, .top_phone {display: none;}
            
                .dialog-link {float: right; margin-left: 0; text-align: right;}
                .dialog-link .icon-dialog::before {content: url(i_dialog.png); padding-right: 10px;}
            
                .salon-link:hover .salon-check::after, .dialog-link:hover .dialog-check::after {content: none;}    
                .salon-link .salon-check::after, .dialog-link .dialog-check::after {content: none;}
                
        }
/* / Header ---------------------------------------------------------------------------------------------------------------------------------- */


/* path --------------------------------------------------------------------- */    
    .path {color: #858995; margin: 21px 0 -2px 0; line-height: 1.5em; font-size: 13px;}
    .path a {color: #858995; text-decoration: none; font-size: 13px;}
    .path a:hover {color: #9A8873; text-decoration: none;}
    
    /* --- */
    
        /* mobi */
        @media screen and (max-width: 880px) {
    
            /* в одну строку */
                .path {overflow-x: scroll; white-space: nowrap;
                    /* Скрыть */
                    scrollbar-width: none; /* Firefox */
                    -ms-overflow-style: none; /* Edge, IE */
                }  
  
                /* Скрыть для Chrome, Safari, Opera */                    
                .path::-webkit-scrollbar {display: none;}
                
                
            /* Применяем маску: основной контент (black) плавно переходит в прозрачный (transparent) */
                .path {-webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
                       mask-image: linear-gradient(to right, black 80%, transparent 100%);}    
                
        }
/* / path --------------------------------------------------------------------- */


/* Смотреть все ------------------------------------------------------------- */
    .link-arrow {display: inline-flex; align-items: center; text-decoration: none; font-size: 15px; color: #858995; gap: 5px; margin-left: 0; white-space: nowrap;}
    .link-arrow:hover {color: #9A8873; text-decoration:none;}

    .arrow_m {margin: 3px 0 0 0; display: inline-block; width: 5px; height: 5px; border-top: 1px solid #606060; border-right: 1px solid #606060; transform: rotate(45deg);}    
/* / Смотреть все ------------------------------------------------------------- */


/* Goods list --------------------------------------------------------------- */    
    .container_gl {
        display: flex;
        flex-wrap: wrap; /* Разрешаем перенос строк */
        gap: 33px; 
        margin: 27px 0 24px 0;
    }
    
    .gl {
        height: 454px;        
        width: 360px;               
        margin: 0 0 20px 0;         
        float: left;
        text-align: left;
        font-size: 15px;         
    }
    .gl a {color: #252525; font-size: 15px;  }
    .gl a:hover {color: #252525; text-decoration:none;}
    
    .gl .iml {padding: 0 0 0 0; text-align: center;}
    .gl .iml img {/*width: 360px;*/ height: 270px; max-width: 100%; max-height: 270px;}
    
    .gl_in {margin-top: 18px; padding: 0 5px 0 5px;}
    
    /* price */
    .gl_in_price {float: right; }
    .price, .price_old {font-size: 15px; line-height: 19px;}
    .price {font-weight: bold;}
    .price_old {color: #858995; font-size: 13px; margin-right: 5px;}
    
    /* firm */
    .gl_in_firm a { font-size: 15px; line-height: 19px; color: #858995; } 
    .gl_in_firm a:hover {color: #9A8873; text-decoration:none;}
    
    /* good name */
    .gl_in_name {height: 50px; line-height: 25px; margin-top: 12px;}    
    .gl_in_name a {font-size: 15px;}
    .gl_in_name a:hover {color: #9A8873; text-decoration:none;}
    
    /* new */
    .gd_new, .gl_new a {float: right; display: flex; justify-content: center; align-items: center; height: 26px; padding-left: 10px; padding-right: 10px; margin: 0 10px 0 0; border-radius: 13px; background-color: #F4F4F4; font-size: 13px; text-decoration:none; text-transform: none; white-space: nowrap;}
    .gl_new a:hover {font-size: 13px; text-decoration:none; text-transform: uppercase;}
    .gd_new span {text-transform: none; margin-right: 5px;}
    
    
    /* status icon */         
    .gd_in_stock, .gl_in_stock a, .gl_in_stock_p a, .gd_exclusive, .gd_made, .gd_code, .gd_to_order, .gd_to_date a, .gl_to_order a, .g_cont2 .gl_sale, .gl_sale a, .gl_action, .glist_action a, .gl_get_size a, .gl_get_obivk a, .gl_salon1 a, .gl_salon2 a {float: left; display: flex; justify-content: center; align-items: center; height: 26px; padding-left: 10px; padding-right: 10px; margin: 10px 10px 0 0; border-radius: 13px; background-color: #F4F4F4; font-size: 13px; text-decoration:none; text-align: center;}
    .gl_in_stock a:hover, .gl_in_stock_p a:hover, .gd_to_date a:hover, .gl_to_order a:hover, .gl_sale a:hover, .gl_action:hover, .glist_action a:hover, .gl_get_obivk a:hover, .gl_get_size a:hover, .g_cont2 .gl_salon1 a:hover, .g_cont2 .gl_salon2 a:hover, .gl_salon1 a:hover, .gl_salon2 a:hover {font-size: 13px; text-decoration:none; color: #9A8873;}
 
    .tabs-wrapper p .gd_to_date a {float: none; display: inline; margin-right: 0; margin-left: 10px; padding-top: 3px; padding-bottom: 4px;}
    
    .gl_in_stock a, .gl_in_stock_p a, .gl_in_stock a:hover, .gl_in_stock_p a:hover, .gl_salon1 a, .gl_salon1 a:hover, .gl_salon2 a, .gl_salon2 a:hover {color: #046D1C;}
    
    /* вариант 2 */
    /*
    .gd_in_stock, .gl_in_stock a, .gl_in_stock_p a,  .gl_in_stock a:hover, .gl_in_stock_p a:hover {background-color: #046D1C; color: #FFFFFF; opacity: 0.5;}
    .gl_in_stock_p a {margin-right: 0;}
    */
    
    /* вариант 3 */
    .gd_in_stock, .gl_in_stock a, .gl_in_stock_p a,  .gl_in_stock a:hover, .gl_in_stock_p a:hover {background-color: #E6F0E8; color: #140f0b; /* background-color: #CDE2D2; color: #140f0b; opacity: 0.2; */}
    .gl_in_stock_p a {margin-right: 0;}
    .gl_salon1 a:hover, .gl_salon2 a:hover, .gl_in_stock a:hover, .gl_in_stock_p a:hover {color: #9A8873;}
    
    .gd_to_date a, .tabs-wrapper p .gd_to_date a {background-color: #9A8873; color: #FFFFFF; text-decoration:none;}
    .gd_to_date a:hover, .tabs-wrapper p .gd_to_date a:hover {background-color: #766756; color: #FFFFFF; text-decoration:none;}
    
    .g_cont2 .gl_sale, .gl_sale a, .glist_action a, .gl_action {float: right; display: flex; justify-content: center; align-items: center; height: 26px; padding: 0 10px 0 10px; margin: -3px 10px 0 0; color: #FFFFFF; background-color: #9F2A32; opacity: 0.5;}
    .gl_sale a:hover, .glist_action a:hover, .gl_action:hover {color: #FFFFFF;}
    
    .glist_action a, .gl_action {background-color: #F3E9DB; color: #140f0b; opacity: 1; /* background-color: #C0914B; opacity: 0.4; */}
    .glist_action a:hover, .gl_action:hover {background-color: #F3E9DB; color: #9A8873; opacity: 1; }
    
    /* shop/wish icon --- */
        .gl_shop, .gl_shop_on, .gl_wish, .gl_wish_on, .gd_wish, .gd_wish_on {display: block; width: 35px; height: 35px; float: right; margin: 5px 0 0 9px; padding: 0 0 0 0; background-image: url(gl_shop.png); background-position: left top; background-repeat: no-repeat; }    
        .gl_shop a, .gl_shop_on a, .gl_wish a, .gl_wish_on a {display: block; width: 35px; height: 35px; text-decoration:none;}
        .gl_shop a:hover, .gl_shop_on a:hover, gl_wish a:hover, gl_wish_on a:hover {text-decoration:none;}
        .gl_shop a:hover {background-image: url('gl_shop_h.png'); transition: all 500ms ease;}
    
        .gl_shop_on {background-image: url(gl_shop_on.png);}
        .gl_shop_on a:hover {background-image: url('gl_shop_on_h.png'); transition: all 500ms ease;}
    
        .gl_wish, .gl_wish_on {background-image: url(gl_wish.png); margin: -4px 0 0 0;}
        .gl_wish a:hover {background-image: url('gl_wish_h.png'); transition: all 500ms ease;}

    .gl_wish_on {background-image: url(gl_wish_on.png);}
    .gl_wish_on a:hover {background-image: url('gl_wish_on_h.png'); transition: all 500ms ease;}
    /* / shop/wish icon --- */

    .gl_size {font-size: 13px; color: #858995; height: 26px; margin-top: 14px;}
    .gl_size_t, .gl_size_t2 {float: left; height: 22px; display: inline-block; padding: 4px 17px 0 0;}
    .gl_size_t2 {padding: 4px 0 0 0; white-space: nowrap; width: 100%; max-width: 125px; overflow: hidden;}
    .gl_size_t span, .gl_size_t2 span {padding-left: 5px;}                                                                          
    .gl_size_sofa1, .gl_size_sofa2, .gl_size_sofa3, .gl_size_sofa4, .gl_size_sofa4_l, .gl_size_fabric, .gl_size_leather {float: left; display: inline-block; margin: 0 5px 0 0; background-color: #ffffff;}
    .gl_size_sofa1 {width: 18px; height: 26px;}
    .gl_size_sofa2 {width: 26px; height: 26px;}
    .gl_size_sofa3 {width: 36px; height: 26px;}
    .gl_size_sofa4, .gl_size_sofa4_l {width: 32px; height: 26px;}
    .gl_size_fabric {width: 16px; height: 26px;}
    .gl_size_leather {width: 13px; height: 26px;}

    .gl_get_size a, .gl_get_obivk a { width: 102px; height: 22px; padding: 4px 0 0 0; margin: 0 5px 0 0;}
    .gl_get_obivk a {width: 106px;}

        /* 3-ва товара */
        @media all and (max-width: 1560px) {
            .container_gl, .main_cont {width: 1146px; clear: both; margin: 0 auto;} .container_gl {gap: 33px; margin-top: 27px; margin-bottom: 53px;}
            .container_gl {margin-bottom: 24px;}
        }
        
        @media screen and (max-width: 1210px) {                    
            .container_gl, .main_cont {width: 1114px;} .container_gl {gap: 17px;}                                   
        }
        
        /* 2-ва товара */
        @media all and (max-width: 1190px) {                    
            .container_gl, .main_cont {width: 753px;} .container_gl {gap: 33px;}                
        }
        
        /* mobi */
        @media screen and (max-width: 880px) {  
            .container_gl, .main_cont {width: 737px;} .container_gl {gap: 17px;}
        }
         
        
        /* Одна колонка - 360 */
        @media all and (max-width: 790px) { 
        /* 1 товар */            
           .main_cont {width: 100%;} 
           .container_gl {width: 360px;} .container_gl {gap: 0;}              
        }
        
        
        /* Одна колонка - 330 */
        @media all and (max-width: 380px) { 
        /* Разрешение 360 */
            .gl {width: 330px;}
            .gl .iml img {/*width: 330px;*/ height: 248px; }
            .container_gl {width: 330px; margin-bottom: 0;}
            
            .gl_in {padding: 0;}            
                    
            .glist_action a, .gl_action {padding-left: 5px; padding-right: 5px;}
                        
        }
    
/* / Goods list --------------------------------------------------------------- */




/* Buttons ------------------------------------------------------------------ */

    /* Видео */
    /*flex-grow: 1;*/ 
    /*box-sizing: border-box;*/
    /*font-size: 16px; letter-spacing: 0.03em;*/
    .butt_video {float: left; display: flex; margin-bottom: 27px; padding: 0 10px 0 10px; border: 1px solid #140f0b; color: #140f0b;
        width: 210px; height: 39px;  justify-content: center; align-items: center; font-size: 15px;  cursor: pointer; white-space: nowrap; 
    }        
    .butt_video::before {content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 10px; background-image: url('i_video.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
    
    .my_profit .butt_video {margin-left: 27px;} 
    
    .my_brand2 .butt_video, .cont_address .butt_video {float: none; margin-top: 27px; width: auto;  } 
    .butt_cont_address {padding-top: 3px; display: flex; flex-direction: column; justify-content: center; align-items: center; } 

    .salon_photo_gallery {display: none;}

    /* Фильтры */
    .show_all a, .butt_more {
        width: 230px; display: flex; align-items: center; margin-bottom: 27px; height: 39px; border: 1px solid #140f0b; /*#9A8873*/ 
        color: #140f0b; font-size: 15px; cursor: pointer; justify-content: center;          
    }    
    .butt_more {float: left;}
    #results-content .butt_more, #results-mobile .butt_more {float: none; margin: 0 auto;}
    #results-content .butt_more {margin-top: 10px; margin-bottom: 10px;}
    
    .butt_filter, .butt_sort, .butt_show_more {float: left; display: flex; align-items: center; height: 39px; border: 1px solid #E3E3E3; /*#140f0b;*/ padding: 0 17px 0 44px; margin: 0; color: #140f0b; font-size: 15px; cursor: pointer;  background-image: url(i_filter.jpg); background-position: 17px 12px; background-repeat: no-repeat; }
    .butt_sort, .butt_show_more {float: right; background-position: 14px 12px; background-image: url(i_sort.jpg); padding: 0 17px 0 38px; }
    .butt_show_more {float: none; border: 1px solid #140f0b; margin: 0 auto 20px auto; width: 120px; padding: 0 0 0 38px; background-image: url(i_show_more.png);}
    
    .butt_filter {width: 93; padding: 0 17px 0 44px; max-width: 93px;} /* 154 */
    
    .butt_filter:hover, .butt_sort:hover, .butt_show_more:hover, .butt_more:hover, .butt_video:hover, .sort-button:hover, .show_all a:hover {color: #9A8873; transition: all 500ms ease;}
    

    #butt_filter_num {display: flex; flex: 0 0 17px; justify-content: center; align-items: center; margin: 0 11px 0 9px; height: 17px; border-radius: 8.5px; font-size: 10px; background-color: #9A8873; color: #FFFFFF;}


       

    /*
    h1, .my_brand2 h2, .my_brand2 .text_cap {float: left; }
    .num_goods {
        float: left;
        margin: 19px 0 0 5px;
        color: #6F6F6F; font-size: 13px; 
    }
    .my_brand2 .num_goods {margin: 20px 0 0 5px;}
    */
    .header-wrapper {display: flex; align-items: flex-start; /* выравнивает по верхнему краю */ margin: 15px 0 19px 0;}
    .header-wrapper h1 {margin: 0 5px 0 0;}
    .num_goods {white-space: nowrap; color: #6F6F6F; font-size: 13px; margin-top: 4px;}
    
    
                              
    .num_goods_photo {display: inline; vertical-align: 5px; color: #6F6F6F; font-size: 13px; }
    
    /* Подгруппы ---*/        
        .link-sub-class a {float: left; display: flex; justify-content: center; align-items: center; height: 28px; padding-left: 10px; padding-right: 10px; margin: 0 10px 0 0; background-color: #EBEBEB; border-radius: 13px; font-size: 13px; text-decoration: none; }
        .link-sub-class a:hover {font-size: 13px; text-decoration:none; color: #9A8873;}

        .link-sub-class span a {background-color: #9F2A32; opacity: 0.5; color: #FFFFFF;}
        .link-sub-class span a:hover {background-color: #9F2A32; opacity: 0.5; color: #FFFFFF;}
    
    
    /* Видео ---------------------------- */
        .modal {
            display: none; /* Скрыто по умолчанию */
            position: fixed;
            z-index: 10000;
            left: 0; top: 0;
            width: 100%; height: 100%;
            background-color: rgba(0,0,0,0.8); /* Полупрозрачный фон */
        }

        .modal-content, .modal-content-salon {
            position: relative;
            margin: 10% auto; /* 10% */
            width: 80%; max-width: 800px;
        }
        
        .modal-content-salon {margin: 4% auto; max-width: 350px;}

        .close {
            position: absolute;
            top: -30px; right: 0;
            color: white; font-size: 30px; cursor: pointer;
        }
    /* / Видео ---------------------------- */
    
    
    /* --- */
        
        @media all and (max-width: 570px) {           
            .butt_video {float: none;}
            .my_profit .butt_video {margin-left: 0;}                
            .butt_cont {display: flex; flex-direction: column; justify-content: center; align-items: center; }
            
            .modal-content-salon {margin: 10% auto;}            
        }
         
/* / Buttons ------------------------------------------------------------------ */



/* Карусели ----------------------------------- */
     
     /* Подразделы ---------------------------- */         
         .link-sub-class {margin: 0 0 27px 0; height: 28px; overflow: hidden;}
                                                            
         .link-sub-class .slick-prev:before {content: none;}
         .link-sub-class .slick-next:before {content: none;}
     
     /* sss Карточка товара - Большое фото ---------------------------- */
         .g-class, .g-class-live, .g-class-int, .g-class-video {height: 578px; overflow: hidden; margin-bottom: 0 !important;}         
         .g-class img, .g-class-live img, .g-class-int img, .g-class-video img {height: 578px; margin: 0 10px 0 0; max-width: 100%; max-height: 578px;}
         
         .gd_cap {margin: 0; padding: 0; font-size: 18px; margin: 47px 0 6px 0;}
         
         .g-sm-in-stock-class {margin-bottom: -7px;}
         .g-sm-in-stock-class .gd_cap {margin-top: 21px;}
         
         
         .gd_cap span {color: #858995; float: right;}
         
         .g-sm-int-class .g-class-i, .g-sm-live-class .g-class-l {height: 270px; margin-bottom: 16px; overflow: hidden;}
         .g-sm-int-class .g-class-i, .g-sm-live-class .g-class-l {margin-top: 22px;}
         .g-sm-int-class .g-class-i img, .g-sm-live-class .g-class-l img {height: 270px; margin: 0 10px 0 0;}

         .gd_cap_int {font-size: 18px; margin: 47px 0 0 0;}
         .gd_cap_int span {color: #858995; font-size: 15px; float: right; margin-top: 3px;}         
             /* Заголовок Live - в две строки */
             @media all and (max-width: 510px) {             
                 .gd_cap_int span {display: block; float: none; width: 100%; margin: 7px 0 1px 0;}                                               
             }
         
         .g-sm-in-stock-class .g-class, .g-sm-live-class .g-class-l {height: 159px;} /*120+26+13*/
         .g-sm-in-stock-class .g-class a, .g-sm-live-class .g-class-l a {/*background-color: green;*/ height: 146px; margin-top: 6px; margin-bottom: 16px; overflow: hidden; display: block; text-decoration: none;}
         .g-sm-in-stock-class .g-class a img, .g-sm-live-class .g-class-l a img {height: 120px; float: none;}
         
         /* Рамка внутри img */         
         .g-sm-in-stock-class a span img {outline: 4px solid #9A8873; /* gold  light green2 #CCF1D4;  light green E6F0E8; light red #CE9498;  grey #F4F4F4; catalog #9A8873; */ /*light green #E6F0E8;*/ /*green #046D1C;*/ /*red #9F2A32;*/  outline-offset: -4px;}  /* border: 2px solid #046D1C; */
         
         .g-sm-live-class .g-class-l a {height: 146px; margin-top: 0;}
         .g-sm-live-class .g-class-l {height: 309px;} /*270+26+13*/
         .g-sm-live-class .g-class-l a {height: 296px;} /*270+26*/
         .g-sm-live-class .g-class-l a img {height: 270px;} /*270+26*/
         
         .gd_size {font-size: 13px; color: #858995; margin-top: 5px; height: 23px; padding-top: 3px; display: flex; align-items: center;}
         
         .block-mod-in-stock {min-width: 160px;}
         .block-mod-in-stock .gd_size, .gl .gl_size {white-space: nowrap; width: 100%; max-width: 160px; overflow: hidden; }
         .gl .gl_size {max-width: 350px;}
                 /* Применяем маску: основной контент (black) плавно переходит в прозрачный (transparent) */
                .gd_size_mask, .gl_size_mask {-webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
                       mask-image: linear-gradient(to right, black 80%, transparent 100%);}    
            
         
                  
         .gd_fabric::before, .gd_leather::before, .gd_size_all::before, .gd_sofa1::before, .gd_sofa2::before, .gd_sofa3::before, .gd_sofa4::before, .gd_sofa4_l::before,
         .gd_fabric_in_stock::before, .gd_leather_in_stock::before, .gd_sofa1_in_stock::before, .gd_sofa2_in_stock::before, .gd_sofa3_in_stock::before, .gd_sofa4_in_stock::before, .gd_sofa4_l_in_stock::before
          {             
             content: ""; display: inline-block; transform: translateY(-2px); 
             width: 16px; height: 26px; margin-right: 5px;                           
             background-image: url(fabric.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle; /*vertical-align: middle;*/ /*background-position: left top;*/             
         }
         .gd_fabric::before, .gd_leather::before,
         .gd_fabric_in_stock::before, .gd_leather_in_stock::before {margin-left: 10px; }
         .gd_leather::before {width: 13px; margin-right: 4px; background-image: url(leather.png);}
         
         .gd_size_all::before {width: 18px; background-image: url(size_all.png);}
         
         .gd_sofa1::before {width: 18px; background-image: url(sofa1.png);}
         .gd_sofa2::before {width: 26px; background-image: url(sofa2.png);}
         .gd_sofa3::before {width: 36px; background-image: url(sofa3.png);}
         .gd_sofa4::before {width: 32px; background-image: url(sofa4.png);}
         .gd_sofa4_l::before {width: 32px; background-image: url(sofa4_l.png);}
                                                 
         .gd_fabric_in_stock, .gd_leather_in_stock {color: #9A8873;}
         .gd_fabric_in_stock::before {width: 16px; background-image: url(fabric_in_stock.png);}
         .gd_leather_in_stock::before {width: 16px; background-image: url(leather_in_stock.png);}
         .gd_sofa1_in_stock::before {width: 18px; background-image: url(sofa1_in_stock.png);}
         .gd_sofa2_in_stock::before {width: 26px; background-image: url(sofa2_in_stock.png);}
         .gd_sofa3_in_stock::before {width: 36px; background-image: url(sofa3_in_stock.png);}
         .gd_sofa4_in_stock::before {width: 32px; background-image: url(sofa4_in_stock.png);}
         .gd_sofa4_l_in_stock::before {width: 32px; background-image: url(sofa4_l_in_stock.png);}
                                   
     /* / Карточка товара - Большое фото ---------------------------- */
     
     
     /* Товары ---------------------------- */
         .gl-class {height: 454px; overflow: hidden; margin-bottom: 24px;}
         .gl-class .gl {margin: 0 27px 0 0; /*width: 360px;*/ }
         .gl-class .gl .gl_in {width: 350px; padding: 0 5px 0 5px; /*overflow: hidden;*/}
     /* / Товары ---------------------------- */
     
     
     /* Предметы / Категории --------------------- 
        .cat-class-prod .cat-class 
        .cat-class
     */
         
         /* Новости / Блог */
             .cat-class-news {height: 394px; overflow: hidden;}
             .cat-class-news .cat-class-b img {width: 360px; height: 270px;}
             .cat-class-b-news {width: 360px; max-width: 360px; margin-right: 27px;}
             
             .cat-class-news-date {height: 35px; padding-top: 18px;}
             .cat-class-news-date a {text-decoration: none; font-size: 13px; color: #858995;}
             .cat-class-news-date a:hover {color: #9A8873; text-decoration:none;}
             
             .cat-class-news-name {height: 50px; padding-bottom: 21px; line-height: 25px;}
             .cat-class-news-name a {text-decoration: none; font-size: 15px;}
             .cat-class-news-name a:hover {color: #9A8873; text-decoration:none;}

         /* Бренды */
             .cat-class-brand {height: 120px; overflow: hidden; margin-bottom: 27px;}         
             .cat-class-brand .cat-class-b img {width: 160px; height: 120px;}
         
         
         /* Предметы */
             .cat-class-prod .cat-class {height: 233px; overflow: hidden;}         
             .cat-class-prod .cat-class .cat-class-b img {width: 255px; height: 191px;}
         
             .cat-class-prod .cat-class {margin-bottom: 49px;}
             .cat-class-prod .cat-class .cat-class-b span {display: block; width: 255px; text-align: center;}
         
         /* Категории */
             .cat-class {height: 360px; overflow: hidden;}
             .cat-class .cat-class-b img {width: 255px; height: 318px;}
         
         /* Общие */
             .cat-class-b {margin-right: 27px;}
             .cat-class-b img {margin-bottom: 23px;} 
             .cat-class-b a {font-size: 15px; text-decoration: none;}
             .cat-class-b a:hover {color: #9A8873; text-decoration:none;}
             
     /* / Предметы / Категории --------------------- */ 
     
     
     /* Слайдер ---------------------------- */
         .slide-class, .slide-class a {font-family: "Raleway", sans-serif; font-weight: 300; letter-spacing: 0.03em; font-size: 16px; font-feature-settings: "tnum" on, "lnum" on; font-feature-settings: lnum; font-variant-numeric: lining-nums;}
         
         .slide-class {height: 580px; overflow: hidden; margin-bottom: 30px;}         
         .slide-class-block {overflow: hidden;}
         .slide-class-block, .slide-class-block a {height: 580px;}
         .slide-class-block a {display: block; width: 100%; max-width: 100%;}
         .slide-class-block {background-size: cover; background-position: center; background-repeat: no-repeat;}
     
         .slide-class-block-mrg {width: 730px; margin: 156px 0 0 168px;}
         
         .slide-class-block-bg {padding: 35px 0 41px 45px; background-color: rgba(0, 0, 0, 0.3);} 
         .slide-class-block-bg:hover {background-color: rgba(0, 0, 0, 0.4); transition: all 500ms ease;}
         
         .slide-class-block-text1 {font-size: 48px; color: #FFFFFF; margin-bottom: 17px;}
     
         .slide-class-block-text2 {font-size: 20px; color: #FFFFFF;}
     
         .slide-class-block-button1 {font-size: 20px; color: #FFFFFF; text-align: center; width: 133px; height: 35px; padding: 11px 0 0 0; margin: 46px 0 0 0; background-color: #9A8873;}
         .slide-class-block-button1:hover {background-color: #86735C; transition: all 500ms ease;}
     /* / Слайдер ---------------------------- */
     
        
     /* Arrows ---------------------------- */         
         /* Стрелки
            Карточка товара: .g-class
            Новости/Блог: .cat-class-news 
            Бренды: .cat-class-brand
            Предметы: .cat-class-prod .cat-class 
            Категории: .cat-class
            Товары: .gl-class
         */
         
         .slick-prev, .slick-next {background: transparent; border: none; outline: none;}
         
         .slick-prev {left: 20px; z-index:100;}
         .slick-next {right: 42px;}
         
         .gl-class .slick-next {right: 42px;}
         
         .slick-prev:before {content: url('cat-class-prev.png');}
         .slick-next:before {content: url('cat-class-next.png');}
         
         /* Карточка товара */             
             .g-class .slick-prev, .g-class .slick-next, 
             .g-class-live .slick-prev, .g-class-live .slick-next,
             .g-class-int .slick-prev, .g-class-int .slick-next, 
             .g-class-video .slick-prev, .g-class-video .slick-next {top: 278px;}
             
             .g-class .slick-next, 
             .g-class-live .slick-next, 
             .g-class-int .slick-next,
             .g-class-video .slick-next {right: 42px;}
             
             /* Одинаковый отступ стрелочек */
             .g-class .slick-prev, .g-class-live .slick-prev, .g-class-int .slick-prev, .g-class-video .slick-prev, .g-class-i .slick-prev, .g-class-l .slick-prev {left: 10px;}
             .g-class .slick-next, .g-class-live .slick-next, .g-class-int .slick-next, .g-class-video .slick-next, .g-class-i .slick-next, .g-class-l .slick-next {right: 32px;}
             
             .g-sm-in-stock-class .g-class .slick-prev, .g-sm-in-stock-class .g-class .slick-next {top: 55px;}
             
             .g-sm-int-class .g-class-i .slick-prev, .g-sm-int-class .g-class-i .slick-next {top: 124px;}                                                           
             
             .g-sm-live-class .g-class-l .slick-prev, .g-sm-live-class .g-class-l .slick-next {top: 124px;}
             
                                       
         /* / Карточка товара */
         
         .g-class-i .slick-prev:before, .g-class-l .slick-prev:before, .gl-class .slick-prev:before, .cat-class-prod .cat-class .slick-prev:before, .cat-class-news .slick-prev:before, .cat-class-brand .slick-prev:before, .cat-class .slick-prev:before, .g-class .slick-prev:before, .g-class-live .slick-prev:before, .g-class-int .slick-prev:before, .g-class-video .slick-prev:before {content: url('cat-class-prev1.png');}
         .g-class-i .slick-next:before, .g-class-l .slick-next:before, .gl-class .slick-next:before, .cat-class-prod .cat-class .slick-next:before, .cat-class-news .slick-next:before, .cat-class-brand .slick-next:before, .cat-class .slick-next:before, .g-class .slick-next:before, .g-class-live .slick-next:before, .g-class-int .slick-next:before, .g-class-video .slick-next:before {content: url('cat-class-next1.png');}
         
         .cat-class-brand-ex .cat-class-brand .slick-prev:before {content: none;}
         .cat-class-brand-ex .cat-class-brand .slick-next:before {content: none;}
         
         
         .cat-class-news .slick-prev, .cat-class-news .slick-next {top: 125px;}
         .cat-class-brand .slick-prev, .cat-class-brand .slick-next {top: 49px;}
         .cat-class-prod .cat-class .slick-prev, .cat-class-prod .cat-class .slick-next {top: 85px;}        
         .cat-class .slick-prev, .cat-class .slick-next {top: 160px;}
         
         .gl-class .slick-prev, .gl-class .slick-next {top: 125px;}          
    /* / Arrows ---------------------------- */
    

    /* Dots ------------------------------------ */
  
        /* Слайдер */
            /* точки выше */
                .slide-class .slick-dots {bottom: 20px;
                
                /*background: rgba(255, 255, 255, 0.3);*/ /* Черный фон с 30% прозрачностью */
                padding: 0;
                
                }

                
                /* Фон точки ------------------------------------------ */
                    .slide-class .slick-dots li button {
                        /* Цвет фона точки */
                        /*background-color: #fff !important; 
                        opacity: 0.5;
                        */
                        /* border-radius: 50%; */ /* Сделать точки круглыми */
                    
                        /*width: 10px; height: 10px;*/ /* Размер фона */
                    }

                    /* Стиль для активной точки */
                    .slide-class .slick-dots li.slick-active button {
                        /*
                        background-color: #ffffff !important; 
                        border: 1px solid #ffffff;
                        */                        
                    }

                    /* Стиль для точек при наведении */
                    /* Чуть серый при наведении */
                    .slide-class .slick-dots li button:hover {
                        /*
                        background-color: #e0e0e0 !important;
                        */ 
                    }
                /* /  Фон точки ------------------------------------------ */
               
               
                /* Размер и цвет точек ------------------------------- */
                    .slide-class .slick-dots li button:before {
                        font-size: 6px;
                        color: #EEEEEE !important;
                        opacity: 0.5;           
                    }
                    
                    .slide-class .slick-dots li.slick-active button:before {                        
                        color: #ffffff !important; 
                        opacity: 0.7;                                 
                    }
                /* / Размер и цвет точек ------------------------------- */    
                    
    /* / Dots ------------------------------------ */


    /* Картинки в списке ----------------------- */
        .iml, .iml_s {height: 270px; overflow: hidden; margin-bottom: 0 !important;}
     
        .iml_s .slick-prev:before {content: none;}
        .iml_s .slick-next:before {content: none;}

        /* Dots ---------------------- */  
           .iml_s .slick-dots {display: flex !important; align-items: center; justify-content: center; height: 16px; width: auto !important;
               background: rgba(255, 255, 255, 0.5); border-radius: 13px;
               padding: 0 5px; bottom: 9px; left: 50%;
               transform: translateX(-50%);
           }

           .iml_s .slick-dots li {margin: 0 -2px; height: 20px; width: 20px; display: flex; align-items: center; justify-content: center;}
        
           .iml_s .slick-dots li button {padding: 0; height: 20px; width: 20px;}                    
        /* / Dots ---------------------- */      
    
        /* --- */
        
            @media all and (max-width: 380px) { 
            /* Разрешение 360 */
                .iml, .iml_s {height: 248px;}                                 
            }
    /* / Картинки в списке ----------------------- */ 
    


    
    /* --- */

        
        @media screen and (max-width: 1190px) {  
            .slide-class-block-mrg {margin-left: auto; margin-right: auto;}                                         
        }
        
        
        /* mobi */
        @media screen and (max-width: 880px) {            
            .slide-class-block-bg {padding: 20px 0 26px 30px;}
            
            .slide-class {height: 380px;}
            .slide-class-block, .slide-class-block a {height: 380px;}
            .slide-class-block-mrg {width: 550px; margin-top: 71px;}
            .slide-class-block-button1 {font-size: 15px; margin-top: 53px; width: 133px; height: 28px; padding: 10px 0 0 0;}

            .slide-class-block-text1 {font-size: 30px; color: #FFFFFF; margin-bottom: 17px;}
     
            .slide-class-block-text2 {font-size: 15px; color: #FFFFFF;}
        } 
        
        @media screen and (max-width: 595px) {            
            .slide-class-block-bg {padding: 5px 0 11px 11px;}
            
            .slide-class-block, .slide-class-block a {height: 380px;}
            .slide-class-block-mrg {width: 300px; margin-top: 62px;}
            .slide-class-block-button1 {margin-top: 57px;}

            .slide-class-block-text1 {font-size: 20px; color: #FFFFFF; margin-bottom: 17px;}
     
            .slide-class-block-text2 {font-size: 15px; color: #FFFFFF;}
        } 
        
        @media all and (max-width: 380px) { 
        /* Разрешение 360 */
            .gl-class .gl .gl_in {width: 330px; padding: 0;}
            .gl-class {height: 437px;}                             
        }
/* / Карусели ----------------------------------- */


/* Карточка товаров --------------------------------------------------------------- */     
    .g_cont {margin:0 auto; width: 100%; max-width: 1280px; display: flex; margin-top: 24px;} 
    .g_cont1 {width: 770px; /*flex-shrink: 0;*/ /*flex-grow: 0;*/}
    .g_cont2 {width: 457px; margin-left: 53px; flex-shrink: 0; flex-grow: 0;}
    
    /* вкл sticky */
    .g_cont1 {
        /* background-color: red; */
        
        /* position: -webkit-sticky;*/ /* Для старых Safari */
        position: sticky; top: 0;
    
        /* запретить растягиваться по высоте */
        align-self: flex-start; align-items: flex-start;     
    }
    
    .g_cont_good {margin:0 auto; max-width: 1280px;}
    
    
    
     /* Заголовок ------------------------------ */        
        .gd_header {padding: 15px 0 0 0;}
        .gd_header h1 {float: none; display: inline; margin: 0; /*line-height: 28px;*/}
    
        .gd_wish, .gd_wish_on {float: right; background-image: url('gd_wish.png'); cursor: pointer; margin: -1px 0 0 0;}
        .gd_wish:hover, .gd_wish_on:hover {background-image: url('gd_wish_h.png'); transition: all 500ms ease;}
        
        .gd_wish_on {background-image: url('gd_wish_on.png');}
        .gd_wish_on:hover {background-image: url('gd_wish_on_h.png');}
    
        .gd_new {float: right; margin: 4px 10px 0 5px;}
    /* / Заголовок ------------------------------ */
    
    /* Бренд ------------------------------ */
        .g_brand {display: flex; justify-content: space-between; margin: -8px 0 20px 0;}
    /* / Бренд ------------------------------ */
    
    
    /* Tooltip ------------------------------ */ 
        .tooltip-container {position: relative;}

        .tooltip-text, .tooltip-text-a, .tooltip-text-p {visibility: hidden; opacity: 0; transition: opacity 0.3s; /* Плавное появление */
            width: 350px; background-color: #F4F4F4; color: #140f0b; /* background-color: #9A8873; color: #fff; */ 
            bottom: 125%; /* Подсказка над элементом */ 
            left: 50%; margin-left: -182px; /* Центрирование */
            font-size: 13px; line-height: 17px; text-align: left; border-radius: 6px; padding: 10px 10px 14px 14px; position: absolute;
            z-index: 1; line-height: 22px;
        }
        .tooltip-text-a {background-color: #F3E9DB; color: #140f0b; margin-left: -163px; width: 200px;}
        .tooltip-text-p {width: 340px; margin-left: -182px;}
        
        /* Класс, добавляемый через JS */
        .tooltip-container.show .tooltip-text, .tooltip-container.show .tooltip-text-a, .tooltip-container.show .tooltip-text-p {visibility: visible; opacity: 1;}
        
        .info-icon-w, .info-icon-b, .info-icon-p {color: #FFFFFF; display: inline-block; text-align: center; font-family: serif; font-style: italic;
            width: 10px; height: 18px; font-size: 16px; line-height: 18px;
            margin-left: 5px; cursor: pointer; /*background-color: #ccc;*/ /*border-radius: 50%;*/
        }
        .info-icon-b {color: #766756;}
        .info-icon-p {/*color: #140f0b;*/ position: relative; top: -2px; background-color: #9A8873; width: 18px; height: 18px; border-radius: 50%; }
        
        /* кнопка */
        .tooltip-container .gd_to_date a {float: none; margin: 0 auto; max-width: 50%;}
        .tooltip-container .gd_to_date {padding-top: 8px;}
        
        /* ссылки */
        .tooltip-text-a a, .tooltip-text a {color: #140f0b; float: none; display: inline; height: auto; padding: 0; margin: 0; border: none; background: none; background-color: none; text-align: left;}
        .tooltip-text-a a:hover, .tooltip-text a:hover {text-decoration: none; color: #766756;}
    
         .close-btn {cursor: pointer; float: right; margin: -10px -3px 3px 0; font-size: 22px;}
         
         /* --- */
         
             @media all and (max-width: 510px) { 
                 .tooltip-text, .tooltip-text-p {margin: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 220px;}
                 
                 /* кнопка */                 
                 .tooltip-container .tooltip-text-p .gd_to_date a {max-width: 80%;}
             }
    /* / Tooltip ------------------------------ */
    
    /* Адреса салонов ------------------------------ */ 
        .conf_address_name {background: #F4F4F4; margin: 0 0 25px 0; padding: 11px 17px 12px 16px; font-size: 18px;}
    
        .conf_address {
            display: flex; align-items: center;
            background-image: url(s_address.png); background-repeat: no-repeat; background-position: left top; background-size: 18px 26px;
            font-size: 15px; margin: 0 0 20px 25px; padding-left: 39px;            
        }
        .conf_phone {background-image: url(s_phone.png); background-size: 18px 17px;}
        .conf_time {background-image: url(s_time.png); background-size: 18px 17px;}
        .conf_mail {background-image: url(s_mail.png); background-size: 18px 17px;}
        .conf_parking {background-image: url(s_parking.png); background-size: 18px 19px;}
        
        .conf_address span {white-space: nowrap;}
        
        .conf_address a {color: #140f0b;}
        .conf_address a:hover {color: #9A8873; text-decoration: none;}
 
        .g_cont1 .text_cap, .g_cont2 .text_cap {padding-bottom: 22px;}
        .cont_address .g_cont1 .text_cap, .cont_address .g_cont2 .text_cap {padding-bottom: 0; margin-bottom: 22px;}
        
        .cont_address .g_cont1 {padding-bottom: 27px;}
        .cont_address .g_cont2 {padding-bottom: 7px;}
        
    /* / Адреса салонов ------------------------------ */    
         
    
    
    /* Скрытый текст ----------------------------------- */
        #more-text {display: none;}
        
        /* Применяем маску: основной контент (black) плавно переходит в прозрачный (transparent) */
                .m-text-mask {-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
                       mask-image: linear-gradient(to bottom, black 50%, transparent 100%);}                        
    /* / Скрытый текст ----------------------------------- */
    
        
    /* Наличие / Код ------------------------------ */    
        /* + см выше */
        .gd_exclusive, .gd_made, .gd_code {float: right; font-size: 13px; margin: 0 0 0 0; }
        .gd_exclusive, .gd_made {margin: -3px 0 0 10px; }

        .gd_made {background: linear-gradient(to right,
            rgba(230, 240, 232, 0.6) 0%, rgba(230, 240, 232, 0.6) 33.33%, /* green #E6F0E8;    original green rgba(0, 140, 69, 0.7) */
            rgba(244, 244, 244, 0.5) 33.33%, rgba(244, 244, 244, 0.5) 66.66%, /* grey #F4F4F4;    original white rgba(255, 255, 255, 0.7) */
            rgba(159, 42, 50, 0.1) 66.66%, rgba(159, 42, 50, 0.1) 100% /* red #9F2A32; opacity: 0.5;    original red rgba(205, 33, 42, 0.7) */
         );}
  
        .gd_exclusive {background-color: #9A8873; color: #FFFFFF; cursor: pointer;}
        .gd_exclusive:hover {background-color: #766756; color: #FFFFFF;}
    
        .g_cont2 .gl_salon1 a, .g_cont2 .gl_salon2 a, .gd_to_order, .gd_in_stock, .gd_to_date a, .g_cont2 .gl_to_order a, .g_cont2 .gl_in_stock_p a {margin: 0 10px 0 0;}              
    /* / Наличие / Код ------------------------------ */
        
    /* Цена / Акция ------------------------------ */    
        .g_cont2 .gl_action, .g_cont2 .gl_sale {float: right; paddin: 0; margin: 20px 0 0 10px;}    
        .g_cont2 .gl_action {cursor: pointer;}
        
       
        /* price */
        .g_cont2 .gl_in_price {float: left; margin: 23px 0 0 0;}
        .g_cont2 .price, .g_cont2 .price_old {font-size: 18px; line-height: 19px;}
        .g_cont2 .price {font-weight: bold;}
        .g_cont2 .price_old {color: #9A8873; font-size: 15px; margin-left: 10px;}    
    /* / Цена / Акция ------------------------------ */
     
    /* Кнопки - В корзину / Заказать в 1 клик / Рассчитать стоимость ------------------------------ */              
        .gd_butt_cont {display: flex; width: 100%; gap: 27px; margin-top: 21px;  /*background-color: red;*/ /*padding-bottom: 27px; border-bottom: 1px solid #E3E3E3;*/}

        .butt_shop, .butt_1_click {display: flex; flex-grow: 1; padding: 0 10px 0 10px; border: 1px solid #140f0b; background-color: #140f0b; color: #FFFFFF;
            cursor: pointer; font-size: 16px; box-sizing: border-box; width: 50%; height: 49px; align-items: center; justify-content: center; white-space: nowrap; 
        }

         /*
        .butt_shop::before {content: ""; display: inline-block; width: 19px; height: 16px; margin-right: 10px; background-image: url('i_shop_gd.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
        .butt_shop {border: 1px solid #140f0b; background-color: #140f0b; color: #FFFFFF;}
        .butt_shop:hover {border: 1px solid #443B33; background-color: #443B33; color: #FFFFFF; transition: all 500ms ease;}
         */
         
        .butt_shop {border: 1px solid #9A8873; background-color: #9A8873; color: #FFFFFF;}
        .butt_shop:hover {border: 1px solid #766756; background-color: #766756; color: #FFFFFF; transition: all 500ms ease;}
        
         
        .butt_1_click {background-color: #FFFFFF; color: #140f0b;}
        .butt_1_click:hover {border: 1px solid #9A8873; color: #433F3C; transition: all 500ms ease;}
        
        
        .butt_calc {display: flex; flex-grow: 1; margin-top: 27px; padding: 0 10px 0 10px; border: 1px solid #140f0b; background-color: #140f0b; color: #FFFFFF;
            justify-content: center; align-items: center; font-size: 16px; /*font-size: 16px; letter-spacing: 0.03em;*/ cursor: pointer;  box-sizing: border-box; width: 100%; height: 49px; white-space: nowrap; 
        }
        .butt_calc:hover {border: 1px solid #443B33; background-color: #443B33; transition: all 500ms ease;}
        .butt_calc::before {content: ""; display: inline-block; width: 17px; height: 18px; margin-right: 10px; background-image: url('i_calc.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}

         
    /* / Кнопки - В корзину / Заказать в 1 клик / Рассчитать стоимость ------------------------------ */ 
 
 
    /* Кнопки - Помошь с подбором ------------------------------ */              
        .gd_butt_cont_help {display: flex; width: 100%; gap: 27px; margin-top: 21px;}

        .butt_help {display: flex; flex-grow: 1; padding: 0 10px 0 10px; border: 1px solid #140f0b; background-color: #140f0b; color: #FFFFFF;
            cursor: pointer; box-sizing: border-box; width: 50%; height: 49px; align-items: center; justify-content: center; white-space: nowrap; 
        }
        .butt_help {border: 1px solid #9A8873; background-color: #9A8873; color: #FFFFFF;}
        .butt_help:hover {border: 1px solid #766756; background-color: #766756; color: #FFFFFF; transition: all 500ms ease;}
        
        
        .butt_mess_help {display: flex; flex-grow: 1; padding: 0 10px 0 10px; border: 1px solid #E3E3E3; background-color: #FFFFFF; color: #858995;
            font-size: 13px; box-sizing: border-box; width: 50%; height: 49px; align-items: center; justify-content: center; 
        }
   
        .butt_mess_help div {/*white-space: nowrap; */}
         
    /* / Кнопки - Помошь с подбором ------------------------------ */  
    
    
    /* Конфигурация ------------------------------ */ 

       .gd_hr {/*border-top: 1px solid #E3E3E3; margin-top: 27px;*/ margin-top: 47px;} /* линия */
       
       .g_cont2 .text_cap {margin-top: 21px; margin-bottom: 0;}
       
       .g_cont2 .g-sm-in-stock-class .text_cap {margin-bottom: 6px;} /* Варианты модели */
       
       .g_cont2 .text_cap span, .gd_conf_name span {font-size: 13px; color: #858995; white-space: nowrap;}
       
       
        /* Контейнер верхний ------------------ */
            .conf_top {           
                display: flex; align-items: center; justify-content: space-between; cursor: pointer; overflow: hidden;
                margin: 12px 0 0 0; padding: 11px 17px 10px 16px; /* height: 67px; */
                border: 1px solid #E3E3E3; /* border: none; background: #F4F4F4; */
            }
            .conf_top:hover {border: 1px solid #9A8873; text-decoration: none;}
            .conf_top_in_stock {border: 1px solid #9A8873;}
            
            /* Заголовок */            
            .gd_conf_name {font-size: 18px; padding-bottom: 2px;}
    
            /* Текст */                
            .gd_conf_size_first {margin-top: -2px; /*margin-top: -21px;*/}
            .gd_conf_size, .gd_conf_size_in_stock {margin-top: 12px; font-size: 15px;}
            .gd_conf_size_in_stock span {font-size: 13px; color: #9A8873; white-space: nowrap;}
            .gd_conf_size_in_stock {margin: 0 0 0 11px; /*margin-top: 7px;*/}
            .gd_conf_size_num {white-space: nowrap; padding-right: 10px;}
            .gd_conf_size_num span {color: #858995; /*padding-left: 5px;*/}
            .gd_conf_size span:first-child {padding-left: 0;}
       
            /* Стрелки */
            .gd_conf_arr1, .gd_conf_arr2 {width: 16px; height: 9px; background-image: url('conf_upArrow.png');  background-size: contain; background-repeat: no-repeat; background-position: right center;
            transition: 0.3s; /* Добавит плавность смены */
            }
            .gd_conf_arr1.active {background-image: url('conf_downArrow.png');}
            
            .gd_conf_arr2 {background-image: url('conf_downArrow.png');}
            .gd_conf_arr2.active {background-image: url('conf_upArrow.png');}
        /* / Контейнер верхний ------------------ */
    
    
        /* Контейнер нижний --------------------- */
            .conf_bott_text {
                display: flex; align-items: center; justify-content: space-between; overflow: hidden;
                margin: 0; padding: 11px 17px 0 16px; 
                border: 1px solid #FFFFFF; border-top: none; border-bottom: none;
            }
            
            .gd_conf_price_first {height: 26px; margin-top: -1px; /*margin-top: -21px;*/}
            .gd_conf_price {height: 26px; margin-top: 12px; font-size: 15px; /* color: #858995;*/}
            
        /* / Контейнер нижний --------------------- */
       
    
        /* Одинаковые отступы от иконок в столбце --------------------- */
            
            .conf_top .gd_size_all::before, .conf_bott .gd_size_all::before {margin-right: 28px;} /* как у gd_sofa1 */
            .conf_top .gd_sofa1::before, .conf_top .gd_sofa1_in_stock::before, .conf_bott .gd_sofa1::before {margin-right: 28px;}
            .conf_top .gd_sofa2::before, .conf_top .gd_sofa2_in_stock::before, .conf_bott .gd_sofa2::before {margin-right: 20px;}
            .conf_top .gd_sofa3::before, .conf_top .gd_sofa3_in_stock::before, .conf_bott .gd_sofa3::before {margin-right: 10px;}
            .conf_top .gd_sofa4::before, .conf_top .gd_sofa4_in_stock::before, .conf_bott .gd_sofa4::before {margin-right: 14px;}
            .conf_top .gd_sofa4_l::before, .conf_top .gd_sofa4_l_in_stock::before, .conf_bott .gd_sofa4_l::before {margin-right: 14px;}
            
            /* Для размеров в наличии */
            .conf_obivka_in_stock .gd_sofa1_in_stock {margin-right: 13px;}
            .conf_obivka_in_stock .gd_sofa2_in_stock {margin-right: 8px;}
            .conf_obivka_in_stock .gd_sofa3_in_stock {margin-right: -5px;}
            .conf_obivka_in_stock .gd_sofa4_in_stock {margin-right: -1px;}
            .conf_obivka_in_stock .gd_sofa4_l_in_stock {margin-right: -1px;}
            
        /* / Одинаковые отступы от иконок в столбце --------------------- */
        
        
        /* Техническая документация ------------------ */
            .conf_bott_map {display: flex; align-items: center; width: 100%; margin-top: 18px; height: 47px; border: 1px solid #E3E3E3; cursor: pointer;}
            .conf_bott_map:hover {border: 1px solid #9A8873; text-decoration: none;}
            /* .conf_bott_map:hover {border: 1px solid #9A8873; color: #433F3C; transition: all 500ms ease;} */
            
            .conf_bott_pic {width: 16px; height: 18px; margin-left: 23px; margin-right: 9px; /*width: 47px; height: 47px;*/ background-image: url(conf_map2.png); background-size: contain; background-position: center; background-repeat: no-repeat; flex-shrink: 0;}
            .conf_bott_name {flex-grow: 1; padding-left: 17px;}
            .conf_bott_name span {font-size: 13px; color: #858995; white-space: nowrap;}
            
            /*
            .conf_bott_calc {border: 1px solid #9A8873; background-color: #9A8873; color: #FFFFFF; justify-content: center;}
            .conf_bott_pic_calc {width: 31px; height: 17px; background-image: url(leather_conf.png); margin-left: 20px;}
            */            
        /* / Техническая документация ------------------ */
        
        /* Обивка / Образцы ткани / Кожи ------------------ */                        
            .conf_obivka a, .conf_obivka_in_stock {display: flex; align-items: center;  height: 47px; margin-top: 27px; /*width: 100%;*/ padding: 0 20px 0 16px; /* 22px */ border: 1px solid #E3E3E3;}            
            .conf_obivka_in_stock {border: 1px solid #9A8873;}
            .conf_obivka a {justify-content: space-between; cursor: pointer; text-decoration: none;}
            .conf_obivka a:hover {border: 1px solid #9A8873; text-decoration: none;}
        
            .conf_fabric_l_pic, .conf_leather_l_pic, .conf_fabric_l_pic_in_stock, .conf_leather_l_pic_in_stock {width: 31px; height: 17px; background-image: url(fabric_conf.png); background-size: contain; background-position: center; background-repeat: no-repeat; flex-shrink: 0;}
            .conf_leather_l_pic {background-image: url(leather_conf.png);}
            .conf_fabric_l_pic_in_stock {background-image: url(fabric_conf_in_stock.png);}
            .conf_leather_l_pic_in_stock {background-image: url(leather_conf_in_stock.png);}
            
            .conf_obivka_name {flex-grow: 1; padding-left: 17px; /* 23px */}            
            .conf_obivka_name span {font-size: 13px; color: #9A8873 /*#858995*/; white-space: nowrap;}
            
            .conf_obivka_r_pic {width: 9px; height: 16px; background-image: url(conf_rightArrow.png); background-size: contain; background-position: center; background-repeat: no-repeat; flex-shrink: 0;}                                
        /* / Обивка / Образцы ткани / Кожи ------------------ */
        
    /* /  Конфигурация ------------------------------ */
    
    /* Помошь с подбором ------------------------------ */
        .conf_podbor {
            background: #F4F4F4;
            margin: 22px 0 0 0; padding: 11px 17px 10px 16px;
        }
    
            
        /* Заголовок */            
        .conf_podbor_name {font-size: 18px; padding-bottom: 2px;}
        
        .conf_podbor_txt1 {margin: 26px 0 0 25px; }
        .conf_podbor_txt2 {margin: 18px 0 0 25px; }
        .conf_podbor_txt3 {margin: 8px 0 0 9px; }
        .conf_podbor_txt4 {margin: 8px 0 0 9px; }
        
        .conf_podbor_txt1 span, .conf_podbor_txt2 span {font-size: 13px; color: #858995; white-space: nowrap; margin-left: 8px;}
        
        .conf_podbor_txt1::before, .conf_podbor_txt2::before  {             
            content: ""; display: inline-block; transform: translateY(-2px); 
            width: 16px; height: 26px; margin-right: 23px;                           
            background-image: url(podbor1.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle; /*vertical-align: middle;*/ /*background-position: left top;*/             
        }
         
        .conf_podbor_txt2::before {margin-right: 21px; width: 18px; background-image: url(podbor2.png);}
        
        
        
        .mess_hlp_chat::before, .mess_hlp_tg::before, .mess_hlp_wa::before {             
             content: ""; display: inline-block; transform: translateY(-2px); 
             width: 26px; height: 26px; margin: 3px 0 0 0;                          
             background-image: url(mess_hlp_chat.jpg); background-size: contain; background-repeat: no-repeat; vertical-align: middle; /*vertical-align: middle;*/ /*background-position: left top;*/             
         }
         .mess_hlp_chat::before {margin-right: 10px;}
         .mess_hlp_tg::before {margin-right: 10px; background-image: url(mess_hlp_tg.jpg);}
         .mess_hlp_wa::before {background-image: url(mess_hlp_wa.jpg);}    
    /* / Помошь с подбором ------------------------------ */
    
    
    /* Характеристики (Вариант 2 - Аккоржеон) ------------------------------ */
        .tabs-wrapper .g_cont {margin-top: 0;}
        .tabs-wrapper .g_cont span {white-space: nowrap;}
        .tabs-wrapper .text_cap {margin: 20px 0 14px 0;}
    
        .cards {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; margin-bottom: 27px;}
        .cards img {flex-shrink: 0;}
    
        .tabs-wrapper, .tabs-wrapper-photo, .tabs-wrapper-related {
            margin-top: 48px;
             
            display: grid;             
            border-bottom: 1px solid #E3E3E3;
            
            /* Все колонки одинаковой ширины */
            grid-template-columns: repeat(5, 1fr); /* Количество колонок = количеству табов */
            
            /* Все колонки разной ширины */
            /* grid-template-columns: repeat(5, auto); */ /* Количество колонок = количеству табов */
        }
        .tabs-wrapper-photo {margin-top: -10px; border-bottom: none;}
        .tabs-wrapper-related {margin-top: 48px; }


        .tab-btn, .tab-btn-photo, .tab-btn-related {
            grid-row: 1; /* Все кнопки всегда в первой строке */
            padding: 0 0 23px 0; /* padding: 15px 25px; */
            font-size: 18px;
            border: none; 
            border-bottom: 1px solid #E3E3E3;
            
            background: none; cursor: pointer; position: relative; transition: 0.3s;
        }
        .tab-btn:hover, .tab-btn-photo:hover, .tab-btn-related:hover {color: #9A8873; text-decoration:none;}
        
        .tab-btn-photo-stat {cursor: default;}
        .tab-btn-photo-stat:hover {color: #140f0b; text-decoration:none;}

        /* Линия под активным табом (десктоп) */
        .tab-btn.active::after, .tab-btn-photo.active::after, .tab-btn-related.active::after {
            content: ""; position: absolute;
            bottom: -1px;
            left: 0; 
            width: 100%;
            height: 1px;  
            background: #9A8873;
        }

        .tab-panel, .tab-panel-photo, .tab-panel-related {            
            display: none;
            grid-column: 1 / -1; /* Контент растягивается на все колонки */
            grid-row: 2;         /* Контент всегда во второй строке под кнопками */
            padding: 21px 0 0 0; /* padding: 20px 0; */ 
        }

        .tab-panel-photo, .tab-panel-related {padding: 0; padding-top: 27px;}

        .tab-panel.active, .tab-panel-photo.active, .tab-panel-related.active {display: block;}

        /* --- */

            @media (max-width: 900px) {
                /* Выключаем сетку */
                .tabs-wrapper, .tabs-wrapper-photo, .tabs-wrapper-related {display: block; border-bottom: none;}
                     
                .tabs-wrapper, .tabs-wrapper-photo, .tabs-wrapper-related {margin-top: 53px; border-top: 1px solid #E3E3E3;}
                .tabs-wrapper-photo {margin-top: -5px;}
                .tabs-wrapper-related {margin-top: 53px;} 
  
                .tab-btn, .tab-btn-photo, .tab-btn-related {display: flex; justify-content: space-between; width: 100%;
                    padding: 22px 0 23px 0; border-bottom: 1px solid #E3E3E3;
                }
  
                /* Жирная линия */
                .tab-btn.active, .tab-btn-photo.active, .tab-btn-related.active {border-bottom: 1px solid #9A8873;}

                /* Отключаем десктопную линию */
                .tab-btn.active::after, .tab-btn-photo.active::after, .tab-btn-related.active::after {display: none;}

                .tab-panel, .tab-panel-photo, .tab-panel-related {grid-column: auto; grid-row: auto; /*padding: 15px;*/ /*background: #f9f9f9;*/}
  
                .tab-panel {border-bottom: 1px solid #E3E3E3;}
  
                .tab-panel-photo {padding: 0; padding-top: 0;}
                .tab-panel-related {padding: 0; padding-top: 0;}

                /* Стрелочка */
                .arrow {margin: 4px 20px 0 0; display: inline-block; width: 8px; height: 8px; border-right: 2px solid #606060; border-bottom: 2px solid #606060; transform: rotate(45deg);}
  
                .tab-btn.active .arrow, .tab-btn-photo.active .arrow, .tab-btn-related.active .arrow {margin: 9px 20px 0 0; transform: rotate(-135deg);}
            }    
    
    /* / Характеристики 2 ------------------------------ */  
 
    /* Смотреть все --- */         
        .butt_more_good .butt_more {float: none; margin: 0 auto;}
        .butt_more_good {padding: 0 0 33px 0;}
    /* / Смотреть все --- */

    /* Иконка видео ------------------------------ */  
  
        [data-fancybox][href*="rutube.ru"] {position: relative; display: inline-block;}

        [data-fancybox][href*="rutube.ru"]::before {
            content: ''; position: absolute; top: 50%; left: 50%; 
            width: 50px; height: 50px;
            background: url(prev_rutube.png) no-repeat center;
            background-size: 64px;
            border-radius: 5px;
            /*border-radius: 50%;*/    
            transform: translate(-50%, -50%); z-index: 1;
            pointer-events: none; /* Чтобы клик проходил сквозь иконку на ссылку */
        }
    
        /* --- */
        
        [data-fancybox][href*="youtube.com"] {position: relative; display: inline-block;}

        [data-fancybox][href*="youtube.com"]::before {
            content: ''; position: absolute; top: 50%; left: 50%; 
            width: 71px; height: 50px;
            background: url(prev_youtube.png) no-repeat center;
            background-size: 64px;
            border-radius: 5px;
            /*border-radius: 50%;*/    
            transform: translate(-50%, -50%); z-index: 1;
            pointer-events: none; /* Чтобы клик проходил сквозь иконку на ссылку */
        }
    
        
     
    /* / Иконка видео ------------------------------ */   
    


        /* --- */
     
       
       
       
        /* Две колонки - 590 53 450 */
        @media all and (max-width: 1380px) {             
            .g_cont, .g_cont_good {max-width: 1093px;}            
            .g_cont1 {width: 590px;} /*520px*/
            .g_cont2 {width: 450px;} /*520px*/           
            
            .g-class, .g-class img, 
            .g-class-live, .g-class-live img,
            .g-class-int, .g-class-int img,
            .g-class-video, .g-class-video img {height: 443px; max-height: 443px;} /* 390px; */ /* Большое фото */            
            
            .g-class .slick-prev, .g-class .slick-next,
            .g-class-live .slick-prev, .g-class-live .slick-next,
            .g-class-int .slick-prev, .g-class-int .slick-next,
            .g-class-video .slick-prev, .g-class-video .slick-next {top: 210px;} /* 184px; */ /* Стрелки */
                                  
        }
        
        /* Две колонки - 570 / 360 */
        @media all and (max-width: 1170px) {             
            .g_cont, .g_cont_good {max-width: 957px;}            
            .g_cont1 {width: 570px;}
            .g_cont2 {width: 360px;}          
            
            .g_cont2 {margin-left: 27px;}
            
            .g-class, .g-class img, 
            .g-class-live, .g-class-live img,
            .g-class-int, .g-class-int img,
            .g-class-video, .g-class-video img {height: 428px; max-height: 428px;}/* Большое фото */            
            
            .g-class .slick-prev, .g-class .slick-next,
            .g-class-live .slick-prev, .g-class-live .slick-next,
            .g-class-int .slick-prev, .g-class-int .slick-next,
            .g-class-video .slick-prev, .g-class-video .slick-next  {top: 203px;} /* Стрелки */
                                  
        }
       
       
        /* Одна колонка - 770 / 450 */
        @media all and (max-width: 1030px) {             
            /* выкл sticky */
            .g_cont1 {position: static; top: none;}
            
            /* Увеличить отступ от h1 */
            .g_cont2 {margin-left: 0; margin-top: 45px;}
            
            .g_cont, .g_cont_good {max-width: 770px; flex-direction: column; }         
            .g_cont1, .g_cont2 {width: 100%; max-width: 770px;} 
            .g_cont2 { max-width: 450px; margin-left: auto; margin-right: auto;}
            
            /* характеристики в одну колонку */ 
            .tabs-wrapper .g_cont {width: 100%; max-width: 100%;}         
            .tabs-wrapper .g_cont1, .tabs-wrapper .g_cont2 {width: 100%; max-width: 100%;} 
            .tabs-wrapper .g_cont2 {margin-top: 0;}
            .h_size {margin-top: 19px;}
            
            /*.g_cont1, .g_cont2 {width: 100%; max-width: 450px;}*/
            
            .tabs-wrapper, .tabs-wrapper-photo, .tabs-wrapper-related {max-width: 770px; margin-left: auto; margin-right: auto;} /* ширина кнопок характеристик */             
            
            
            
            .g-class, .g-class img,
            .g-class-live, .g-class-live img,
            .g-class-int, .g-class-int img,
            .g-class-video, .g-class-video img {height: 578px; max-height: 578px;} /* Большое фото */            
            
            .g-class .slick-prev, .g-class .slick-next,
            .g-class-live .slick-prev, .g-class-live .slick-next,
            .g-class-int .slick-prev, .g-class-int .slick-next,
            .g-class-video .slick-prev, .g-class-video .slick-next {top: 278px; /*158px;*/} /* Стрелки */ 
 
            /* Заголовок карусели в одну строку */
            .gd_cap span {margin: 0; float: right; display: inline;} 
            
            /* Уменьшить отступ - Помощь с подбором */                        
            .gd_butt_cont_help {gap: 10px;}  
            
            .g_brand {margin-top: 11px;}
                             
        }
        
        /* Одна колонка - 450 + Характеристики - моб. версия */
        @media all and (max-width: 900px) {             
            
            .g_cont, .g_cont_good {max-width: 450px;}         
            .g_cont1, .g_cont2 {width: 100%; max-width: 450px;} 
            
            .tabs-wrapper, .tabs-wrapper-photo, .tabs-wrapper-related {max-width: 450px;} /* ширина кнопок характеристик */             
            
            .g-class, .g-class img,
            .g-class-live, .g-class-live img,
            .g-class-int, .g-class-int img,
            .g-class-video, .g-class-video img {height: 338px; max-height: 338px;} /* Большое фото */            
            
            .g-class .slick-prev, .g-class .slick-next,
            .g-class-live .slick-prev, .g-class-live .slick-next,
            .g-class-int .slick-prev, .g-class-int .slick-next,
            .g-class-video .slick-prev, .g-class-video .slick-next {top: 158px;} /* Стрелки */ 
            
            /* Иконка видео */
            [data-fancybox][href*="rutube.ru"]::before {width: 43px; height: 43px; background: url(prev_rutube_m.png) no-repeat center; background-size: 48px;}
            [data-fancybox][href*="youtube.com"]::before {width: 61px; height: 43px; background: url(prev_youtube_m.png) no-repeat center; background-size: 48px;}
                            
        }
        
        
        
        
        
        /* Помощь в подборе - в две строки */
        @media all and (max-width: 510px) {             
            .conf_podbor_txt1 span, .conf_podbor_txt2 span {display: block; margin: 1px 0 12px 40px;}    
            .conf_podbor_txt2 span {margin: 1px 0 3px 40px;}                                    
        }
         
        
        
        /* Одна колонка - 360 */
        @media all and (max-width: 500px) {             
            /*.g_cont {background-color: red;}*/
            /*.g_cont_good {background-color: green;}*/
            .g_cont, .g_cont_good, .g_cont1, .g_cont2 {max-width: 360px;}                     
            .tabs-wrapper, .tabs-wrapper-photo, .tabs-wrapper-related {max-width: 360px;} /* ширина кнопок характеристик */
            
            .g-class, .g-class img,
            .g-class-live, .g-class-live img,
            .g-class-int, .g-class-int img,
            .g-class-video, .g-class-video img {height: 270px; max-height: 270px;} /* Большое фото */ 
            
            .g-class .slick-prev, .g-class .slick-next,
            .g-class-live .slick-prev, .g-class-live .slick-next,
            .g-class-int .slick-prev, .g-class-int .slick-next,
            .g-class-video .slick-prev, .g-class-video .slick-next {top: 124px;} /* Стрелки */ 
            
            /* Заголовок карусели в две строки */            
            .gd_cap span {margin: 5px 0 0 0; float: none; display: block; }
            
            /* Уменьшить отступы */
            .gd_exclusive, .gd_made, .gd_code, .gd_to_order, .gd_to_date a, .g_cont2 .gl_to_order a {margin-right: 7px; padding-left: 7px; padding-right: 7px;}            
            .gd_new {margin-right: 5px;}
            .gd_exclusive, .gd_made {margin-left: 7px; margin-right: 0;}
            .gd_code {margin-right: 0;}

            
            .gd_butt_cont {gap: 10px;}
            
             /* Кнопки - Помошь с подбором ------------------------------ */
             
             .gd_butt_cont_help {display: block;}
             .butt_help, .butt_mess_help {width: 100%;}
             .butt_mess_help {margin-top: 27px;}              
        /*
        .gd_butt_cont_help {display: flex; width: 100%; gap: 27px; margin-top: 21px;}

        .butt_help {display: flex; flex-grow: 1; padding: 0 10px 0 10px; border: 1px solid #140f0b; background-color: #140f0b; color: #FFFFFF;
            cursor: pointer; box-sizing: border-box; width: 50%; height: 49px; align-items: center; justify-content: center; white-space: nowrap; 
        }
        .butt_help {border: 1px solid #9A8873; background-color: #9A8873; color: #FFFFFF;}
        .butt_help:hover {border: 1px solid #766756; background-color: #766756; color: #FFFFFF; transition: all 500ms ease;}
        
        
        .butt_mess_help {display: flex; flex-grow: 1; padding: 0 10px 0 10px; border: 1px solid #E3E3E3; background-color: #FFFFFF; color: #858995;
            font-size: 13px; box-sizing: border-box; width: 50%; height: 49px; align-items: center; justify-content: center; 
        }
   
        */
         
    /* / Кнопки - Помошь с подбором ------------------------------ */  
            
                                      
        }
       
        /* Одна колонка - 330 (Разрешение 360) */
        @media all and (max-width: 380px) { 
            .g_cont, .g_cont1, .g_cont2 {max-width: 330px;}                     
            .tabs-wrapper, .tabs-wrapper-photo, .tabs-wrapper-related {max-width: 330px;} /* ширина кнопок характеристик */
            
            
            .g-class, .g-class img,
            .g-class-live, .g-class-live img,
            .g-class-int, .g-class-int img,
            .g-class-video, .g-class-video img {height: 248px; max-height: 248px;} /* Большое фото */
            
            .g-class .slick-prev, .g-class .slick-next,
            .g-class-live .slick-prev, .g-class-live .slick-next,
            .g-class-int .slick-prev, .g-class-int .slick-next,
            .g-class-video .slick-prev, .g-class-video .slick-next {top: 113px;} /* Стрелки */ 
            
            /* Уменьшить отступы */
            .gd_exclusive, .gd_made, .gd_code, .gd_to_order, .gd_to_date a, .g_cont2 .gl_to_order a {margin-right: 7px; padding-left: 7px; padding-right: 7px;}            
            .gd_new {margin-right: 5px;}
            .gd_exclusive, .gd_made {margin-left: 5px; margin-right: 0;}
            .gd_code {margin-right: 0;}

            
            .gd_butt_cont {gap: 10px;} 
            
            /* Конфигурация */
            .conf_obivka_name span {display: block;} /* Заголовок в 2-ве строки */  
            
            /* Уменьшить отступ - Помощь с подбором */            
            .mess_hlp_chat::before, .mess_hlp_tg::before {margin-right: 3px;}
            .gd_butt_cont_help {gap: 10px;}
                         
                                         
        }



        
/* / Карточка товаров --------------------------------------------------------------- */




/* Преимущества --------------------------------- */

    .my_profit .text_cap, .bl_prof0 {float: left; width: 33.3%;} 
    .bl_prof0 {width: 66.7%; margin-top: 21px;}
    
    .bl_prof1, .bl_prof2, .bl_prof3, .bl_prof4, .bl_prof5, .bl_prof6 {float: left; width: 33.3%; margin-top: 47px; background-position: left top; background-repeat: no-repeat;}  
    .bl_prof1 {background-image: url(prof1.jpg);}
    .bl_prof2 {background-image: url(prof2.jpg);}
    .bl_prof3 {background-image: url(prof3.jpg);}
    .bl_prof4 {background-image: url(prof4.jpg);}
    .bl_prof5 {background-image: url(prof5.jpg);}
    .bl_prof6 {background-image: url(prof6.jpg);}

    .my_profit p {margin: 0; padding: 0 27px 0 0;}
    .bl_prof1 p, .bl_prof2 p, .bl_prof3 p, .bl_prof4 p, .bl_prof5 p, .bl_prof6 p {padding-top: 47px;}
    .bl_prof0 p {margin-bottom: 20px;}


        @media screen and (max-width: 1190px) {  
            .my_profit .text_cap, .bl_prof0 {float: none; width: 100%;}
            .bl_prof0 {margin-top: 0;} 
            .bl_prof1, .bl_prof2, .bl_prof3, .bl_prof4, .bl_prof5, .bl_prof6 {width: 50%;}                         
        }
        
         @media screen and (max-width: 570px) {               
            .bl_prof1, .bl_prof2, .bl_prof3, .bl_prof4, .bl_prof5, .bl_prof6 {float: none; width: 100%; margin-top: 20px;}                                                 
        }
       
/* / Преимущества --------------------------------- */


/* Преимущества Black --------------------------------- */
    .my_profit_black {background-color: #2D2D2D; margin-top: 53px; padding: 27px 0 26px 0;}
    .my_profit_black .text_cap, .my_profit_black div {color: #FFFFFF;}
    
    .my_profit_black .butt_cont {padding-top: 8px;}
    .my_profit_black .butt_more {float: none; border: 1px solid #FFFFFF; color: #FFFFFF;} 
    .my_profit_black .butt_more:hover {color: #9A8873; border: 1px solid #9A8873; transition: all 500ms ease;}

    .profit_cont {display: flex; gap: 23px; padding: 3px 0 15px 0;}
    .foot-item .profit_cont {padding: 0 0 0 0;}
            
    .profit_cont_pic1, .profit_cont_pic2, .profit_cont_pic3, .profit_cont_pic4, .profit_cont_pic5, .profit_cont_pic6 {flex: 0 0 18px; margin-top: 2px; width: 18px; height: 18px; background-image: url(profit1.png); background-size: contain; background-repeat: no-repeat; background-position: center;}
    .profit_cont_name {flex: 1;}
    .profit_cont_name span {white-space: nowrap;}
    
    .profit_cont_pic2 {background-image: url(profit2.png);}
    .profit_cont_pic3 {background-image: url(profit3.png);}
    .profit_cont_pic4 {background-image: url(profit4.png); width: 18px; height: 25px;}
    .profit_cont_pic5 {background-image: url(profit5.png);}
    .profit_cont_pic6 {background-image: url(profit6.png);}
    
    
      
/* / Преимущества Black --------------------------------- */


/* Бренды --------------------------------- */
    .my_brand1 {float: left; width: 33.3%;}
    .my_brand2 {float: left; width: 66.7%;}
    
        @media screen and (max-width: 1190px) {  
            .my_brand1, .my_brand2 {float: none; width: 100%;}                                     
        }
/* / Бренды --------------------------------- */


/* Отзывы --------------------------------- */
    .reviews_cont {display: flex; gap: 27px;}
    .reviews_col {flex: 1; /*background-color: #f0f0f0; padding: 15px;*/}

    /* --- */

        @media (max-width: 768px) {
            .reviews_cont {flex-direction: column; gap: 0;}
        }
/* / Отзывы --------------------------------- */



/* Pages ----------------------------------------- */
    .bpages_center {display: inline-block; margin-bottom: 13px;}
                                                     
    .bpages {width:100%; text-align:center; margin-top: 7px;}
    .bpages div, .bpages span {float: left; margin: 0 2px 10px 2px;}

    .bpages div a {display: block; width: 38px; height: 29px; border: 1px solid #140f0b; padding-top: 9px; background-color: #FFFFFF; color: #140f0b; text-decoration: none; border-radius: 20px;}
    .bpages div a:hover {border: 1px solid #9A8873; color: #9A8873; text-decoration: none;}

    .bpg_on, .bpg_off {width: 40px; height: 29px; padding-top: 9px; border: 1px solid #9A8873; background-color: #9A8873; color: #FFFFFF; border-radius: 20px;}
    .bpg_off {border: 1px solid #E0E0E0; background-color: #FFFFFF; color: #999999;}

    .bpg_dots {width: 20px; height: 29px; padding-top: 9px; background-color: #FFFFFF; color: #000000;}

    /* --- */
    
        @media screen and (max-width: 400px) { 
            .bpages div a {font-size: 13px; width: 33px; height: 26px; padding-top: 7px; border-radius: 20px;}
            .bpg_on, .bpg_off {font-size: 13px; width: 35px; height: 26px; padding-top: 7px; border-radius: 20px;}             
            .bpg_dots {font-size: 13px; width: 15px; height: 26px; padding-top: 7px;}
        }
/* / Pages ------------------------------------ */



/* Footer ------------------------------------ */
    .foot-bg {background-color: #9A8873;}
    .foot-container1, .foot-container2 {margin-top: 0; padding: 47px 0 41px 0; display: grid; gap: 10px; grid-template-columns: repeat(4, 1fr);}    
    .foot-container2 {margin-top: 0; border-top: 1px solid #E3E3E3;}
    
    .foot-item {color: #FFFFFF; text-decoration: none;}
    .foot-item a {color: #FFFFFF; text-decoration: none;}
    .foot-item a:hover {color: #535353; text-decoration: none;}

    .foot-zag {font-size: 18px; margin: 0 0 17px 0;}
    
    .foot-menu div {margin-bottom: 8px;}

    .foot_phone_num {margin: 0 0 18px 0;}                                                    
    .foot_phone_num a {font-size: 15px;}     
    .foot_phone_num div a {font-size: 13px;}
    .foot_phone_num span {white-space: nowrap;}
                      
    .foot_logo {display: inline-block;/*width: 83px;*/ height: 48px; padding-top: 5px; padding-left: 100px; background-image: url(logo-white.svg); background-position: left top; background-repeat: no-repeat;}
    
    .mess_foot_tg::before, .mess_foot_wa::before {             
        content: ""; display: inline-block; transform: translateY(-2px); 
        width: 20px; height: 20px; margin: 6px 0 0 0;                          
        background-image: url(mess_foot_wa.jpg); background-size: contain; background-repeat: no-repeat; vertical-align: middle;             
    }         
    .mess_foot_tg::before {margin-right: 10px; background-image: url(mess_foot_tg.jpg);}
         

    /* --- */
        
        @media (max-width: 1030px) {
            .foot-container1, .foot-container2 {grid-template-columns: repeat(2, 1fr);}
            .foot_logo {margin-bottom: 13px;}
            .mess_foot_tg::before, .mess_foot_wa::before {margin-bottom: 27px;}
        }

        @media (max-width: 600px) {
            .foot-container1, .foot-container2 {grid-template-columns: 1fr;}
            .foot-m {margin-top: 27px;}
            .foot-n {display: none;}            
        }


/* / Footer ------------------------------------ */



/* Livesearch - живой поиск ------------------------------------------------------- */
    #results:empty {border: none; padding: 0; box-shadow: none;}

    /* Не задавайте border здесь статично */
    #results {clear: both; border: none; position: absolute; width: 100%;
        min-height: 50px; /* Чтобы спиннеру было где вращаться */ 
        display: none; /* Скрыт, пока нет текста */
    }

    /* Рисуем рамку только когда внутри есть данные */
    #results:not(:empty) {border-bottom: 1px solid #ccc; background: #fff;}

   .search-box {float: left; position: relative; display: inline-block; /*width: 300px;*/}

    /* Состояние, когда текст введен — убираем лупу */
    .search-input-bg.has-text {background-image: none;}

    /* Стиль крестика внутри инпута */
    .clear-btn {
        /* Обнуление базовых стилей кнопок */
        appearance: none; -webkit-appearance: none; padding: 0; margin: 0; border: none; background: transparent;
    
        /* Фиксированный размер области клика */
        width: 24px; height: 24px;
    
        /* Центрирование текста внутри */
        display: flex; align-items: center; justify-content: center;
    
        /* Шрифт и размер */   
        font-family: 'OpenSansRegular', Verdana; font-size: 22px; line-height: 1; /* Жестко фиксирует высоту строки */
        color: #140f0b; cursor: pointer;
    
        position: absolute; right: 37px; top: 50%; margin-top: 7px; transform: translateY(-50%);
    }
     
    /* Спиннер ------------------------------------ */
        /* #loader {font-size: 14px; color: #555; padding: 10px;} */
        
        .spinner {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #888;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    
    /* Центрируем внутри #results */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px; /* Половина высоты */
    margin-left: -15px; /* Половина ширины */
    z-index: 10;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Приглушаем старый контент во время загрузки */
.loading-process #results-content {
    opacity: 0.3;
    filter: blur(1px);
}
    /* / Спиннер ------------------------------------ */

    /* Search mobi ----------------------------------- */
        .search-overlay {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(255, 255, 255, 0.98); /* Слегка прозрачный белый */
            z-index: 1000020;
            padding: 20px;
            box-sizing: border-box;
    
            /* Состояние "Скрыто" */
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        /* Состояние "Активно" */
        .search-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* Эффект вылета контента чуть снизу вверх */
        .search-modal-content {
            transform: translateY(20px);
            transition: transform 0.4s ease;
        }

        .search-overlay.active .search-modal-content {
            transform: translateY(0);
        }

        /* Контейнер для инпута и кнопки */
        .search-bar-container {
            display: flex;
            align-items: center;
            gap: 10px; /* Расстояние между инпутом и крестиком */
            margin-bottom: 20px;
        }

        #search-mobile {    
            flex: 1; /* Инпут забирает всё свободное место */
            padding: 10px 10px;
            /*font-size: 18px;*/
            border: 1px solid #ddd;
            border-radius: 8px;
            outline: none;
        }

        .close-btn {
            background: none;
            border: none;
            font-size: 24px;
            line-height: 1;
            color: #140f0b;
            cursor: pointer;
            padding: 0 5px;
            margin-top: 0;
            transition: color 0.2s;
        }

        .close-btn:hover {color: #333;}
    /* / Search mobi ----------------------------------- */

/* / Livesearch - живой поиск ------------------------------------------------------- */


/* Livesearch - результаты в подсказках ------------------------------------------------------- */
    .search-item {display: flex; align-items: center; padding: 10px; text-decoration: none; color: #140f0b; /* border-bottom: 1px solid #E3E3E3; */ transition: background 0.2s;}
    .search-item:last-child {border-bottom: none;}
    
    .search-item:hover, .search-item.is-selected {background-color: #f9f9f9; outline: none;}

    .item-img {width: 120px; height: 90px; object-fit: cover; margin-right: 15px;}

    .item-info {display: flex; flex-direction: column; gap: 5px;}

    .item-name {font-size: 15px; line-height: 25px;}

    .item-price {font-weight: bold; font-size: 15px;}
/* / Livesearch - результаты в подсказках ------------------------------------------------------- */


/* UItoTop ---------------- */
#toTop {
    z-index:1000;
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:102px;
	right:64px;
	overflow:hidden;
	width:40px;
	height:40px;
	border:none;
	text-indent:100%;
	background:url(ui.totop.png) no-repeat right top;    
}

#toTopHover {
	background:url(ui.totop.png) no-repeat right -40px;
	width:40px;
	height:40px;
	display:block;
	overflow:hidden;
	float:right;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

        /* mobi */            
            @media screen and (max-width: 880px) {  
                #toTop {bottom:166px; /*bottom:100px;*/ right:30px;}                                  
            }
/* / UItoTop ---------------- */



/* Dialog ----------------------------------------- */    
    .mess_all {
        display: block;
        width:50px;
	    height:50px;            
        border:none;
        z-index: 10000;
        position: fixed;
	    bottom:37px;
	    right:59px;
        cursor: pointer;        
                   
    }
    
    .mess_all_on {background-image: url(mess_all.png); background-position: left top; background-repeat: no-repeat;} 
    .mess_all_on:hover {background-image: url(mess_all_on.png);  transition: all 500ms ease;}  
       
    .mess_all_close {background-image: url(mess_all_close.png); background-position: left top; background-repeat: no-repeat;}
    
    .mess_all_bl {
        display: none;
        width:190px;
	    height:50px;            
        border:none;
        z-index: 10000;
        position: fixed;
	    bottom:37px;
	    right:120px;
        z-index: 1000;          
    }
    
    /* --- */

    .mess_wa a, .mess_telegram a, .mess_chat a {
        float: left; display: bclock; width: 50px; height: 50px; margin-left: 17px; 
        background-image: url(mess_wa.png); background-position: center top; background-repeat: no-repeat;
                
    }
    .mess_wa a:hover, .mess_telegram a:hover, .mess_chat a:hover {text-decoration: none; transition: all 500ms ease;}
    .mess_wa a:hover {background-image: url(mess_wa_on.png);}
    .mess_telegram a:hover {background-image: url(mess_telegram_on.png);}
    .mess_chat a:hover {background-image: url(mess_chat_on.png);}
    
    .mess_chat a {margin-left: 0; background-image: url(mess_chat.png);}
    .mess_telegram a {background-image: url(mess_telegram.png);}
    
    /* rrr */
    
        /* mobi */            
            @media screen and (max-width: 880px) {  
                .mess_all {bottom:101px; /*bottom:35px;*/ right:25px;}
                .mess_all_bl {bottom:101px; /*bottom:35px;*/ right:80px;}
                .mess_wa a, .mess_telegram a {margin-left: 15px;}                                 
            }
    
/* / Dialog ----------------------------------------- */


/* Цена указана ----------------------------------------- */
    .gl_price_text {font-size: 13px; color: #858995;  margin: 15px 0 0 0; padding-bottom: 2px;}
    .conf_bott .gl_price_text {margin-left: 17px;}
    .butt_calc_bl .gl_price_text {margin-top: 22px; margin-bottom: -6px;}
/* / Цена указана ----------------------------------------- */


/* Закрепленная панель - В корзину / Заявка в 1 клик  -------------------------------------------- */
    /* Стили для закрепленной панели */
    #sticky-panel {  
        position: fixed; left: 0; right: 0; background: #fff;  
        box-shadow: 0 6px 6px -3px rgba(227, 227, 227, 0.6);
        z-index: 1000; transition: all 0.3s ease; opacity: 0; pointer-events: none;
    }

    /* Контейнер с отступами */
    .sticky-container {    
        margin: 0 auto; padding: 8px 0 17px 0;
        display: flex; align-items: center; justify-content: space-between; /* Название влево, кнопки вправо */
    }

    /* Блок с названием и ценой */
    .sticky-info {display: flex; align-items: center;
        gap: 17px; /* Расстояние между названием и ценой */
        min-width: 0; /* Важно для корректной работы сокращения текста */
    }
    
    .sticky-title {font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    
    .sticky-price {font-size: 18px; white-space: nowrap; padding-right: 17px;}
    

    .sticky-buttons {display: flex; gap: 17px; /* Расстояние между кнопками */}

    .sticky-buttons div {width: 215px;}

    /* Состояние, когда панель активна */
    #sticky-panel.is-active {opacity: 1; pointer-events: all; transform: translateY(0);}

    /* --- */

        /* Десктоп: закрепляем под шапкой */
        @media (min-width: 881px) {
            #sticky-panel {
                top: 153px; /* Высота вашей закрепленной шапки */
                /* transform: translateY(-100%); */
                transform: translateY(-20px);
            }
        }

        /* Мобильные: закрепляем внизу */
        @media (max-width: 880px) {
           
           #sticky-panel {bottom: 0;
               transform: translateY(20px); /* transform: translateY(100%); */
               border-top: 1px solid #eee; border-bottom: none;
           }

           .sticky-info {display: none;} /* Скрываем и название, и цену */

           .sticky-container {padding: 17px 0 17px 0; justify-content: center; /* Центрируем кнопки */} 
  
           .sticky-buttons div, .sticky-buttons {width: 100%;} /* Кнопки на всю ширину */
           
           .sticky-buttons button {flex: 1;} /* Равномерная ширина кнопок */
}
/* / Закрепленная панель - В корзину / Заявка в 1 клик  -------------------------------------------- */


/* CALLBACK FORM -------------------------------------------------------------------------------------------------------------------------------------- */    
    #callback_form1, #callback_form2, #callback_form3, #callback_form4, #callback_form5, #callback_form6, #callback_form7, #callback_form8, #callback_form9, #callback_form10, #callback_form11, #callback_form12, #callback_form13, #callback_form14, #callback_form15, #callback_form16, #callback_form17, #callback_form18, #callback_form19, #callback_form20, #callback_form21, #callback_form22, #callback_form23, #callback_form24, #callback_form25 {
        display: none;
        max-width: 410px;
        width: 100%; 
        padding: 45px 30px 30px 30px;    
        background-color: #FFFFFF;        
        color: #303030; font-family: 'OpenSansRegular', Verdana; font-weight: normal; font-size: 15px;
    }
    
    #callback_form1 textarea, #callback_form2 textarea, #callback_form3 textarea, #callback_form4 textarea, #callback_form5 textarea, #callback_form6 textarea, #callback_form7 textarea, #callback_form8 textarea, #callback_form9 textarea, #callback_form10 textarea, #callback_form11 textarea, #callback_form12 textarea, #callback_form13 textarea, #callback_form14 textarea, #callback_form15 textarea, #callback_form16 textarea, #callback_form17 textarea, #callback_form18 textarea, #callback_form19 textarea, #callback_form20 textarea, #callback_form22 textarea, #callback_form22 textarea, #callback_form23 textarea, #callback_form24 textarea, #callback_form25 textarea {
        height: 88px;
    }

    .form_mod {padding-bottom: 16px;}
   
    @media screen and (max-width: 1190px) {
        .form_mod {padding-bottom: 0;}
    }    
/* / CALLBACK FORM -------------------------------------------------------------------------------------------------------------------------------------- */
   
   

      
/* Add To Cart ---------------------------------------------- */               
        #mymodal {padding: 0; margin: 0;}

        #shopping_cart, #shopping_cart_wish {max-width: 530px; width: 100%; background-color: #FFFFFF; padding: 30px 15px 30px 15px; color: #140f0b;} 

        #shopping_cart .sh_zag, #shopping_cart_wish .sh_zag {font-family: 'OpenSansRegular', Verdana; font-weight: normal; font-size: 18px; color: #140f0b; margin-bottom: 0; line-height: 1.4em;}

        #shopping_cart .sh_main, #shopping_cart_wish .sh_main {margin: 10px 5px 0 5px;}

        @media screen and (max-width: 580px) { 
            #shopping_cart .btn_l1, #shopping_cart .btn_l2, #shopping_cart_wish .btn_l1, #shopping_cart_wish .btn_l2 {float: none; width: 100%; padding-bottom: 10px;}
        } 
       
        #shopping_cart .btn_l1, #shopping_cart .btn_l2, #shopping_cart_wish .btn_l1, #shopping_cart_wish .btn_l2 {padding: 20px 0 29px 0; width: 50%; float: left;}
        #shopping_cart .btn_l1 a, #shopping_cart .btn_l2 a, #shopping_cart_wish .btn_l1 a, #shopping_cart_wish .btn_l2 a {margin-left: 10px; margin-right: 10px;} 
       

            @media screen and (max-width: 480px) { 
                #shopping_cart .btn_l1, #shopping_cart .btn_l2, #shopping_cart_wish .btn_l1, #shopping_cart_wish .btn_l2 {float: none; width: 100%; padding-bottom: 10px;}                
            }

            @media screen and (max-width: 350px) {                                        
                .sh_cart {margin: 0 0 0 18px;}                
            }
/* / Add To Cart ---------------------------------------------- */ 

/* Add To Cart Buttons ------------------------------------------------------------------------------ */
    /* Оформить заказ */ 
    .btn_l1 a, .btn_l2 a, .btn_lok a {font-family: 'OpenSansRegular', Verdana; color: #FFFFFF; font-weight: normal; font-size: 14px; font-size: 15px;
        display: block; width: 198px; height: 41px; padding: 10px 0 0 0; background-color: #9A8873; border: 1px solid #9A8873; 
        text-decoration: none; text-align: center;
        transition: all 500ms ease;
        
    }        
    .btn_l1 a:hover, .btn_l2 a:hover, .btn_lok a:hover {background-color: #766756; border: 1px solid #766756; transition: all 500ms ease;}

    /* Продолжить покупки */
    .btn_l1 a {color: #140f0b; background-color: #FFFFFF; border: 1px solid #140f0b;}
    .btn_l1 a:hover {border: 1px solid #9A8873; background-color: #FFFFFF;}    
/* / Shopping Buttons ------------------------------------------------------------------------------ */

/* Add To Cart Cart ------------------------------------------------------------------------------ */


/* Формы ----------------------------------------------------------------------------------------- */
    .butt_form {
        width: 230px; display: flex; align-items: center; margin-bottom: 10px; height: 39px; border: 1px solid #9A8873; background-color: #9A8873;
        color: #FFFFFF; font-size: 15px; cursor: pointer;          
    }    
    .butt_form {justify-content: center;}
    .butt_form:hover {border: 1px solid #766756; background-color: #766756; color: #FFFFFF; transition: all 500ms ease;}
    
    
    form a {color: #9A8873; text-decoration: none; font-size: 15px;}
    form a:hover {text-decoration: none; color: #766756; }

    .inp_txa, .inp1, .inp2, .inp2m, .inp3 {margin: 0; margin: 9px 0 16px 0; padding: 0 0 0 3px; border: 1px solid #E3E3E3;}    
    .inp_check {height: 20px; width: 20px; cursor: pointer;}
    .inp_check_t {padding-left: 5px;}
    .inp_txa {height: 88px; width: 100%; padding: 10px;}
    .inp1 {height: 44px; width: 100%; padding-left: 10px; padding-right: 10px;}
    .inp2 {height: 148px; width: 100%;}
    .inp2m {height: 105px; width: 100%;}
    .inp_sbm {height: 30px; width: 120px; font-size: 1em;}
    
    .f_form .text_cap {margin: 0 0 14px 0;}
    .f_form .text_cap_descr {margin: 0 0 14px 0; text-align: center;}
    
    .text_form_succ {padding-top: 18px;}
    
/* / Формы ----------------------------------------------------------------------------------------- */
   

/* Контейнер для блоков ----------------------------------------------------------------------------------------- */
    .container_q {display: grid; grid-template-columns: repeat(2, 1fr); gap: 27px; padding: 27px 0px 27px 0;}
    .text-block_q {border: 1px solid #9A8873; padding: 27px; box-sizing: border-box;}
    .text-block_q h3 {margin-top: 0px;}
    .text-block_q p {margin-bottom: 0px; padding-bottom: 0px;}
        @media (max-width: 768px) {
            .container_q {grid-template-columns: 1fr;}
        }    
/* / Контейнер для блоков ----------------------------------------------------------------------------------------- */