@font-face {
    font-family: 'Rubik';
    src: url('fonts/RubikRegular.woff2') format('woff2'),
    url('fonts/RubikRegular.woff') format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('fonts/RubikMedium.woff2') format('woff2'),
    url('fonts/RubikMedium.woff') format('woff');
    font-display: swap;
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('fonts/RubikBold.woff2') format('woff2'),
    url('fonts/RubikBold.woff') format('woff');
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('fonts/RubikBoldItalic.woff2') format('woff2'),
    url('fonts/RubikBoldItalic.woff') format('woff');
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}

body {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    background-image: url(../image/onload/romashka_bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    background-color: #e2e2e2;
}

/* preloader */
.preloader {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    opacity: 1;
    transition: opacity .3s;
    z-index: 1000;
}

.preloader__img {
    max-width: 110px;
    animation: rotate-preloader 4s infinite;
    animation-timing-function: linear;
}

@keyframes rotate-preloader {
    0% {
        transform: rotateY(0deg)
    }

    100% {
        transform: rotateY(360deg)
    }
}

.preloader--hide {
    z-index: -100;
    opacity: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
}

.fa {
    font-size: 1.3rem
}

h1 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 20px;
}

/* h3,h1,h2{background-color: #f7f7f7; margin-bottom: 15px; padding: 10px; border-radius: 5px;} */
/* h3,h1,h2{background:#f7f7ef;background:-webkit-gradient(linear,left top,right top,color-stop(7%,rgba(247,247,239,1)),color-stop(67%,rgba(189,251,162,1)));background:-o-linear-gradient(left,rgba(247,247,239,1) 7%,rgba(189,251,162,1) 67%);background:linear-gradient(90deg,rgba(247,247,239,1) 7%,rgba(189,251,162,1) 67%);padding:.5rem} */
h2 {
    font-size: 1.75rem
}

h3 {
    font-size: 1.5rem;
    font-weight: 500
}

h4 {
    font-size: 1rem;
    line-height: 1.6rem;
}

h5 {
    font-size: .9rem
}

h6 {
    font-size: .85rem
}

a {
    color: #039022;
    border-bottom: 1px dashed #367b22
}

a:hover {
    text-decoration: none;
    color: #039f50;
    border-bottom: none;
}

a h4 span {
    font-weight: 500;
}

legend {
    font-size: 18px;
    padding: 7px 0
}

hr {
    margin-bottom: 1rem;
    height: 0.1rem;
    border: none;
    background: #454e47;
    background: radial-gradient(circle, #454e47 0%, #fbfffb 100%);
    width: 100%;
}

form {
    background: #fff;
    padding: .7rem
}

img {
    width: 100%
}

.opt {
    padding: 0.6rem;
    font-size: 1rem;
}

.opt h4 {
    font-weight: bold;
}

.opt ul {
    list-style: none;
    padding: 0;
}

.opt li {
    padding: 0.2rem;
}

.opt li:hover {
    background: #ffeefe;
    transition-duration: 0.2s
}

.opt ul li:before {
    padding-right: 10px;
    font-weight: 700;
    color: #C0CBA0;
    content: "\2714";
    transition-duration: 0.5s
}

.opt ul li:hover:before {
    color: #337AB7;
    content: "\2714"
}

label {
    cursor: pointer
}

span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
    display: inline
}

.nav-tabs {
    margin-bottom: 15px
}

div.required .control-label:before {
    content: '* ';
    color: red;
    font-weight: 700
}

.btn {
    font-size: .8rem
}

.btn.focus,
.btn:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 1px rgba(47, 166, 74, 0.5);
    box-shadow: 0 0 0 1px rgba(47, 166, 74, 0.5)
}

blockquote {
    margin: 0;
    position: relative
}

blockquote p {
    font-size: 1rem;
    line-height: 1.4;
    font-style: italic;
    text-align: center;
    margin-bottom: 0;
    font-weight: 700
}

blockquote cite {
    font-style: italic;
    float: right;
    font-size: .8rem
}

.dropdown-menu {

}

.dropdown-menu li {
    padding: 0.3rem 0.6rem;
    transition: all 0.3rem;
    border-bottom: 1px solid #DDD;
}

.dropdown-menu li > a {
    text-decoration: none;
    border-bottom: none;
}

.dropdown-menu li:hover {
    background-color: #fef;
}

.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #333;
}

#top {
    min-height: auto;
    background-color: rgba(47, 167, 74, .9);
    border: none;
    margin: 0;
    position: fixed;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);
    width: 100%;
    z-index: 100;
    top: 0;
    padding: .6rem
}

#top .container {
    padding: 0
}

#top #form-currency .currency-select,
#top #form-language .language-select {
    text-align: left
}

#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
    text-shadow: none;
    color: #fff;
    background-color: #039022;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#039f50), to(#039022));
    background-image: -o-linear-gradient(top, #039f50, #039022);
    background-image: linear-gradient(to bottom, #039f50, #039022);
    background-repeat: repeat-x
}

#top .btn-link,
#top-links li,
#top-links a {
    color: #dfdfdf;
    text-decoration: none
}

#top .btn-link:hover,
#top-links a:hover {
    color: #fff
}

#top-links .dropdown-menu a {
    text-shadow: none
}

#top-links .dropdown-menu a:hover {
    color: #FFF
}

#top .btn-link strong {
    font-size: 14px;
    line-height: 14px
}

#top-links {
    padding-top: 6px
}

#top-links a + a {
    margin-left: 15px
}

#top .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: 1 0 nowrap;
    flex-flow: 1 0 nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px
}

#top .navbar-nav {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#top .navbar-nav .fa {
    font-size: 1rem
}

