@font-face {
  font-family: 'Montserrat';
  src: url('../font/Montserrat-VariableFont_wght.woff2?v=2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../font/Montserrat-Italic-VariableFont_wght.woff2?v=2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../font/Raleway-VariableFont_wght.woff2?v=2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../font/Raleway-Italic-VariableFont_wght.v=2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

/* Base */
:root{
    --c0: #fff;
    --c1: #253746;
    --c2: #c8112f;
    --c3: #565656;
    --c4: #e4ebf3;
    --c5: #b5102b;
    --c6: #4AA948;
    --c7: #ca942a;
    --c8: #a3abb1;
    --c9: #f6f6f6;

    --br1: 1px solid var(--c1);
    --br2: 1px solid var(--c4);
    --br3: 1px solid var(--c2);

    --fsize-vw: round(up, 0.06vw, 1px);                                     /* 1% экрана округляем */
    --fsize: calc(14px + var(--fsize-vw));                                  /* округляем до целого пикселя */
    --fsize_min: 12px;
    --ttl_b: round(up, calc(var(--fsize) * 2.5), 1px);                      /* h1-2: ~40px */
    --ttl_m: round(up, calc(var(--fsize) * 1.5), 1px);                      /* h3-5: ~24px */
    --ttl_s: round(down, calc(var(--fsize) * 0.75), 1px);                   /* small text: ~12px */

    --pad1: round(up, calc(var(--fsize) + var(--fsize-vw) * 40), 1px);      /* ~96px */
    --pad2: round(up, calc(var(--fsize) + var(--fsize-vw) * 24), 1px);      /* ~64px */
    --pad3: round(up, calc(var(--fsize) * 3), 1px);                         /* ~48px */
    --pad4: round(up, calc(var(--fsize) * 2.5), 1px);                       /* ~40px */
    --pad5: round(up, calc(var(--fsize) * 2), 1px);                         /* ~32px */
    --pad6: round(up, calc(var(--fsize) * 1.5), 1px);                       /* ~24px */
    --pad7: round(down, calc(var(--fsize) * 0.5), 1px);                     /* ~8px */

    --fam1: "Montserrat", Helvetica, Arial, sans-serif;
    --fam2: "Raleway", Helvetica, Arial, sans-serif;
}

.pad3-mb{
    margin-bottom: var(--pad3);
}

.over-x{
    overflow-x: hidden;
}
.over-y{
    overflow-y: hidden;
}
.over-f{
    overflow: hidden;
}

.t-ablock, .t_acb:after, .t_bcb:before{
    position: absolute;
    display: block;
}
.t-block{
    display: block;
    position: relative;
}
.t-iblock{
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.t-fblock{
    display: block;
    position: fixed;
}
.t-ffblock{
    display: flex;
    position: relative;
}
.t-gblock{
    display: grid;
}
.t-nblock{
    display: none;
}
.f-ffblock-cnt{
    justify-content: center;
    flex-wrap: wrap;
}

a[target="_blank"]:after, .t_acb:after, .t_bcb:before{
    content: '';
}

.s_navi .full *, .unselect * {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.s_navi .full{
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition-property: transform;
    box-sizing: content-box;
    touch-action: pan-y;
    cursor: grab;
    will-change: transform;
    /*box-sizing: border-box;*/
}
.s_navi.desClick .full {
  cursor: grabbing;
}
.s_navi.desClick a {
  pointer-events: none;
}
.s_navi .full img {
  -webkit-user-drag: none;
  user-drag: none;
}
.full .img img{
    transition: .3s;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.ttl {
    font-family: var(--fam1);
    font-weight: 900;
    word-wrap: break-word;
    line-height: 0.96em;
}
.txt{
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.16em;
}
.txt2{
    font-family: var(--fam1);
    font-weight: normal;
    line-height: 0.96em;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.bttn {
    border-radius: 4px;
    border: 1px solid var(--c1);
    text-align: center;
}
.bttn a, .bttn.v4 {
    font-size: var(--fsize);
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--fam1);
    padding: 13px 20px;
    display: block;
    width: 100%;
    line-height: 1.16em;
}
.bttn.v1, .bttn.v4 {
    background: var(--c1);
}
.bttn.v4 {
    color: var(--c0);
    margin: var(--pad5) auto 0;
    max-width: 50%;
    cursor: pointer;
	min-width: 220px;
}
.bttn:hover a, .bttn.v1 a{
    color: var(--c0) !important;
}
.bttn.v2{}
.bttn:hover{
    background: var(--c2);
    border-color: var(--c2);
}
.bttn.v3 {
    background: var(--c2);
}
.cont {
    margin: 0 auto;
    padding: var(--pad2) var(--pad1);
}
.txt-u{
    text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6, .h3-style-font, .h2-style-font {
    color: var(--c1);
    font-family: var(--fam1);
    font-weight: 900;
    word-wrap: break-word;
    line-height: 0.96em;
    margin-bottom: var(--pad5);
    text-transform: uppercase;
}
h1, h2, h3, .h3-style-font, .h2-style-font {
    font-size: var(--ttl_b);
}
h4, h5, h6 {
    font-size: var(--ttl_m);
    line-height: 1.08;
    font-weight: 600;
}
p {
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    line-height: 1.16em;
    font-size: var(--fsize);
    margin: 1em 0;
}
p + h6, p + h5, p + h4, p + h3, p + h2 {
    margin-top: 1.5em;
}
.w100{
    width: 100%;
}
.w50{
    width: 50%;
}
.w33{
    width: 33%;
}

/* FORMS */
input[type="number"] {
    -moz-appearance: textfield;
}

/* About */
.onas {
    gap: calc(var(--pad1) * 2);
}
.onas .dicrem {
    padding-left: var(--bef);
    --bef: calc(var(--pad1) * 2.5);
}
.onas .dicrem:before {
    background: var(--c1);
    height: 2px;
    width: var(--sum);
    left: calc(var(--sum) / 2);
    top: 12px;
    --sum: calc(var(--bef) / 2);
}
.onas .e{
    flex-shrink: 8;
}
.onas .e:last-child {
    flex-shrink: 6;
}
.onas .e.form{}

/* Forms */
.feedback-form {
    padding: var(--pad4) var(--pad6);
    margin-top: calc(var(--pad4) * (-1));
    background: var(--c4);
	border-radius: 24px;
}
.feedback-form__title {
    margin-bottom: var(--pad5);
    text-align: center;
}
.modal-section-agree__text {
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    line-height: 1.16em;
    font-size: var(--fsize);
    margin: 0em 0 0 1em;
    color: var(--c1);
}
.modal-section-agree__text a{text-decoration:underline;}
.modal-section-agree {
    display: flex;
    align-items: center;
    margin-top: var(--pad6);
}
.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}
.switch__input{display:none}
.switch__replace{position:absolute;top:0;left:0;right:0;bottom:0;background:gray;transition:.4s;cursor:pointer;border-radius:20px}
.switch__replace:before{position:absolute;content:'';height:16px;width:16px;left:2px;bottom:2px;background-color:white;transition:.4s;border-radius:50%;box-shadow:0 4px 4px rgba(0, 0, 0, 0.20)}
.switch__input:checked + .switch__replace{background-color: #C8102E;}
.switch__input:checked + .switch__replace:before{transform:translateX(16px)}
.feedback-form__input {
    display: block;
    width: 100%;
    padding: round(up, var(--pad7), 14px) var(--pad6);
    margin-bottom: var(--pad6);
    border-radius: 4px;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    line-height: 1.16em;
    font-size: var(--fsize);
    border: 1px solid transparent;
}
.feedback-form__input:focus{border-color:var(--c1)}
textarea.feedback-form__input{
    max-width: 100%;
}

/* Catalog tabs */
.cat-tabs{
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: var(--pad2);
}
.cat-tabs .s_navi .full {}
.cat-tabs .el {
    flex: 0 0 auto;
}
.cat-tabs .el a{
    margin: 0 4px;
}
.cat-tabs .img {
    height: 100%;
    aspect-ratio: 8 / 6;
    margin-bottom: var(--fsize);
    background: var(--c9);
    border-radius: 4px;
}
.cat-tabs img{
    padding: 14px;
}
.cat-tabs .txt{
    font-size: var(--fsize);
    font-weight: 600;
}
.cat-tabs .el a:hover .img {
    background: var(--c4);
}
.cat-tabs .el a:hover .txt {
    color: var(--c1);
}

/* How to buy, delivery, payment */
.g-b{
    background: var(--c4);
}
.htp-b{
    margin: 0 auto;
    padding: var(--pad2) var(--pad1);
}
.htp-b .t-ffblock{
    gap: var(--pad1);
}
.htp-b .el{
    width: 50%;
}
.htp-b .el h3{}
.htp-b .el p{}
.htp-b .el h4.s{
    font-size: round(up, calc(var(--fsize) * 1.15), 1px);
    margin-bottom: var(--pad7);
}
.htp-b .el p + h4 {
    margin-top: var(--pad3);
}
.htp-b .htp-payment {
    margin-top: var(--pad3);
}
.htp-b .el *:last-child {
    margin-bottom: 0;
}

/* Catalog Items */
.new-el{
    padding-bottom: var(--pad7);
    margin-bottom: var(--pad7);
    border-bottom: var(--br2);
    /*    display: block; */
}
.new-el > .t-ffblock {
    gap: var(--pad3);
    align-items: center;
}
.new-el .img{
    width: round(up, 10%, 1px);
    aspect-ratio: 8 / 6;
}
.new-el .img img {
    transition: .3s;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.new-el .inf {
    flex-direction: column;
    gap: var(--pad7);
    width: round(up, 40%, 1px);
}
.new-el .inf .e{
    font-size: var(--ttl_s);
}
.new-el .inf .e .tl {
    font-weight: 500;
    font-size: var(--fsize);
    line-height: 1.16em;
}
.new-el .e > .t-ffblock {
    gap: var(--pad5);
}
.new-el .inf .e .art{}
.new-el .el-count {
    color: var(--c6);
}
.new-el .el-count.n {
    color: var(--c2);
}
.new-el .el-count.yel {
    color: var(--c7);
}
.new-el .inf .sti{
    font-weight: 400;
}
.new-el .e .prc {
    text-align: right;
}
.new-el .e .el-price-current{
    font-size: var(--fsize);
    font-weight: 700;
    line-height: 1.16em;
}
.new-el .e .el-tax{
    font-size: var(--ttl_s);
    font-weight: 500;
    margin-top: 4px;
    line-height: 1.16em;
}
.new-el .all-btn, .new-el .main-btn {
    gap: var(--pad5);
}
.new-el .all-btn {
    justify-content: end;
    width: round(up, 50%, 1px);
    align-items: center;
}


.el-counter{}
.el-counter .el-btn{
    justify-content: center;
    background: var(--c4);
    color: var(--c1);
    aspect-ratio: 1 / 1;
    height: var(--pad4);
    align-items: center;
}
.el-counter .el-btn:hover {
    background: var(--c2);
    color: var(--c0);
}
.el-counter input[type="number"] {
    text-align: center;
    width: var(--pad4);
    font-weight: 600;
}
.el-counter .el-btn svg{}
.el-counter{}

.art-copy{
    cursor: pointer;
}
.art-copy + img {
    height: var(--fsize_min);
    aspect-ratio: 1 / 1;
    display: inline-block;
    vertical-align: baseline;
    cursor: pointer;
}

.el-basket, .el-basket:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 2 / 1;
    height: var(--pad4);
    /*border: var(--br2);*/
    border-radius: 4px;
    background: var(--c2);
    color: var(--c0);
	font-size: 0;
	cursor: pointer;
}
.el-basket span{
    font-size: var(--fsize);
    font-family: var(--fam1);
    font-weight: 700;
    text-transform: uppercase;
}
.new-product .el-sb-block .el-basket{
    padding: var(--pad6) 0;
}

.el-basket.is-active {
    /* color: var(--c1); */
    /* background: none; */
    background: var(--c1);
}
.el-basket path{
    fill: var(--c0);
}
.el-other-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    height: var(--pad4);
    color: var(--c8);
	cursor: pointer;
}
.el-other-btn.is-active {
    color: var(--c2);
}
.new-el .all-btn {
    width: round(up, 50%, 1px);
    justify-content: end;
}



/* Footer */
footer{
    padding: var(--pad2) var(--pad1) var(--pad6);
    background: var(--c1);
    color: var(--c4);
}
footer .ttl{
    font-size: var(--ttl_m);
    text-transform: uppercase;
    margin-bottom: var(--pad5);
}
footer .txt-link{
    margin-bottom: calc(var(--pad7) * 2);
    font-size: var(--fsize);
}
footer .txt-link:last-child{
    margin:0
}
.footer-nav {
    width: round(up, 17.5%, 1px);
}
.footer-info {
    width: round(up, calc(100% - 17.5% * 4), 1px);
}
.footer-top-wrap {
    gap: 32px 16px;
}
.footer-info{
    flex-direction:column;
    align-items:end
}
.footer-loc__text {
    text-decoration: underline dashed 1px;
    max-width: 80%;
    margin-left: auto;
    text-align: right;
}
footer .bttn.v3 {
    margin-top: var(--pad5);
}
.footer-bottom {
    border-top: 1px solid var(--c4);
    margin-top: var(--pad4);
    padding-top: calc(var(--pad7) * 2);
}
.footer-logo {
    height: 64px;
    aspect-ratio: 56 / 80;
}
.footer-logo img {
    display: block;
    max-width: 100%;
}
.footer-bottom-wrap{align-items:center; gap: var(--pad5);}
.footer-copy-sitemap {
    font-size: var(--ttl_s);
    line-height: 1.16em;
}
.footer-copy-sitemap div {
    margin-bottom: var(--pad7);
}
.footer-copy {
    margin-bottom: var(--pad7);
}
.footer-sitemap {
    text-decoration: underline
    margin-right: var(--pad7);
}
.footer-payment{align-items:center;margin-left:auto}
.footer-payment__item{margin-right:var(--pad5);}
.footer-payment__item:last-child{margin-right:0}

/* Slider */
.n-slider{}
.n-slider .el {
    flex-shrink: 0;
    --w: round(down, 40%, 1px);
    min-height: 366px;
}
.n-slider .el > .t-ffblock {
    height: 100%;
}
.n-slider .el .i{
    padding: var(--pad2) var(--pad1);
    width: var(--w);
    align-content: end;
    background: var(--c4);
}
.n-slider .el .i .ttl {
    font-size: var(--ttl_b);
    text-transform: uppercase;
}
.n-slider .el .i .txt {
    font-size: var(--fsize);
    margin-top: var(--pad6);
}
.n-slider .el .i .btns{
    margin-top: var(--pad6);
    gap: var(--pad6);
}
.n-slider .el .i .bttn{
    margin-top: var(--pad7);
}
.n-slider .el .img{
    height: 100%;
    width: calc(100% - var(--w));
}

.showed-before {
    margin: 0 auto;
    padding: var(--pad2) var(--pad1);
}
.showed-before .new-el .t-ffblock {
    flex-direction: column;
}
.showed-before .new-el .img, .showed-before .new-el .inf, .showed-before .new-el .all-btn, .showed-before .new-el .main-btn{
    width: 100%;
}
.showed-before .new-el .main-btn, .showed-before .new-el .main-btn * {
    flex-direction: row;
}
.showed-before .new-el .main-btn > div {
    flex: 1 1 auto;
}
.showed-before .new-el .main-btn div:nth-child(2) {
    justify-items: end;
}
.showed-before .new-el .inf .e .tl{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: calc(1.16em * 3);
    /* text-overflow: ellipsis; */
}
.showed-before .new-el> .t-ffblock {
    gap: var(--pad5);
}
.showed-before .new-el {
    flex: 0 0 auto;
    border: none;
}
.showed-before .new-el .main-btn {
    font-size: var(--fsize);
}
.showed-before .new-el .e .prc * {
    line-height: initial;
}
.showed-before .new-el > .t-ffblock {
    width: calc(100% - 16px);
    margin: 0 auto;
}

.same-products {
    margin: 0 auto;
    padding: var(--pad2) var(--pad1);
}
.same-products .catalog-tab-block {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    position: relative;
    max-width: 100%;
}
.same-products .catalog-tab-block .table-inner {
    display: table;
    width: 100%;
    min-width: 800px;
    border-collapse: collapse;
}
.same-products .catalog-tab-block .product-item.ttl {
    display: table-header-group;
    color: var(--c1);
    text-transform: uppercase;
    background: none !important;
}
.same-products .catalog-tab-block .product-item {
    display: table-row;
    font-size: var(--fsize);
}
.same-products .catalog-tab-block .cl {
    display: table-cell;
    position: relative;
    padding: var(--pad7);
    vertical-align: middle;
    white-space: nowrap;
    min-width: 150px;
    font-family: var(--fam1);
}
.same-products .catalog-tab-block .cl:first-child{
    white-space: wrap;
    min-width: 120px;
}
.same-products .catalog-tab-block .cl:last-child {
    border-right: none;
}
.same-products .catalog-tab-block .cl:first-child {
  position: sticky;
  left: 0;
  z-index: 50;
  background: inherit;
}
.same-products .catalog-tab-block .product-item.tp .cl:first-child {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 150;
}
.same-products .catalog-tab-block .product-item:nth-child(2n+1) .cl:first-child, .same-products .catalog-tab-block .product-item:nth-child(2n+1) {
  background: var(--c0);
}
.same-products .catalog-tab-block .product-item:not(.tp):not(:nth-child(2n+1)) .cl:first-child, .same-products .catalog-tab-block .product-item:nth-child(1) .cl:first-child  {
  background: var(--c4);
}
.same-products .product-name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(1.25em * 3);
}
.same-products .catalog-tab-block .cl:last-child a {
    height: var(--pad4);
    aspect-ratio: 2 / 1;
    width: unset;
    margin-left: auto;
}
.same-products .catalog-tab-block::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.same-products .catalog-tab-block::-webkit-scrollbar-track {
  background: var(--c0);
  border-radius: 5px;
}
.same-products .catalog-tab-block::-webkit-scrollbar-thumb {
  background: var(--c1);
  border-radius: 5px;
  border: 2px solid var(--c0);
}
.same-products .catalog-tab-block::-webkit-scrollbar-thumb:hover {
  background: var(--c1);
}
.same-products .catalog-tab-block::-webkit-scrollbar-corner {
  background: var(--c0);
}

.catalog-tab-head, .prod-info .short-navi {
    display: flex;
    margin: var(--pad4) 0;
    justify-content: flex-start;
    font-size: var(--fsize);
    gap: 0 8px;
    flex-wrap: wrap;
}
.catalog-tab-head__btn.is-selected {
    box-shadow: inset 0 0 0 1px var(--c1);
    text-decoration: none;
    pointer-events: none;
    color: var(--c1) !important;
}
.catalog-tab-head__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c1);
    min-width: 100px;
    padding: var(--pad7);
    border-radius: 3px;
    text-decoration: underline;
}
.catalog-tab-head__btn:hover{color: var(--c2);}

.container {
    /*margin: 0 auto;*/
    /*padding: var(--pad2) var(--pad1);*/
}

.prod-info{
    margin: 0 auto;
    padding: var(--pad2) var(--pad1);
}
.prod-info .short-navi {
    margin-top: 0;
    gap: 8px;
}
.prod-info .short-navi a, .prod-info .short-navi a:hover{
    box-shadow: inset 0 0 0 1px var(--c1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c1);
    min-width: 100px;
    padding: var(--pad7);
    border-radius: 3px;
    text-decoration: none;
}
.prod-info .prod-main{
    gap: var(--pad1);
}

.new-table-block{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.new-table-block th {
    padding: var(--pad7);
    vertical-align: middle;
    white-space: nowrap;
    font-family: var(--fam1);
    font-weight: normal;
    line-height: 1.16em;
    font-size: var(--fsize);
    text-align: left;
}
.new-table-block tr:nth-child(2n) {
    background: var(--c4);
}

.breadcrumbs{
    margin: 0 auto;
    padding: var(--pad5) var(--pad1);
    font-size: var(--fsize);
}
.breadcrumbs-404::after{background:url('../img/decor/square-404.png');width:575px;height:244px}
.breadcrumbs-wrap{
    align-items:baseline;     
    gap: 2px 8px;
}
.breadcrumbs-wrap a{
    position: relative;
    color: var(--c1);
    margin-right: 8px;
    padding-right: 16px;
}
.breadcrumbs-wrap a::before{position:absolute;top:3px;right:-2px;bottom:0;content:'';margin:auto;background-image: url("data:image/svg+xml,%3Csvg width='5' height='9' viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.212447 0.141981C0.46541 -0.0720653 0.843996 -0.0405165 1.05804 0.212447L4.68597 4.5L1.05804 8.78755C0.843996 9.04052 0.46541 9.07207 0.212447 8.85802C-0.0405165 8.64397 -0.0720653 8.26539 0.141981 8.01242L3.11403 4.5L0.141981 0.987575C-0.0720653 0.734612 -0.0405165 0.356026 0.212447 0.141981Z' fill='%23253746'/%3E%3C/svg%3E%0A");width:5px;height:9px}
.breadcrumbs-wrap span{flex-shrink:0; max-width: 92%;}

.inner-page{
    margin: 0 auto;
    padding: 0 var(--pad1) var(--pad2);
}
.product{
    margin: 0 auto;
    padding: 0 var(--pad1);
}

.n-closet{
    width: 30px;
    background: var(--c1);
    aspect-ratio: 1 / 1;
    margin-left: auto;
    margin-bottom: calc(var(--ttl_m) * (-1));   
    transform: rotateZ(45deg);
    cursor: pointer;
    background: 50% 50% no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8H18V10H10V18H8V10H0V8H8V0H10V8Z' fill='%23253746'/%3E%3C/svg%3E");

}
.new-filter-mobile-cl {
    background: var(--c1);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 105;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.new-filter-mobile-cl.act{
    display: block;
}
.new-filter {
    width: calc(var(--w) * 5);
    --w: round(up, calc(var(--fsize) + var(--fsize-vw) * 20), 1px);
    --wp: var(--fsize);
    --win: 30px;
    padding-bottom: var(--pad4);
    min-width: 230px;
}
.new-filter .h3-style-font{
    font-size: var(--ttl_m);
    margin-bottom: var(--pad5);
}
.new-filter .props{
    flex-direction: column;
    gap: var(--pad6);
}
.new-filter .el{
    width: 100%;
    border-bottom: 1px solid var(--c4);
    padding-bottom: var(--pad6);
}
.new-filter .prop-name{
    cursor: pointer;
    align-items: center;
}
.new-filter .prop-name .txt, .new-filter .prop-name .ttl{
    font-size: var(--fsize);
    width: calc(100% - var(--win));
    font-weight: 600;
}
.new-filter .ic {
    width: var(--win);
    aspect-ratio: 1 / 1;
    margin: -6px 0;
    background: no-repeat 50% 50%;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8H18V10H10V18H8V10H0V8H8V0H10V8Z' fill='%23253746'/%3E%3C/svg%3E");
}
.new-filter .act .ic {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='2' viewBox='0 0 18 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 2H0V0H18V2Z' fill='%23253746'/%3E%3C/svg%3E");
}
.new-filter .prop-list{
    height: 0;
    overflow: hidden;
}
.new-filter .act .prop-list {
    height: auto;
}
.new-filter .prop-search{
    margin-bottom: var(--wp);
    padding-top: var(--wp);
}
.new-filter .prop-search input{
    border-radius: 3px;
    border: var(--br1);
    border-color: var(--c8);
    width: 100%;
    height: 30px;
    padding: var(--pad7);
    font-size: var(--fsize_min);
    font-family: var(--fam1);
}
.new-filter .prop-cont{}
.new-filter .prop-cont > .over-x {
    overflow-y: auto;
    max-height: calc(var(--fsize)*8.5);
}
.new-filter .prop-full{
    flex-direction: column;
	gap: 4px;
}
.new-filter .prop-full label{
    align-items: flex-start;
    gap: var(--wp);
}
.new-filter .prop-full label *{
    cursor: pointer;
}
.new-filter .prop-full .prop-text {
    font-size: var(--fsize);
    max-width: calc(100% - var(--wp) * 2);
    font-weight: 400;
}
.new-filter .prop-full .e {
    margin-bottom: var(--pad7);
}
.new-filter .prop-full .e .prop-checkbox {
    width: var(--wp);
    aspect-ratio: 1 / 1;
    border: var(--br1);
    border-radius: 2px;
    min-width: 12px;
}
.new-filter .prop-full label input:checked + .prop-checkbox:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: -1px;
    width: var(--wp);
    aspect-ratio: 1 / 1;
    background: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6052 0.867588L4.97875 9L0 4.79918L0.684766 3.77203L4.83623 7.27483L10.7639 0L11.6052 0.867588Z' fill='%23263746'/%3E%3C/svg%3E%0A") no-repeat center;
}
.new-filter .new-reset {
    text-align: center;
    margin-top: var(--pad7);
}
.new-filter .new-reset a {
    font-size: var(--fsize);
    font-weight: 600;
    text-decoration: underline;
}
.new-filter .new-update-filtr .apply-f:hover{
    background: var(--c1);
}
.new-filter .new-update-filtr .apply-f, .new-filter-mobile {
    margin: 0;
    width: 100%;
    text-align: center;
    padding: var(--fsize) var(--pad7);
    font-size: var(--fsize);
    background: var(--c2);
    color: var(--c0);
    cursor: pointer;
    border-radius: 4px;
    font-weight: 600;
}
.new-filter-mobile {
    text-transform: uppercase;
}
.new-filter .new-update-filtr{
    position: sticky;
    bottom: 1%;
}
.new-filter .prop-drag {
    padding: 4px 5px;
    margin-bottom: var(--pad6);
}
.new-filter .prop-drag div {
    border-radius: 3px;
}
.new-filter .prop-drag .grey-m {
    background: var(--c4);
    width: 100%;
    height: 2px;
}
.new-filter .prop-drag .red-m {
    background: var(--c2);
    width: 100%;
    height: 4px;
    position: absolute;
    top: 3px;
}
.new-filter .prop-drag .drag-l, .new-filter .prop-drag .drag-r{
    width: 10px;
    background: var(--c0);
    border: var(--br3);
    aspect-ratio: 1 / 1;
    position: absolute;
    top: 0;
    border-radius: 100%;
    cursor: pointer;
}
.new-filter .prop-drag .drag-l {
    left: 0;
}
.new-filter .prop-drag .drag-r {
    right: 0;
}
.new-filter .prop-nums {
    gap: var(--pad4);
}
.new-filter .prop-nums input[type="number"] {
    text-align: center;
    border: var(--br1);
    border-radius: 4px;
    padding: 2px var(--pad7);
}

.catalog.t-ffblock {
    gap: var(--pad1);
    margin-top: var(--pad2);
}
.catalog.t-ffblock .catalog-container-overflow {
    width: 100%;
}

.new-product{
    gap: var(--pad1);
}
.new-product .el-img{
    flex-basis: round(down,calc(27.75% + var(--pad1)), 1px);
    flex-shrink: 0;
}
.new-product .el-img .el-original{}
.new-product .el-img #new-product-gallery{
    overflow: hidden;
    width: 100%;
    aspect-ratio: 500 / 333;
    cursor: pointer;
    margin-bottom: var(--pad6);
}
.new-product .el-img a{
    top: 0px;
    left: 0px;
    z-index: 9;
    opacity: 0;
}
.new-product .el-img a.act{
    z-index: 10;
    opacity: 1;
}
.new-product .el-img img {
    max-width: 100%;
    height: auto;
}
.new-product .el-img #new-product-thumb{
    gap: var(--pad7);
    flex-wrap: wrap;
}
.new-product .el-thumb {
    width: round(up, 18.5%, 1px);
    min-width: 80px;
    aspect-ratio: 500 / 333;
    border: var(--br2);
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}
.new-product .el-thumb.act {
    border: var(--br1);
}
.new-product .el-short-info{
    flex: 1;
}
.new-product .el-short-info .el-line{
    align-items: anchor-center;
    margin-bottom: var(--pad5);
}
.new-product .el-short-info .art {
    font-size: var(--fsize_min);
}
.new-product .el-short-info .art + div {
    justify-items: end;
}
.new-product .el-short-info .el-short{
    font-size: var(--fsize);
    flex-direction: column;
}
.new-product .el-short-info .el-short > div {
    padding: var(--pad7) 0;
    border-bottom: var(--br2);
    font-size: var(--fsize_min);
}
.new-product .el-short-info .el-short > div .w50:first-child {
    padding-right: 5px;
}
.new-product .el-short + a {
    margin-top: var(--pad5);
    font-size: var(--fsize_min);
    text-decoration: underline;
}
.new-product .el-sb-block{
    padding: var(--pad6) var(--pad5);
    height: fit-content; 
    flex: 1;
    min-width: 350px;   
}
.new-product .el-sb-block .el-sb{
    margin-bottom: var(--pad4);
}
.new-product .el-sb-block .el-counter{
    border: 1px solid var(--c0);
}
.new-product .el-sb-block .el{}
.new-product .el-sb-block .prc{}
.new-product .el-sb-block .el-price-current {
    font-size: var(--pad6);
    font-weight: 900;
    line-height: 1.16em;
}
.new-product .el-sb-block .el-tax{
    font-size: var(--ttl_s);
    margin-top: 4px;    
}
.new-product .el-sb-block .el-tax2{
    font-size: var(--fsize);
    margin-top: var(--pad6);    
}
.new-product .el-sb-block .el-tax2 a, .new-product .el-sb-block .el-tax a {
    color: var(--c2);
}
.new-product .el-sb-block .el-tax2 ~ .el-tax {
    margin-top: var(--pad7);
}
.new-product .el-sb-block .el:nth-child(2) {
    flex-direction: column;
    font-size: var(--fsize);
    gap: var(--fsize);
}
.new-product .el-sb-block .el:nth-child(2) > .t-ffblock {
    gap: var(--pad5);
    align-items: center;
}
.new-product .el-sb-block .el:nth-child(2) > .t-ffblock .el-count{
    color: var(--c6);
    color: var(--c1);
}
.new-product .el-sb-block .el:nth-child(2) > .t-ffblock .el-count.yel{
    color: var(--c7);
    color: var(--c1);
}
.new-product .el-sb-block .el:nth-child(2) > .t-ffblock .el-count.n{
    color: var(--c2);
}
.new-product .el-sb-block .el:nth-child(3) {
    margin-top: var(--fsize);
    gap: var(--fsize);
    align-items: center;
}
.new-product .el-sb-block .el:nth-child(3) #BUTTON_ONE_CLICK_ID_new {
    font-size: var(--fsize_min);
}
.new-product .el-sb-block .el:nth-child(3) .bttn.v2 {
    min-width: 75%;
}

