@font-face {
    font-family: 'Montserrat 500';
    src: url('../fonts/montserrat/static/Montserrat-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat 400';
    src: url('../fonts/montserrat/static/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat 600';
    src: url('../fonts/montserrat/static/Montserrat-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans/OpenSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}




body {
	font-family: 'Verdana', sans-serif;
	font-weight: 400;
	color: #222;
	line-height: 20px;
	width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
}
.all-category{
    margin-top:25px;
    /*margin-bottom:45px;*/
}

.special-link-footer{
    margin-top:15px;
}

.special-link-footer a{
    background:#ffffff;
    padding:8px 16px;
}

/* Override the bootstrap defaults */
h1 {
	font-size: 28px;
	font-weight: 600;
    padding:28px 0;
	margin-top: 0;
    font-family: 'Montserrat 400', sans-serif;
}
h2 {
	font-size: 17px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 12px;
}
.heading {
    font-size: 16px;
    background: #eee;
    padding: 10px 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: center;
}
a {
	color: #222;
}
a:focus, a:hover {
    color: #999;
	text-decoration: none;
}
#top a:hover {
    color: #999;
}
.table, tbody, .table-bordered, tr, td, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #eee;
}
.category-list{
    margin-top:25px;
}

legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
.html {
    background: #eee;
    padding: 10px;
    border-radius: 5px;
}
.html p {
    margin-top: 20px;
    color: #555;
    font-size: 12px;
}

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

/*@media (min-width: 1345px) {*/
/*.container {*/
/*    width: 1300px;*/
/*}}*/


/* Для очень больших экранов (Full HD и выше) */
/*@media (min-width: 1600px) {*/
/*    .container {*/
/*        width: 1700px; !* Было 1500px, увеличили до 1700px *!*/
/*        max-width: 95%; !* Защита, чтобы не вылезло за края экрана *!*/
/*    }*/
/*}*/

/*!* Для стандартных мониторов и ноутбуков *!*/
/*@media (min-width: 1345px) {*/
/*    .container {*/
/*        width: 1550px; !* Было 1300px, увеличили до 1550px *!*/
/*        max-width: 95%;*/
/*    }*/
/*}*/

@media (min-width: 1600px) {
    .container {
        width: 1600px; /* Было 1700px */
        max-width: 95%;
    }
}

/* Для стандартных мониторов и ноутбуков */
@media (min-width: 1345px) {
    .container {
        width: 1450px; /* Было 1550px */
        max-width: 95%;
    }
}


select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	height: 40px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
    background-color: #eee;
    border: none;
    color: #24A1DE;
    padding:5px 14px;
    font-size:14px;
}
#input-sort {
    padding: 3px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height:40px;
}
.form-control {border: 1px solid #eee; box-shadow: none;}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

a:active, a:focus { outline: none; }
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
.btn:active, .btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;outline:none;}
.btn::-moz-focus-inner{border:0;}
button:active, button:focus{outline:none !important;}
button::-moz-focus-inner{border:0 !important;}
:focus{outline:none;}
:focus{-moz-outline:3px solid #fff !important;}
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
input[type="radio"]:focus{-moz-outline-radius:12px !important;-moz-outline-offset:0px !important;}
button[type="radio"]:focus{-moz-outline-radius:12px !important;-moz-outline-offset:0px !important;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;}
input[type=checkbox], input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {cursor: pointer;}

#input-limit {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px;
    height:40px;
}

.well {
    box-shadow: none;
    border: 0;
}
.nav-tabs {
    width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.nav-pills {
    background: #eee;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #222;
    background-color: #fff;
}
@media (max-width: 768px) {
    .nav-tabs>li {width: 33.33%;text-align: center;}
    .nav>li>a {padding: 10px 5px;overflow: hidden;text-overflow: ellipsis;}
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: 1px solid #eee;border-bottom-color: transparent;}
.nav>li>a:focus, .nav>li>a:hover {color: #999;}
.nav-tabs>li>a:hover {border-color: #eee;}

div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #376aca;
	background-image: linear-gradient(to bottom, #4979cf, #2f64ca);
	background-repeat: repeat-x;
}

/* На мобильных (до 767px) отступа не будет или он будет минимальным */
#top-sticky-wrapper {
    min-height: auto;
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    #top-sticky-wrapper {
        margin-bottom: 55px;
    }
}

/* Десктоп */
@media (min-width: 992px) {
    #top-sticky-wrapper {
        margin-bottom: 60px;
    }
}


/* top */
#top {
    /*margin-bottom: 60px;*/
    padding:15px 0;
    font-family: 'Montserrat 400', sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: background 0.3s; /* Для мягкости */
    background:#FFFFFF;
    /*position: -webkit-sticky; !* Для Safari *!*/
    /*position: sticky;*/
    /*top: 0;*/
    /*z-index: 500 !important;*/
}

/* Когда шапка фиксируется */
.sticky-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99 !important;
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* Настройка анимации */
    animation: slideDown 0.3s ease-out;
    transform: translateZ(0);
}

@keyframes slideDown {
    from {
        transform: translateY(-100%); /* Начинаем за пределами экрана */
        opacity: 0;
    }
    to {
        transform: translateY(0);    /* Приезжаем в обычное положение */
        opacity: 1;
    }
}

.text-bold{
    font-weight: bold;
}
h2.text-left{
    text-align: left !important;
    margin-bottom:15px !important;
    margin-top:1px !important;
    padding-left:0 !important;
}
.product-tag{
    padding:5px 10px;
    font-family: 'Montserrat 500', sans-serif;
    font-style: italic;
    background: #24A1DE;
    color:#ffffff;
    border-radius:6px;
}
.product-tag:hover{
    color:#ffffff;
}
.h2-descr{
    font-family: 'Montserrat 500', sans-serif !important;
    background:#24a1de !important;
    color:#fff !important;
    padding:12px 15px !important;
    border-radius:4px !important;
    font-size:17px !important;
}
.h3-descr{
    font-family: 'Montserrat 500', sans-serif !important;
    background:#24a1de !important;
    color:#fff !important;
    padding:12px 15px !important;
    border-radius:4px !important;
    font-size:16px !important;
}
/*#top.affix {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    z-index: 9999;*/
/*    background: #fff;*/
/*    box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
/*    animation: slideDown 0.3s ease-out;*/
/*}*/

/*@keyframes slideDown {*/
/*    from { transform: translateY(-100%); }*/
/*    to { transform: translateY(0); }*/
/*}*/


.top li a {
    font-size: 14px; color: #000;
}
.top li a:hover {color: #999;}
.pull-left {display:inline-flex;}
.pull-left li, .pull-right li {padding: 5px 10px;}

/*.top-phone-li {
    margin-left: 20px;
}*/

@media (min-width: 992px) {
    .top-phone-li {
        margin-left: 20px;
    }
}

.top-phone{
    font-size:20px !important;
    font-family: 'Montserrat 500', sans-serif;
}


/* logo -fix */
/*.logo {*/
/*    align-items: center;*/
/*    height: 40px;*/
/*    justify-content: center;*/
/*    display: flex;*/
/*}*/

.logo {
    display: flex;
    align-items: center;
    /*height: 40px;*/
    justify-content: flex-start; /* Выравнивает содержимое по левому краю */
}


.logo .img-responsive {
    width: 200px;
}
@media (max-width: 992px) {
    .btn-menu {font-size:11px;}
}
@media (max-width: 767px) {
    #top {margin-bottom: 0;}
    .logo {height: 0;}
    .logo .img-responsive {padding: 10px 0;margin: 0;width: 100px;text-align: center; float:left;}
    .logo img { display: inline-block;}
}
/* search */
.search {
    z-index: 0 !important;
}
.search .input-lg {
	height: 46px;
	line-height: 20px;
	padding: 0 16px;
    font-family: 'Montserrat 500', sans-serif;
    font-size:14px;
	/*border: 2px solid #fc0;*/
}
.slogan{
    font-family: 'Montserrat 400', sans-serif;
    font-size:13px;
    font-style: italic;
}
.search .btn-lg {
    color: #ffffff;
	height: 46px;
	padding: 8px 20px;
    font-size:18px;
    /*background: #fc0;*/
	/*border: 2px solid #fc0;*/
}
/* menu */
.btn-menu {
    padding:12px 25px;
    width:80%;
    text-align:center;
    float:left;
    height: 46px;
    border-radius: 5px;
    /*border: 0;*/
    /*color: #222;*/
    font-family: 'Montserrat 500', sans-serif;
    font-size:16px;
    /*background: #eee;*/
    border:1px solid #24A1DE;
    color:#24A1DE;
    background:#FFFFFF;
}
.btn-menu:hover{
    color:#FFFFFF;
    background:#24A1DE;
}
/*.btn-menu:visited{*/
/*    background:#FFFFFF;*/
/*    color:#24A1DE;*/
/*}*/
.btn-menu:active{
    background:#FFFFFF;
    color:#24A1DE;
}
.btn-menu:focus{
    background:#FFFFFF;
    color:#24A1DE;
}

.h2-brand{
    text-align:left !important;
    font-family: 'Montserrat 600', sans-serif !important;
    font-size:20px !important;
    padding:0 !important;
    margin-bottom:10px !important;
}

.static {
    position: static;
}
.category-item a{
    padding:10px 15px;
    border-radius:5px;
    font-family: 'Montserrat 500', sans-serif;
}

.menu {
    display: none;
    position: absolute;
    left: 0;
    font-size: 13px;
    margin-top: 5px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #fff;
}
.menu li {
    list-style-type: none;
    padding: 8px;
}
.menu1 {
    display: flex;
    flex-direction: column;
    padding: 0 10px 15px 0;
    margin: 0 15px;
    border-right: 1px solid #eee;
    width: 20%;
}
.menu1 > li:hover {
    background: #eee;
    border-radius: 5px;
}
.menu1 li .fa {
    float: right;
}
.divmenu2 {
    position: absolute;
    left: 20%;
    top: 0;
}
.divmenu2 {
    display: none;
}
.menu1 li:hover > .divmenu2 {
    height: 100%;
    display: flex;
}
.menu2 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
@media (max-width: 978px) {
.menu2 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}}
.menu2 > li {
    display: block;
    width: 100%;
    break-after: column;
    break-inside: avoid-column;
}
.menu2 > li > a {
    font-weight: 600;
}
.menu3 {
    padding-top: 5px;
    padding-left: 0;
}
.menu3 li {
    padding: 3px 0;
}
.menu3 a {
    color: #777;
}
.menu3 a:hover {
    color: #222;
}
/* mobilemenu */
.mobilemenu input {display: none;}
.mobilemenu label {cursor: pointer;}