#top .navbar-toggler {
    color: rgba(255, 255, 255, 0.6);
    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.6);
    -webkit-transition: border 0.4s, color .4s;
    -o-transition: border 0.4s, color .4s;
    transition: border 0.4s, color .4s
}

#top .navbar-toggler:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1)
}

#top .navbar-toggler i {
    font-size: 1rem
}

#top .navbar-btn {
    margin-top: 0
}

#top .nav-item:hover {
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
    background: -o-linear-gradient(#7dc387, #7dc380);
    background: -webkit-gradient(linear, left top, left bottom, from(#7dc387), to(#7dc380));
    background: linear-gradient(#7dc387, #7dc380)
}

#top .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: none;
    box-shadow: none;
    color: #fff;
    padding: .5rem .7rem;
    white-space: nowrap;
    font-size: .8rem
}

#top .nav-link:hover {
    color: #eee
}

#top .dropdown-menu {
    top: 100%;
    min-width: 9.7rem;
    background: -o-linear-gradient(#7dc387, #7dc380);
    background: -webkit-gradient(linear, left top, left bottom, from(#7dc387), to(#7dc380));
    background: linear-gradient(#7dc387, #7dc380);
    font-size: inherit;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

#top .shopping_cart {
    position: relative
}

#top #cart {
    font-size: 1rem
}

#top .sum_product,
#top .sum_wishlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    background-color: #FFCB00;
    position: absolute;
    top: 0;
    left: 1.3rem;
    padding: .2rem
}

.sum_wishlist-mobile {
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    background-color: #FFCB00;
    padding: .2rem;
    color: #222;
    font-size: 0.7rem;
    margin-left: 1rem;
}

#top .sum_product span,
#top .sum_wishlist span {
    font-size: .7rem;
    color: #000
}

#top .cost_products {
    margin-left: .8rem
}

#top .shopping_cart a {
    padding: 0
}

#logo {
    margin: 0 0 10px
}

#logo a {
    border-bottom: none;
}

#logo h1 {
    font-size: 2rem;
    margin-bottom: 20px;
    margin-top: -5px
}

#search {
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 5px 0 #CCC;
    box-shadow: 0 0 5px 0 #CCC;
    border-radius: 3px;
}

#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px
}

#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 35px;
    text-shadow: 0 1px 0 #FFF
}

#search .fa {
    font-size: 1rem
}

#cart > .btn {
    font-size: 12px;
    line-height: 18px;
    color: #FFF
}

#cart.open > .btn {
    background-image: none;
    background-color: #FFF;
    border: 1px solid #E6E6E6;
    color: #666;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none
}

#cart.open > .btn:hover {
    color: #444
}

#cart .dropdown-menu {
    background: #eee;
    z-index: 1001;
    min-width: 100%
}

#cart .dropdown-menu table {
    margin-bottom: 10px
}

#cart .dropdown-menu li > div {
    min-width: 427px;
    padding: 0 10px
}

#cart .dropdown-menu li p {
    margin: 20px 0
}

#menu {
    background-color: #039022;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#039f50), to(#039022));
    background-image: -o-linear-gradient(top, #039f50, #039022);
    background-image: linear-gradient(to bottom, #039f50, #039022);
    background-repeat: repeat-x;
    border-color: #038000;
    margin: .7rem auto;
    padding: .1rem 1rem
}

#menu .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: .5rem 1rem
}

#menu .nav > li > a:hover,
#menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1)
}

#menu .dropdown-menu {
    padding-bottom: 0
}

#menu .dropdown-inner {
    display: table
}

#menu .dropdown-inner ul {
    display: table-cell
}

#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333;
    font-size: 12px
}

#menu .dropdown-inner li a:hover {
    color: #FFF
}

#menu .see-all {
    display: block;
    margin-top: .5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    border-radius: 0 0 3px 3px;
    font-size: 12px
}

#menu .see-all:hover,
#menu .see-all:focus {
    text-decoration: none;
    color: #fff;
    background-color: #039022;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#039f50), to(#039022));
    background-image: -o-linear-gradient(top, #039f50, #039022);
    background-image: linear-gradient(to bottom, #039f50, #039022);
    background-repeat: repeat-x
}

#menu #category {
    float: left;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}

.category-list {
    position: relative;
    margin-bottom: 1rem
}

#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: .2rem 1rem;
    float: right;
    background-color: #039022;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#039f50), to(#039022));
    background-image: -o-linear-gradient(top, #039f50, #039022);
    background-image: linear-gradient(to bottom, #039f50, #039022);
    background-repeat: repeat-x;
    border-color: #038000;
    max-height: 3rem
}

#menu .btn-navbar:hover,
#menu .btn-navbar:focus,
#menu .btn-navbar:active,
#menu .btn-navbar.disabled,
#menu .btn-navbar[disabled] {
    color: #fff;
    background-color: #039022;
    outline: none
}

#menu .navbar-header {
    width: 100%
}

.swiper-viewport {
    margin: 0 0 1rem !important
}

.swiper-pagination {
    bottom: 0
}

.comanda__row .swiper-container {
    max-width: 80rem;
    width: 100%;
    height: 25rem
}

.comanda__row .swiper-slide {
    text-align: center
}

.comanda__row .swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

#content {
    min-height: 600px
}

#content .register__container a,
#content .category__description a,
.modal a {
    border-bottom: 1px dashed #367b22
}

footer {
    padding: 30px 0;
    background-color: #303030;
    border-top: 1px solid #ddd;
    color: #e2e2e2
}

footer hr {
    border: none;
    border-bottom: 1px solid #666;
    margin: 0.2rem 0;
    background: transparent;
    height: 0.1rem;
}