.mobiile-el-line {
    align-items: anchor-center;
    margin-bottom: var(--fsize);
}
.mobiile-el-line .art {
    font-size: var(--fsize_min);
}
.mobiile-el-line .art + div {
    justify-items: end;
}

.iq-ya-share * {
    font-family: var(--fam1) !important;
    font-weight: normal !important;
    color: var(--c1) !important;
    font-size: var(--fsize_min) !important;
}
.iq-ya-share:before, .iq-ya-share *:before{
	display: none;
}
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more {
    padding: 0 !important;
}

.short-catalog_new{
    margin: 0 auto;
    padding: var(--pad2) var(--pad1) 0;
}
.cat-tabs.on_main {
    margin-bottom: 0;
}
.cat-tabs.on_main .el {
    width: round(down, calc(100% / var(--we)), 1px);
    --we: 8;
    margin-bottom: var(--pad3);
}
.cat-tabs.on_main img {
    transition: .3s;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.h2_desc {
	font-size: var(--fsize);
    background: var(--c4);
    padding: 0.5em 1.24em;
    border-radius: 24px;
    margin-bottom: 1.24em;
    width: fit-content;
}
.g-b .h2_desc{
	background: var(--c0);
}
.promo-on-main{
    margin: 0 auto;
    padding: var(--pad2) var(--pad1);
    margin-bottom: var(--pad4);
}
.promo-on-main >.t-ffblock{
    gap: var(--pad1);
}
.promo-on-main .prom-nav{
    width: round(down, 40%, 1px);
    padding-right: var(--pad1);
}
.promo-on-main .prom-nav .list{
    margin-bottom: var(--pad4);
}
.promo-on-main .prom-nav .el{
    margin-bottom: var(--fsize);
}
.promo-on-main .prom-nav .el:last-child {
    margin-bottom: 0;
}
.promo-on-main .prom-nav .el a{
    font-size: var(--fsize);
    padding-left: calc(var(--fsize) * 3);
}
.promo-on-main .prom-nav .el:before {
    background: var(--c1);
    width: var(--fsize);
    height: 1px;
    left: var(--fsize);
    top: 7px;
}
.promo-on-main .bttn{
    min-width: 280px;
    width: 45%;
}
.promo-on-main .prom-list{
    margin: 0;
    padding: 0;
    width: calc(60% + var(--pad1));
    margin-right: calc(var(--pad1) * (-1));
}
.showed-before .b_btn{
    display: inline-block;
    width: var(--bt_w);
    height: var(--ttl_b);
    background: var(--c8);
    --bt_w: calc(var(--pad4) * 2);
    cursor: pointer;
    border-radius: 24px;
}
.showed-before .b_btn:hover{
    background: var(--c2);
}
.showed-before .b_btn[data-m="r"]{}
.showed-before .b_btn[data-m="l"]{
    margin-right: var(--pad7);
}
.showed-before .b_navi{
    top: 20px;
    right: var(--pad1);
    position: absolute;
}
.prom-list.showed-before .s_navi{
    padding-top: calc(var(--pad6) * 3.75);
}
.showed-before .b_btn:before {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(/local/templates/atm/img/right.svg) no-repeat 50% 50%;
    background-size: 34%;
}
.showed-before .b_btn[data-m="l"]:before {
    background: url(/local/templates/atm/img/left.svg) no-repeat 50% 50%;
    background-size: 34%;
}

.header-menu-new{
    background: var(--c1);
    position: fixed;
    top: 0px;
    z-index: 101;
    width: 100%;
}
.header-menu-new .hd-lg {
    width: 54px;
    aspect-ratio: 64 / 90;
}
.header-menu-new .hd-lg img{
    transition: .3s;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.header-menu-new .hd-lg span, .header-menu-new .hd-lg a {
    width: 100%;
    height: auto;
    aspect-ratio: 64 / 90;
}
.header-menu-new .open-menu.burger{
    background: var(--c4);
}
.header-menu-new .burger div{
    height: 2px;
    width: 50%;
    left: 25%;
    background: var(--c1);
    border-radius: 4px;
    position: absolute;
    top: 40%;
    transition: all ease 0.15s 0s;
}
.header-menu-new .burger div:nth-child(1) {
    top: 30%;
}
.header-menu-new .burger div:nth-child(2) {
    top: 50%;
}
.header-menu-new .burger div:nth-child(3) {
    top: 70%;
    width: 30%;
    min-width: 6px;
}
.header-menu-new .burger.act div {
    top: 50% !important;
     width: 40%;
    left: 29%;

}
.header-menu-new .burger.act div:nth-child(1){
    transform: rotateZ(45deg);
}
.header-menu-new .burger.act div:nth-child(2) {
    transform: rotateZ(-45deg);
}
.header-menu-new .burger.act div:nth-child(3) {
    opacity: 0;
}
.header-menu-new .burger.act{}
.header-menu-new .open-menu {
    background: var(--c2);
    cursor: pointer;
    min-width: 40px;
    height: var(--pad5);
    border-radius: 4px;
    font-size: var(--fsize);
    text-transform: uppercase;
    padding: 8px 10px;
    text-align: center;
    color: var(--c0);
}
.header-menu-new .search-field-new{
        width: 37vw;
    /* background: var(--c4); */
    /* height: 32px; */
    /* border-radius: 4px; */
    /* margin: 0;*/
}
.header-menu-new .search-field-new .header-search {
    width: 100%;
    margin: 0;
}
.header-menu-new .search-field-new .header-search__label {
    height: 32px;
}
.header-menu-new .search-field-new .header-search__btn {
    padding-right: 16px;
}
.title-search-result .suggestions {
    background: var(--c1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
}
.title-search-result .suggestions-item {
    background: var(--c1);
}
.title-search-result{
    z-index: 102;
}
.title-search-result .v1 {
    margin: var(--pad6) var(--pad6);
}
.title-search-result .txt2 {
    font-size: var(--fsize) !important;
}
.title-search-result .suggestions-item:hover {
    background: var(--c4);
}
.title-search-result .suggestions-item__img img {
    background: var(--c4);
}
.header-menu-new .head-bttn{
    gap: var(--pad6);
    top: 8px;
}
.header-menu-new .head-bttn .hm-icons svg {
    width: 20px !important;
    aspect-ratio: 1 / 1;
    height: auto !important;
}
.header-menu-new .head-bttn .hm-icons{
    text-align: center;
}
.header-menu-new .head-bttn .hm-icons {
    text-align: center;
    color: var(--c4);
}
.header-menu-new .head-bttn .hm-icons:hover {
    color: var(--c2);
}
.header-menu-new .on-atm-group{
    min-width: 100px;
}
.header-menu-new .on-atm-group a {
    border: var(--br2);
    border-radius: 4px;
    font-size: var(--fsize);
    color: var(--c4);
    text-transform: uppercase;
    padding: 8px 10px;
    text-align: center;
}
.header-menu-new .on-atm-group a svg {
    margin-left: 6px;
}
.header-menu-new .on-atm-group:hover a {
    border-color: var(--c2);
    background: var(--c2);
    color: var(--c0) !important;
}
.header-menu-new .head-contact{
    text-align: right;
}
.header-menu-new .head-contact a {
    color: var(--c4);
    font-size: var(--ttl_s);
}
.header-menu-new .head-contact a:first-child {
    font-size: calc(var(--fsize) + 4px);
}
.header-menu-new .head-contact a:last-child {
    margin-top: 8px;
    font-weight: 500;
}
.header-menu-new .cont.t-ffblock {
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--pad7) * 2) var(--pad1);
}
.header-menu-new .hd-long {
    gap: var(--pad6);
    align-items: center;
}
.header-menu-new .header-lk {
    transform: none;
    max-width: 68px;
}
.header-menu-new .header-lk-head {
    display: block;
    text-align: center;
    color: var(--c4);
}
.header-menu-new .header-lk-head__user {
    color: inherit;
    width: 20px;
    height: 20px;
    padding: 2px 0;
}
.header-menu-new .header-lk-head__text {
    color: inherit;
    font-size: var(--ttl_s);
    margin: 0;
    line-height: 1;
    letter-spacing: 0;
    font-family: var(--fam1);
    margin-top: var(--pad7);
    border-bottom: none;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 1.16em;
}
.header-menu-new #bx_basketFKauiI{
    text-align: center;
}
.header-menu-new .header-lk-head__angle {
    display: none;
}
.header-menu-new .header-lk-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: -20px;
    z-index: 100;
    border-radius: 3px;
    background: var(--c1);
    width: 250px;
    padding: var(--pad6) 0 var(--pad7);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
}
.header-menu-new .header-lk-dropdown__link {
    font-family: var(--fam1);
    font-weight: normal;
    line-height: 0.96em;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #dde6ed;
    transition: .3s ease-in-out;
    padding: var(--fsize) var(--pad6);
    font-weight: 500;
}
.header-lk-dropdown__link:hover {
    background: var(--c4);
    color: var(--c1) !important;
    font-weight: 500;
}
.header-menu-new .header-lk-dropdown__link svg {
    margin-right: var(--fsize);
}
.header-menu-new .header-lk:hover .header-lk-dropdown, .header-menu-new .header-lk.act .header-lk-dropdown {
    opacity: 1;
    pointer-events: all;
}
.header-panel__item__counter {
    position: absolute;
    top: -5px;
    right: 5px;
    background: var(--c2);
    border-radius: 50%;
    font-size: var(--fsize_min);
    font-weight: 700;
    width: 19px;
    height: 19px;
    color: var(--c0);
    display: flex;
    align-items: center;
    justify-content: center;
}