.mobilemenu {user-select: none;}

.nav__showmenu {
    text-align: center;
    z-index: 1;
    display: inline-block;
    font-size: inherit;
    color: #e21235;
    margin: 0;
}
.nav__back {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    transition: background-color .3s;
}

/*.mmenu {
    list-style: none;
    padding: 0;
    color: #fff;
    overflow: hidden;
  }
.mmenu {
    z-index: 999999 !important;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 80%;
    margin: 0;
    text-transform: uppercase;
    line-height: 2em;
    background-color: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: transform .3s;
    will-change: transform;
    transform: translateX(-100%) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}*/
/*.mmenu i {
    color: #222;
    float: right;
    padding-right: 5px;
    padding-top: 7px;
}*/
.nav__check:checked~.nav__back {
    background-color: rgba(0,0,0,.2);
    bottom: 0;
}
/*.mmenu li {*/
/*    padding: 10px 5px;*/
/*    border-top: 1px solid #efefef;*/
/*}*/
.submenu li {margin-right: -5px;}
/*.mmenu > li > a {font-weight: 600;padding: 0 5px;}*/
/*.mmenu li:first-child {border-top: 0;}*/
.submenu li:first-child {border-top: 1px solid #efefef;}
.menu__item:hover,.nav__showmenu:hover,.menu__showsub:hover {opacity: 0.7;}
/*.mmenu::-webkit-scrollbar {display: none;}*/
.nav__check:checked+.nav__showmenu {color:#fff;}
.menu__check:checked~.menu__submenu {max-height: 100vh;}
.menu__check:checked+.menu__showsub {transform: rotate(180deg);}
/*.nav__check:checked~.mmenu {transform: translateX(0);}*/
.nav__showmenu {color: #222;}
.nav__showmenu:hover {opacity: 0.8;}
.submenu {display:none}
.submenu > li > a {font-size: 13px;text-transform:none; color: #5d5d5d;padding: 0 5px;}
.submenu > li > a:hover {color: #e21235}
.submenu.active {display: block;padding-left: 0;list-style:none;padding-top: 10px;margin-left: -5px;}





.mobile-panel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;

    width: 80%;
    margin: 0;
    padding: 0;

    background: #fff;
    z-index: 999999 !important;

    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    transform: translateX(-100%) translateZ(0);
    transition: transform .3s;

    will-change: transform;
    backface-visibility: hidden;
}

.nav__check:checked ~ .mobile-panel {
    transform: translateX(0);
}

.nav__back {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    transition: background-color .3s;
}

.nav__check:checked ~ .nav__back {
    background-color: rgba(0,0,0,.2);
    bottom: 0;
    z-index: 999998;
}

.mmenu {
    position: static;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;
    color: #222;
    background: #fff;

    text-transform: uppercase;
    line-height: 2em;

    transform: none;
    transition: none;
    overflow: visible;
}

.mmenu li {
    padding: 10px 5px;
    border-top: 1px solid #efefef;
    list-style: none;
}

.mmenu li:first-child {
    border-top: 0;
}

.mmenu > li > a {
    font-weight: 600;
    padding: 0 5px;
}

.menu-link-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
}

.menu-link-row a {
    font-weight: 600;
}

.menu-link-row i {
    color: #222;
}

.submenu {
    display: none;
    padding-left: 0;
    padding-top: 10px;
    margin-left: -5px;
    list-style: none;
}

.submenu.active {
    display: block;
}

.submenu li {
    margin-right: -5px;
}

.submenu li:first-child {
    border-top: 1px solid #efefef;
}

.submenu > li > a {
    font-size: 13px;
    text-transform: none;
    color: #5d5d5d;
    padding: 0 5px;
}

.submenu > li > a:hover {
    color: #e21235;
}

.topmobilemenu {
    font-size: 13px;
    color: #222;
    text-transform: none;
    padding: 0 5px;
    margin: 0;
}

.topmobilemenu li {
    border: 0;
    padding: 8px 5px;
    list-style: none;
}

.bottom-mobile-phone,
.bottom-mobile-address,
.openinmenu {
    padding: 10px;
    font-size: 13px;
    color: #222;
}

.mobile-panel hr {
    margin: 10px 0;
    border-top: 1px solid #efefef;
}



.topmobilemenu {font-size: 13px;color:#222;text-transform: none;padding: 0 5px;}
.topmobilemenu li {border:0;}
/* end_mobilemenu */
/* logged */
.row-logged {padding: 15px;}
.btn-register {
    font-size: 12px;
    padding: 7.5px 12px;
    float: right;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: none;
}
.logged-modal-body {
    display: grid;
    gap: 10px;
}
/* end_logged */
/* cart */
.btn-cart {
    background: #fff;
    border: 0;
    padding: 0;
    cursor: pointer;
}
@media (max-width: 478px) {
	.cart .dropdown-menu {
		width: 100%;
	}
}
.cart .dropdown-menu table {
	margin-bottom: 10px;
}
.cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	.cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
.cart .dropdown-menu li p {
	margin: 20px 0;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}
.modal-content {
    margin: 10px;
    border: 0;
    box-shadow: none;
    border-radius: 5px;
}
.modal-body {
    font-size: 12px;
}
.modal-dialog {
    margin: 150px auto;
}
.modal-backdrop {
    z-index: 1;
}
.modal-header {
    border-bottom: 0;
}
.modal-header .close {
    opacity: 1;
}
.modal-body .table, .modal-body tbody, .modal-body .table-bordered, .modal-body tr, .modal-body td, .modal-body .table-bordered>tbody>tr>td, .modal-body .table-bordered>tbody>tr>th, .modal-body .table-bordered>tfoot>tr>td, .modal-body .table-bordered>tfoot>tr>th, .modal-body .table-bordered>thead>tr>td, .modal-body .table-bordered>thead>tr>th{
    border: 0;
}
.modal-body .table>tbody>tr>td {
    vertical-align: inherit;
    padding: 3px;
    border: 0;
}
.modal-body table button {
    border-radius: 50%;
}
@media (max-width: 767px) {
    .modal-dialog {margin: 100px auto;}
	.modal-body .btn-danger {padding: 2px 5px;}
}
/* content */
#content {min-height: 600px;}
/* alert */
/* ALERT */
.alert {
    margin-top: 10px;
	padding: 8px 14px 8px 14px;
	border-radius: 5px;
}
.alert-info {
    color: #fff;
    background-color: #e21235;
    border: 0
}
.alert-success {
    color: #222;
    background-color: #fc0;
    position: absolute;
    top: -3px;
    right: 10px;
    margin-left:10px;
    z-index: 1000;
}
.alert-success a {
    text-decoration: underline;
    color: #222;
}
.alert-dismissable .close, .alert-dismissible .close {
    right: -6px!important;
    top: 0px!important;
    color: #fff!important;
    opacity: 1!important;
    text-shadow: none!important;
}
.alert-dismissable .close, .alert-dismissible .close {
	right: -1px;
}
.pagination {
	margin: 0;
}
/* breadcrumb */
.breadcrumb {
    color: #999;
    font-size: 14px;
    background:0;
    padding: 10px 0;
    border-radius: 5px;
    margin-bottom: 0;
    font-family: 'Montserrat 500', sans-serif;
    /*margin-top:25px;*/
}
.breadcrumb>li+li:before {
    content: "—";
}
@media (max-width: 767px) {
	.breadcrumb {font-size: 12px;display: flex;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: thin;white-space: nowrap;}
	.breadcrumb > li {position: relative;white-space: nowrap;}
}
/* form-control */
.form-control:focus {
    border-color: #24A1DE!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(36, 161, 222, 0.5) !important;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: none;
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #ffffff;
	text-shadow: none;
	background-color: #24A1DE;
	background-image: none;
	background-repeat: no-repeat;
	border: 1px solid #24A1DE;
	box-shadow: none;
    font-family: 'Montserrat 500', sans-serif;
}

.pagination-testimonials{
    margin-top:35px;
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    box-shadow: none;
    /*background-color: #fc0;
    border: 1px solid #fc0*/
}

.btn-default:hover {
    /*background-color: #fc0;
    border: 1px solid #fc0;
    box-shadow: none;*/
}

.btn-default.focus, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus,
.btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    /*background-color: #fc0;
    border: 1px solid #fc0;*/
    color: #222;
    box-shadow: none;
}
.btn-primary {
	text-shadow: none;
	background-color: #24A1DE;
	background-image: none;
	background-repeat: no-repeat;
	border: 1px solid #24A1DE;
	box-shadow: none;
    color:#ffffff;
    font-family: 'Montserrat 500', sans-serif;
    padding:8px 20px;
    font-size:16px;
}
.bootstrap-datetimepicker-widget td.active {
    background-color: #fc0!important;
    color: #222!important;
    text-shadow: none!important;
    box-shadow: none;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: #24A1DE;
    border: 1px solid #24A1DE;
    color:#ffffff;
    outline: none;
    box-shadow: none;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #24A1DE;
    color:#ffffff;
	border: 1px solid #24A1DE;
	opacity: 0.8;
	outline: none;
	box-shadow: none;
}
.btn:focus, .btn-primary:focus {
    background: #24A1DE!important;
    border: 1px solid #24A1DE!important;
    color: #ffffff!important;
    opacity: 0.8!important;
}
.btn-warning {
	color: #ffffff;
	text-shadow: none;
	background-color: #faa732;
	background-image: none;
	background-repeat: no-repeat;
	border-color: #f89406;
	box-shadow: none;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: none;
	border-color: #f89406;
}
.btn-danger {
	color: #222;
	border-radius: 5px;
	background-color: #fc0;
	box-shadow: none;
	border: none;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    opacity: 0.8;
    background-color: #fc0;
	box-shadow: none;
	border: none
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover, .btn-danger:hover {
    border: none;
    background-color: #fc0;
    opacity: 0.8;
    color: #222;
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.button-cart {
    padding: 10px;
    background-color: #fc0;
    color: #222;
    border-radius: 5px;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #4979cf;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #eee;
	color: #888888;
	padding: 8px 12px;
    font-family: 'Montserrat 500', sans-serif;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #ffffff;
    border: 1px solid #eee;
    background: #24A1DE;
    text-shadow: none;
}
/* carousel */
.swiper-viewport {
    box-shadow: none!important;
    border: 1px solid #eee!important;
}
#common-home .slideshow.swiper-viewport,
#content .swiper-viewport {
    border: none!important;
    box-shadow: none!important;
}
.swiper-container {
    border-radius: 5px;
}
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel img {display: initial;}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
.swiper-viewport .swiper-button-next::before, .swiper-viewport .swiper-button-prev::before {
	color: #999;
}
.swiper-pagination .swiper-pagination-bullet {
    background-color: rgba(36, 161, 222, 0.14);
    box-shadow:inset 0 0 3px rgba(12, 93, 246, 0.3);
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #24A1DE;
}
/* panel */
.panel {
    border-radius: 5px;
}
.panel, .panel-default, .panel-default>.panel-heading {
    border: 1px solid #eee;
    box-shadow: none;
}
.panel-default>.panel-heading {
    color: #222;
    background-color: #eee;
}
.panel-heading {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.panel-footer {
    background-color: #eee;
    border-top: 1px solid #eee;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.callback-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 16px;
    border: 1px solid #e3503e;
    background: #ffffff;
    color: #e3503e;
    border-radius: 25px;
    text-transform: none !important;
    z-index: 0 !important;
}

.callback-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 25px;
    /* Начальное состояние тени */
    box-shadow: 0 0 0 0 rgba(227, 80, 62, 0.7);
    animation: pulse-border 2000ms infinite;
    z-index: -1;
}

@keyframes pulse-border {
    0% {
        box-shadow: 0 0 0 0 rgba(227, 80, 62, 0.7);
    }
    /* 80% времени идет расширение, 20% — пауза перед новым циклом */
    80% {
        /* 20px — теперь круг улетает дальше от кнопки */
        box-shadow: 0 0 0 20px rgba(227, 80, 62, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(227, 80, 62, 0);
    }
}

/*.custom-callback-width {
    max-width: 450px;
    margin: 30px auto;
}*/

/* Центрируем само белое окно по центру экрана */
#modal-callback.modal {
    text-align: center;
    padding: 0 !important;
    z-index: 1050 !important; /* Стандарт для модалок */
    background: rgba(0, 0, 0, 0.5); /* Рисуем свой фон, если стандартный мешает */
}

.modal-backdrop {
    z-index: 1040 !important;
}

#modal-callback .modal-dialog {
    display: flex;
    align-items: center;        /* Центрирует по вертикали */
    justify-content: center;     /* Центрирует по горизонтали (убирает узкое смещение) */
    min-height: 100vh;          /* Высота на весь экран */
    margin: 0 auto;             /* Обнуляем внешние отступы */
}

/* Настраиваем ширину самого белого блока */
.custom-callback-width {
    width: 100%;
    max-width: 450px;           /* Ваша желаемая ширина */
    margin: 0;                  /* Убираем лишние отступы здесь */
}

/* Фикс для того, чтобы контент внутри был на всю ширину модалки */
#modal-callback .modal-content {
    width: 100%;
}

footer {
    color:#8d8c8c !important;
    font-family: 'Montserrat 500', sans-serif;
}

.footer_address{
    padding:10px 0 10px 0;
    font-family: 'Montserrat 500', sans-serif;
    font-size:14px;
}

#callback-form .btn-lg {
    padding: 15px 20px;
    font-size: 18px;
    border-radius: 6px;
    background-color: #24A1DE;
    border: none;
    transition: background 0.3s ease;
}


#callback-form .btn-lg:hover,
#callback-form .btn-lg:focus,
#callback-form .btn-lg:active {
    background-color: #c24032 !important;
    outline: none !important;
    box-shadow: none !important;
    color:#ffffff !important;
}