footer a {
    color: #ccc;
    border-bottom: none;
}

footer a:hover {
    color: #fff
}

footer h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #fff
}

.alert {
    padding: 8px 14px
}

.shipping__wrap .alert {
    order: -100;
}

.breadcrumb {
    margin: 0 0 20px;
    padding: 8px 0;
    border: 1px solid #ddd
}

.breadcrumb a {
    border-bottom: none;
}

.breadcrumb i {
    font-size: 15px
}

.breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 20px;
    position: relative;
    white-space: nowrap
}

.breadcrumb > li + li:before {
    content: '';
    padding: 0
}

.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    right: -5px;
    width: 26px;
    height: 26px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pagination {
    margin: 0
}

.pagination .fa {
    font-size: 1rem
}

.buttons {
    margin: 1em 0
}

.btn {
    padding: 7.5px 12px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.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: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
    background-image: -o-linear-gradient(top, #eee, #ddd);
    background-image: linear-gradient(to bottom, #eee, #ddd);
    background-repeat: repeat-x;
    border-color: #ddd #ddd #b3b3b3 #b7b7b7
}

.btn-primary {
    color: #FFF;
    background-color: #039022;
    border-color: #038000
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #039f50 !important;
    border-color: #039f50;
}

.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:focus:active {
    background-color: #039f50 !important;
    border-color: #039f50 !important;
    box-shadow: none !important;
}

.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbb450), to(#f89406));
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1)
}

.btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#bd362f));
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1)
}

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#62c462), to(#51a351));
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1)
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #df5c39;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e06342), to(#dc512c));
    background-image: -o-linear-gradient(top, #e06342, #dc512c);
    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: #039022;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
    background-image: -o-linear-gradient(top, #444, #222);
    background-image: linear-gradient(to bottom, #444, #222);
    background-repeat: repeat-x;
    border-color: #222 #222 #000
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    background-color: #222;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
    background-image: -o-linear-gradient(top, #333, #111);
    background-image: linear-gradient(to bottom, #333, #111)
}

.list-group a {
    border: 1px solid #DDD;
    color: #888;
    padding: .5rem .9rem;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
    color: #444;
    background: #eee;
    opacity: .8;
    border-color: #aaa
}

.carousel-caption {
    color: #FFF;
    text-shadow: 0 1px 0 #000
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome
}

.home__desc {
    display: flex;
    flex-direction: column;
    padding: 0.6rem;
    background-color: #fff;
}

.home__desc p {
    font-size: 1rem;
}

.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: .7rem;
    overflow: hidden;
    background: #fff;
    -webkit-transition: -webkit-box-shadow .4s;
    transition: -webkit-box-shadow .4s;
    -o-transition: box-shadow .4s;
    transition: box-shadow .4s;
    transition: box-shadow 0.4s, -webkit-box-shadow .4s;
    padding: .7rem
}

.product-thumb:hover {
    -webkit-box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.24)
}

.product-thumb .image {
    text-align: center;
    margin-bottom: .6rem
}

.product-thumb .image a {
    display: block
}

.product-thumb .image a:hover {
    opacity: .8
}

.product-thumb .image img {
    margin-left: auto;
    margin-right: auto
}

.product-thumb h4 {
    height: 2.6rem;
    overflow: hidden
}

.product-grid .product-thumb .image {
    float: none
}

.product-thumb .caption {
    height: 9.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .6rem;
    overflow: hidden
}

.product-thumb .caption > h4 + p {
    height: 4.33rem;
    overflow: hidden;
    line-height: 1rem;
    margin-bottom: 0
}

.product-list .product-thumb .caption {
    margin-left: 230px
}

.product-thumb .rating {
    padding-bottom: 10px
}

.rating .fa-stack {
    font-size: 8px
}

.rating .fa-star-o {
    color: #999;
    font-size: 15px
}

.rating .fa-star {
    color: #FC0;
    font-size: 15px
}

.rating .fa-star + .fa-star-o {
    color: #E69500
}

h2.price {
    margin: 0
}

.product-thumb .price {
    color: #444
}

.product-thumb .price-new {
    font-weight: 600
}

.product-thumb .price-old {
    color: #999;
    text-decoration: line-through;
    margin-left: 10px
}

.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block
}

.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: auto
}

.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd
}

.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #ddd
}

.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer
}

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0
}

.thumbnails > li {
    margin-left: 20px
}

.thumbnails {
    margin-left: -20px
}

.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd
}

.image-additional {
    max-width: 78px
}

.thumbnails .image-additional {
    float: left;
    margin-left: 20px
}

.product-layout {
    padding: 0 .7rem;
    width: 100%;
}

#column-left .product-layout,
#column-right .product-layout {
    width: 100%
}

.input-group .form-control[name^=quantity] {
    min-width: 50px
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-image: none;
    background-color: #df5c39
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: .5;
    font-size: 90%
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: .5;
    font-size: 90%
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: .5;
    font-size: 90%
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: .5;
    font-size: 90%
}

.form-control::placeholder {
    color: #6c757d;
    opacity: .5;
    font-size: 90%
}

.form-control:focus {
    border: none;
    outline: 0;
    box-shadow: inset 0 0 0 .1rem rgb(5, 102, 9, .5);
}

.overlay {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 180;
    position: fixed
}

.cart_image {
    width: 3rem;
    min-width: 3rem
}

#account-account .product-thumb {
    min-height: 8.7rem
}

#account-account .product-thumb a {
    border-bottom: none;
}

#account-account .product-thumb img {
    max-width: 64px;
    margin-bottom: 0.5rem
}