.hd-full-menu{
    position: fixed;
    width: 100%;
    background: var(--c0);
    z-index: 1000;
    top: var(--h);
    top: var(--body-pt);
    left: 0;
    --h: 80px;
    height: calc(100% - var(--h));
    overflow-y: auto;
    line-height: 1.16em;
}
.hd-full-menu.act{
    display: block;
}
.hd-full-menu .cont {
    padding: var(--hh) var(--pad1) 30px;
    --hh: 48px;
    height: 100%;
    background: var(--c4);
}
.hd-full-menu .lvl-link {
    font-size: var(--ttl_m);
    line-height: 1.16em;
    margin-bottom: var(--pad7);
    padding: 8px 16px;
}
.hd-full-menu .bttn.v2, .hd-full-menu .bttn.v1 {
    max-width: 80%;
    min-width: 200px;
    margin-left: 16px;
}
.hd-full-menu .bttn.v1 {
    background: var(--c2);
    border-color: var(--c2);
}
.hd-full-menu .bttn.v2 .header-order {
    display: block;
    margin: 0;
    border: none;
    height: auto;
    line-height: 1.16em;
}
.hd-full-menu .hd-contact {
    font-size: var(--ttl_m);
    font-size: calc(var(--fsize) + 2px);
    margin: var(--pad6) 0;
    text-transform: uppercase;
    margin-left: 16px;
}
.hd-full-menu .lvl-line {
    width: 92%;
    height: 1px;
    margin: var(--pad6) 0;
}
.hd-full-menu .lvl-link path {
    fill: inherit;
}
.hd-full-menu .lvl-link svg {
    border: var(--br1);
    border-radius: 4px;
    width: var(--ttl_m);
    aspect-ratio: 1 / 1;
    display: inline-block;
    position: relative;
    height: var(--ttl_m);
    padding: 4px 0;
    border-color: initial;
    margin-right: var(--fsize);
}
.hd-full-menu .lvl-link.act {
    background: var(--c1);
    color: var(--c0) !important;
}
.hd-full-menu p {
    min-width: 200px;
    width: 65%;
    margin-left: 16px;
}
.new_menu_t .hd-callback a.header-order {
    height: auto;
    margin: 0;
    font-size: calc(var(--fsize) + 2px);
    font-weight: 900;
    text-transform: uppercase;
    margin-left: 16px;
    line-height: 1.16em;
    padding: 0;
    transition: none;
    display: block;
}
.new_menu_t .hd-callback a.header-order:hover {
    color: var(--c2);
}