#callback-form .btn-lg:visited {
    background-color: #e3503e;
}


#modal-callback .modal-title{
    font-family: 'Montserrat 500', sans-serif;
    font-size:20px;
    color:#24A1DE;
}

#modal-request .modal-title{
    font-family: 'Montserrat 500', sans-serif;
    font-size:20px;
    color:#24A1DE;
}



/* Сделаем отступы между полями ввода побольше, чтобы форма не "жалась" */
#callback-form .form-group {
    margin-bottom: 20px;
}

#callback-form .form-control {
    height: 50px;             /* Делаем сами поля ввода повыше */
    border-radius: 10px;      /* Немного закруглим углы у инпутов */
}
#callback-form .form-control{
    font-family: 'Montserrat 400', sans-serif !important;
    font-size:16px !important;
}

#content h2{
    font-family: 'Montserrat 500', sans-serif !important;
    font-size:22px;
    padding:15px 15px;
    color:#24A1DE;
    margin-bottom:35px;
    text-align: center;
    border-radius: 8px;
}


/* Общая секция */
.featured-categories-section {
    margin: 40px 0;
    padding: 20px;
}

/* Заголовок в левом углу */
.section-title {
    font-size: 24px;
    margin-bottom: 30px;
    text-align: left;
    font-weight: normal;
}

/* Сетка с отступами */
.category-grid {
    display: flex;
    flex-wrap: wrap;
}

.category-item {
    margin-bottom: 40px;
    padding:15px 15px;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0);
}

.top.pull-left img {
    width: 160px;
    height: auto;
}

/* Квадрат с черной рамкой как на рисунке */
.category-box {
    aspect-ratio: 1 / 0.8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #fff;
    transition: 0.3s;
}

.row-flex {
    display: flex !important;
    flex-wrap: wrap;
}

.row-flex:before,
.row-flex:after {
    display: none !important; /* Убираем clear-fix, который мешает флексу */
}

/* 2. Настраиваем колонки: убираем float и заставляем их тянуться вниз */
.row-flex > [class*='col-'] {
    display: flex;
    float: none;      /* Важно: выключаем стандартный float */
    flex-direction: column;
    margin-bottom: 30px; /* Отступ между рядами */
}


.category-item:hover {
    border-color: #24A1DE;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), 0 5px 15px rgba(0, 0, 0, 0.05);
    transform: translateY(-5px);
}

.product-thumb .caption p {
    height: 60px; /* Подберите нужную высоту под 3-4 строки */
    overflow: hidden; /* Скроет текст, который не влезает */
    text-overflow: ellipsis; /* Добавит троеточие (работает вместе с доп. свойствами) */
    text-align: center;
}

