:root {
    --main-color: #df0a0b;
}

@font-face {
    font-family: 'iconic-sm';
    src: url('../fonts/iconic-sm.eot');

    font-family: 'ReformaGroteskMediumC';
    src: url('../fonts/ReformaGroteskMediumC.otf');

    font-family: 'ReformaGroteskBoldC';
    src: url('../fonts/ReformaGroteskBoldC.otf');
    font-weight: normal;
    font-style: normal;

}

.skidka_tovar{width: 100%; text-align: center;    padding: 10px 0 5px 0;}

@media (min-width: 1600px) {
    .container {
        max-width: 1500px;
    }
}

.p_block.select {
    float: left;
    width: 185px;
    margin: 5px 0px;
    padding: 5px;
  

    
}


.mubut{display:none}

.predstavlen{    background: #f6f6f6;
    border: 1px solid #e0e0e0;
    padding: 5px 10px;
    border-radius: 6px;
    margin: 0 0 10px 0;}

.plashechki .plash_name{padding-top: 10px;
}

.plashechki{display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.plashechki>a{width: 160px;
     padding: 10px;
    border-radius: 6px;
    border: #ccc solid 1px;
    border-radius: 7px;
    text-align: center;
    box-shadow: 5px 5px 8px #6b6b6b;
    margin: 15px 10px;

    color: #000;}
.vnutr_p img{width: 100%; padding: 0 5px;}

/* Увеличенные фотографии в мобильной версии */
@media (max-width: 768px) {
    .card2 .img-holder {
        height: 280px !important;
        padding: 8px !important;
    }
    
    .card2 .img-holder img.items_imger {
        width: 100% !important;
        height: auto !important;
        max-height: 115% !important;
        object-fit: contain !important;
    }
}

@media (max-width: 480px) {
    .card2 .img-holder {
        height: 300px !important;
        padding: 6px !important;
    }
}



.your_city{
    /* height: 30px !important; */
    font-size: 16px;
    color: #999;
    line-height: 16px;
    display: inline-block;
    font-weight: 100;
    padding-right: 10px;
    position: relative;
}
.your_city_name {
    color: #000 !important;
    border-bottom: #000 dotted 1px;
    cursor: pointer;
}

/* Стили для дропдауна городов */
.your_city .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 120px;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.your_city.show .dropdown-menu {
    display: block;
}

.your_city .dropdown-menu li {
    list-style: none;
}

.your_city .dropdown-menu a {
    display: block;
    padding: 8px 15px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s;
}

.your_city .dropdown-menu a:hover,
.your_city .dropdown-menu a.active {
    background-color: #f5f5f5;
    color: #000;
}


@media (max-width: 700px) {
    .left_header {
        position: relative !important;
        text-align: center;
        width: 100%;
    }
    .navbar.first-nav{flex-direction: column;}
    .basket {float: none !important; padding-top: 5px; }
}


.dropdown-header, .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    line-height: 1.1;
    color: #000;
    /* white-space: nowrap; */
}

.page_price{text-align: center; padding: 5px;}

.dd .ddTitle .ddTitleText {
    padding: 2px 25px 5px 5px;
    height: 26px;
    overflow: hidden;
}


.info-text img{    width: 100% !important;
    height: auto !important;}

#prod_items{margin-left: 0;}
.dd .ddTitle {
    height: 30px !important;
}

.dd .ddTitle .ddTitleText {
    padding: 8px 25px 10px 10px !important;
}

.columns div .p_tov{text-align: center;   padding: 0;}
 .p_tov a{color: #000; text-decoration: none;}    

.vse_video_blok{border-radius: 4px;    border: 1px solid #e0e0e0; margin-bottom: 15px;   padding: 15px 0 20px 0;  background: #f6f6f6;}
.page-link-knop_r{display: inline-block; background: #000;     color: #fff; border-radius: 3px;padding: 10px;   text-decoration: none; cursor: pointer; }
.page-link-knop_r:hover{color: #fff;}
.flex_m_v {display: flex; flex-wrap: wrap; }
.nad_video{width: 33%; padding: 10px 20px 20px 20px; box-sizing: border-box;}
.nad_video img{width: 100%;height: auto;}
.video-container{position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.youtube-player{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.play_m>img { position: absolute; top: 0; bottom: 0; left: 0; right: 0;  margin: auto; width: 15%;}

.rtypo{width: 100%; text-align: center;}

.ghk{display: none;}
.items_imger{width: 100%; height: auto;}
body {
    color: #000;
    position: relative;
    font-size: 92%;
    /*line-height: 1.3em;*/
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

a {
    text-decoration: underline;
    color: var(--main-color);
}

a:hover {
    color: #373331;
    text-decoration: none;
}

h1 {
    padding: 0;
    margin: 0;
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 2.2rem;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    text-transform:none;
    letter-spacing: 0.5px;
}

.my_fuverf.active {font-weight: bold;}

.my_fuverf_ob{display: flex; flex-wrap: wrap;    justify-content: flex-start; margin-top: 20px;}
.my_fuverf_ob img{width: 100px;
    height: 100px;
    margin-bottom: 20px;}
.my_fuverf{    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #ccc;
    padding: 5px 30px;
    margin-bottom: 20px;
    width: 200px;
    text-align: center;
}
.my_fuverf a {color: #000;}

.my_colo_filtr{display: flex; flex-wrap: wrap;    justify-content: center;}
.my_colo_filtr>div{margin: 10px 5px; text-align: center;    width: 50px;    display: flex;   flex-direction: column;   align-items: center; cursor: pointer;   justify-content: space-between;}
.my_colo_filtr>div img{border: 2px solid #ccc; border-radius: 10px; border-radius: 20px;   width: 40px; margin-bottom: 10px; height: 40px;}
.color_fil{display: none;}
.b_my_fil{display: block;
    width: 100%;
    margin-top: 20px;}

h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: bold;
    padding: 13px 0 13px 0;
    margin: 0;
    text-transform: uppercase;
}

h3 {
    font-size: 1.15em;
}

h4 {
    font-size: 1.1rem
}

p {
    margin-bottom: 0.7rem
}
#products{text-align: center}
#show_more_color{max-width: 300px;}

.inp_none{display: none}
.btn-hot {
    color: #fff;
    background-color: #b61818;
    border-bottom:2px solid #af4451;
}

.btn-hot:hover, .btn-sky.active:focus, .btn-hot:focus, .open>.dropdown-toggle.btn-hot {
    color: #fff;
    background-color: #ff2222;
    border-bottom:2px solid #b25560;
    outline: none;}


.btn-hot:active, .btn-hot.active {
    color: #fff;
    background-color: #ff4444;
    border-top:2px solid #9a3c47;
    margin-top: 2px;
}


.vvggd{padding-bottom: 20px;}

.btn-fresh {
    color: #fff;
    background-color: #28a745;
    border-bottom:2px solid #41996c;
}

.video-wrapper {
    width: 700px;
    max-width: 100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.vse_akci_blok {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    margin-bottom: 15px;
    padding: 10px 0 10px 0;
    background: #f6f6f6;
    font-size: 1rem;
}

.btn-fresh:hover, .btn-sky.active:focus, .btn-fresh:focus, .open>.dropdown-toggle.btn-fresh {
    color: #fff;
    background-color: #137c15;
    border-bottom:2px solid #529f78;
    outline: none;
}


.btn-fresh:active, .btn-fresh.active {
    color: #fff;
    background-color: #47a877;
    border-top:2px solid #39865f;
    outline: none;
    outline-offset: none;
    margin-top: 2px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
    outline-offset: 0px;
}


.btn-outline-dark:not([disabled]):not(.disabled).active, .btn-outline-dark:not([disabled]):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
}

.filter .btn {
    text-align: left;
    padding: .0rem .5rem;
    font-size: 0.9rem;
}

.filter .dropdown-toggle::after {
    position: absolute;
    right: 9px;
    top: 10px;
}

#top {
    bottom: 15px;
    right: 20px;
    z-index: 999;
    cursor: pointer;
    display: none;
    position: fixed;
}
#top i {
    font-size: 64px;
    opacity: 0.4;
}

/* Скрываем кнопку скрола на ПК - только для мобильных */
@media (min-width: 768px) {
    #top {
        display: none !important;
    }
}

.bigLink {
    cursor: pointer;
}

.section {
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {

    .plashka,  .soput {
        display: none;
    }

}
@media only screen and (max-width: 1200px) {
    .bg-navbar ul li.nav-item:last-child, input.ya-site-form__submit {
        display: block !important;
    }
}

/******************************
 НавБар
*/

.first-nav a.nav-link {
    display: inline-block;
    padding: 6px 9px 6px 9px;
    color: #2a2a2a;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 10px;
}

.bg-navbar {
    /* ЗАМЕНИЛИ КРАСНЫЙ ФОН НА БУРГУНДИ ИЗ site-colors.css */
    background: #692128; /* --navbar-bg из site-colors.css */
    background: rgba(105, 33, 40, 0.7); /* --navbar-bg с opacity из site-colors.css */
    padding: 0 10px 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/* ПОЛНОСТЬЮ УБРАЛИ ДЕФОЛТНЫЙ КРАСНЫЙ ХОВЕР - теперь используются только кастомные цвета из site-colors.css */

.bg-navbar li ul.dropdown-menu {
    left: 0;
    z-index: 9999;
    background: rgb(32, 32, 32);
    background: url(data:image/svg+xml;base64\,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwMjAyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(32, 32, 32, 1) 0%, rgba(38, 38, 38, 1) 15%, rgba(53, 53, 53, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(32, 32, 32, 1)), color-stop(15%, rgba(38, 38, 38, 1)), color-stop(100%, rgba(53, 53, 53, 1)));
    background: -webkit-linear-gradient(top, rgba(32, 32, 32, 1) 0%, rgba(38, 38, 38, 1) 15%, rgba(53, 53, 53, 1) 100%);
    background: -o-linear-gradient(top, rgba(32, 32, 32, 1) 0%, rgba(38, 38, 38, 1) 15%, rgba(53, 53, 53, 1) 100%);
    background: -ms-linear-gradient(top, rgba(32, 32, 32, 1) 0%, rgba(38, 38, 38, 1) 15%, rgba(53, 53, 53, 1) 100%);
    background: linear-gradient(to bottom, rgba(32, 32, 32, 1) 0%, rgba(38, 38, 38, 1) 15%, rgba(53, 53, 53, 1) 100%);
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.bg-navbar .dropdown-menu {
    margin: 0;
}

.bg-navbar li:focus {
    outline-width: 0;
}

.bg-navbar li ul.dropdown-menu li {
    border-top: 1px solid var(--dropdown-menu-border);
    background: transparent;
}
.bg-navbar li ul {
    padding: 7px 10px 9px 13px;
}

.bg-navbar .dropdown-item:focus, .bg-navbar .dropdown-item:hover, .bg-navbar .dropdown-item:active {
    text-decoration: none;
    background: transparent;
    color: var(--dropdown-menu-hover-text);
}

.cat_list_left a {
    text-decoration: none;
}


.bg-navbar li ul.dropdown-menu li a {
    padding: 6px 0px 6px 0px;
    text-align: left;
    color: var(--dropdown-menu-text);
    font-weight: normal;
    font-size: 1em;
    text-decoration: none;
}
.bg-navbar li ul.dropdown-menu {
    font-size: 1em;
}
.bg-navbar li:hover ul.dropdown-menu li a:hover {
    color: var(--dropdown-menu-hover-text);
}

.bg-navbar .nav-item {
    /* Uses CSS variable from site-colors.css */
    border-right: 1px solid var(--navbar-bg);
}

.bg-navbar .nav-item a.nav-link {

    color: var(--navbar-text);
    text-decoration: none;
    padding: 15px 15px 15px 15px;
    font-weight: normal;
    font-size: 1.2em;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    letter-spacing: 0.5px;
}


.top-nav-collapse {
    /* Uses CSS variable from site-colors.css */
    background-color: var(--navbar-bg);
}

.navbar-brand, .navbar-brand img {
    width: 160px;
}

@media screen {
    .bg-navbar {
        margin: 0px auto 10px 0px;
         min-height: 49px;
        padding-top: 0px;
        /*padding-bottom: 0px;*/
        z-index: 2;
    }
}

/* All colors now managed through site-colors.css CSS variables only */

.home {
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    /* background: #111; */ /* фон домика */
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    margin-left: -10px;
}

.home i.fa-home {
    font-size: 2.0rem;
    color: #fff;
    padding: 7px;
}

@media (max-width: 992px) {
    .home {
        display: none;
    }
}

.navbar-toggler {
    width: 50px;
    height: 40px;
}


.left_header {
    position: absolute;
    right: 0;
    top: 5px;
}

.zamer_btn {
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 16px;
    padding: 3px 10px;
    letter-spacing: 0.5px;
    border: 1px solid #fff;
    box-shadow: 2px 2px 2px #fff;
}

@media (max-width: 992px) {
    .zamer_btn {
        position: relative;
        top: auto;
        z-index: 999;
        left: auto;
        border: #fff solid 1px;
    }
}


.zamer_condition {
    color: grey;
}

.navbar .tel {
    font-weight: normal;
    color: #000;
    font-size: 22px;
    margin-bottom:5px;
}

.basket {
    float: right;
}

.head_basket {
    color: var(--main-color);
    font-size: 1.1rem;
    text-decoration: underline;
}

.head_basket:hover {
    color: var(--main-color);
}


.plashka {
    margin: 0px auto 0;
    padding-bottom: 15px;
    background: url('../imgs/templ/brand_sh.png') 50% 100% no-repeat transparent;
}

.plashka .row {
    background: url('../imgs/templ/im_bg.png') #f6f6f6 repeat-x;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0;
    margin: 0;
}


/****************** FOOTER ******************/

footer {
    font-size: 1em;
    padding: 15px 30px 0 30px;
    margin: 20px 0;
    background: rgb(253, 252, 252);
    background: url(data:image/svg+xml;base64\,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(253, 252, 252, 1) 0%, rgba(233, 233, 233, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253, 252, 252, 1)), color-stop(100%, rgba(233, 233, 233, 1)));
    background: -webkit-linear-gradient(top, rgba(253, 252, 252, 1) 0%, rgba(233, 233, 233, 1) 100%);
    background: -o-linear-gradient(top, rgba(253, 252, 252, 1) 0%, rgba(233, 233, 233, 1) 100%);
    background: -ms-linear-gradient(top, rgba(253, 252, 252, 1) 0%, rgba(233, 233, 233, 1) 100%);
    background: linear-gradient(to bottom, rgba(253, 252, 252, 1) 0%, rgba(233, 233, 233, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fdfcfc', endColorstr='#e9e9e9', GradientType=0);
    border-top: 1px solid #fff;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}




.footer-bottom {
    padding: 0 0 19px 0;
    margin-top: 0px;
    position: relative;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    text-align: left;
    overflow: hidden;
    border-top: 1px solid #d4d4d4;
}

.footer-bottom p {
    font-size: 1em;
    margin: 0px 0px 0px 0px;
    text-align: left;
    overflow: hidden;
    display: block;
    padding: 15px 20px 10px 3px;
    clear: both;
    color: #606060;
    line-height: 1em;
}

.footer-bottom2{
    padding: 0 0 0px 0; 
}
.footer-bottom2 p{
    padding: 20px; font-weight: bold;
    line-height: normal;
}

ul.footerbar {
    padding-left: 0;
    line-height: 1.5rem;
}

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

ul.footerbar li a {
    color: #7a7a7a;
    font-weight: normal;
    text-decoration: none;
}

.box_header_phone {
    width: 100%;
    padding: 0 10px 15px 10px;
    color: #fff;
    font-size: 1em;
    font-weight: 100;
    margin-left: 11px;
    margin-top: 10px;
    float: right;
    right: 18px;
    text-align: right;
    background: rgb(151, 25, 25);
    background: url(data:image/svg+xml;
    base64\,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3MTkxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYWQxYzFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjYmExZTFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjOWUxOTFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhMTYxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(151, 25, 25, 1) 0%, rgba(173, 28, 28, 1) 4%, rgba(186, 30, 31, 1) 20%, rgba(158, 25, 26, 1) 46%, rgba(138, 22, 23, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(151, 25, 25, 1)), color-stop(4%, rgba(173, 28, 28, 1)), color-stop(20%, rgba(186, 30, 31, 1)), color-stop(46%, rgba(158, 25, 26, 1)), color-stop(100%, rgba(138, 22, 23, 1)));
    background: -webkit-linear-gradient(top, rgba(151, 25, 25, 1) 0%, rgba(173, 28, 28, 1) 4%, rgba(186, 30, 31, 1) 20%, rgba(158, 25, 26, 1) 46%, rgba(138, 22, 23, 1) 100%);
    background: -o-linear-gradient(top, rgba(151, 25, 25, 1) 0%, rgba(173, 28, 28, 1) 4%, rgba(186, 30, 31, 1) 20%, rgba(158, 25, 26, 1) 46%, rgba(138, 22, 23, 1) 100%);
    background: -ms-linear-gradient(top, rgba(151, 25, 25, 1) 0%, rgba(173, 28, 28, 1) 4%, rgba(186, 30, 31, 1) 20%, rgba(158, 25, 26, 1) 46%, rgba(138, 22, 23, 1) 100%);
    background: linear-gradient(to bottom, rgba(151, 25, 25, 1) 0%, rgba(173, 28, 28, 1) 4%, rgba(186, 30, 31, 1) 20%, rgba(158, 25, 26, 1) 46%, rgba(138, 22, 23, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#971919', endColorstr='#8a1617', GradientType=0);
    -webkit-border-radius: 6px;
    border-radius: 6px;
}



.box_header_phone .icon i {
    position: absolute;
    width: 50px;
    height: 58px;
    left: 30px;
    top: 30px;
    font-size: 3rem;
}


.box_header_phone b {
    color: #fff;
    font-size: 1em;
    line-height: 2em;
    padding: 8px 0px 0px 70px;
    margin: 0px 0px 0px 0px;
    display: block;
    position: relative;
    letter-spacing: 1px;
    font-family: 'ReformaGroteskMediumC', sans-serif;
    text-transform: uppercase;
    text-align: right;
}

.box_header_phone span {
    font-size: 1em;
    margin-bottom: 2px;
}

.box_header_phone > p {
    font-size: .91em;
    padding-top: 7px;
}



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

#soput {
    display: none;
}

.soput_item a{
    text-decoration: none;
}

.page-item.active .page-link {
    background-color:var(--main-color);
}

.pag ul {
    margin: 0 auto;
    margin-top: 10px;
}

.page-link {
    border: none;
    color: var(--main-color);
}

.page-link:focus, .page-link:hover {
    color: #666;
}

.ribbon-wrapper-promo {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px; }

.ribbon-promo {
    font: bold 15px Sans-Serif;
    color: #fff;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: var(--main-color);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--main-color)), to(var(--main-color)));
    background-image: -webkit-linear-gradient(top, var(--main-color), var(--main-color));
    background-image: -moz-linear-gradient(top, var(--main-color), var(--main-color));
    background-image: -ms-linear-gradient(top, var(--main-color), var(--main-color));
    background-image: -o-linear-gradient(top, var(--main-color), var(--main-color));
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }


ul.children_list {
    padding-left:15px;
}

.children_list li{
    list-style: none;
}

.img_prod_port{width: 80px; height: 80px; padding: 5px; }

@media (max-width: 992px) {

    .p_block{width: 50%;}

    .home_category .children_list {
        padding-left: 5px;
    }

}



.main_content {
    background: #fff;
    margin-right: 0;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.main_cat {
    min-height: 450px;
}


.columns div.card {
    vertical-align: middle;
    padding: 4px;
}

.columns > div:hover {
    z-index: 6;
}

.columns div img {
    position: relative;
    margin-bottom: 7px;
}

.columns div .info {
    display: none;
    position: absolute;
    bottom: -80px;
    height: 80px;
    width: 100%;
    background: #fff;
    font-size: 13px;
    margin-top: 0;
    margin-left: -7px;
    padding: 5px;
    text-transform: uppercase;
    text-decoration: underline;
}
.columns div .info a {
    color: #666;
}

.colors_cat, .columns div:hover .info {
    display: block
}

.columns div h2 {
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    padding: 10px 0
}

.columns div p {
    padding: 0;
    margin: 0;
    font-size: .9em
}
.vvggd {flex: 0 0 20%;}
.vvggd .children_list{display: none;}
.vvggd .main_cat {
    min-height: auto;
}
.vvggd h2{text-transform: none;
    font-size: 1rem;
    font-weight: normal;}
.productSpecialPrice {
    color: #c31f20;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.2rem;
}

.productSpecialPrice em {
    font-size: 0.9rem;
    display: inline-block;
}

del {
    color: #666666;
    font-weight: normal;
    font-size: .8rem;
    line-height: 1.2rem;
    text-transform: lowercase;
}

.price b {
    font-size: 2rem;
    line-height: 2.2rem;
    float: left;
    color: #000;
    display: none;
}


.list-group-item {
    padding: .35rem 1.25rem;
}
.list-group-item.active {
    background-color: transparent;
    border-color: #ccc;
    font-weight:bold;
    color: var(--main-color);
}


.item_gradiented{text-align: center; margin:0; padding:0}

.category_params ul li {
    list-style: none;
}
.category_params ul li a {
    color: #000;
}

.category_params ul li  ul li {
    list-style: circle;
}

.category_params ul li.active a {
    font-weight:bold;
}
.category_params ul li a.active {
    font-weight:bold;
    color: var(--main-color);
}

.maineconom .card h3 a{
    text-transform: uppercase;
    text-decoration: underline;
    font-size: .8rem;
    color: #666;
}

.mainsale .card p{
    text-transform: uppercase;
    margin: 0;
}
.mainsale .card a {
    text-transform: uppercase;
    text-decoration: underline;
    color: #666;
}
.mainsale .card h3 {
    font-size: .8rem;
}

.last_left_view {
    height: 250px;
}
.last_left_view .bigLink:nth-child(odd) {
    padding-right: 0;
}

.last_left_view .bigLink:nth-child(even) {
    padding-left: 0;
}

.lastseen {
    margin: 5px 7px 15px 7px;
}
.lastseen img {
    width: 100%;
}

.lastseen .price a {
    text-decoration: none;
    color: #0a0b0d;
}

.last_left_view {
    overflow: hidden;
    position: relative;
}

.lastseen:hover {
    -webkit-box-shadow: 3px 4px 8px 3px rgba(110, 2, 17, 0.7);
    -moz-box-shadow: 3px 4px 8px 3px rgba(110, 2, 17, 0.7);
    box-shadow: 3px 4px 8px 3px rgba(110, 2, 17, 0.7);
}

.lastseen .price {
    color: #0a0b0d;
    text-decoration: none;
}
.btn-hot:focus{
    background-color: inherit;
    border: 2px solid inherit;
    box-shadow: 2px 2px 2px inherit;   
}

.img_ins{width: 50px; padding: 10px 10px 0 10px;}

.btn-hot:active{
    background-color:inherit;
    border:  inherit;
    box-shadow:  inherit;   
}

.btn-hot:hover{

    background-color: #000;
    border: 2px solid #000;
    box-shadow: 2px 2px 2px #000;

}


.tech_info {
    border: #2d7091 solid 1px;
    padding: 5px;
}
.tech_info p {
    line-height:10px;
    margin: 7px;
}

fieldset.unpublished {
    padding: 0 7px 0 7px;
}
.unpublished.guest {
    border: #cccccc solid 1px;
}
.unpublished.auth {
    border: #a94442 solid 1px;
}
.unpublished.guest > legend {
    display: none;
}

.modal-content .close {
    position: absolute;
    right: 15px;
}

.p_block select{padding: 5px;}
.buy_info {
    width: intrinsic;
    line-height: 1rem;
    padding: 9px;
    margin: 15px 0;
    background: #f6f6f6;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.buy_info p {
    margin-bottom: .7rem;
}

.nadpis_niz_tov{line-height: 1rem;}

.page_price {
    font-size: 1.2rem;
    line-height: 1rem;
}
.page_price span.current_price {
    padding-right: 4px;
    width: 100%;
    text-align: left;
    color: var(--main-color);
}
.page_price .old_del {
    font-size: 1.2rem;
}

.bullet a {color: #000;}

.addtoc {
    background: #6a2e2e;
    width: 200px;
    border: none;
    line-height: 48px;
    color: #FFF;
    font-size: 20px;
    padding: 0;
    cursor: pointer;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    text-transform: none;
    text-decoration: none;
    margin-top: 15px;
}

.podbor .addtoc {
    margin-top: 0;
    line-height:38px;
    font-size: 18px;
    
}


#naideno{padding-left: 7px;}

.addtoc:hover {
    background: #000;
    color: #fff;
}

.online {
    color: green;
    font-weight:bold;
}

.buyoneclick fieldset {
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    padding-bottom: 0px;
    padding: 0 5px;
}

.buyoneclick{   
    border: none;
    margin-top: 20px;}

    legend {
        font-size: 1rem;
        width: auto;
        text-align: center;
    }

    .buyoneclick #oneclick_form{display: flex;
        justify-content: center;
        padding: 5px;}
.buyoneclick .form-control{display: inline-block;}
.buyoneclick .btn-dark{margin-top: 0;}
.buyoneclick form, .buyoneclick .buyoneclick-phone {
    font-size: 18px;
    margin-bottom: 7px;
}

.buyoneclick input.phone_field {
    width: 200px !important;    font-size: 20px;
}
.btn-dark{width: 200px; margin-top: 10px;     color: #FFF; background-color: #000000;
    font-size: 20px;
   }

.form-inline {
    flex-direction: column;
    align-items: flex-start;
}

.buyoneclick input.phone_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 0.9rem;
}
.buyoneclick input.phone_field::-moz-placeholder { /* Firefox 19+ */
    font-size: 0.9rem;
}
.buyoneclick input.phone_field:-ms-input-placeholder { /* IE 10+ */
    font-size: 0.9rem;
}
.buyoneclick input.phone_field:-moz-placeholder { /* Firefox 18- */
    font-size: 0.9rem;
}


legend {
    font-size: 1rem;
    width: auto;
}

#color3 {
    float: right;
    width: 50px;
    height: 50px;
    padding: 0px;
    margin: 3px;
    margin-bottom: 0px;
    text-align: center;
    cursor: pointer;
}

#color3 img {
    width: 50px;
    max-height: 50px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
}

#color3 .cover {
    background: transparent;
    display: block;
    height: 50px;
    width: 50px;
    padding: 0px;
    top: 0px;
    z-index: 11;
}

#color3 span {
    display: block;
    float: left;
    height: 50px;
    width: 50px;
    margin: 0px 20px 0px 0px;
    position: relative;

}

#color3 .cover.active {
    background: url('../imgs/templ/galka3.png') 8px 5px no-repeat;
    opacity: 0.9;
}



.fassad_name{margin-top:20px}
.fassad_row{padding-top: 10px;}
.cen_fasad{line-height: 24px;}

/* Facade names styling */
.fasad_name{
    display: none !important;
}

/* Product addons (same grid feel as facades) */
.product-addons .addon-item{
    transition: all 0.2s ease;
}
.product-addons .addon-item:hover{
    transform: translateY(-1px);
}

/* Mobile tuning for facade grid */
@media (max-width: 576px) {
    .fasad_name{
        display: none !important;
    }
    .fassad_row{padding-top: 6px;}
    .fassad_row > [class^="col-"],
    .fassad_row > [class*=" col-"]{
        padding-left: 4px;
        padding-right: 4px;
    }
    .facade-item{max-width: 100px; margin-left: auto; margin-right: auto;}
}

.vitraj {
    float: left;
    width: 120px;
    height: 120px;
    padding: 0px;
    margin: 3px;
    margin-bottom: 15px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.vitraj img {
    width: 120px;
    max-height: 120px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
}

.vitraj .cover {
    background: transparent;
    display: block;
    height: 120px;
    width: 120px;
    padding: 0px;
    position: absolute;
    top: 0px;
    z-index: 11;
}

.vitraj .cover.active {
    background: url('../imgs/templ/galka0.png') 33px 25px no-repeat;;
    opacity: 0.9;
}

.cart_row {
    border-bottom: #ccc solid 1px;
}

.cart_row span {
    display: inline-block;
}

.cart_form {
    padding: 9px;
    background: #f6f6f6;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.cart_form .form-control{
    padding: 0.2rem 0.75rem;
}

.cart_form select.form-control:not([size]):not([multiple]) {
    height: calc(2rem + 2px);
}

/* Center the order submit button within cart_form */
.cart_form .addtoc {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.del_order {
    position: absolute;
    right: 0;
    top:0;
    padding: 0.1rem 0.1rem;
    line-height: .7;
}

/**
Форма поиска от яндекса
 */

#ya-site-form0 {
    width: 260px !important;
}

.ya-site-form__search-input-layout-l {
    width: 170px !important;
}

#ya-site-form0, #ya-site-form0 .ya-site-form__form {
    color: #fff !important;
    background-color: transparent !important;
}

#ya-site-form0 .ya-site-form__input-text {
    display: block;
    width: 170px !important;
    line-height: 1.6;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

@media only screen and (max-width: 1200px) {
    #ya-site-form0 .ya-site-form__input-text {
        width: 120px !important;
    }
    .p_block.select{width: 50%;margin-bottom: 10px;}
}

#ya-site-form0 .ya-site-form__submit {
    color: #fff !important;
    display:inline-block;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border:1px solid transparent;
    font-size:1rem;
    line-height: 1.3;
    border-radius:.25rem;
    -webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}


/******** COUNTDOWN *********/

#clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
}

#clockdiv > div{
    padding: 10px;
    display: inline-block;
}

#clockdiv div > span{
    padding: 15px;
    border-radius: 3px;
    background: #111;
    display: inline-block;
}

#clockdiv h2 {
    color: #777;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
    color: #0a0b0d;
}

/******** END COUNTDOWN *********/

/******** Поиск по цене и категории *********/

.left_search {
    padding: 20px 10px;
}
.left_search .btn {
    width: 100%;
}

.left_search .rangeSlider__fill {
    background: var(--main-color);
}

.left_search select {
    font-size: 0.9rem;
}

.rangeSlider__horizontal {
    height: 10px;
    width: 100%;
}
.rangeSlider__handle__horizontal {
    top: -10px;
}
.rangeSlider__handle {
    width: 30px;
    height: 30px;
}

/******** Конец Поиск по цене и категории *********/

.filter button {
    width: 220px;
}

.cat_detsk a.list-group-item {
    text-decoration: none;
}

.cat_detsk div a.list-group-item {
    padding-left: 40px;
}


.card-header a {
    color: #000;
}

.cat_detsk .fa.fa-chevron-right.float-lg-left {
    font-size: 14px;
    line-height: 25px;
    margin-right: 5px;
}

.cat_grid .card {
    min-height: 200px;
}

.active .list-group-item {
    padding-left: 30px;
}

.podborki {
    background-color: #e9ecef;
    border-radius: .25rem;
    padding: 15px;
}

.napolnenie_img {
    width: 60px;
    min-height: 60px;
}

.tov_napolnenie .cover {
    background: transparent;
    display: block;
    height: 60px;
    padding: 0px;
    position: absolute;
    top: 0px;
    width: 60px;
    z-index: 11;
}

.tov_napolnenie .cover.active {
    background: url('../imgs/templ/galka0.png') left 0px no-repeat;
    opacity: 0.9;
}

.cat_detsk ul, .category_params ul {
    padding-left: 25px !important;
}

.category_params ul li a.active {
    color: var(--main-color);
}

.mult {
    width: 100%;
}


.box_header_phone a {
    color: #fff;
}

.tel .show_phone {
    font-size: 16px;
}

@media (max-width: 440px) {
    .tel .show_phone {
        font-size: 13px;
    }
}


.tel .phone_number {
    color: #000;
}

.tel .phone_number2 {
    color: #000;
}

.show_phone {
    cursor: pointer;
    border-bottom: #000 dotted 2px;
    text-decoration: none;
}

a.phone_number, span.phone_number {
    display: none;
    text-decoration: none;
}

a.phone_number2, span.phone_number2 {
    text-decoration: none;
}

.search-art button, .search-art input {
    height: 30px;
    padding-top: 2px;
}
.search-art button {
    margin-bottom: 3px;
}
.breadcrumb a{color: #000;}

/* -----------Подбор по параметрам ------------- */

.color_ob2{display: flex;  flex-wrap: wrap;}
.color_ob{display: flex; justify-content: center; flex-wrap: wrap;}
.color_kat{    margin: 2px;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #ccc;}

.breadcrumb {
    background: none;
    /* border: 1px solid #e0e0e0; */
    padding: 0 5px;
}



  




.arrow_n {
display: none;
}

.korz_m{font-family: Arial, Helvetica, sans-serif;     padding-left: 5px; }


.badge {font-size: 100%;font-family: Arial, Helvetica, sans-serif;  }

.podbor {
    font-size: 14px;
}

.podbor h4 {
    margin-top: 0;
}

.podbor input[type=text] {
    width: 60px;
    text-align: center;
    padding: 5px;
    margin: 3px;
}

.naideno {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    margin-top: 15px;
    margin-bottom: .5rem;
}


.mu_prod{width: 18%; margin: 10px 6px; display: flex;}

.podbor .form-control {
    font-size: 15px;
    color: #000;
    height: auto;
    padding: 5px;
}

.podbor input[type=checkbox], .podbor input[type=radio] {
    margin: 3px;
}

.podbor_btn {
    float: right;
    margin-right: 20px;
    text-transform: none;
    font-family: "Franklin Gothic Medium Cond", sans-serif;
    height: 40px;
}

.podbor_btn img {
    margin-top: 5px;
}

/**-----------Range Slider-------------*/

.noUi-target {
    width: 185px;
    margin-left: 5px;
}
.noUi-horizontal {
    height: 4px !important;
}

.noUi-connect {
    background-color: #0f74a8 !important;
}



.noUi-horizontal .noUi-handle {
    width: 24px !important;
    height: 20px !important;
    right: -15px !important;
    top: -8px !important;
}

.noUi-handle:after, .noUi-handle:before {
    height: 8px !important;
    top: 4px !important;
}

.noUi-handle:before {
    left: 4px !important;
}
.noUi-handle:after {
    left: 6px !important;
}

/**---------End Range Slider-----------*/


#show_btn2{ margin-left: auto;
    /* margin-right: auto; */
    width: auto;
    padding: 10px 20px;
    line-height: normal;
    height: 38px;
  
    font-size: 14px;
}
.p_name {
    line-height: 20px;
}

.col_tov_v{text-align: center;text-align: center;
    margin: 5px 0 10px 0;}
.col_tov_v div{border-bottom: 1px solid #ccc; display: inline-block;     width: auto;    padding: 0 40px; }

.otst_niz{margin-top: 100px;}


.filtr_jkh{
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding: 10px;
    background: #000;
    cursor: pointer;
    color: #fff;

    margin: 0 0 -2px 0;
    border: 1px solid #ccc;}
    .filtr_jkh{display: none;}

.p_block {
    width: 25%;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.my_flexg{display: flex; flex-wrap: wrap;     width: 100%; margin: 0px 0 0px 0;     align-items: center;}




@media (max-width: 1600px) {
.noUi-target { width: 135px;}
.my_colo_filtr{width: 100%;   }
#show_btn2{  margin-right: auto; margin: 5px auto;}
.mu_prod{width: 23%; }
}


@media (max-width: 1200px) {
    .vvggd {
        flex: 0 0 33%;
    }
    .p_block { width: 50%;}
    .noUi-target { width: 185px;}
    .mu_prod{width: 30%; }
}




@media (max-width: 990px) {
    .buyoneclick input.phone_field {
        width: 100% !important;
    }
    .buyoneclick .btn-dark {
        margin-top: 20px; width: 100%;
    }
    .buyoneclick #oneclick_form {
        flex-wrap: wrap;
    }

    .vvggd {
        flex: 0 0 50%;
    }

    .mu_prod{width: 45%; }

    .my_fuverf {
        display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    width: 50%;
    text-align: left;
    }

    .my_fuverf a{
        display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 10px;
    margin-bottom: 20px;
    width: 100%;
    text-align: left;
    }

    .my_fuverf_ob img {
        width: 50px;
        height: 50px;
        margin-bottom: 0;
    }

    .p_block {
        width: 50%;
    }
    .noUi-target { width: 135px;}
    .my_flexg {
        justify-content: space-between;
        margin-top: 10px;
    }
.dd.ddcommon{width: 100% !important}
    #show_btn2 {margin-left: auto; margin-right: auto;  }

    .p_block.select { width: 100%;}

    .ddgrui{width: 100%;}


    .zamer_btn {
        position: absolute;
        top: 8px;
        z-index: 999;
        right: -5px;
        border: #fff solid 1px;
    }

}

@media (max-width: 700px) {



.my_sel_p{width: 100%; margin-top: 15px; }
strong.my_sel_p{width: 100%; margin-top: 15px; display: block; text-align: center;}

    .head_basket {
        font-size: 1rem;
    }
    .vvggd {
        flex: 0 0 50%;
    }
    .footer-bottom2 p{
        padding:20px 0px;
    }
    .footer-bottom{padding: 20px;}

    .buyoneclick {
        width: 100%;
    }

    legend {
        font-size: 1rem;
        width: auto;
        text-align: center;
    }


    .form-inline {

        justify-content: center;
        width: 100%;
    }

    .btn-dark {       width: 100%;
    }

    .buyoneclick input.phone_field {
        width: 100% !important;
    }

    .addtoc{width: 100%;}
    #prod_items{margin-left: -15px;}
    .pag ul {margin-top: 20px;}
    .mu_prod{width: 100%; }
    .color_fil{display: block; }
    .my_colo_filtr>div{width: 100px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin: 10px;}
    .color_kat {
        width: 30px;
        height: 30px;

    }

    #color3{margin-bottom: 0;}
.home-magme{padding: 0;}

    .mr-auto, .mx-auto {
        margin-top: 0px;
    }
    .arrow_n {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
        margin: 5px 0 0 10px;
        display: inline-block;
    }

    /* Mobile red background removed - now using custom colors from site-colors.css */
    .bg-navbar .nav-item {
        border-bottom: 1px solid #821415;
        border-right: none;
    }

    .podbor input[type=text] {
        width: 70px;
        text-align: center;
        padding: 5px;
        margin: 5px 5px 0 5px;
    }

    .podbor {
        font-size: 15px;
    }
    .p_block.select {
        margin: 8px 0px;
    }

    #show_btn2 {
        padding: 10px 30px;
        height: 40px;
        margin-bottom: 15px;
        margin-top: 20px;
        width: 100%;
    }


    .dd .ddTitle{height: 32px !important;}
    .dd .ddTitle .ddTitleText {
        padding: 10px 25px 5px 10px !important;
    }

    .p_block { width: 100%; margin-bottom: 10px;}
    .noUi-target { width: 100%;}

.filtr_jkh{   display: inline-block;
    margin: 15px 0;}
    .podbor.buy_info{display: block;}




    
    .podbor .addtoc{
        line-height:normal;
        font-size: 16px;
        height: 28px;
        margin: 10px 10px 0 0px;
        padding: 7px;}

    .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }

    .noUi-target {
        /* width: 235px; */
        margin-left: 5px;
    }

    .vse_video_blok{   padding: 15px;  }
    .one_none{display: none;}
.p_block{padding: 0;}
    .nad_video {
        width: 100%;
        padding: 5px;
    }
    
    .navbar .tel {
        font-size: 16px;
    }

    .navbar .tel {
        font-size: 20px;
    }



.del {
    font-size: 1rem;
}

.productSpecialPrice {

    font-size: 1.4rem;

}

.columns div p {
    font-size: 1.2em;
}

.item_gradiented { margin-top: 0; }


.head_basket {font-size: 1.2rem;  padding: 5px;}
.price span{font-size: 0.9rem; padding: 5px;}
ul.footerbar li {margin: 5px; font-size: 1.2rem;}

}

@media (max-width: 400px) {
    .p_block {
        width: 100%;
    }

    .my_flexg {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

}

/* Стили для админ-панели категорий */
.position-number {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
}

.parent-category-row {
    background-color: #f8f9fa !important;
    border-left: 4px solid var(--primary-color) !important;
}

.parent-category-row td {
    font-weight: 600;
}

.subcategory-row {
    background-color: #ffffff !important;
}

.subcategory-row:hover {
    background-color: #f1f3f4 !important;
}

/* Компактные стили для таблицы категорий */
.table tbody tr {
    height: 50px !important;
}

.table tbody td {
    padding: 8px 12px !important;
    vertical-align: middle !important;
}

.table thead th {
    padding: 8px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Recommendations Section Styles */
#soput {
    margin: 40px 0;
    padding: 20px 0;
}

#soput h2 {
    color: #333;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 600;
}

.recommendation-category {
    margin-bottom: 40px;
}

.recommendation-category h3 {
    color: #666;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
}

.recommendation-products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.recommendation-product {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.recommendation-product:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.recommendation-product a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.recommendation-product img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.recommendation-product h4 {
    padding: 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 1.4;
}

.recommendation-product .price {
    padding: 0 15px 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.recommendation-product .old-price {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
}

.recommendation-product .current-price {
    font-size: 16px;
    font-weight: 600;
    color: var(--main-color);
}

@media (max-width: 768px) {
    .recommendation-products {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 15px;
    }
    
    .recommendation-product img {
        height: 120px;
    }
    
    .recommendation-product h4 {
        font-size: 13px;
        padding: 10px;
    }
    
    .recommendation-product .price {
        padding: 0 10px 10px;
    }
}

.compact-text {
    font-size: 13px;
    line-height: 1.3;
}

/* Shared tile styles identical to "Вы смотрели" */
.lastseen .img-box{ display:block; height:230px; padding:8px; background:#fff; }
@media (max-width: 991.98px){ .lastseen .img-box{ height:220px; } }
@media (max-width: 767.98px){ .lastseen .img-box{ height:200px; } }
@media (max-width: 575.98px){ .lastseen .img-box{ height:190px; } }
.lastseen .img-box img{ width:100%; height:100%; object-fit:contain; }
.lastseen .card-img-top{ padding:0 !important; }
.lastseen .info{ display:none !important; }
.lastseen .card-footer{ padding:8px; }
.lastseen .price a, .lastseen .price del a{ text-decoration:none; }

/* Heading style for the recommendations section */
#soput .soput-heading{ font-size:1.875rem; font-weight:600; line-height:1.2; margin:8px 0 14px; }
@media (max-width: 575.98px){
  #soput .soput-heading{ font-size:1.2rem; }
}

/* === Moved from resources/views/layouts/vikos.blade.php <style> block === */
@media (max-width: 991.98px){
    .navbar-toggler{ 
        width: 42px; height: 42px; padding: 0; 
        display: inline-flex; align-items: center; justify-content: center; 
        position: relative; border: none !important; outline: none !important; box-shadow: none !important;
        -webkit-tap-highlight-color: transparent; background: transparent;
    }
    .navbar-toggler:focus, .navbar-toggler:active{ outline: none !important; box-shadow: none !important; }
    .navbar-toggler .icon-bars, .navbar-toggler .icon-close{
        position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
        transition: transform .25s ease, opacity .2s ease; will-change: transform, opacity;
    }
    .navbar-toggler .icon-close{ opacity: 0; transform: translate(-50%,-50%) rotate(-90deg) scale(.9); }
    .navbar-toggler.open .icon-bars{ opacity: 0; transform: translate(-50%,-50%) rotate(90deg) scale(.9); }
    .navbar-toggler.open .icon-close{ opacity: 1; transform: translate(-50%,-50%) rotate(0deg) scale(1); }
}
/* Небольшая коррекция вертикали кнопки корзины */
@media (min-width: 992px){
    #basket_link .cart-button{ position: relative; top: 10px; display: inline-flex; align-items: center; }
}

/* Предотвращение смещения фона при открытии модального окна */
body.modal-open {
    overflow: hidden !important;
    padding-right: 0 !important;
}

/* Убираем обводку у крестика в модальном окне */
.modal .close,
.modal .close:focus,
.modal .close:hover,
.modal .close:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.modal-backdrop { z-index: 1040 !important; }
.modal { z-index: 1050 !important; }
/* Плавное появление модалок/бекдропа (без Bootstrap JS) */
.modal.fade{opacity:0; transition:opacity .25s ease;}
.modal.fade.show{opacity:1;}
.modal-backdrop.fade{opacity:0; transition:opacity .25s ease;}
.modal-backdrop.fade.show{opacity:.5;}

/* Стили для уведомлений в ПК версии */
@media (min-width: 769px) {
    .alert.position-fixed {
        position: fixed !important;
        top: 20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        min-width: 400px !important;
        max-width: 600px !important;
        margin: 0 !important;
        border-radius: 10px !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
        z-index: 1040 !important;
        text-align: center !important;
        padding: 15px 40px 15px 20px !important;
        font-size: 14px !important;
    }
    .alert.position-fixed .close {
        position: absolute !important;
        top: 8px !important;
        right: 12px !important;
        font-size: 24px !important;
        font-weight: bold !important;
        color: #000 !important;
        opacity: 0.8 !important;
        background: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }
    .alert.position-fixed .close:hover { opacity: 1 !important; }
}

/* Стили для уведомлений в мобильной версии */
@media (max-width: 768px) {
    .alert.position-fixed {
        position: fixed !important;
        top: 20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 90% !important;
        max-width: 400px !important;
        margin: 0 !important;
        border-radius: 15px !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
        z-index: 1040 !important;
        text-align: center !important;
        padding: 20px 20px 20px 20px !important;
        font-size: 16px !important;
    }
    .alert.position-fixed .close {
        position: absolute !important;
        top: 10px !important;
        right: 15px !important;
        font-size: 28px !important;
        font-weight: bold !important;
        color: #000 !important;
        opacity: 0.8 !important;
        background: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }
    .alert.position-fixed .close:hover { opacity: 1 !important; }
}
/* Home-page and category reveal animations */
.a-reveal{opacity:0; transform: translateY(18px); transition: transform .7s cubic-bezier(.2,.65,.2,1), opacity .7s ease; will-change: transform, opacity}
.a-reveal.a-left{transform: translateX(-36px)}
.a-reveal.a-right{transform: translateX(36px)}
.a-reveal.a-up{transform: translateY(-24px)}
.a-reveal.a-show{opacity:1; transform: translate3d(0,0,0)}
/* Prevent horizontal scrollbars on mobile caused by animated elements or grid gaps */
html, body { max-width: 100%; overflow-x: hidden; }
.plashechki { overflow-x: hidden; }
#prod_items { overflow-x: hidden; }
/* Footer always visible - no animations */
footer, footer *, footer .column-footer, footer .box_header_phone {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    transition: none !important;
}
/* Левый скролл-бар: структура 1в1 (#stl_bg / #stl_text) */
@media (min-width: 768px){
    #stl_bg{position:fixed;left:0;top:0;height:100vh;width:114px;padding-top:60px;z-index:2000;cursor:pointer;background:transparent;opacity:0;pointer-events:none;transition: background-color 200ms linear, opacity 200ms linear}
    #stl_bg.visible{opacity:.5;pointer-events:auto}
    #stl_bg:hover{background-color: rgba(0,0,0,.12); opacity:1}
    #stl_text{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:8px;color:#b0b3b8;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.02em}
    #stl_bg:hover #stl_text{color:#ffffff}
    #stl_text svg{width:24px;height:24px;fill:currentColor}
}
/* Полностью скрываем левую полосу и подпись на мобильных */
@media (max-width: 767.98px){
    #stl_bg{display:none !important;}
}

/* Стили для значков соцсетей в футере */
.social-links { display:flex; gap:10px; align-items:center; }
.social-links a { transition: opacity 0.3s ease; }
.social-links a:hover { opacity: 0.8; }
.social-links img.img_ins { width:40px !important; height:40px !important; border-radius:4px; object-fit:contain; display:block; }
@media (max-width: 768px) {
    .footer-bottom, .footer-bottom2 { justify-content:center !important; text-align:center !important; flex-direction:column !important; }
    .footer-bottom p, .footer-bottom2 p, .footer-bottom a, .footer-bottom2 a { text-align:center !important; margin-left:auto !important; margin-right:auto !important; display:block; }
    .social-links { justify-content:center !important; margin:12px 0 !important; }
    .social-links a { display:inline-block; }
    .social-links img.img_ins { width:56px !important; height:56px !important; }
}

/* Кнопка Обратный звонок - убираем все обводки при нажатии */
.btn.zamer_btn,
.btn.zamer_btn:focus,
.btn.zamer_btn:active,
.btn.zamer_btn:active:focus,
.btn.zamer_btn.active,
.btn.zamer_btn.active:focus,
button.zamer_btn,
button.zamer_btn:focus,
button.zamer_btn:active,
button.zamer_btn:active:focus,
button.zamer_btn.active,
button.zamer_btn.active:focus { outline:none !important; box-shadow:none !important; border:none !important; -webkit-box-shadow:none !important; -webkit-tap-highlight-color:transparent !important; }

/* Общие правила для всех кнопок btn-hot */
.btn-hot,
.btn-hot:focus,
.btn-hot:active,
.btn-hot:active:focus,
.btn-hot.active,
.btn-hot.active:focus { outline:none !important; box-shadow:none !important; -webkit-box-shadow:none !important; -webkit-tap-highlight-color:transparent !important; }