.hd-full-menu .nd-back {
    font-size: var(--fsize);
    margin: 0 0 40px 16px;
    font-weight: 700;
    border: 1px solid;
    line-height: 1.16em;
    padding: 10px 30px;
    border-radius: 4PX;
    text-transform: uppercase;
}

.new_menu_t .lvl-child {
    width: 33%;
    background: var(--c4);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    overflow-y: auto;
    border-right: 1px solid #cad1d9;

    /* Скрываем скролл по умолчанию, показываем при наведении */
      &::-webkit-scrollbar {
        width: 8px;
        background-color: transparent;
        transition: all 0.3s ease;
      }
      
      &::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 4px;
        transition: background-color 0.3s ease;
      }
      
      &::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        transition: background-color 0.3s ease;
      }
      
      /* Показываем скролл при наведении */
      &:hover {
        &::-webkit-scrollbar-track {
          background-color: rgba(0, 0, 0, 0.05);
        }
        
        &::-webkit-scrollbar-thumb {
          background-color: rgba(0, 0, 0, 0.3);
          
          &:hover {
            background-color: rgba(0, 0, 0, 0.5);
          }
        }
      }
      
      /* Firefox */
      scrollbar-width: thin;
      scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
      
      &:hover {
        scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.05);
      }
}