@media (max-width: 767px) {
    /* Убираем вылет за края */
    .category-grid.row-flex {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    /* Устраняем проблему, когда флекс-элемент отказывается сжиматься */
    .category-grid.row-flex > [class*='col-'] {
        width: 100% !important; /* На мобильных одна карточка во всю ширину */
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-width: 0; /* Важный костыль для flexbox */
        overflow: hidden; /* Если что-то внутри шире экрана, оно обрежется, а не растянет блок */
    }

    /* Картинка не должна быть шире контейнера */
    .category-box img {
        max-width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .mobile-center-btn {
        text-align: center !important;
        float: none !important;
    }
}


/* Подпись под квадратом */
.category-name {
    margin-top: 10px;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    text-align: center;
}

.category-item a {
    text-decoration: none !important;
}

/* Адаптивность для мобильных (по 2 в ряд) */
/*@media (max-width: 767px) {
    .col-xs-12 {
        width: 50%;
    }
}*/

.adv-wrapper{
    margin-top: 35px;
    margin-bottom:55px;
}

/* Сетка для квадратов */
.adv-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px;
}

/* Сами квадраты */
.adv-item {
    width: 250px;
    height: 250px;
    border:1px dashed #24A1DE;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    font-weight: bold;
}

#callback-form button{
    color:#FFFFFF;
}

.header-whatsapp, .header-telegram{
    padding:5px 5px !important;
}


.header-whatsapp a i{
    font-size:26px !important;
    color:#2cb742;
}
.header-telegram a i{
    font-size:24px;
    color:#0088cc;
}


.callback-btn:hover{
    color:#ffffff;
    background:#cc3333;
}
.callback-btn:active{
    color:#ffffff !important;
    background:#cc3333 !important;
}
.callback-btn:visited{
    color:#ffffff !important;
}
.callback-btn:focus{
    color:#ffffff !important;
    background:#cc3333 !important;
    border:1px solid #cc3333 !important;
}
.callback-btn i{
    font-size:18px;
}
#callback-success h3{
    font-family: 'Montserrat 600', sans-serif;
    color:#cc3333;
}
#callback-success p{
    color:#000000;
    font-family: 'Montserrat 400', sans-serif;
    font-size:15px;
}

/* category */
.category {
    font-size: 15px;
    display: block;
    background: #24a1de;
    border-radius:6px;
    margin: 0 0 15px 0;
    font-family: 'Montserrat 500', sans-serif;
    padding:12px 12px;
    color:#ffffff;
    text-align: center;
    line-height: 1.1;
    transition: all 0.1s ease-in-out;
}

.category:hover{
    color: #ffffff;
    text-decoration: none;
    background: #34b4f0;
    box-shadow: 0 0 0 2px #ffffff, inset 0 0 8px rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);

}
.category:visited{
    color:#ffffff;
    text-decoration: underline;
}
.category:active{
    color:#ffffff;
    text-decoration: underline;
}
.category:focus{
    color:#ffffff;
    text-decoration: underline;
}
/* pagination */
.pagination>li>a, .pagination>li>span {
    border-color: 0;
    color: #222;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #24A1DE;
    color: #ffffff;
    border-color: #24A1DE;
}
/* product-thumb */
.price-and-buttoncart {
    /*margin-bottom: 5px;*/
    /*display: flex;*/
    align-items: center;
}
.buttoncart {
    display: none;
}
.buttoncart button {
    padding: 8px;
    background: #24A1DE;
    border: none;
    border-radius: 5px;
}

.product-thumb {
	border: none;
	margin-bottom: 20px;
	overflow: auto;
}
.product-thumb .image {
	text-align: center;
	position: relative;
}
/*.product-thumb:hover {
    outline: 1px solid #eee;
    outline-offset: 14px;
}*/

.product-thumb {
    border: 1px solid transparent;
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    /* Ускоряем переход до 0.15 секунды */
    transition: all 0.15s ease-out;
}

.product-thumb:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.btn-stomshop{
    font-family: 'Montserrat 400', sans-serif;
    font-size:14px;
    background: #eee;
    color:#24A1DE;
    padding:8px 16px;
}
.btn-stomshop:hover{
    background:#24A1DE;
    color:#ffffff;
}

.btn-wishlist, .btn-compare {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 11px;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 50%;
    transition: all linear .15s;
    top: 10px;
    right: 10px;
}
.btn-compare {
    top: 45px;
    display: none;
}
.product-btn-compare {
    display: none;
}
.btn-wishlist:hover, .btn-compare:hover {
    color: #222;
}
.product-thumb .image a {
	display: block;
}

.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
.thumbnail, .img-thumbnail {
    border: 0;
}
.product-list .product-thumb {
    display: flex;
    border-bottom: 1px solid #eee;
}
.product-list .product-thumb .image {
    width: 30%
}
.product-list .product-thumb .caption {
    width: 70%;
}
.product-list .product-thumb .image img {
    max-width: 70%;
}
.product-list .btn-wishlist, .product-list .btn-compare {
    left: 0;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 16.5px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 10px 5px;
    font-family: 'Montserrat 400', sans-serif;
}
.product-thumb .caption h4{
    font-size:16px;
    text-align: center;
}


@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
}
.product-grid .product-thumb .caption {
	min-height: 0;
	padding: 10px 0px;
}
}
.rating {
    display: flex;
    align-items: center;
}
.product-thumb .rating {
    display: none;
	padding-bottom: 5px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	font-size: 15px;
	color: #FC0;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #FC0;
}
.rating-total {
    display: inline-flex;
    align-items: center;
    padding-right: 5px;
}
.rating-total:after {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #999;
    padding: 1px;
    margin-left: 5px;
}
.reviews, .model {
    color: #999;
}
.product-review {
    padding: 15px;
    border-radius: 5px;
    background: #eee;
    margin-bottom: 15px;
}
.product-review span1 {
    margin-left: 5px;
}
.product-review span2 {
    float: right;
    padding: 0 10px;
}
.product-review span3 {
    float: right;
}
.product-review .fa-stack {
    width: 1em;
    height: 1em;
}
.product-review .fa-stack-2x {
    color: #fc0;
    font-size: 14px;
}
.product-review-text {
    margin-top: 25px;
    background: #fff;
    padding: 15px 10px;
    border-radius: 5px;
}
.review-text-right {
    text-align: right;
    margin-top: 10px;
}
.text_write {
    padding: 15px;
    box-shadow: 0 0 14px #00000008, 0 20px 40px #0000000d;
    border-radius: 5px;
    margin: 10px 0;
}
.title-content {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: -10px;
}
.btn-group {
    display: flex;
    align-items: center;
}
#list-view, #grid-view {
    background: #eee;
    border: none;
    box-shadow: none;
    padding:10px 14px;
    color: #24A1DE;
    font-size:14px;
}
#list-view {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#grid-view {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#list-view.active, #grid-view.active {
    color: #fff;
}
.product-btn-wishlist, .product-btn-compare {
    border-radius: 50%;
    border: 0;
}
.product-btn-wishlist {
    margin: 0 5px;
}
#compare-total {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    background: #fc0;
    border-radius: 5px;
    border: 0;
    color: #222;
}
.btn-link:focus, .btn-link:hover {
    text-decoration: none;
    opacity: 0.8;
}
h2.price {
	margin: 0;
}
.name a {
    /*font-size: 15px;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
    /*word-wrap: break-word;*/
    /*line-height: 1.2;*/
    /*height: 3.6em;*/
    font-size: 15px;
    line-height: 1.2;
    height: 4.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
}
.product-thumb .price {
    font-weight: 600;
	color: #24a1de;
	font-size: 18px;
	margin-bottom:15px;

}
.product-thumb .price-new {
	font-weight: 600;
	color: #24a1de;
}
.product-thumb .price-old {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	text-decoration: line-through;
}
.caption .name{
    font-family: 'Montserrat 500', sans-serif;
    text-align: center;
}

.product-thumb .sale {
    padding: 2px 6px;
    font-family: 'Montserrat 500', sans-serif;
    font-size: 12px;
    border-radius: 5px;
    background: #e3503e;
    color: #ffffff;
    /*margin-left: 5px;*/

}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	/*border-top: 1px solid #f6f9fd;*/
	/*background-color: #eee;*/
	overflow: auto;
}