.root_container {
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
    max-width: 1140px;
    min-height: 100vh;
    padding: 1rem;
    padding-top: 6rem;
    margin: 0 auto;
    overflow: hidden
}

.information__content,
.opt {
    background-color: #fff
}

.information__content p {
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    color: #000
}

#top_mobile {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: .5rem;
    background: rgba(47, 167, 74, .8);
    color: #fff;
    z-index: 199
}

#top_mobile .top_mobile__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#top_mobile .btn {
    padding: 7px 9px
}

#top_mobile .btn__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    position: absolute;
    border-radius: 50%;
    right: 1rem;
    top: .5rem;
    cursor: pointer
}

#top_mobile .btn__close i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#top_mobile .btn__close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

#top_mobile .navbar__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #726969;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 200;
    -webkit-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out
}

#top_mobile a,
#top_mobile button {
    color: #fff
}

#top_mobile .icon__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: .3rem;
}

#top_mobile a:hover,
#top_mobile button:hover {
    color: #ccc
}

#top_mobile .navbar__wrap--visible {
    left: 0;
    -webkit-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out
}

.top_mobile__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 1.1rem
}

.top_mobile__phone a {
    color: #fff
}

.top_mobile__phone a:hover {
    color: #eee
}

.top_mobile__phone i {
    margin-right: .3rem
}

.top_mobile__list {
    padding: 0
}

.top_mobile__item {
    background: transparent;
    border-bottom: 1px solid #535b56;
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s;
    list-style: none;
    cursor: pointer;
}

.top_mobile__item:hover {
    background-color: #393939
}

.top_mobile__link {
    display: inline-block;
    width: 100%;
    color: #fff;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 1rem;
    padding: .8rem;
}

.top_mobile__link:hover {
    color: #eee !important
}

.top_mobile__link i {
    margin-right: .4rem;
    font-size: 1rem;
}

#top_mobile .shopping_cart {
    position: relative
}

#top_mobile .shopping_cart .sum_product {
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    top: 0;
    left: 50%;
    padding: .2rem;
    background: #FFCB00;
    border-radius: 50%
}

#top_mobile .shopping_cart .sum_product span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #000;
    font-size: .7rem
}

.dropdown-toggle::after {
    vertical-align: .1em
}

.header__phone-item {
    margin: .2rem
}

.header__phone-num {
    font-size: 1.2rem;
    font-weight: 700
}

.header__phone-desc {
    font-size: .8rem
}

.header__phone span {
    display: block;
    text-align: center;
    outline: none
}

.header__wishlist {
    display: flex;
    padding: 0.6rem;
    margin-right: 1rem;
    position: relative;
}

.header__wishlist i {
    font-size: 1.3rem;
    color: #fff;
    opacity: 0.8
}

.header__wishlist:hover i {
    opacity: 1;
}

.user__block {
    padding: .6rem
}

.modal-container {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    z-index: 200
}

.modal-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border-radius: .5rem;
    border: 1px solid #333;
    max-width: 27rem;
    margin: .5rem
}

.modal-message > p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem
}

.modal-body {
    position: relative;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-body .close {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.list-group-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.category__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2rem;
    height: 2rem;
    background: url(/catalog/view/theme/default/image/category_icon4.png) no-repeat;
    background-size: 400%;
    margin-right: .4rem
}

.category-81 {
    background-position: 33% 102%
}

.category-79 {
    background-position: 100% 75%
}

.category-78 {
    background-position: 35% 49%
}

.category-77 {
    background-position: 0 50%
}

.category-73 {
    background-position: 102% 22%
}

.category-5 {
    background-position: 68% 75%
}

.category-6 {
    background-position: 0 75%
}

.category-4 {
    background-position: 100% 50%
}

.category-7 {
    background-position: 33% 77%
}

.category-80 {
    background-position: 0% 100%
}

.category-3 {
    background-position: 68% 22%
}

.category-2 {
    background-position: 69% 0
}

.category-1 {
    background-position: 33% 24%
}

.tags__block {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.tags__list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    list-style: none;
    overflow: hidden
}

.tags__item {
    padding: 0.3rem 1rem;
    margin: 0.6rem;
    border: 1px solid #039022;
    background: #fff;
}

.product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    min-height: 12rem;
    border: 1px solid #71EF8D;
    border-radius: .25rem;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow 0.3s, -webkit-box-shadow .3s;
    padding: .7rem;
    margin-bottom: 1rem;
    background: #fff;
    box-shadow: 0 0 3px 0 #CCC;
}

.product:hover {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.14)
}

.product > .row {
    width: 100%;
}

.product__thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product__thumb a {
    border-bottom: none;
}

.product__img {
    width: 100%;
    max-width: 25rem
}

.product__btn {
    margin-top: .8rem
}

.product__btn span {
    margin-left: .5rem
}

.product__inner-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 0 .5rem
}

.product__title,
.product__desc {
    padding: inherit
}

.product__desc p {
    text-align: justify;
    margin-bottom: 0
}

.product__inner-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.product__cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
    font-family: inherit;
    color: #2FA64A;
    margin: .2rem auto .7rem;
    min-width: 8rem
}

.product__stock-wrap,
.wishlist-btn-block {
    display: flex;
    justify-content: center;
    width: 100%;
    font-weight: bold;
}

.add-cart {
    background-color: #d39e00 !important;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.add-cart .fa {
    color: #fff;
    font-size: 1rem
}

.price {
    text-align: center;
    white-space: nowrap
}

.price-new {
    display: inline-block
}

.price-old {
    color: #bbb;
    text-decoration: line-through;
    font-size: 1.2rem;
    margin: .5rem
}