.hd-full-menu .lvl-link {font-size: var(--ttl_m) !important;}

.new_menu_t {
    width: 100%;
    height: 100%;
}

.new_menu_t .lvl-child.parent {
    display: block;
}

.new_menu_t .lvl-child.act {
    display: block;
    left: 33%;
}
.new_menu_t .lvl-child {
    width: 33%;
    background: var(--c4);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.new_menu_t .lvl-child[data-nav="3"] {
    left: 66%;
    border: unset;
}
.new_menu_t [data-nav="4"] .lvl-link {
    font-size: var(--fsize) !important;
}
.new_menu_t .lvl-childs {
    margin-bottom: var(--pad5);
}

body {
    --body-pt: 0px;
    padding-top: var(--body-pt);
}
.mobile-fixed-icon-menu {
    display: none !important;
}
.f-seo-txt {
    margin-top: var(--pad2);
	font-size: var(--fsize_min);
}
li {
    padding-left: calc(var(--fsize) * 2);
	position: relative;
}
li:before {
    width: var(--fsize);
    height: 1px;
    position: absolute;
    display: block;
    top: round(up, calc(var(--fsize) / 2 + 2px), 1px);
    left: 0;
    content: '';
    background: var(--c1);
}

.feedback-form.selection {
    background: var(--c2);
    margin: 0 auto;
}
.feedback-form.selection h3, .feedback-form.selection .modal-section-agree__text {
    color: var(--c0);
}
.feedback-form.selection .bttn.v4 {
    opacity: 1;
}
.feedback-form.selection .bttn.v4:hover {
    border-color: var(--c1);
}
.feedback-form.selection .switch__input:checked + .switch__replace {
    background: var(--c1);
}


/* Для IE и Edge (если нужно) */
@supports (-ms-ime-align: auto) {
  .same-products .catalog-tab-block .cl:first-child {
    position: relative;
  }  
  .same-products .catalog-tab-block .product-item.tp .cl {
    position: relative;
  }
}

/* Adaptive */
@media only screen and (max-width: 1520px) and (min-width: 0px), only screen and (device-width: 0px) and (max-device-width: 1520px){
    :root{
        --pad1: round(up, calc(var(--fsize) + var(--fsize-vw) * 10), 1px);
    }
}
@media only screen and (max-width: 1400px) and (min-width: 0px), only screen and (device-width: 0px) and (max-device-width: 1400px){
    .new-el .all-btn, .new-el .main-btn {
        gap: var(--pad6);
    }
}
@media only screen and (max-width: 1380px) and (min-width: 0px), only screen and (device-width: 0px) and (max-device-width: 1380px){
    .new-el .all-btn {
        width: round(up, 70%, 1px);
    }
    .header-menu-new .on-atm-group {
        display: none;
    }
    .header-menu-new .head-contact a:first-child {
        font-size: var(--fsize);
    }
    .header-menu-new .search-field-new {
        width: 22vw;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 0px), only screen and (device-width: 0px) and (max-device-width: 1200px){
    :root{
        --pad1: round(up, calc(var(--fsize) + var(--fsize-vw) * 8), 1px);
    }
    .footer-top-wrap {
        flex-wrap: wrap;
    }
    .footer-nav {
        width: round(up, calc(25% - 16px), 1px);
    }
    .footer-info {
        width: 100%;
        align-items: baseline;
        flex-direction: row;
        gap: 16px;
    }
    .footer-loc__text {
        margin: auto;
        text-align: center;
    }
    .cat-tabs.on_main .el {
        --we: 7;
    }
    .header-menu-new .hd-lg {
        width: 34px;
    }

}
@media only screen and (max-width: 1024px) and (min-width: 0px), only screen and (device-width: 0px) and (max-device-width: 1024px){
    :root{
        --ttl_b: round(up, calc(var(--fsize) * 2), 1px);
        --ttl_m: round(up, calc(var(--fsize) * 1.25), 1px);
    }

    .new-product .el-short-info {
        display: none;
    }
    .new-product .el-img {
        flex: 1;
    }

    .new-el .all-btn {
        width: round(up, 60%, 1px);
    }
    .new-el .inf {
        width: round(up, 40%, 1px);
    }
    .el-basket, .el-basket:hover, .el-counter .el-btn, .el-other-btn {
        height: var(--pad5);
    }

    .catalog.t-ffblock {
        display: block;
        position: initial;
    }
    .new-filter {
        --p : 30%;
        position: fixed;
        background: var(--c0);
        z-index: 10000;
        padding: var(--pad3) var(--pad1);
        /*padding-bottom: 140px;*/
        left: calc(var(--p) * (-1));
        top: 0;
        height: 100vh;
        overflow-y: auto;
        width: var(--p);
        transition: left .25s ease;
    }
    .new-filter.act{
        left: 0;
    }
    .new-filter form, .f-seo-txt {
        padding: 0 var(--pad6);
    }
    .new-filter.act .n-closet, .new-filter-mobile {
        display: block;
    }
    .new-filter-mobile {
        position: sticky;
        top: 10%;
        z-index: 1;
    }

}
@media only screen and (max-width: 980px) and (min-width: 0px), only screen and (device-width: 0px) and (max-device-width: 980px){
    :root{
        --fsize: calc(12px + var(--fsize-vw));
        --fsize_min: 12px;
    }
    footer {
        padding-bottom: 90px;
    }
    .hd-full-menu {
        --h: 71px;
    }
    .header-menu-new .head-bttn {
        position: fixed;
        background: var(--c1);
        top: unset;
        bottom: 0;
        z-index: 101;
        width: 100%;
        left: 0;
        padding: 9px var(--pad6);
        justify-content: space-between;
        border-radius: 16px 16px 0 0;
    }
    .header-menu-new .header-lk-dropdown, .header-menu-new .header-lk.header-reglog, .header-menu-new .head-contact, .header-menu-new .open-menu.burger {
        display: none;
    }
    .header-menu-new .head-bttn .hm-icons {
        display: block;
    }
    .header-menu-new .header-lk.header-reglog.on-mob {
        display: block;
        margin: 0 !important;
    }
    .header-menu-new .header-lk.header-reglog.on-mob .header-reglog {
        margin: 0 !important;
    }
    .header-menu-new .search-field-new {
        width: 52vw;
    }
    .header-menu-new .open-menu.burger.t-nblock {
        display: block;
        position: relative;
    }
    .header-menu-new .open-menu {
        padding: 11px 6px;
        height: var(--pad4);
        font-size: 12px;
    }
    .header-menu-new .header-lk-head__text {
        opacity: 0.65;
    }


    .n-slider .el {
        --w: round(down, 60%, 1px);
    }
    .footer-nav {
        display: none;
    }
    .footer-info * {
        width: round(up, calc(50% - 16px), 1px);
        text-align: center;
    }
    footer .bttn.v3 {
        width: 25%;
        margin: 0 auto;
    }
    .footer-info {
        flex-wrap: wrap;
    }
    .switch{width:18px;height:10px;transform:translateY(1px)}
    .switch__replace:before{bottom:1px;left:1px;width:8px;height:8px}
    .switch__input:checked + .switch__replace:before{transform:translateX(8px)}

    .new-el .img {
        width: round(up, 20%, 1px);
    }
    .el-basket svg, .el-counter .el-btn svg, .el-other-btn svg {
        height: 60%;
    }
    .prod-info .prod-main {
        flex-direction: column;
        gap: var(--pad2);
    }
    .prod-info .prod-main .w50{
        width: 100%;
    }
    .cat-tabs.on_main .el {
        --we: 5;
        margin-bottom: var(--pad5);
    }
}
@media only screen and (max-width: 767px) and (min-width: 0px), only screen and (device-width: 0px) and (max-device-width: 767px){
    :root{
        --ttl_b: round(up, calc(var(--fsize) * 1.5), 1px);
        --ttl_m: 16px;
        --ttl_s: 12px;
        --pad1: 8px;
        --pad6: round(up, calc(var(--fsize) + 7px), 1px);
    }

	.new-table-block th, .new-table-block td {
		white-space: break-spaces;
	}

    .new_menu_t .lvl-child {
        width: 100%;
        transition: left ease 0.35s 0s;
        left: 110%;
        border-right: unset;
        display: block;
    }
    .new_menu_t .lvl-child.act, .new_menu_t .lvl-child[data-nav="3"].act {
        display: block;
        left: 0%;
    }
    .new_menu_t .lvl-child[data-nav="3"]{
        left: 110%;
    }
    .new_menu_t .lvl-child.parent{
        left: 0%;
    }
    .hd-full-menu .lvl-link.act {
        background: unset;
        color: var(--c1) !important;
    }

    .hd-full-menu .nd-back{
        display: inline-block;
    }

    .header-menu-new .head-bttn .hm-icons svg{
        width: 16px !important;
    }
    .header-menu-new .header-lk.header-reglog.on-mob svg {
        width: 16px !important;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .promo-on-main .prom-nav {
        width: 100%;
        margin-bottom: 0;
    }
    .prom-list.showed-before.t-iblock {
        width: calc(100% + var(--pad1) * 2);
        margin-left: calc(var(--pad1) * (-1));
    }
    .promo-on-main .bttn {
        width: auto;
        min-width: 170px;
        display: none;
    }
.showed-before .b_navi {
    display: none !important;
}
.prom-list.showed-before .s_navi {
    padding-top: 0;
}

    .cat-tabs.on_main .el {
        --we: 3;
    }

    .mobiile-el-line {
        display: flex;
    }
    .pad3-mb {
        margin-bottom: var(--pad6);
    }
    .new-product {
        flex-direction: column;
        gap: var(--pad5);
    }

    .new-filter{
        --p : 100%;
    }

    .new-el > .t-ffblock {
        flex-wrap: wrap;
        gap: var(--pad5);
    }
    .new-el .inf {
        width: round(up, 66%, 1px);
    }
    .new-el .el-count {
        display: none;
    }
    .new-el .all-btn {
        width: 100%;
        flex-direction: column;
    }
    .new-el .all-btn .el-count {
        display: block;
        text-align: right;
        font-weight: 500;
    }
    .new-el .e .prc {
        text-align: left;
    }
    .new-el .e .prc, .new-el .all-btn .el-count {
        width: 50%;
    }
    .new-el {
        padding-bottom: var(--pad6);
        margin-bottom: var(--pad6);
    }
    .new-el .e .el-price-current {
        font-size: 16px;
    }
    .new-el .all-btn > .e {
        width: 100%;
    }
    .new-el .main-btn > div {
        flex: 1 1 auto;
    }
    .el-counter {
        font-size: 12px;
    }

    .n-slider .el .i{
        --pad2: var(--pad6);
    }
    .n-slider .el > .t-ffblock {
        flex-direction: column-reverse;
    }
    .n-slider .el .img {
        min-height: 200px;
    }
    .n-slider .el .i, .n-slider .el .img{
        width: 100%;
    }
    .n-slider .el .i .bttn {
        width: 100%;
        max-width: 50%;
    }
    .bttn a, .bttn.v4 {
        font-size: var(--fsize_min);
        padding: 8px 10px;
    }
    .bttn.v4 {
        margin-left: 0;
    }
    footer {
        padding-bottom: 80px;
    }
    .footer-info {
        gap: var(--pad6);
    }
    .footer-info * {
        width: 100%;
    }
    footer .ttl {
        margin-bottom: var(--pad7);
    }
    footer .txt-link {
        margin-bottom: 0;
    }
    .footer-logo {
        display: none;
    }
    .footer-bottom-wrap {
        flex-direction: column-reverse;
        gap: 0;
    }
    .footer-payment {
        margin: 0;
    }
    footer .bttn.v3 {
        width: 75%;
    }
    .footer-copy-sitemap {
        border-top: 1px solid var(--c4);
        margin-top: var(--pad4);
        padding: var(--pad6) 0;
        width: 100%;
    }
    .footer-bottom {
        border-top: unset;
        margin-top: var(--pad6);
    }
    .footer-top .footer-logo {
        display: block;
        margin: 0 auto;
        margin-bottom: var(--pad5);
    }
    footer .ttl {
        font-weight: 700;
    }
    .footer-loc__text {
        max-width: 100%;
    }
    .onas {
        flex-direction: column;
    }
    .onas .dicrem {
        --bef: 0;
    }
    .feedback-form {
        margin-top: 0;
    }
    .feedback-form__title {
        text-align: left;
    }
    h1, h2, h3, h4, h5, h6{
        margin-bottom: var(--pad6);
    }
    .htp-b .t-ffblock {
        flex-direction: column;
        gap: var(--pad3);
    }
    .htp-b .el, .showed-before .new-el .e .prc {
        width: 100%;
    }
    .htp-b .el p + h4 {
        margin-top: var(--pad6);
    }
    .htp-b .t-ffblock .t-ffblock, .htp-b:not(.g-b) .t-ffblock {
        gap: var(--pad4);
    }
    .htp-payment {
        flex-direction: row !important;
    }
    .same-products .catalog-tab-block {
        margin: 0;
        border: none;
        border-radius: 0;
        overflow: auto;
        max-height: 70vh;
      }  
      .same-products .catalog-tab-block .table-inner {
        min-width: 600px; /* Меньше на мобилках */
      }  
      .same-products .catalog-tab-block .cl {
        padding: .5em 1em;
        font-size: 12px;
        width: 60px;
      }  
      .same-products .catalog-tab-block .product-item.tp .cl {
        padding: 1em;
        font-size: 12px;
      }
    .same-products .catalog-tab-block .cl:first-child{width: 200px;}

    .catalog-tab-head__btn{font-size:12px}
    .showed-before .new-el {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .new-product .el-sb-block.stic {
        position: fixed;
        z-index: 51;
        left: 0;
        bottom: 30px;
        width: 100%;
        padding: var(--pad1) var(--pad1) 30px;
    }
    .new-product .el-sb-block.stic .el-sb, .new-product .el-sb-block.stic .el:nth-child(3), .new-product .el-sb-block.stic .el:nth-child(2) > .t-ffblock .el-count {
        display: none;
    }
    .new-product .el-sb-block.stic .el:nth-child(2) {
        flex-direction: row;
    }
    .new-product .el-sb-block.stic .el-basket {
        width: 100%;
    }
    .promo-on-main .bttn.for-mobile {
        display: block;
        margin-top: calc(var(--pad5) * 2);
    }
    .hd-full-menu .lvl-1 {
        width: 100%;
        display: block;
    }
    .hd-full-menu .lvl-body.open > .js-sub-menu, .hd-full-menu .lvl-body.open > .lvl-3 {
        left: 0;
        background: var(--c0);
        z-index: 1;
        padding: 0 20px;
        height: calc(100% - var(--h) * 3);
    }
    .hd-full-menu .cont {
        padding: var(--hh) 20px;
        overflow: hidden;
    }
    .hd-full-menu .lvl-link svg {
        width: var(--ttl_b);
        height: var(--ttl_b);
        margin-top: -2px;
    }

}
@media only screen and (max-width: 480px) and (min-width: 0px), only screen and (device-width: 0px) and (max-device-width: 480px){
    .header-menu-new .header-lk-head__text {
        display: none;
    }
    .header-menu-new .head-bttn {
        padding: var(--pad6);
    }
    .header-menu-new .hd-long, .header-menu-new .cont.t-ffblock {
        gap: 8px;
    }
    .header-menu-new .search-field-new {
        width: 46vw;
    }
}