.product-list .product-thumb .button-group {
	border-left: 1px solid #e4f1fc;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {border-left: none;}
	.rating-total:after {display: none;}
	.rating-total {padding-right: 2px;}
	.price-and-buttoncart {height: 30px; justify-content: space-between;}
	.product-thumb .price-new, .product-thumb .price {display: block; line-height: normal; font-size: 16px;}
	.product-thumb .price-old {display: block; line-height: normal; font-size: 12px; }
	.product-thumb .sale {font-size: 12px; margin-left: 0;}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #f2f8fd;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #e4f1fc;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ebf4ff;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #e4f1fc;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
html[dir=rtl] .checkbox input[type="checkbox"],
html[dir=rtl] .checkbox-inline input[type="checkbox"],
html[dir=rtl] .radio input[type="radio"],
html[dir=rtl] .radio-inline input[type="radio"] {
    position: absolute;
    margin-top: 4px;
    margin-right: -20px;
      margin-left: unset;
}
html[dir=rtl] .input-group-btn:last-child > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
html[dir=rtl] .input-group .form-control:first-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
html[dir=rtl] .container .row:first-child  .col-sm-4, html[dir=rtl] .container .row:first-child  .col-sm-5 {
  float: right;

}
html[dir=rtl] .cart .dropdown-menu {
  left: 0;
  right: auto;

}
@media (min-width: 768px) {

    html[dir=rtl] .navbar-nav {
        float: right;
        margin: 0;
    }

    html[dir=rtl] .navbar-nav > li {
        float: right;
    }

}
/* option */
.checkbox, .radio {
    display: inline-block;
}
.option_price {
    display: none;
}
.checkbox label img, .radio label img {
    border-radius: 5px;
    border: 1px solid #eee;
}
.optionname {
    font-weight: 600;
}
.rtg {
  display: none;
}
.gtr {
    padding: 5px;
    padding-left: 0px !important;
}
.mrt {
  position: relative;
  display: none;
  vertical-align: text-top;
  margin-right: 12px;
  width: 15px;
  height: 15px;
  border: 1px solid #fc0;
  border-radius: 50%;
}
.lst {
    display: grid;
    padding: 5px;
    text-align: center;
    border: 1px dashed #ddd;
    border-radius: 5px;
}
.mrt:before {
    content: '';
    display: none;
    position: absolute;
    top: 30%;
    left: 30%;
    border: solid #fc0;
    border-width: 3px 2px 3px 4px;
    border-radius: 12px;
}
.rtg:checked ~ .mrt:before {
  display: block;
}
.rtg:checked ~ .lst {
  color: #009749;
  border: 1px dashed #222;
}
/* bar */
#cart {
    text-align: center;
}
.header-bar {
    margin-bottom: 10px;
}
.wishlist-total, .cart-total {position: absolute;top: 5px;right: -5px;font-size: 10px;background: #fc0;color: #222;border-radius: 50%;width: 13px;height: 13px; padding-top: 2px;}
.mobile-bar {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 -1px #0000000f;
    display: none;
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 99;
}
.bar-item {
    align-items: center;
    color: #222;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    height: 40px;
    justify-content: center;
    line-height: 18px;
    padding: 0 3px;
    position: relative;
}
.bar-item a {
    display: inline-grid;
}
.mobile-bar .bar-item {
    height: 100%;
}
.bar-text {
    color: #666;
    font-size: 12px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis
}
.bar-icon {
    text-align: center;
    color: #222;
}
.bar-icon i {
    position: relative;
}
@media (min-width: 767px) and (max-width: 992px) {
    .bar-icon i {font-size: 24px;}
    .wishlist-total, .cart-total {top: 8px;right: -5px;width: 16px;height: 16px;padding-top: 3px;}
}
@media (max-width: 767px) {
    .mobile-bar {display: flex}
    .header-bar {display:none;}
    header {margin-bottom: 5px;}
}
/* product content */
#product-product #content {
    font-size: 12px;
}
/* product-tab */
#product {
    font-size: 12px;
}
/* product-tab3 */
.product-tab3 {
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 0 0 14px #00000008, 0 20px 40px #0000000d;
    padding: 30px;
    margin-bottom: 10px;
}
.product-tab3 .product-price {
    font-size: 24px;
    color: #009749;
    font-weight: 600;
}
.product-price-through {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    font-size: 14px;
    color:#999;
    text-decoration: line-through;
}

.manufacturer-tags{
    margin-top:25px;
}
.manufacturer-tag{
    padding:8px 14px;
    border:1px solid #eee;
    background:#eee;
    font-family: 'Montserrat 400', sans-serif;
    font-size:14px;
    border-radius:5px;
}

.product-price-through > span {
    text-decoration: line-through;
}
/* product */
.product-tab3 .product-special {
    font-size: 24px;
    color: #009749;
    font-weight: 600;
}
.reward, .points {
    margin-bottom: 10px;
}
.points-total, .reward-total {
    margin-left: 3px;
    padding: 0px 3px;
    border-radius: 5px;
    background: #ffcc00ab;
    font-size: 12px;
}
#button-cart {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 0;
    color: #222;
    background: #fc0;
}
.button-cart a:hover {
    opacity: 0.8;
}
#product-manufacturer h1 {
    margin-bottom: 20px;
}
/*.manufacturer-list {
    display: flex;
    margin: 10px 0;
}*/
.mlist {
    /*display: flex;*/
}
.brand-item{
    padding:20px 0;
}
.brand-description{
    font-family: 'Montserrat 400', sans-serif;
    font-size:14px;
    padding:8px 0;
}
.brand-item h3{
    font-size:20px;
    font-family: 'Montserrat 600', sans-serif;
}
.brand-details-wrapper{
    margin-top:15px;
}
.brand-details{
    padding:8px 16px;
    border:1px solid #eee;
}

.extra_html_content_slideshow{
    font-family: 'Montserrat 400', sans-serif;
    font-size:16px;
}

.mlist a {
    padding: 10px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}
.manufacturer-leter {
    margin-right: 10px;
    display: inline-block;
    background: #eee;
    padding: 10px;
    border-radius: 5px;
    color: #fc0;
    font-weight: 600;
    width: 45px;
    text-align: center;
    font-size: 27px;
}
.banner-btn{
    margin-top:25px;
}

header{
    margin-bottom:35px;
}

.footer_logo{
    padding-bottom:15px;
}
.header-open{
    font-family: 'Montserrat 500', sans-serif;
    font-size:16px;
}
.header-open-footer{
    font-family: 'Montserrat 400', sans-serif;
    font-size:14px;
    padding:10px 0;
}
.footer_email{
    font-family: 'Montserrat 400', sans-serif;
    font-size:15px;
    padding:10px 0;
}
.footer_info{
    font-size:15px;
    font-family: 'Montserrat 400', sans-serif;
    padding:10px 0;
}

.footer-list h5{
    font-family: 'Montserrat 400', sans-serif;
    font-size:16px;
    color: #8d8c8c !important;
}

.footer-list{
    font-family: 'Montserrat 400', sans-serif;
    color: #8d8c8c !important;
    font-size:14px;
    margin-top:15px;
}
.footer-list li{
    padding:1px 0;
}

.footer-list li a{
    color: #8d8c8c !important;
}