.input-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 8rem;
    margin: 0 auto
}

.input-number__input {
    text-align: center;
    max-width: 4.4rem
}

.product-cart__desc span p {
    text-align: left !important
}

.product-cart__rating .fa {
    width: 1rem;
    font-size: 1rem;
    color: #d39e00
}

.product-cart__inner {
    padding: .7rem;
    background: #fff;
    border-radius: .3rem
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-right: 15px;
    padding-left: 15px
}

.category__price-quentity-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 1rem 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.quentity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 8rem;
    padding: .5rem 0
}

#cart1 .quentity__product-trigger {
    top: 0
}

.quentity__product-trigger {
    font-size: 2.2rem;
    font-weight: 700;
    color: #ccc;
    cursor: pointer;
    margin: 0 .5rem;
    border-bottom: none;
}

.quentity__product-trigger:hover {
    text-decoration: none
}

.cart__quentity-minus,
.cart__quentity-plus {
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.-minus {
    left: -55%;
    color: red
}

.-plus {
    right: -60%;
    color: green
}

.quentity__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.quentity__product-quentity {
    width: 4rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    outline: none;
    padding: 0 .5rem;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    color: #333
}

#product-product h1 {
    padding: .1rem 1rem .6rem;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    font-size: 1.75rem;
}

#product-product .product_container {
    display: flex
}

.product-cart__feedback a,
.opt a {
    border-bottom: 1px dashed #367b22
}

.develop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem;
    border-radius: .5rem;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 30rem;
    margin: 2rem auto
}

.develop img {
    max-width: 20rem;
    margin: 0 auto
}

.develop h4,
.develop h5 {
    text-align: center
}

.contact__info-wrap p {
    font-size: 1.2rem
}

.contact__info-wrap i {
    font-size: 1.2rem
}

.contact__info-wrap td {
    border: 1px solid #999;
    padding: 0.2rem 0.6rem
}

.contact__regim-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem;
    border-left: 4px solid #2FA64A
}

.contact__regim-wrap p {
    margin-bottom: .4rem
}

#price_list {
    background-color: #fff;
    border: .1rem solid #222;
    width: 100%;
}

#price_list thead {
    font-weight: 700;
    text-align: center;
    border: .1rem solid #222;
    background-color: rgba(47, 166, 74, 0.8);
    color: #fff
}

#price_list td {
    border: 1px solid #ccc;
    padding: 0.5rem 0
}

#price_list tr {
    text-align: center
}

#price_list tr:nth-child(2n) {
    background: #eee
}

#price_list .quantity_price {
    width: 2.5rem;
    text-align: center;
    outline: none;
    padding: 0 .3rem;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    color: #333
}

.price_list__container {
    padding: 0 0.6rem 0.6rem;
    background-color: #fff
}

.price_list__container p {
    font-size: 1rem;
}

.price_list__total {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.price_list__total a {
    width: 100%;
    max-width: 10rem
}

.price_list__total-desc {
    padding: 1rem .5rem
}

.price_list__total-desc,
.price_list__btn-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.price_list__model {
    background-color: lemonchiffon !important;
    font-weight: bold;
    font-size: 120%;
}

.price_list__no-stock--bg {
    background: #f49696;
}

#price_list .price_list__product_name {
    text-align: left;
    padding: 0.5rem 0.5rem;
}

.footer__logo {
    max-width: 9rem;
    margin: 0 auto
}

.footer__phone {
    margin: 1rem auto
}

.footer__phone-item {
    margin: .5rem auto
}

.footer__phone-item a {
    margin: 0 auto;
    text-align: center
}

.footer__phone-num {
    display: block;
    font-size: 1.2rem;
    font-weight: 700
}

.footer__phone-desc {
    display: block;
    font-size: .8rem
}

.footer__phone span {
    display: block;
    text-align: center;
    outline: none
}

.footer__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .3rem
}

.footer__icons-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0
}

.footer__icons-list li {
    list-style: none
}

.footer__icons-item {
    display: inline-block;
    width: 2.7rem;
    height: 2.7rem;
    margin: .1rem;
    background: url(../image/onload/social.png);
    background-size: 600%
}

.footer__icons-item:hover {
    opacity: .6
}

.ig {
    background-position: 100% 0
}

.youtube {
    background-position: 76% 32%
}

.vk {
    background-position: 0 0
}

.mail {
    background-position: 0 65%
}

.whatsapp {
    background-position: 0 97%
}

.ok {
    background-position: 26% 65%
}

.footer__address p {
    margin-bottom: .1rem;
    text-align: center
}

.add-cart-message {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: .5rem;
    background-color: #d39e00;
    border-radius: .4rem;
    opacity: 1;
    z-index: 120;
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

.payment {
    display: inline-block;
    padding: 1rem
}

.payment-method__item {
    padding-left: 1rem
}

.rating-category {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: .7rem
}

.rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rating-button {
    margin-left: .8rem
}

.rating-button__wrap-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    width: 7.4rem;
    margin: 0 auto;
    direction: rtl
}

.rating-button__wrap-star:not(:checked) > input {
    display: none;
    list-style: none;
    height: 0;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.rating-button__wrap-star:not(:checked) > label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 1.35rem;
    height: 1.35rem;
    cursor: pointer;
    background: url(../image/onload/star.png) no-repeat 93% 0;
    background-size: cover
}

.rating-button__wrap-star:not(:checked) > label:before {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 1.35rem;
    height: 1.35rem
}

.rating-button__wrap-star > input:checked ~ label {
    background: url(../image/onload/star.png) no-repeat 0 0;
    background-size: cover
}

