@import "font/inter/inter.css";

@font-face{
    font-family:uni2-icons;
    font-weight:normal;
    font-style:normal;
    font-display:swap;
    src:url('/assets/css/font/uni2-icons.eot');
    src:local('Material Icons'), local('MaterialIcons-Regular'), url('/assets/css/font/uni2-icons.woff?1656489517') format('woff'), url('/assets/css/font/uni2-icons.ttf?1656489517') format('truetype');
}

@font-face {
  font-family: 'Golos Text';
  src: url('/assets/css/font/golos/GolosText-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* Оптимизация загрузки шрифта */
}

@font-face {
  font-family: 'Golos Text';
  src: url('/assets/css/font/golos/GolosText-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Golos Text';
  src: url('/assets/css/font/golos/GolosText-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Golos Text';
  src: url('/assets/css/font/golos/GolosText-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Golos Text';
  src: url('/assets/css/font/golos/GolosText-SemiBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Golos Text';
  src: url('/assets/css/font/golos/GolosText-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


i[class^="ut2-icon-"], .ut2-icon {
    font-family: uni2-icons;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.ut2-icon-outline-arrow_forward:before {
    content: "\e90a";
}

.ut2-icon-outline-cart:before {
    content: "\e90c";
}
.ut2-icon-outline-account-circle:before {
    content: "\e90d";
}
.ut2-icon-outline-expand_more:before {
    content: "\e908";
}
.ut2-icon-baseline-equalizer:before {
    content: "\e905";
}
.ut2-icon-baseline-favorite-border:before {
    content: "\e900";
}

.ut2-wishlist-count i[class^="ut2-icon-"], .ut2-compared-products i[class^="ut2-icon-"] {
    color: #777;
    font-size: 32px;
}
.ty-icon-location-arrow:before {
    content: "\e901";
}

.ty-icon-search:before {
    content: "\e029";
}

@font-face{
    font-family:glyphs;
    src:url('/assets/css/font/glyphs.eot');
    src:url('/assets/css/font/glyphs.eot#iefix') format('embedded-opentype'), url('/assets/css/font/glyphs.woff') format('woff'), url('/assets/css/font/glyphs.ttf') format('truetype'), url('/templates/default/css/grinn/font/glyphs.svg#glyphs') format('svg');
    font-weight:normal;
    font-style:normal;
}

.ty-icon-up-dir, .ty-icon-right-dir, .ty-icon-down-dir, .ty-icon-left-dir, .ty-icon-star-empty, .ty-icon-th-list, .ty-icon-heart, .ty-icon-flight, .ty-icon-ok, .ty-icon-cancel, .ty-icon-cancel-circle, .ty-icon-minus-circle, .ty-icon-right-thin, .ty-icon-cw, .ty-icon-left-circle, .ty-icon-right-circle, .ty-icon-help-circle, .ty-icon-back, .ty-icon-products-multicolumns, .ty-icon-print, .ty-icon-chat, .ty-icon-article-alt, .ty-icon-docs, .ty-icon-zoom-in, .ty-icon-zoom-out, .ty-icon-down-open, .ty-icon-left-open, .ty-icon-right-open, .ty-icon-up-open, .ty-icon-down-micro, .ty-icon-up-micro, .ty-icon-right-open-thin, .ty-icon-left-open-thin, .ty-icon-products-without-options, .ty-icon-short-list, .ty-icon-plus-circle, .ty-icon-user, .ty-icon-doc-text, .ty-icon-calendar, .ty-icon-chart-bar, .ty-icon-download, .ty-icon-search, .ty-icon-lock, .ty-icon-popup, .ty-icon-plus, .ty-icon-folder, .ty-icon-folder-open, .ty-icon-mail, .ty-icon-twitter, .ty-icon-facebook, .ty-icon-file, .ty-icon-trashcan, .ty-icon-d-arrow, .ty-icon-bubble, .ty-icon-upload, .ty-icon-cog, .ty-icon-square, .ty-icon-arrow-up-right, .ty-icon-arrow-up-left, .ty-icon-arrow-down-left, .ty-icon-arrow-down-right, .ty-icon-arrow-down, .ty-icon-arrow-up, .ty-icon-arrow-left, .ty-icon-arrow-right, .ty-icon-location-arrow, .ty-icon-star, .ty-icon-star-half, .ty-icon-refresh, .ty-icon-basket, .ty-icon-image, .icon-image, .ty-icon-edit, .ty-icon-live-edit, .ty-icon-gift, .ty-icon-ban-circle, .ty-icon-wrench, .ty-icon-feed, .ty-icon-eye-open, .ty-icon-eye-close, .ty-icon-handler, .ty-icon-youtube, .ty-icon-cart, .ty-icon-target, .ty-icon-pointer, .ty-icon-shipping, .ty-icon-courier, .ty-icon-instagram {
    font-family: glyphs;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}



a:hover, a.ajaxlink:hover {
    color: #008c3a;
}
.btn-green {
    background-color: #97c21a !important;
    color: #97c21a;
}
.btn-green:hover {
    background-color: #008c3a !important;
    color: #97c21a;
}

.btn-white {
    background-color: #fff !important;
    color: #97c21a;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0;
}


.mobile-header img {
    height: 36px;
    margin-top: -8px;
}



.owl-carousel .product-n {
    width: 340px;
}

.product-n .sale-sum {
    background-color: #007632;
    font-weight: bold;
    position: absolute;
    left: 0px;
    bottom: 0px;
    flex-shrink: 0;
    padding: 1px 4px;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    border-radius: 9px 9px 9px 9px;
    display: flex;
    justify-content: space-between;
}

.product-n .code-value {
    font-size: 11px;
    color: ddd;
}
.product-n .price-block .price-title, .product-n .price-block .price, .product-n .old-price {
    font-weight: bold;
    font-size: 16px;
}

.product-n .old-price {
    color: #a7a7a7;
    text-decoration: line-through;
    font-size: 11px;
}

.product-n .title {
    height: 40px;
}
.owl-stage {
  display: flex;
  justify-content: space-between;
}
.product-n .cashback-sum {
    font-weight: bold;
    position: absolute;
    background-color: #fff;
    top: 0px;
    right: 0px;
    padding: 2px 4px;
    color: #007632;
    font-size: 14px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    opacity: 0.7;
}

#image .cashback-sum {
    font-weight: bold;
    position: absolute;
    background-color: #fff;
    top: 30px;
    right: 10px;
    padding: 4px 8px;
    color: #007632;
    font-size: 14px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    opacity: 0.7;
    z-index: 10;
}

.product-cart-block .cashback-sum {
    font-weight: bold;
    color: #007632;
    font-size: 14px;
    margin-left: 10px;
}

.cart_items .cashback-sum {
font-weight: bold;
position: absolute;
background-color: #fff;
top: -16px;
right: 0px;
padding: 4px 5px;
color: #007632;
font-size: 14px;
border-radius: 20px;
display: flex;
justify-content: space-between;
opacity: 0.7;
}

.product-n .personal-discount {
color: rgb(255, 255, 255);
background-color: #DB4437;
font-weight: bold;
position: absolute;
left: 0px;
background: transparent;
top: 0px;
flex-shrink: 0;
padding: 4px 8px;
color: #8259b8;
border: 1px solid #8259b8;
font-size: 12px;
border-radius: 10px;
border-radius: 15px 0px 15px 10px;
margin-right: 8px;
display: flex;
justify-content: space-between;
}

#image .personal-discount {
color: rgb(255, 255, 255);
background-color: #DB4437;
font-weight: bold;
position: absolute;
right: 0px;
background: transparent;
top: 60px;
flex-shrink: 0;
padding: 4px 8px;
color: #8259b8;
border: 1px solid #8259b8;
font-size: 12px;
border-radius: 10px;
border-radius: 15px 0px 15px 10px;
margin-right: 8px;
display: flex;
justify-content: space-between;
z-index: 10;
}

.product-cart-block .personal-discount {
    font-weight: bold;
    flex-shrink: 0;
    padding: 4px 0px;
    color: #8259b8;
    font-size: 12px;
    border-radius: 10px;
    margin-right: 8px;
    display: block;
}

.product-cart-block .sale-sum {
    background-color: #007632;
    font-weight: bold;
    flex-shrink: 0;
    padding: 1px 4px;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    border-radius: 9px 9px 9px 9px;
}

#image .sale-sum {
color: rgb(255, 255, 255);
background-color: #DB4437;
font-weight: bold;
position: absolute;
background: transparent;
flex-shrink: 0;
padding: 4px 8px;
color: #97c21a;
border: 1px solid #97c21a;
font-size: 12px;
border-radius: 10px;
border-radius: 15px 0px 15px 10px;
margin-right: 8px;
display: flex;
justify-content: space-between;
z-index: 10;
}

.sum_cashback span {
color: #4c1499;
font-weight: 600;
}

.cashback_icon {
    margin-top: 3px !important;
    margin-right: 3px;
    border: 0px !important;
    border-radius: 0px !important;
    max-width: none !important;
    max-height: none !important;
    width: 15px;
    height: 16px
}

.green-checkbox>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.green-checkbox>span {
    display: inline-flex;
    align-items: center;
    user-select: none;
}
.green-checkbox>span::before {
    content: '';
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #008c3a;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.green-checkbox>span::before:disabled {
    border: 1px dashed grey;
}
.green-checkbox>input:not(:disabled):active+span::before {
    background-color: #97c21a;
    border-color: #97c21a;
}
.green-checkbox>input:focus:not(:checked)+span::before {
    border-color: #97c21a;
}
.green-checkbox>input:checked+span::before {
    border-color: #008c3a;
    background-color: #008c3a;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.green-checkbox-small,
.green-checkbox-small a,
#cart-page .cart-info-data .green-checkbox-small a {
    font-size: 10px;
}
#cart-page .green-checkbox.green-checkbox-small>span::before {
    width: 16px;
    height: 16px;
}


.sticky-content.fixed {
    position: fixed;
    top: 20px;
    z-index: 1000;
}


.mp-check {
    display: block;
    font-size: 1.1rem;
    font-weight: 400;
    height: 1.2em;
    margin: 0.6em auto;
    position: relative;
    text-align: left;
    width: 95%;
}
.mp-check__checkbox {
    -webkit-border-radius: 0.125em;
    border-radius: 0.125em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 1.1em;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.1em;
}
.mp-check__text {
    cursor: pointer;
    display: block;
    height: 1.1em;
    left: 0;
    lineheight: 1.1em;
    margin-top: -0.02em;
    padding-left: 1.7em;
    position: absolute;
    text-align: left;
    top: 0;
}
@media screen and (max-width: 30em) {
    .mp-check {
        font-size: 1.5rem;
    }
}

.switch-ellipse {
    margin: 0;
    cursor: pointer;
}
.switch-ellipse__text {
    display: inline-block;
    margin-right: 1.5em;
    padding: 0;
    position: relative;
}
.switch-ellipse__background {
    background-color: transparent;
    border: solid 1px #AAAAAA;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    display: inline-block;
    position: relative;
    top: 0.15em;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 2.2em;
}
.switch-ellipse__checkbox {
    background-color: #AAAAAA;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    left: -2%;
    top: -0.0625em;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.switch-ellipse:checked + .switch-ellipse__background {
    background-color: transparent;
}
.switch-ellipse:checked + .switch-ellipse__background > .switch-ellipse__checkbox {
    background-color: #008c3a;
    left: 49%;
}
.switch-ellipse:checked + .switch-ellipse__background {
    border: solid 1px #008c3a;
}
.switch-ellipse input {
    z-index: -1;
}
@media screen and (max-width: 30em) {
    .switch-ellipse__text {
        margin-right: 1.1em;
    }
}
.stretch-width {
    display: flex;
    justify-content: space-between;
    align-items: center;
}