/* FOOTER */
    footer {
        font-size: 12px;
        margin-top: 45px;
        padding:50px 0 40px 0;
        background-color: #303030;
        color: #e2e2e2;
    }

    footer hr {border-top: none;border-bottom: 1px solid #666;}
    footer a {color: #ccc;}
    footer a:hover {color: #fff;}
    footer h5 {font-size: 12px;font-weight: bold;color: #fff;}
    .mm i {color:#fff;display: inline-block;float: right;margin-top: 4px;}
    .fm {padding: 0 15px;}
    .mm:first-child {border-top:none;}
    .mm {padding-top: 15px; border-top: 1px solid #666}
    .mm_text {margin: 0 0 15px;color:#fff;font-weight:600;}
    .sm {margin: 0 0 10px;}
    .sm:last-child {margin: 0 0 20px;}
    .list-unstyled span {display: inline-block;}
    .powered {display:flex;font-size: 12px;}
    .powered .pow, .powered .tg {padding:0;}
    .powered .tg .tel, .powered .tg .graphic {text-align:right;}

@media (max-width: 767px) {
    footer {padding-top:0!important;}
    .powered {display:block;text-align:center;}
    .powered .pow {padding-bottom: 30px;}
    .powered .tg .tel, .powered .tg .graphic {text-align:center;}
}
/* FOOTER */
/* SCROLL */
.scroll {
    position:fixed;
    z-index: 98;
    opacity:0;
    text-align:center;
    color:#fc0;
    width:40px;
    height:40px;
    line-height:40px;
    right:30px;
    bottom:30px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.scroll i.fa {
    font-size:50px;
}
.scroll.show {
    cursor:pointer;
    opacity:1;
    z-index: 99;
    right:30px;
}
@media (max-width: 767px) {
    .scroll i.fa {font-size: 40px;}
    .scroll.show {right: 0px;bottom: 40px;border-radius: 50%;width: 40px;height: 40px;background: #fff;border-top: 1px solid #eeeeeebf;}
}
/* END_SCROLL */
/* SIMPLE */
.simple-content {
    margin: 0!important;
}
.simple-content .checkout-heading {
    border: 0;
    border-radius: 5px;
}
.simplecheckout-cart, .simplecheckout-cart th, .simplecheckout-cart-total, .simplecheckout-cart td {
    border: 0!important;
}
.simplecheckout-cart th.image {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.simplecheckout-cart th.remove {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#simplecheckout_payment_form {
    display: none;
}
.simplecheckout-cart tr {
    border-bottom: 1px dashed #d8d8d8;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.simplecheckout-cart thead tr {
    border: 0;
}
.simplecheckout-cart tbody {
    border: 0;
}
.simplecheckout-cart .main {
    border-bottom: 0;
}
.simplecheckout-cart td.name, .simplecheckout-cart th.name {
    text-align: left!important;
    vertical-align: middle;
}
.simplecheckout-cart td.price, .simplecheckout-cart td.total, .simplecheckout-cart td.remove {
    vertical-align: middle!important;
}
.simplecheckout-cart .name a {
    height: 1.2em;
    font-weight: 500;
}
.simplecheckout-cart-total-remove {
    width: 13px!important;
}
.simplecheckout-cart .input-group-btn:last-child>.btn, .simplecheckout-cart .input-group-btn:last-child>.btn-group {
    margin-left: 3px;
    border-radius: 50%;
}
.simplecheckout-cart .btn-plus-minus {
    display: none;
}
#simplecheckout_cart .quantity .form-control {
    background: #F8F8F8;
    color: #666;
    width:0!important;
    border: 1px dashed #ddd!important;
    font-weight: 600;
    padding: 0;
    border: none;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    max-width: 100%;
}
#simplecheckout_cart .quantity .input-group-btn:first-child>.btn {
    margin-right: -8px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
#simplecheckout_cart .quantity .input-group-btn:last-child>.btn {
    margin-left: -8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    z-index: auto;
}
#simplecheckout_cart .quantity .btn-danger {
    border-radius: 50% !important;
    margin-left: 3px !important;
}
.checkout-simplecheckout h1 {
    margin: 10px 0 20px 0;
    text-align: center;
}
#information-contact .button {
    margin-right: 0;
}
@media (max-width: 768px) {
    .simplecheckout-cart th.name {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    }
    .simplecheckout-cart td.name div.image {
    display: none!important;
    }
}
/* END SIMPLE */
.btn-product-item{
    background: #f2f8fd;
    font-size:14px;
    color:#888;
    border:none;
    padding:10px 5px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.product-brand {
    font-size:16px;
    font-family: 'Montserrat 400', sans-serif;
}
.product-brand a{
    text-decoration:underline;
    font-family: 'Montserrat 500', sans-serif;
}

#product h1{
    padding-bottom:15px;
    line-height:35px;
}
.share-links{
    font-family: 'Montserrat 400', sans-serif;
}
/* Сработает только на экранах меньше 768px */
@media (max-width: 768px) {
    .share-links {
        margin-bottom: 20px;
    }
}

.share-links p{
    font-size:16px;
}

.share-link-vk i{
    font-size: 26px;
    color:#0077FF;
}

.share-link-facebook i{
    font-size: 26px;
    color:#1877F2;
}

#product .rating {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Выравнивание по правому краю */
}
.price-margin{
    margin-top:35px;
}
.product-price{
    font-family: 'Montserrat 500', sans-serif;
    font-size:20px;
}
.product-price .final-price{
    padding:8px 0;
}

.final-price .product-price{
    font-family: 'Montserrat 600', sans-serif;
    font-size:30px;
    color: #24a1de;
}

.product-price .special-price-value{
    font-size:30px;
    font-family: 'Montserrat 600', sans-serif;
    padding:8px 0;
}
.special-price .product-special{
    padding:4px 10px;
    background: #e3503e;
    border-radius:6px;
    color:#ffffff;
}
.special-price-discount{
    padding:12px 0;
}
.special-price-discount .autocalc-product-price{
    font-size:18px;
}
.product-price .final-price{
    font-family: 'Montserrat 500', sans-serif;
    font-size: 26px;
    padding: 8px 0;
}
.product-price .autocalc-product-price{
    font-size: 24px;
}
.special-price-discount .product-price-through{
    font-size: 22px;
}
.discount-badge{
    font-family: 'Montserrat 500', sans-serif;
    margin-left:10px;
    color:#e3503e;
}
/* Растягиваем контейнер и кнопку */
.dropdown.full-width,
.dropdown.full-width .btn {
    width: 100%;
}
.dropdown.full-width button{
    background:#f2f8fd;
    border:1px solid #f2f8fd;
    color:#888;
    text-transform: uppercase;
    font-size:13px;
}


/* Растягиваем само выпадающее меню */
.dropdown.full-width .dropdown-menu {
    width: 100%;
    text-align: left; /* Чтобы текст в списке не центрировался */
}

/* Делаем основной контейнер гибким (flex) */
.product-content-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%; /* Чтобы блок знал, до какой границы растягиваться */
    min-height: 400px; /* Опционально: минимальная высота, если контента совсем мало */
}

/* Контейнер внутри тоже делаем flex */
#product {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Магия: margin-top: auto выталкивает блок вниз */
.footer-row {
    margin-top: auto;
    padding-top: 20px; /* Небольшой отступ от контента выше */
}
.send-request{
    border:1px solid #e3503e;
    background:#e3503e;
    font-family: 'Montserrat 500', sans-serif;
    font-size:28px;
    padding:12px 18px;
    color:#FFFFFF;
    border-radius:6px;
}
#send-request-btn{
    font-size:18px;
}


.nav-pills {
    border-bottom: 1px solid #eeeeee; /* Тонкая линия под всеми вкладками */
    margin-bottom: 20px;
}


.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 25px;
    font-family: 'Montserrat 500', sans-serif;
    font-size:16px;
}

.nav-pills {
    background: #eee;
    padding: 10px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #FFFFFF;
    background-color: #24A1DE;
    font-family: 'Montserrat 500', sans-serif;
    font-size:16px;
}
#tab-description{
    padding:15px 0;
    font-family: 'Montserrat 400', sans-serif;
    font-size:15px;
}
.product-tab-content{
    margin-bottom:35px;
}
.text-imp-left{
    text-align:left !important;
}
/*.product-table{
    margin-top:25px;
}*/

.product-table thead tr td{
    padding:10px 15px;
    font-size:13px;
}
.product-table tbody tr td{
    padding:10px 15px;
    font-size:13px;
}
.tab-pane{
    margin-top:25px;
}
.category-description{
    font-family: 'Montserrat 500', sans-serif;
}
.categories-block{
    margin-bottom:25px;
}
.non-transform{
    text-decoration: none !important;
    margin-bottom:15px;
}
.sku{
    font-family: 'Montserrat 400', sans-serif;
    font-size:15px;
    padding:5px 0;
}
.sku-value{
    font-family: 'Montserrat 500', sans-serif;
}
.header-sticky-content {
    padding: 10px 0;
}

/* Контейнер, который держит всё в одну строку */
.sticky-flex-container {
    display: flex !important;
    align-items: center; /* Центрируем по вертикали */
    justify-content: flex-end; /* Прижимаем вправо */
    gap: 30px; /* Отступы между блоками (удобнее чем margin) */
    width: 80%; /* Регулируйте под ширину вашего логотипа */
}

/* Настройка частей */
.sticky-menu-part {
    flex-shrink: 0; /* Кнопка не должна сжиматься */
    width:20%;
}

.sticky-search-part {
    flex-grow: 1;   /* Поиск забирает всё свободное место */
    max-width: 800px; /* Чтобы поиск не был слишком длинным */
}

.sticky-phone-part {
    flex-shrink: 0; /* Телефоны не сжимаются */
    white-space: nowrap; /* Запрещаем перенос номера на новую строку */
}

/* Фикс для Bootstrap 3 list-inline, чтобы убрать лишние отступы */
.sticky-phone-part .list-inline {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.sticky-menu-part .btn-menu{
    width:100%;
}
.font-style{
    font-family: 'Montserrat 500', sans-serif;
}


@media (max-width: 767px) {
    /* Главная обертка - теперь просто контейнер */
    .mobile-flex-wrapper {
        display: block !important;
        width: 100% !important;
    }

    /* Блок, где лого и соцсети. Делаем его флексом */
    .mobile-header-container {
        display: flex !important;
        justify-content: space-between !important; /* Лого влево, иконки вправо */
        align-items: center !important;
        padding: 1px 15px !important;
        width: 100% !important;
    }

    /* Стили для нового списка иконок (копии) */
    .mobile-header-container .list-inline {
        display: flex !important;
        align-items: center !important;
        gap: 20px !important; /* Расстояние между WhatsApp и Telegram */
        margin: 0 !important;
        padding: 0 !important;
        padding-top:4px !important;
        list-style: none !important;
    }

    .mobile-header-container .list-inline li {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Чтобы логотип не сжимался */
    .mobile-header-container a:first-child {
        flex-shrink: 0 !important;
    }

    /* Иконки делаем чуть крупнее для удобства нажатия пальцем */
    .mobile-header-container .mobile-message i {
        font-size: 22px !important;
    }

    /* Блок с телефоном (mobile-sticky-phone) остается снизу сам по себе */
}


/*@media (max-width: 767px) {*/

/*    .mobile-flex-wrapper {*/
/*        display: flex !important;*/
/*        justify-content: center !important; !* Центрируем содержимое по горизонтали *!*/
/*        align-items: center !important;*/
/*        width: 100% !important;*/
/*        position: relative !important; !* Нужно для привязки телефона к краю *!*/
/*    }*/



/*    .mobile-header-container{*/
/*        padding:0 15px;*/
/*    }*/

/*    !* Убираем стандартное поведение Bootstrap для этих блоков *!*/
/*    .mobile-header-container .logo,*/
/*    .mobile-header-container .top {*/
/*        display: block !important;*/
/*        float: none !important; !* Убираем pull-left/pull-right, они ломают флекс *!*/
/*        width: auto !important;*/
/*        margin: 0 !important;*/
/*    }*/

/*    !* Настраиваем логотип *!*/
/*    .mobile-header-container .logo {*/
/*        flex: 0 1 140px !important; !* Позволяем логотипу быть около 140px *!*/
/*    }*/

/*    !* Настраиваем блок контактов *!*/
/*    .mobile-header-container .top-contacts {*/
/*        flex: 1 0 auto !important; !* Контакты забирают всё оставшееся место *!*/
/*        display: flex !important;*/
/*        justify-content: flex-end !important;*/
/*    }*/

/*    !* Выстраиваем иконки и телефон внутри в ряд *!*/
/*    .mobile-header-container .list-inline {*/
/*        display: flex !important;*/
/*        align-items: center !important;*/
/*        margin: 0 !important;*/
/*        padding: 0 !important;*/
/*        gap: 8px !important; !* Расстояние между элементами *!*/
/*    }*/

/*    !* Сжимаем текст телефона, чтобы он не выталкивал всё на вторую строку *!*/
/*    .mobile-header-container .top-phone {*/
/*        font-size: 13px !important;*/
/*        white-space: nowrap !important; !* Запрещаем перенос внутри номера *!*/
/*    }*/
/*}*/

.list-inline.mobile-social-row {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px; /* Уменьшил отступ, чтобы точно влезло на узких экранах */
    padding: 0;
    margin: 0 auto;
    list-style: none;
    width: 100%;
}

/* Это предотвратит разрыв номера */
.list-inline.mobile-social-row .top-phone {
    white-space: nowrap !important;
}

/* Убираем лишние отступы у самих элементов списка, если они есть */
.list-inline.mobile-social-row li {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mobile-message i{
    font-size:38px !important;
}

.header-whatsapp .mobile-message i{
    font-size:38px !important;
}


.mobile-addl-phone{
    margin-top:35px;
}
.mobile-addl-phone-link{
    border-radius:25px;
    padding:10px 25px;
    background:#e3503e;
    color:#FFFFFF !important;
}
.mobile-phone-link {
    display: none !important;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    text-decoration: none;
}

.list-inline.mobile-social-row {
    display: flex !important;
    align-items: center;
    justify-content: center; /* Центрирует элементы в ряду */
    flex-wrap: nowrap;
    gap: 15px;
    padding: 0;
    margin: 0 auto;         /* Дополнительная страховка центрирования */
    margin-top:35px;
    list-style: none;
    width: 100%;
}

.mobile-social-row li {
    display: inline-block;
    margin: 0 !important;   /* Сброс отступов Bootstrap */
}



@media (max-width: 767px) {
    /* По умолчанию телефон скрыт */
    .mobile-sticky-phone {
        display: none !important;
    }

    /* СОСТОЯНИЕ ПРИ ПРОКРУТКЕ (Sticky) */

    /* 1. Прячем логотип полностью */
    .sticky-fixed .mobile-header-container {
        display: none !important;
    }

    /* 2. Показываем телефон и делаем его флекс-контейнером */
    .sticky-fixed .mobile-sticky-phone {
        display: flex !important; /* Изменили с block на flex */
        align-items: center;      /* Выравнивание по центру по вертикали */
        justify-content: space-between; /* Телефон влево, мессенджеры вправо */
        width: 100%;             /* Растягиваем на всю ширину */
    }

    .sticky-fixed .mobile-sticky-phone .mobile-addl-phone-link {
        font-size: 15px !important;
        font-weight: bold;
        background: #e74c3c; /* Красный фон кнопки */
        color: #fff !important;
        padding: 5px 12px;
        border-radius: 20px;
        white-space: nowrap;
        text-decoration: none;
    }

    /* 3. Оформляем блок мессенджеров внутри телефона */
    .sticky-fixed .top-contacts {
        display: block !important;
    }

    .sticky-fixed .top-contacts ul {
        display: flex !important;
        align-items: center;
        gap: 10px; /* Расстояние между иконками */
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sticky-fixed .top-contacts i {
        font-size: 20px; /* Размер иконок мессенджеров */
    }

    /* Фикс для главного обертки */
    .sticky-fixed .mobile-flex-wrapper {
        display: flex !important;
        width: 100%;
        padding: 0 10px !important;
    }
}

.mobile-sticky-phone .mobile-message i {
    font-size:30px !important;
}

.mobile-sticky-phone .header-whatsapp .mobile-message i {
    font-size:32px !important;
}


.advantages{
    text-align:center;
    padding:15px 15px;
}
.adv-title{
    font-family: 'Montserrat 500', sans-serif;
    margin-top:15px;
    font-size:18px;
}
.adv-descrip{
    font-family: 'Montserrat 400', sans-serif;
    font-size:15px;
    font-style: italic;
    padding:15px 15px;
}

@media (max-width: 767px) {
    .mobile-mb-15 {
        margin-bottom: 15px;
    }
}
.alert-form-success {
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    position: relative; /* Возвращаем в общий поток */
    top: 0;
    right: 0;
    margin-top: 15px;
    z-index: 1;
}
#home-feedback-form input{
    font-family: 'Montserrat 400', sans-serif;
    font-size:16px;
}
.bar-item .bar-text{
    font-family: 'Montserrat 500', sans-serif;
    font-size:18px;
    color: #222;
}
.bar-item i{
    font-size:18px;
    color:#222;
}
.mmenu li {
    padding:12px 5px 12px 20px;
}
.submenu li{
    padding:8px 5px 8px 15px !important;
}

.mmenu li a{
    font-family: 'Montserrat 500', sans-serif;
}
/*.mmenu li.root-category:last-of-type {
    border-bottom: 1px solid #efefef;
}*/
.topmobilemenu li {
    padding:6px 5px 6px 20px !important;
}

/* Строка со ссылкой и иконкой */
.menu-link-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Иконка будет на уровне первой строки текста */
    width: 100%;
}

.menu-link-row a {
    flex: 1; /* Текст занимает всё место */
    padding-right: 15px;
    display: block;
    line-height: 1.4;
}

.menu-link-row i {
    flex-shrink: 0; /* Иконка не сжимается */
    padding-top: 3px; /* Подгонка по высоте под текст */
    width: 50px;
    text-align: center;
}

/* Возвращаем подменю на свое место под строку */
.submenu {
    width: 100%;
    display: none; /* Скрыто по умолчанию */
}

.submenu.active {
    display: block;
}
.bottom-mobile-phone{
    text-align:center;
    padding:15px 25px;
    font-family: 'Montserrat 500', sans-serif;
    color:#000000;
    font-size:20px;
}
.bottom-mobile-address{
    text-align:center;
    padding:15px 25px;
    font-family: 'Montserrat 500', sans-serif;
    color:#000000;
}

.openinmenu{
    text-align: center;
    padding:15px 25px;
    font-family: 'Montserrat 500', sans-serif;
    color:#000000;
}
.z-index-pre{
    z-index: 0 !important;
}
.price-request{
    text-align:center;
    /*padding:25px 15px;*/
    color: #24a1de;
    font-family: 'Montserrat 400', sans-serif;
    font-size:18px;
    font-weight:600;
}
.ocf-header{
    font-family: 'Montserrat 500', sans-serif !important;
}
.ocf-filter-name{
    font-family: 'Montserrat 400', sans-serif !important;
}
.ocf-selected-card{
    font-family: 'Montserrat 400', sans-serif !important;
    background-color: #fff !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important; /* 0 по горизонтали, 0 по вертикали */
    border-radius: 5px !important;
}
@media (min-width: 768px) {
    .ocf-theme-light .ocf-selected-filter {
        background-color: #F5F7F9 !important;
        border-radius: 6px !important;
    }
}
.contact-address{
    font-family: 'Montserrat 500', sans-serif;
    padding:25px 0;
    font-size:15px;
}
.contact-address div{
    padding:3px 0;
}

.contact-open-time{
    font-family: 'Montserrat 500', sans-serif;
    padding:25px 0;
    font-size:15px;
}
.contact-open-time div{
    padding:3px 0;
}
.contact-h{
    font-family: 'Montserrat 600', sans-serif;
}
.yandex-map{
    background-color: #fff;
    border: 1px solid #ebebeb; /* Очень светлая серая линия */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Ваша текущая тень */
    border-radius: 6px; /* Мягкое скругление углов */
    padding: 15px; /* Чтобы контент внутри не прилипал к краям */
}
#modal-callback h4{
    text-align: left;
    color:#444;
}
#modal-request h4{
    font-size:20px;
}
#modal-request .form-control {
    font-family: 'Montserrat 400', sans-serif !important;
    font-size: 16px !important;
}
#modal-request .form-control {
    height: 46px;
    border-radius: 10px;
}
#modal-request .btn-lg {
    padding: 15px 20px;
    font-size: 18px;
    border-radius: 6px;
    background-color: #24A1DE;
    border: none;
    transition: background 0.3s ease;
}
#request-success h3{
    font-family: 'Montserrat 600', sans-serif;
    color:#cc3333;
}
#request-success p{
    color:#000000;
    font-family: 'Montserrat 400', sans-serif;
    font-size:15px;
}
@media (max-width: 767px) {
    #product .rating {
        justify-content: flex-start;
        margin-top:10px;
    }
}
.ocf-container{
    z-index:0 !important;
}
#input-search, #select-search{
    height: 46px;
    line-height: 20px;
    padding: 0 16px;
    font-family: 'Montserrat 500', sans-serif;
    font-size: 14px;
}