.rating-button__wrap-star:not(:checked) > label:hover,
.rating-button__wrap-star:not(:checked) > label:hover ~ label {
    background-position: 0 0
}

.rating-button__wrap-star > input:checked + label:hover,
.rating-button__wrap-star > input:checked + label:hover ~ label,
.rating-button__wrap-star > input:checked ~ label:hover,
.rating-button__wrap-star > input:checked ~ label:hover ~ label,
.rating-button__wrap-star > label:hover ~ input:checked ~ label {
    background-position: 0 0
}

.sertificate a {
    display: block;
    margin-bottom: 1rem;
    padding: 10px;
    background: linear-gradient(to bottom, #039f50, #039022);
    border-radius: 7px;
    cursor: pointer;
}

.sertificate .modal-dialog {
    max-width: 40rem;
    padding: 10px;
    background: linear-gradient(to bottom, #039f50, #039022);
    border-radius: 10px;
}

.sertificate figure {
    margin: 0;
}

.sertificate figcaption {
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    font-weight: 600;
    color: #fff;
}

#content .category-list,
#product-product .category-list {
    display: none
}

.imageblock {
    position: relative;
}

.wishlist-btn,
.wishlist-btn-product {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1em;
    top: 1em;
    opacity: 0;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #f3f3f3;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px;
}

.wishlist-btn,
.fa {
    font-size: 1rem;
}

.wishlist-top-right {
    left: auto;
    right: 1rem;
    top: 1rem;
    z-index: 99;
    opacity: 1;
}

.wishlist-btn:hover i {
    color: #fb0000;
    filter: drop-shadow(0 0 1px #d8d8d2);
    transition: all 0.3s;
}

.wishlist-btn:hover {
    background: #f3f3f3f3;
    transition: all 0.3s;
}

.product:hover .wishlist-btn,
.grid-product-item:hover .wishlist-btn {
    opacity: 1;
    transition: all 0.3s;
}

.error-wishlist {
    margin-bottom: 1rem;
}

.wishlist-add-message {
    display: flex;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(54, 123, 34, 0.6);
    padding: 1rem;
    border-radius: 0.3rem;
    z-index: 99;
}

.wishlist-add-message span,
.wishlist-add-message a {
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.payment__instruction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #2FA64A;
    background-color: #fff;
    border-radius: .3rem;
    margin: 1rem 0
}

.payment__instruction:hover {
    opacity: .9
}

.payment__header {
    padding: .8rem 1.2rem;
    background: #1c3e27;
    background: -o-linear-gradient(left, rgba(28, 62, 39, 1) 0%, rgba(109, 177, 48, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(28, 62, 39, 1)), to(rgba(109, 177, 48, 1)));
    background: linear-gradient(90deg, rgba(28, 62, 39, 1) 0%, rgba(109, 177, 48, 1) 100%);
    font-size: 1.3rem;
    color: #fff
}

.payment__header span {
    margin-left: .5rem
}

.payment__desc {
    padding: .8rem 1.2rem;
    font-size: .9rem
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: rgba(54, 123, 34, 0.6);
    background-color: rgba(54, 123, 34, 0.6) !important
}

.shipping__wrap .custom-control-inline {
    padding: .5rem 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.shipping__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card {
    margin-bottom: .5rem
}

.card-header {
    background-color: #fff
}

.card-header:hover {
    background-color: #ccc;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.card-mytitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1rem;
    background-color: #eee;
    font-weight: 700
}

#common-success a,
.paykepper_feedpack a,
.comanda a,
.information__content a h4 span,
.information__content a,
.home__desc a {
    border-bottom: 1px dashed #367b22
}

.video__wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border: 1px solid #333
}

.video__wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0
}

.review-product {
    border: 3px solid #eee;
    margin-bottom: 2rem
}

.review-product h4 {
    font-size: 1.2rem
}

.review-product__header {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f6f6f6));
    background: -o-linear-gradient(left, #f6f6f6 0 #e9f2dd 100%);
    background: linear-gradient(90deg, #f6f6f6 0 #e9f2dd 100%);
    margin-bottom: .4rem;
    padding: .3rem 0 .2rem
}

.review-product__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.review-product__rate {
    margin-right: 1rem
}

.review-product__rate .fa-stack {
    font-size: 6px
}

.review-product__rate .fa-star + .fa-star-o {
    color: #e69500;
    font-size: 13px
}

.review-product__rate .fa-star {
    color: #fc0;
    font-size: 13px
}

.review-product__rate .fa-star-o {
    font-size: 13px
}

.review-product__date {
    font-size: 14px
}

.review-product__answer {
    width: 100%;
    margin: .5rem 1rem .5rem 2rem
}

.btn-review span {
    margin-left: .5rem;
    font-size: 1rem
}

#information-reviewsite .btn-review {
    margin: 1rem 0
}

#information-reviewsite h1,
#information-reviewsite h4 {
    font-weight: bold;
}

.comanda {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    margin: .5rem;
    padding: .6rem
}

.comanda h1 {
    background: #fff
}

.comanda h2 {
    font-weight: bold;
}

.comanda__row {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    justify-content: center;
    flex-flow: row wrap;
}

.comanda__thumbnail {
    display: flex;
    justify-content: center;
    max-width: 30%;
    width: 100%;
    position: relative;
}

