@charset "utf-8";
/* lu-theme-crit.css — критический CSS темы ProStore: только правила, сработавшие на
   страницах сайта (см. /root/lu-tools/build-critical-css.py). Полные файлы
   грузятся следом асинхронно. Собрано автоматически — руками не править. */
/* ── bootstrap.min.css: использованные правила (5 из 104 КБ) ── */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#337ab7;text-decoration:none}
a:focus,a:hover{text-decoration:underline}
img{vertical-align:middle}
[role=button]{cursor:pointer}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
p{margin:0 0 10px}
.small,small{font-size:85%}
.mark,mark{padding:.2em;background-color:#fcf8e3}
.text-left{text-align:left}
.text-center{text-align:center}
ol,ul{margin-top:0;margin-bottom:10px}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){
.container{width:750px}
}
@media (min-width:992px){
.container{width:970px}
}
@media (min-width:1200px){
.container{width:1170px}
}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.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-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-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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
@media (min-width:768px){
.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{float:left}
.col-sm-12{width:100%}
.col-sm-9{width:75%}
.col-sm-6{width:50%}
}
table{background-color:transparent}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control::-webkit-input-placeholder{color:#999}
textarea.form-control{height:auto}
input[type=search]{-webkit-appearance:none}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}
.hide{display:none!important}
/* ── app.min.css: использованные правила (31 из 588 КБ) ── */
:root{
    --theme-size: 10px;
    --theme-primary-color: #7266F3;
    --theme-secondary-color: #7F73FA;
    --body-bg: #F7F7FB;
    --body-color: #343434;
    --base-font-family: "Roboto", sans-serif;
    --base-font-size: 16px;
    --base-font-lineheight: 1.5;
    --base-font-weight: 400;
    --bg-no-image: #E9E8F1;
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom)
}
.ui-title-20, .brands-featured__title, .set__title, .video__title, .benefits__title, .news-featured__title, .reviews-featured__title, .categories__title, .blog-featured__title, .products-featured__title, .stories-features__title{
    display: block;
    margin: 0 0 2.5rem;
    font-size: 2rem;
    line-height: 1.15;
    font-weight: 500
}
html{
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body{
    margin: 0
}
main{
    display: block
}
h1{
    font-size: 2em;
    margin: 0.67em 0
}
a{
    background-color: transparent
}
b,strong{
    font-weight: bolder
}
small{
    font-size: 80%
}
img{
    border-style: none
}
button,input,optgroup,select,textarea{
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button,input{
    overflow: visible
}
button,select{
    text-transform: none
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance: button
}
textarea{
    overflow: auto
}
[type=checkbox],[type=radio]{
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height: auto
}
[type=search]{
    -webkit-appearance: textfield;
    outline-offset: -2px
}
details{
    display: block
}
summary{
    display: list-item
}
[hidden]{
    display: none
}
html, body{
    height: 100%;
    -webkit-overflow-scrolling: touch
}
picture{
    display: block
}
img, video{
    max-width: 100%
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0
}
input[type=number]{
    -moz-appearance: textfield
}
button, input, textarea, select{
    border: none;
    background: none;
    padding: 0;
    font-family: inherit
}
::selection{
    color: #fff;
    background: #000
}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
    -webkit-appearance: none;
    appearance: none
}
button{
    cursor: pointer
}
@font-face{
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face{
    font-family: "Roboto";
    src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}
@font-face{
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
.ui-btn,.btn, .comments__form-close, .comments__form-btn, .brands__search-btn, .details__comments-form-close, .details__comments-form-btn, .reviews__item-details-close, .reviews__form-close, .reviews__form-btn, .categories-aside__close, .ui-code__btn,.button-group button{
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border: 1px solid transparent;
    background: none;
    border-radius: 5px;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    height: 5rem;
    transition: border-color 0.25s, color 0.25s, background 0.25s
}
.btn{
    border: 0
}
.ui-btn--38, .ui-code__btn{
    padding: 0.5rem 2rem;
    height: 3.8rem;
    font-size: 1.4rem
}
.ui-btn--60, .comments__form-close, .comments__form-btn, .details__comments-form-close, .details__comments-form-btn, .reviews__item-details-close, .reviews__form-close, .reviews__form-btn, .categories-aside__close{
    padding: 1rem 2rem;
    height: 6rem
}
.ui-btn--fullwidth, .comments__form-close, .comments__form-btn, .details__comments-form-close, .details__comments-form-btn, .reviews__item-details-close, .reviews__form-close, .reviews__form-btn, .categories-aside__close{
    width: 100%
}
.ui-btn--primary,.btn-primary, .comments__form-btn, .brands__search-btn, .details__comments-form-btn, .reviews__form-btn,.button-group button{
    background: var(--theme-primary-color);
    color: #fff
}
.ui-btn--primary:after,.btn-primary:after, .comments__form-btn:after, .brands__search-btn:after, .details__comments-form-btn:after, .reviews__form-btn:after,.button-group button:after{
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.2);
    transition: opacity 0.25s;
    opacity: 0
}
.ui-btn--white, .comments__form-close, .details__comments-form-close, .reviews__item-details-close, .reviews__form-close, .categories-aside__close{
    background: #fff;
    color: #343434
}
.ui-btn--grey, .ui-code__btn,.btn-default{
    background: #F1F1F5;
    color: #343434
}
a:not([class]), .ui-link, .article__body a:not([class]), .contacts__data-address a, .contacts__data-address .details__txt-readmore + a, .contacts__data-address .details__comments-item-readmore + a, .contacts__shops-item-title a, .contacts__shops-item-title .details__txt-readmore + a, .contacts__shops-item-title .details__comments-item-readmore + a, .contacts__info-item-address a, .contacts__info-item-address .details__txt-readmore + a, .contacts__info-item-address .details__comments-item-readmore + a, .details__comments-item-answer-body a, .details__comments-item-answer-body .details__txt-readmore + a, .details__comments-item-answer-body .details__comments-item-readmore + a, .details__comments-item-readmore + .ui-link, .details__comments-item-readmore + .reviews__item-details-btn, .reviews__item-body .details__comments-item-readmore + a, .details__comments-item-readmore + .reviews__item-link, .reviews__answer-body .details__comments-item-readmore + a, .seo__desc .details__comments-item-readmore + a, .details__comments-item-readmore + .seo__readmore-link, .details__txt .details__comments-item-readmore + a, .details__txt-readmore + .ui-link, .details__txt-readmore + .reviews__item-details-btn, .reviews__item-body .details__txt-readmore + a, .details__txt-readmore + .reviews__item-link, .reviews__answer-body .details__txt-readmore + a, .seo__desc .details__txt-readmore + a, .details__txt-readmore + .seo__readmore-link, .details__txt .details__txt-readmore + a, .details__txt a, .seo__readmore-link, .seo__desc a, .reviews__answer-body a, .reviews__item-link, .reviews__item-body a, .reviews__item-details-btn, .ui-wysiwyg a:not([class]),.ui-check__btn-text a:hover{
    text-decoration: none;
    transition: opacity 0.25s, color 0.25s
}
a,.ui-link--blue, .article__body a:not([class]), .contacts__data-address a, .contacts__shops-item-title a, .contacts__info-item-address a, .details__comments-item-answer-body a, .details__comments-item-readmore + .ui-link, .contacts__data-address .details__comments-item-readmore + a, .contacts__shops-item-title .details__comments-item-readmore + a, .contacts__info-item-address .details__comments-item-readmore + a, .details__comments-item-answer-body .details__comments-item-readmore + a, .details__comments-item-readmore + .reviews__item-details-btn, .reviews__item-body .details__comments-item-readmore + a, .details__comments-item-readmore + .reviews__item-link, .reviews__answer-body .details__comments-item-readmore + a, .seo__desc .details__comments-item-readmore + a, .details__comments-item-readmore + .seo__readmore-link, .details__txt .details__comments-item-readmore + a, .details__txt-readmore + .ui-link, .contacts__data-address .details__txt-readmore + a, .contacts__shops-item-title .details__txt-readmore + a, .contacts__info-item-address .details__txt-readmore + a, .details__comments-item-answer-body .details__txt-readmore + a, .details__txt-readmore + .reviews__item-details-btn, .reviews__item-body .details__txt-readmore + a, .details__txt-readmore + .reviews__item-link, .reviews__answer-body .details__txt-readmore + a, .seo__desc .details__txt-readmore + a, .details__txt-readmore + .seo__readmore-link, .details__txt .details__txt-readmore + a, .details__txt a, .seo__readmore-link, .seo__desc a, .reviews__answer-body a, .reviews__item-link, .reviews__item-body a, .reviews__item-details-btn, .ui-wysiwyg a:not([class]),.ui-check__btn-text a{
    color: #4791FF
}
.ui-link--blue.ui-link--underline, .article__body a.ui-link--blue:not([class]), .article__body a.ui-link--underline:not([class]), .article__body a:not([class]), .contacts__data-address a.ui-link--blue, .contacts__data-address a.ui-link--underline, .contacts__data-address a, .contacts__shops-item-title a.ui-link--blue, .contacts__shops-item-title a.ui-link--underline, .contacts__shops-item-title a, .contacts__info-item-address a.ui-link--blue, .contacts__info-item-address a.ui-link--underline, .contacts__info-item-address a, .details__comments-item-answer-body a.ui-link--blue, .details__comments-item-answer-body a.ui-link--underline, .details__comments-item-answer-body a, .details__comments-item-readmore + .ui-link--blue.ui-link, .reviews__item-body .details__txt-readmore + a, .details__txt-readmore + .reviews__item-link, .reviews__answer-body .details__txt-readmore + a, .details__txt a.ui-link--underline, .details__txt .article__body a:not([class]), .article__body .details__txt a:not([class]), .details__txt .details__txt-readmore + a, .ui-link--underline.seo__readmore-link, .article__body a.seo__readmore-link:not([class]), .details__txt-readmore + .seo__readmore-link, .seo__desc a.ui-link--underline, .seo__desc .article__body a:not([class]), .article__body .seo__desc a:not([class]), .reviews__answer-body a, .reviews__item-link, .reviews__item-body a, .ui-link--underline.reviews__item-details-btn, .article__body a.reviews__item-details-btn:not([class]), .details__txt-readmore + .reviews__item-details-btn, .ui-wysiwyg a:not([class]){
    border-bottom: 1px solid #E3EEFF
}
label:not([class]){
    display: block;
    margin: 0 0 1rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}
input:not([class]),textarea:not([class]){
    display: block;
    transition: 0.25s;
    width: 100%;
    background: #F7F8FB;
    border: 1px solid #F7F8FB;
    font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
    padding: 1rem 1.6rem;
    color: #222;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    transition: 0.25s;
    box-shadow: none;
    border-radius: 5px;
    margin: 0 0 2rem;
    height: 4.6rem;
    transition: box-shadow 0.25s
}
input:not([class])::placeholder,textarea:not([class])::placeholder{
    color: rgba(34, 34, 34, 0.5);
    transition: opacity 0.25s
}
select:not([class]),select.form-control{
    width: 100%;
    font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
    border: 1px solid #F7F8FB;
    border-radius: 5px;
    padding: 1rem 1.5rem;
    -webkit-appearance: none;
    appearance: none;
    background-color: #F7F8FB;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.284143 1.91713L4.77096 6.66853C4.86819 6.77356 4.98386 6.85693 5.11131 6.91382C5.23876 6.97071 5.37547 7 5.51353 7C5.6516 7 5.7883 6.97071 5.91575 6.91382C6.0432 6.85693 6.15888 6.77356 6.25611 6.66853L10.6906 1.91713C10.7887 1.81296 10.8665 1.68902 10.9196 1.55246C10.9727 1.4159 11 1.26943 11 1.1215C11 0.973565 10.9727 0.827095 10.9196 0.690537C10.8665 0.553981 10.7887 0.43004 10.6906 0.325864C10.4947 0.11715 10.2296 -8.86323e-07 9.95329 -8.62168e-07C9.67698 -8.38012e-07 9.4119 0.11715 9.21594 0.325864L5.51353 4.29283L1.81113 0.325865C1.61632 0.118839 1.35339 0.00212611 1.07901 0.000888261C0.941366 3.56885e-05 0.804918 0.0283026 0.677491 0.0840692C0.550063 0.139836 0.434163 0.222006 0.336436 0.325865C0.234908 0.426292 0.152959 0.54728 0.095324 0.681838C0.0376887 0.816396 0.00551076 0.961857 0.000647984 1.10982C-0.00421384 1.25778 0.0183358 1.4053 0.0669951 1.54387C0.115654 1.68244 0.189458 1.8093 0.284143 1.91713Z' fill='%23343434'/%3E%3C/svg%3E%0A");
    background-position: right 14px center;
    background-repeat: no-repeat;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 4.6rem;
    transition: box-shadow 0.25s;
    margin: 0 0 2rem;
    box-shadow: none;
    color: inherit
}
.ui-label,.control-label{
    display: block;
    margin: 0 0 1rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}
.ui-input, .ui-range__input, .ui-textarea,.form-control:not(select){
    display: block;
    transition: 0.25s;
    width: 100%;
    background: #F7F8FB;
    border: 1px solid #F7F8FB;
    font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif;
    padding: 1rem 1.6rem;
    color: #222;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    transition: 0.25s;
    box-shadow: none;
    border-radius: 5px;
    margin: 0 0 2rem;
    height: 4.6rem;
    transition: box-shadow 0.25s
}
.ui-input::placeholder, .ui-range__input::placeholder, .ui-textarea::placeholder, .form-control:not(select)::placeholder{
    color: rgba(34, 34, 34, 0.5);
    transition: opacity 0.25s
}
.swiper-container{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}
.swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: border-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
    transform: translate3d(0px, 0, 0)
}
.swiper-slide{
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}
.swiper-scrollbar{
    -ms-touch-action: none
}
.swiper-container .swiper-notification{
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper-scrollbar{
    position: relative;
    margin: 2rem 0 0;
    z-index: 100;
    height: 0.4rem;
    background: #EEF0F3
}
.swiper-scrollbar-drag{
    display: block;
    width: 100%;
    height: 50%;
    position: relative;
    top: 25%;
    left: 0;
    background: var(--theme-primary-color);
    border-radius: 0;
    cursor: pointer
}
.swiper-products,.swiper-blog,.swiper-reviews,.swiper-news,.swiper-video,.swiper-shops{
    overflow: visible
}
.swiper-products > .swiper-wrapper,.swiper-blog > .swiper-wrapper,.swiper-reviews > .swiper-wrapper,.swiper-news > .swiper-wrapper,.swiper-video > .swiper-wrapper,.swiper-shops > .swiper-wrapper{
    z-index: 200
}
.swiper-products > .swiper-wrapper > .swiper-slide,.swiper-blog > .swiper-wrapper > .swiper-slide,.swiper-reviews > .swiper-wrapper > .swiper-slide,.swiper-news > .swiper-wrapper > .swiper-slide,.swiper-video > .swiper-wrapper > .swiper-slide,.swiper-shops > .swiper-wrapper > .swiper-slide{
    -ms-flex: 0 0 340px;
    flex: 0 0 34rem;
    width: 34rem;
    max-width: 100%;
    height: auto;
    margin: 0 1rem 0 0;
    transition: opacity 0.25s, transform 0.25s
}
.swiper-products > .swiper-wrapper > .swiper-slide:last-child,.swiper-blog > .swiper-wrapper > .swiper-slide:last-child,.swiper-reviews > .swiper-wrapper > .swiper-slide:last-child,.swiper-news > .swiper-wrapper > .swiper-slide:last-child,.swiper-video > .swiper-wrapper > .swiper-slide:last-child,.swiper-shops > .swiper-wrapper > .swiper-slide:last-child{
    margin: 0
}
.swiper-products > .swiper-scrollbar,.swiper-blog > .swiper-scrollbar,.swiper-reviews > .swiper-scrollbar,.swiper-news > .swiper-scrollbar,.swiper-video > .swiper-scrollbar,.swiper-shops > .swiper-scrollbar{
    position: relative;
    z-index: 100;
    margin: 3rem 0 0
}
.swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide,.swiper-blog.swiper-container-initialized > .swiper-wrapper > .swiper-slide,.swiper-reviews.swiper-container-initialized > .swiper-wrapper > .swiper-slide,.swiper-news.swiper-container-initialized > .swiper-wrapper > .swiper-slide,.swiper-video.swiper-container-initialized > .swiper-wrapper > .swiper-slide,.swiper-shops.swiper-container-initialized > .swiper-wrapper > .swiper-slide{
    margin: 0
}
@media (min-width: 1200px){
.swiper-products,.swiper-blog,.swiper-reviews,.swiper-news,.swiper-video,.swiper-shops{
        margin-left:-10px;
        margin-right: -10px
    }
.swiper-products > .swiper-wrapper > .swiper-slide,.swiper-blog > .swiper-wrapper > .swiper-slide,.swiper-reviews > .swiper-wrapper > .swiper-slide,.swiper-news > .swiper-wrapper > .swiper-slide,.swiper-video > .swiper-wrapper > .swiper-slide,.swiper-shops > .swiper-wrapper > .swiper-slide{
        margin: 0;
        padding: 0 1rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
.swiper-products .swiper-scrollbar,.swiper-blog .swiper-scrollbar,.swiper-reviews .swiper-scrollbar,.swiper-news .swiper-scrollbar,.swiper-video .swiper-scrollbar,.swiper-shops .swiper-scrollbar{
        margin-left: 10px;
        margin-right: 10px
    }
.swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide,.swiper-blog.swiper-container-initialized > .swiper-wrapper > .swiper-slide,.swiper-reviews.swiper-container-initialized > .swiper-wrapper > .swiper-slide,.swiper-news.swiper-container-initialized > .swiper-wrapper > .swiper-slide,.swiper-video.swiper-container-initialized > .swiper-wrapper > .swiper-slide,.swiper-shops.swiper-container-initialized > .swiper-wrapper > .swiper-slide{
        opacity: 0
    }
.swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible,.swiper-blog.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible,.swiper-reviews.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible,.swiper-news.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible,.swiper-video.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible,.swiper-shops.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible{
        opacity: 1
    }
}
.fancybox-is-hidden{
    left: -999.9rem;
    margin: 0;
    position: absolute !important;
    top: -999.9rem;
    visibility: hidden
}
.products-featured{
    position: relative;
    z-index: 100;
    margin: 0 0 6rem
}
@media (min-width: 1200px){
.products-featured{
        margin:0 0 8rem
    }
}
.products-featured__title{
    margin: 0 0 2rem
}
.products-featured__swiper{
    position: relative
}
.products-featured__action{
    padding: 3rem 0 0;
    margin: 0 0 -0.5rem;
    text-align: center
}
.products-featured__action .ui-btn, .products-featured__action .comments__form-close, .products-featured__action .comments__form-btn, .products-featured__action .brands__search-btn, .products-featured__action .details__comments-form-close, .products-featured__action .details__comments-form-btn, .products-featured__action .reviews__item-details-close, .products-featured__action .reviews__form-close, .products-featured__action .reviews__form-btn, .products-featured__action .categories-aside__close, .products-featured__action .ui-code__btn{
    min-width: 20rem
}
@media (max-width: 767px){
.swiper-products--responsive > .swiper-wrapper > .swiper-slide{
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 2rem);
        width: calc(50% - 2rem)
    }
}
.products__list{
    margin: 0 -1rem -2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.products__list > li{
    padding: 0 1rem 2rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
@media (min-width: 768px){
.products__list--grid-4 > li{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}
@media (min-width: 992px){
.products__list--grid-3 > li,.products__list--grid-4 > li,.products__list--responsive.products__list--grid-3 > li,.products__list--responsive.products__list--grid-4 > li{
        -ms-flex:0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}
@media (min-width: 1200px){
.products__list--grid-4 > li,.products__list--responsive.products__list--grid-4 > li{
        -ms-flex:0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}
.products__list--responsive{
    margin: 0 -0.5rem -1rem
}
.products__list--responsive > li{
    padding: 0 0.5rem 1rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
@media (min-width: 768px){
.products__list--responsive{
        margin:0 -1rem -2rem
    }
.products__list--responsive > li{
        padding: 0 1rem 2rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}
@media (min-width: 992px){
.products__list--responsive > li{
        -ms-flex:0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}
@media (min-width: 1200px){
.categories-aside{
        background:#fff;
        border-radius: 10px;
        padding: 3rem;
        margin: 0 0 6rem
    }
}
.categories-aside__close{
    border-radius: 10px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
@media (min-width: 1200px){
.categories-aside__close{
        display:none
    }
}
.categories-aside__title,.panel-heading{
    display: block;
    margin: 0 0 2rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500
}
.categories-aside__menu{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400
}
.categories-aside__menu > li{
    margin: 0 0 0.5rem;
    position: relative
}
.categories-aside__menu > li:last-child{
    margin: 0
}
.categories-aside__link{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #343434;
    text-decoration: none;
    padding: 1rem 4rem 1rem 1.5rem;
    min-height: 4.5rem;
    background: #F7F7FB;
    border-radius: 5px;
    transition: color 0.25s
}
.categories-aside__link:after{
    content: "";
    min-height: 2.5rem
}
.seo{
    margin: 0 0 6rem
}
@media (min-width: 1200px){
.seo{
        margin:0 0 14.5rem
    }
}
@media (min-width: 1200px){
.seo__wrapper{
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}
.seo__desc{
    -ms-flex: 1;
    flex: 1;
    max-width: 76rem;
    font-size: 1.5rem;
    line-height: 1.75;
    font-weight: 400
}
.seo__desc p{
    margin: 0 0 2rem
}
.seo__desc p:last-child{
    margin: 0
}
.seo__readmore{
    transition: max-height 0.7s;
    overflow: hidden;
    margin: 0 0 4rem
}
.seo__readmore:last-child{
    margin: 0
}
.breadcrumbs__menu,.breadcrumb{
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1.35rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3
}
.breadcrumbs__menu > li,.breadcrumb > li{
    position: relative;
    padding: 0 2rem 0 0
}
.breadcrumbs__menu > li:after,.breadcrumb > li:after{
    content: "/";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    text-align: center
}
.breadcrumbs__menu > li:last-child:after,.breadcrumb > li:last-child:after{
    display: none
}
.breadcrumbs__link,.breadcrumb > li > a{
    text-decoration: none;
    color: #BDC2D3;
    transition: color 0.25s
}
.breadcrumb>li+li:before{
    display: none
}
ul.breadcrumb{
    padding: 2.5rem 0 3rem;
    background: transparent;
    border-radius: 0;
    margin: 0
}
.popup{
    position: relative;
    width: 100%;
    max-width: 46rem;
    background: #FFFFFF;
    border: 1px solid #F0F1F7;
    border-radius: 5px;
    padding: 3rem;
    margin: 0 auto
}
.popup__title{
    display: block;
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 500;
    margin: 0 0 2rem
}
.popup__title:first-letter{
    text-transform: uppercase
}
html{
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}
*,*::before,*::after{
    box-sizing: inherit
}
.container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px
}
#content{
    position: relative;
    padding: 0 2.5rem
}
#content:after{
    content: '';
    background: #fff;
    position: absolute;
    z-index: -1;
    left: 10px;
    top: 0;
    right: 10px;
    bottom: 0;
    border-radius: 10px
}
@media (max-width: 1199px){
#content{
        margin-bottom:2rem
    }
}
@media (min-width: 1200px){
.container{
        max-width:147rem;
        padding: 0 2.5rem
    }
}
.container-fluid{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px
}
.row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}
.col-hd,.col-hd-auto, .col-hd-12, .col-hd-11, .col-hd-10, .col-hd-9, .col-hd-8, .col-hd-7, .col-hd-6, .col-hd-5, .col-hd-4, .col-hd-3, .col-hd-2, .col-hd-1, .col-xl,.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}
.col-6{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
@media (min-width: 576px){
.col-sm-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
.col-sm-9{
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
.col-sm-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}
@media (min-width: 1200px){
.col-xl-3{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
.col-xl-10{
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }
.push-xl-1{
        left: 8.3333333333%
    }
}
*{
    outline: none;
    box-sizing: border-box
}
*:before, *:after{
    box-sizing: border-box
}
html{
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05)
}
@media (min-width: 1200px) and (max-width:1470px){
html{
        font-size:0.6802721088vw
    }
}
body{
    font: 400 1.6rem/1.5 "Roboto", Arial, Helvetica, sans-serif;
    background: var(--body-bg);
    color: var(--body-color);
    overflow-x: hidden;
    overflow-y: auto
}
html:not(.is-loaded) *{
    transition: none !important
}
html:not(.is-loaded) *:before, html:not(.is-loaded) *:after{
    transition: none !important
}
.app{
    position: relative;
    min-height: 100%;
    min-width: 32rem;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.container-fluid{
    max-width: 147rem;
    padding: 0 2.5rem
}
.container-fluid .container-fluid{
    max-width: unset;
    padding: 0
}
@media (min-width: 1200px){
.header__cart-btn{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 5px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0.5rem 2rem 0.5rem 1.5rem;
        width: auto;
        height: 4.6rem;
        border: 1px solid var(--theme-secondary-color);
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
        white-space: nowrap;
        transition: border-color 0.25s
    }
.header__cart-btn svg{
        margin: 0 1rem 0 0;
        display: block
    }
.header__cart-total{
        display: block;
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 500;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
.header__cart-total mark{
        display: block;
        padding: 0;
        background: none;
        color: inherit;
        font-size: 1.3rem;
        opacity: 0.4;
        margin: 0 0 0.2rem
    }
}
.main{
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.text-center{
    text-align: center
}
.ui-label.required:before,div.required .control-label:before{
    content: '*';
    color: #E92C2C;
    padding-right: .3rem
}
@keyframes alertpopupShow{
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}
.popup__link{
    margin: -1.5rem 0 2.5rem
}
.pagination{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500
}
@media (min-width: 768px){
.pagination{
        -ms-flex-pack:start;
        justify-content: flex-start
    }
}
.pagination>li>a,.pagination>li>span,.pagination>li>a:hover{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 4rem;
    height: 4rem;
    text-decoration: none;
    color: #343434;
    transition: color 0.25s, background 0.25s;
    border-radius: 4px;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    line-height: initial
}
.pagination>.active>span,.pagination>.active>span:hover{
    background: var(--theme-primary-color);
    color: #fff
}
.agree{
    color: #4791FF;
    text-decoration: none;
    transition: opacity 0.25s, color 0.25s
}
#popupprod .ui-found,#popupprod .ui-btn--fullwidth,#popupprod .popup__title,#popupprod .order-xl-3,#popupprod .order-xl-8,#popupprod .order-xl-6{
    display: none
}
.cookieagry{
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%
}
.cookieagry-alert{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 6rem;
    pointer-events: auto;
    padding: 1rem 2rem 1rem 2rem;
    margin: 0 0 1rem;
    position: relative;
    border-radius: 10px;
    animation: alertpopupShow 0.5s forwards;
    background: #343434;
    color: #fff;
    max-width: 109rem;
    margin: 0 auto 2rem auto
}
.cookieagry__text{
    margin: 0 3rem 0 0
}
.cookieagry-alert .agree{
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 60%)
}
@media (max-width: 1199px){
.cookieagry-alert{
        margin:2.5rem;
        padding: 2.5rem
    }
}
@media (max-width: 767px){
.cookieagry-alert{
        flex-wrap:wrap
    }
.cookieagry__text{
        margin: 0 0 2rem 0
    }
.cookieagry__action{
        width: 100%
    }
.cookieagry__action .ui-btn{
        width: 100%;
        height: 4.8rem
    }
}
.hide{
    display: none
}
input[type=checkbox]:not([class]), input[type=radio]:not([class]){
    width: unset;
    height: unset;
    appearance: auto;
    display: inline;
    margin: inherit
}
@media (max-width: 1199px){
.col-xl-3 + .col-sm-9,.col-xl-3 + .col-sm-6,.col-sm-6 + .col-xl-3{
        -ms-flex:0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}