/* Базовый контейнер */
/*.filter-item {*/
/*    margin-bottom: 8px;*/
/*}*/

/*.custom-checkbox {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    cursor: pointer;*/
/*    position: relative;*/
/*    user-select: none;*/
/*}*/

/*!* Скрываем реальный чекбокс *!*/
/*.custom-checkbox input {*/
/*    position: absolute;*/
/*    opacity: 0;*/
/*    cursor: pointer;*/
/*    height: 0;*/
/*    width: 0;*/
/*}*/

/*!* Наш кастомный квадрат *!*/
/*.checkmark {*/
/*    height: 18px;*/
/*    width: 18px;*/
/*    background-color: #fff;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 3px;*/
/*    margin-right: 10px;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    flex-shrink: 0; !* Чтобы квадрат не сплющивался *!*/
/*}*/

/*!* Состояние: ВЫБРАНО (используем + для точности) *!*/
/*.custom-checkbox input:checked + .checkmark {*/
/*    border-color: #007bff; !* Цвет как в ocFilter *!*/
/*}*/

/*!* Рисуем галочку (скрыта по умолчанию) *!*/
/*.checkmark:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    display: none;*/
/*    left: 6px;*/
/*    top: 2px;*/
/*    width: 5px;*/
/*    height: 10px;*/
/*    border: solid #007bff; !* Цвет галочки *!*/
/*    border-width: 0 2px 2px 0;*/
/*    transform: rotate(45deg);*/
/*}*/