.comanda .comanda__thumbnail > img {
    box-shadow: 0 0.2rem 0.4rem 0.2rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.comanda__desc {
    display: flex;
    flex-direction: column;
    padding: 0 .6rem;
    max-width: 70%;
    width: 100%;
}

.comanda p {
    font-size: 1rem;
}

.quote {
    display: flex;
    border-left: 4px solid #2FA64A;
    padding: .5rem;
}

.quote__text {
    padding: 0 0.6rem;
}

.comanda-card {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 18rem;
    margin: 1rem 0.5rem;
    width: 100%;
    border: 1px solid #71EF8D;
    border-radius: .25rem;
    box-shadow: 0 0 5px 5px rgb(0 0 0 / 6%);
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow 0.3s, -webkit-box-shadow .3s;
    padding: .7rem;
    margin-bottom: 1rem;
    background: #fff;
    position: relative;
}

.comanda-card__desc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding: 0.6rem;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.comanda-card__desc p {
    color: #fff;
}

.comanda-card__img {
    display: flex;
    justify-content: center;
}

.comanda-card__img img {
    max-width: 100%;
    border-radius: 50%;
    border: 3px solid #2FA64A;
    padding: 0.4rem;
    box-shadow: 0 0 8px 0 #ccc;
}

.comanda-card:hover {
    box-shadow: 0 0 8px 2px rgb(0 0 0 / 25%)
}

.comanda-card:hover .comanda-card__desc {
    opacity: 1;
    transition: opacity 0.4s ease-in-out;
}

.comanda-card h4 {
    font-weight: bold;
    font-size: 1.2rem;
    color: #fff
}

.register__container {
    background-color: #fff
}

.gallery-wrap {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 0.6rem;
}

.gallery-wrap img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.gallery-wrap a {
    display: flex;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    border: none;
}

.grid-product {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 1rem;
    gap: 10px;
}

.grid-product-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #eee;
    padding: 0.5rem;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 #CCC;
}

.grid-product-item:hover {
    position: relative;
    box-shadow: 0 0 3px #333;
}

.grid-product-item a {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-bottom: none;
}

.grid-product-item h5 {
    font-weight: bold;
    text-align: center;
    flex: 1 1 auto;
}

.grid-product-item .wishlist-btn {
    top: 1.5rem;
    right: -1rem;
    left: auto;
}

.spinner {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
}

.spinner::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 3px solid #3792bf;
    animation: prixClipFix 2s linear infinite;
}

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

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

.btn-catalog {
    margin-bottom: 0;
    background-color: #498d09;
    color: #FFF;
}

.btn-catalog:hover {
    background-color: #488014;
    color: #FFF;
}

.btn-catalog span {
    font-size: initial;
}

.catalog__list {
    position: absolute;
    top: 2.8rem;
    z-index: 100;
    display: flex;
    margin-block-start: 0.5lh;
    width: 100%;
    overflow: hidden;
    height: 0;
    line-height: 0;
    color: transparent;
    background-color: #FFF;
    border-radius: 3px;
    transition: line-height .3s, color .3s, height .3s;
}

.btn-catalog.active ~ .catalog__list {
    overflow: visible;
    height: 605px;
    line-height: 1.2;
    color: currentColor;
}

.catalog__item {
    overflow: hidden;
    margin-bottom: 5px;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 #CCC;
}

.catalog__link {
    overflow: hidden;
}

.featured .rating,
.bestseller .rating {
    position: absolute;
    top: 5px;
    z-index: 2
}

@media (max-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%
    }

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

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

    /* #menu .dropdown:hover .dropdown-menu{display:block}
  #menu{border-radius:4px}
  #menu div.dropdown-inner > ul.list-unstyled{display:block}
  #menu div.dropdown-menu{margin-left:0!important;padding-bottom:10px;background-color:rgba(0,0,0,0.1)}
  #menu .dropdown-inner{display:block}
  #menu .dropdown-inner a{width:100%;color:#fff}
  #menu .dropdown-menu a:hover,#menu .dropdown-menu ul li a:hover{background:rgba(0,0,0,0.1)}
  #menu .see-all{margin-top:0;border:none;border-radius:0;color:#fff} */
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px
    }

    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px
    }

    .product-grid .product-thumb .caption {
        min-height: 0
    }

    .product-list .product-thumb .button-group {
        border-left: none
    }

    .product-thumb .button-group button,
    .product-thumb .button-group button + button {
        width: 33.33%
    }

    .grid-product {
        grid-template-columns: repeat(2, 1fr);
    }

    .modal-content {
        width: 100%
    }

    .wishlist-btn {
        opacity: 1;
        top: 2rem;
        right: 0.5rem;
        left: auto;
    }

    .footer__btn-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__btn-container-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__btn-container {
        display: none
    }

    h1 {
        font-size: 1.3rem
    }

    .product__title {
        text-align: center;
        margin-top: .6rem
    }

    .swiper-button-next::before,
    .swiper-button-prev::before {
        font-size: 17px
    }

    .swiper-pagination {
        display: none
    }

    #product-product > .product {
        padding: 0
    }

    #product-product .nav-link {
        padding: .3rem;
        font-size: .9rem;
    }

    .comanda__row {
        flex-direction: column;
    }

    .comanda__thumbnail {
        position: inherit;
        max-width: 100%;
        justify-content: center;
        margin-bottom: 1rem;
    }

    .danil_desc {
        flex-direction: column-reverse;
    }

    .comanda .comanda__thumbnail > img {
        position: inherit;
        max-width: 80%;
    }

    .comanda__desc {
        max-width: 100%;
        padding: 0;
    }

    .comanda__row {
        align-items: center;
    }

    .gallery-wrap {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px
    }

    .product-thumb .button-group button,
    .product-thumb .button-group button + button {
        width: 33.33%
    }
}