/*!* Показываем галочку при выборе *!*/
/*.custom-checkbox input:checked + .checkmark:after {*/
/*    display: block;*/
/*}*/

/*!* Текст рядом *!*/
/*.label-text {*/
/*    font-size: 13px;*/
/*    color: #333;*/
/*    line-height: 18px;*/
/*    font-family: 'Montserrat 500', sans-serif;*/
/*}*/
/*.search-flex-align {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    align-items: center;*/
/*}*/

/*!* Убираем лишние отступы у фильтр-итемов, чтобы они не толкали текст *!*/
/*.search-flex-align .filter-item {*/
/*    margin: 0;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    min-height: 40px; !* Примерная высота ваших инпутов form-control *!*/
/*}*/

/*!* Фикс для мобильных (чтобы в колонках не ломалось) *!*/
/*@media (max-width: 767px) {*/
/*    .search-flex-align {*/
/*        display: block; !* Возвращаем стандартное поведение на мобилках *!*/
/*    }*/
/*}*/
/*#button-search{*/
/*    margin-top:25px;*/
/*}*/
/*@media (max-width: 767px) {*/
/*    !* 1. Уменьшаем отступ между колонками в блоке поиска *!*/
/*    .search-flex-align > div[class*="col-"] {*/
/*        margin-bottom: 8px !important; !* Минимальный отступ для компактности *!*/
/*    }*/

/*    !* 2. Обнуляем марджины самого фильтр-итема *!*/
/*    .filter-item {*/
/*        margin: 0 !important;*/
/*        padding: 0 !important;*/
/*    }*/

/*    !* 3. Убираем лишнюю высоту у label *!*/
/*    .custom-checkbox {*/
/*        min-height: 24px !important; !* Уменьшаем высоту строки до минимума *!*/
/*        display: flex;*/
/*        align-items: center;*/
/*    }*/

/*    !* 4. Если текст слишком далеко от квадратика, можно поджать и его *!*/
/*    .checkmark {*/
/*        margin-top: 0;*/
/*        margin-bottom: 0;*/
/*    }*/
/*}*/
/*@media (max-width: 767px) {*/
/*    .search-flex-align .col-xs-12:has(.filter-item) {*/
/*        margin-bottom: 0 !important;*/
/*        margin-top: 0; !* Убираем -5px, это блокировало клик *!*/
/*    }*/
/*}*/

/*.search-button-wrap {*/
/*    text-align: center;*/
/*    margin-top: 15px; !* Добавим отступ сверху, чтобы кнопка не липла к чекбоксам *!*/
/*}*/

/*!* Для компьютеров (от 768px и выше) *!*/
/*@media (min-width: 768px) {*/
/*    .search-button-wrap {*/
/*        text-align: left;*/
/*        margin-top: 20px;*/
/*    }*/
/*}*/



/* --- 1. Базовые стили чекбоксов --- */
.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    margin: 0;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    pointer-events: none;
}

.checkmark {
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    flex-shrink: 0;
}

.label-text {
    font-size: 13px;
    color: #333;
    line-height: 1.2;
    font-family: 'Montserrat 500', sans-serif;
}

.custom-checkbox input:checked + .checkmark {
    border-color: #007bff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #007bff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox input:checked + .checkmark:after {
    display: block;
}

/* --- 2. Десктоп --- */
@media (min-width: 768px) {
    .search-flex-align {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }
    .search-flex-align .filter-item {
        min-height: 40px;
        display: flex;
        align-items: center;
    }
    .search-button-wrap {
        text-align: left;
        margin-top: 20px;
    }
}

/* --- 3. Мобильная версия --- */
@media (max-width: 767px) {
    .search-flex-align {
        display: block !important;
    }

    .search-flex-align > div[class*="col-"] {
        margin-bottom: 10px !important;
        float: none !important;
        width: 100% !important;
        clear: both;
        position: relative;
        z-index: 5;
    }

    /* ТОТ САМЫЙ ОТСТУП ПО КЛАССУ */
    .margin-b-mobile {
        margin-top: 30px !important;
    }

    /* Убираем отступы у колонок с чекбоксами */
    .search-flex-align div.col-sm-2,
    .search-flex-align div.col-sm-3 {
        margin-bottom: 0px !important;
    }

    .filter-item {
        margin: 0 !important;
        padding: 0 !important;
    }

    .custom-checkbox {
        padding: 7px 0;
        min-height: 32px;
    }

    .search-button-wrap {
        text-align: center !important;
        margin-top: 25px;
        width: 100%;
    }

    #button-search {
        width: 100%;
        max-width: 300px;
    }
}

#button-search {
    margin-top: 25px;
}
.mobile-header-container .mobile-social-icons .header-whatsapp a i{
    font-size:32px !important;
}
.mobile-header-container .mobile-social-icons .header-telegram a i{
    font-size:30px !important;
}
.content-styled{
    font-family: 'Montserrat 400', sans-serif;
}
.content-styled h4{
    font-family: 'Montserrat 600', sans-serif !important;
}
.top-phone-tablet{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding:5px 0;
}
/*@media (min-width: 768px) and (max-width: 991px) {*/

/*    .tablet-center-menu {*/
/*        float: left !important;*/
/*        margin-top: 26px;*/
/*    }*/

/*    .tablet-center-menu ul {*/
/*        text-align: center;*/
/*    }*/

/*}*/
@media (min-width: 768px) and (max-width: 991px) {

    .tablet-center-menu {
        float: left !important;
        display: table;
        margin: 0 auto;
        padding-top: 20px;
    }

    .tablet-center-menu ul {
        text-align: center;
        white-space: nowrap;
    }

}


@media (min-width: 768px) and (max-width: 991px) {
    .top-tablet-contacts {
        display: flex !important;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
    }

    .top-tablet-contacts a {
        display: inline-flex !important;
        align-items: center;
        width: auto !important;
        margin: 0 !important;
    }

    .top-tablet-contacts .top-phone {
        display: inline-flex !important;
        width: auto !important;
        white-space: nowrap;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tablet-socials {
        display: inline-flex;
        margin-left: 14px;
        gap: 10px;
        align-items: center;
    }
}
.tablet-social .fa-whatsapp{
    font-size: 26px !important;
    color: #2cb742;
}

.tablet-social .fa-telegram{
    font-size: 24px;
    color: #0088cc;
}
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Фиксирует соотношение сторон 16:9 (9 / 16 = 0.5625) */
    height: 0;
}

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

.feedback-form-wrap {
    background: rgba(36, 161, 222, 0.1);
    padding: 40px;
    margin: 40px 0;
    border-radius: 8px;
}
.feedback-form-wrap h2 { margin-top: 0; }
.form-container { max-width: 900px; margin: 20px auto 0; }
.feedback-form-wrap .form-control {
    height: 50px;
    border: 1px solid #ccc;
}

/*#btn-send {
    height: 50px;
    background: #24A1DE;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
}*/

.feedback-form-wrap {
    background: rgba(36, 161, 222, 0.1);
    padding: 40px;
    margin: 40px 0;
    border-radius: 8px;
}

.form-container {
    max-width: 900px;
    margin: 20px auto 0;
}

.feedback-form-wrap .form-control {
    height: 50px;
}

#btn-send {
    height: 50px;
}

.form-response {
    margin-top: 15px;
}
.footer-title{
    font-family: 'Montserrat 600', sans-serif;
    font-size: 16px;
    padding:5px 0;
}
.brand-item-flex .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.brand-item-flex .row [class*="col-"] {
    float: none;
}
.menu-no-padding,
.menu-no-padding ul {
    padding-left: 0;
    margin-left: 0;
}