@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 (max-width: 1200px) {

    #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 (max-width: 992px) {
    #product-product .product_container {
        flex-direction: column
    }

    #product-product .thumbnails img {
        max-width: 31rem
    }

    #content .category-list,
    #product-product .category-list {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    #top_mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        top: auto;
        padding: 0;
        background-color: rgba(47, 167, 74, 1);
    }

    #top {
        display: none
    }

    #menu {
        display: none;
    }

    .root_container {
        padding-top: 4rem;
    }

    .header__phone {
        display: none
    }

    .breadcrumb {
        display: none
    }

    p {
        font-size: 1rem !important
    }

    .gallery-wrap {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 478px) {
    body {
        font-size: 14px
    }

    #top_mobile {
        padding: 0.3rem;
    }

    .root_container {
        padding: 0;
        padding-top: 4.5rem
    }

    .citata {
        display: none
    }

    .icon__header {
        padding: .5rem;
    }

    .contact__info-wrap p {
        font-size: 1rem;
        margin-bottom: .4rem
    }

    #cart .dropdown-menu {
        width: 100%
    }

    #cart .dropdown-menu li > div {
        min-width: 100%
    }

    #product-product h1 {
        font-size: 1.5rem;
    }

    .product__thumb img {
        max-width: 25rem;
    }

    .home__desc h1 {
        font-size: 1.1rem;
    }

    .gallery-wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-product {
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-product-item h5 {
        font-size: 0.9rem;
    }

    h1 {
        font-size: 1rem;
    }
}

.cookie_notice_block {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 60px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 16px;
    z-index: 100;
}

.cookie_notice_block p {
    margin: 0;
    margin-right: 1rem;
}

.cookie_notice_block button {
    white-space: nowrap;
    font-size: 16px;
}

.cookie_inner_content {
    display: flex;
}

.cookie_notice_block button i {
    margin-right: 0.5rem;
}

@media (max-width: 767px) {
    .cookie_notice_block {
        font-size: 16px;
        padding: 0 10px;
    }

    .cookie_notice_block p {
        text-align: center;
    }

    .cookie_notice_block button {
        white-space: nowrap;
    }

    .cookie_inner_content {
        flex-direction: column;
    }
}

.center {
    text-align: center;
}

.transparent {
    background: transparent;
}

.absolute-right {
    position: absolute;
    top: 0.3rem;
    right: 0.5rem;
    color: #fff;
}

.cart-product {
    display: block;
    max-width: 230px;
    padding: 0.5rem;
    border: 1px solid #ddd;
    border-radius: 0.3rem;
    background: #fff;
    margin: 1rem auto;
}

.cart-product:hover {
    box-shadow: 0 0 4px 0px #ddd;;
}

.cart-product p {
    margin: 0;
    font-weight: bold;
    text-align: center;
    line-height: 1.2rem;
}

.price-block {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.price-block .price-old {
    font-size: 1.2rem;
    color: rgb(208, 121, 121);
    font-weight: bold;
}

.price-block .price-new {
    font-size: 1.5rem;
    color: #1c3e27;
    font-weight: bold;
}

.flex-horizontal {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-flow: row wrap;
    padding: 0.5rem;
    background: rgb(238, 237, 237);
    background: radial-gradient(circle, rgba(238, 237, 237, 1) 0%, rgba(91, 247, 109, 1) 100%);
}

.transaction-total {
    display: flex;
    padding: 0.5rem;
    border: 1px solid #ddd;
    background-color: dimgray;
    color: #fff;
    font-weight: 500;
    border-radius: 0.3rem;
}

/* callMe */
#modal-call-me .btn-close {
    font-size: 1.6rem;
    padding: 0;
    line-height: 1.3rem;
    border: 1px solid #333;
    border: none;
    outline: none;
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: red;
    text-shadow: 0 0 3px red;
}

#modal-call-me .btn-close:focus {
    outline: none;
}

#modal-call-me .modal-header {
    display: flex;
    flex-direction: column;
}

#modal-call-me .modal-label {
    width: 100%;
}

#modal-call-me .modal-header__title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 700;
}

#modal-call-me .agreement {
    display: flex;
}

#modal-call-me .agreement i {
    margin-right: 5px;
    margin-top: 2px;
    font-size: 15px;
    line-height: 16px;
}

#modal-call-me .agreement span {
    font-size: 13px;
    line-height: 16px;
}

.not-work-time {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;

}

.not-work-time p {
    margin-bottom: 0.1rem;
}

.not-work-time button {
    width: 100%;
}

.success_title {
    text-align: center;
    margin: 0.5rem;
}

.input_error {
    border: 1px solid #ff0606;
    box-shadow: 0 0 2px #ff0606;
}

.error_text {
    color: #ff0606;
}

/* Эмблема "Честный знак" */
/* Эмблема "Честный ЗНАК" — фирменный стиль */
.chz-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 7px 3px 5px;
    background: #ffd100;
    border: 1px solid #e0b800;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(29, 26, 74, .18);
    white-space: nowrap;
    line-height: 1;
}
.chz-badge__mark {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    display: block;
}
.chz-badge__text {
    display: flex;
    flex-direction: column;
    color: #1d1a4a;                 /* фирменный индиго */
    text-align: left;
}
.chz-badge__text b {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.1;
}
.chz-badge__text span {
    font-size: 7px;
    font-weight: 500;
    letter-spacing: .3px;
    color: #3d3a66;
    text-transform: uppercase;
}

/* Контейнер картинки — для позиционирования по углу */
.product-thumb .image,
.chz-image-wrap {
    position: relative;
}

/* На узких экранах — только значок, текст прячем */
@media (max-width: 767px) {
    .chz-badge { padding: 5px; gap: 0; }
    .chz-badge__text { display: none; }
}

/* @media (max-width: ) */