@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap");
:root {
  --MainFont:"Golos Text", sans-serif;
  --BaseSize:2056;
  --ActualSize:1750;
  --BG:"";
  --BulletBG:"";
  --Left:0;
  --Top:0;
  --ItemNum:0;
  --InLine:3;
  --InPLine:3;
  --Width:0;
  --Height:0;
  --AR:1/1;
  --black:#000;
  --blue:#6B99C3;
  --blue50: rgba(107, 153, 195, 0.5);
  --D_gray:#808D99;
  --M_gray:#B7C2CE;
  --gray:#D7DDE3;
  --l_gray:#F1F4F5;
  --white:#fff;
  --white50:rgba(255,255,255,0.5);
  --l_gray16: rgba(240, 238, 233, 0.16);
  --red:#DE787A;
  --green:#80C36B;
  --Bfr:"";
  --MainCoef:calc(var(--BaseSize)/var(--ActualSize));
  --MainGap:calc(var(--50)/var(--MainCoef));
  --Body:var(--1750);
  --BodyGap:var(--70);
  --MEP:0px;
  --BodyPadding:var(--45);
  --BorderRadius:var(--10);
  --ProductsInLine:4;
  --MainBorderRadius:var(--35);
  ---51:calc(-51px/var(--MainCoef));
  ---28:calc(-28px/var(--MainCoef));
  ---15:calc(-15px/var(--MainCoef));
  ---13:calc(-13px/var(--MainCoef));
  ---10:calc(-10px/var(--MainCoef));
  ---5:calc(-5px/var(--MainCoef));
  ---1:calc(-1px/var(--MainCoef));
  --1:calc(1px/var(--MainCoef));
  --2:calc(2px/var(--MainCoef));
  --3:calc(3px/var(--MainCoef));
  --5:calc(5px/var(--MainCoef));
  --6:calc(6px/var(--MainCoef));
  --7:calc(7px/var(--MainCoef));
  --8:calc(8px/var(--MainCoef));
  --9:calc(9px/var(--MainCoef));
  --10:calc(10px/var(--MainCoef));
  --11:calc(11px/var(--MainCoef));
  --12:calc(12px/var(--MainCoef));
  --13:calc(13px/var(--MainCoef));
  --14:calc(14px/var(--MainCoef));
  --15:calc(15px/var(--MainCoef));
  --16:calc(16px/var(--MainCoef));
  --17:calc(17px/var(--MainCoef));
  --18:calc(18px/var(--MainCoef));
  --19:calc(19px/var(--MainCoef));
  --20:calc(20px/var(--MainCoef));
  --22:calc(22px/var(--MainCoef));
  --24:calc(24px/var(--MainCoef));
  --26:calc(26px/var(--MainCoef));
  --28:calc(28px/var(--MainCoef));
  --29:calc(29px/var(--MainCoef));
  --30:calc(30px/var(--MainCoef));
  --32:calc(32px/var(--MainCoef));
  --35:calc(35px/var(--MainCoef));
  --36:calc(36px/var(--MainCoef));
  --38:calc(38px/var(--MainCoef));
  --40:calc(40px/var(--MainCoef));
  --41:calc(41px/var(--MainCoef));
  --44:calc(44px/var(--MainCoef));
  --45:calc(45px/var(--MainCoef));
  --48:calc(48px/var(--MainCoef));
  --49:calc(49px/var(--MainCoef));
  --50:calc(50px/var(--MainCoef));
  --51:calc(51px/var(--MainCoef));
  --55:calc(55px/var(--MainCoef));
  --60:calc(60px/var(--MainCoef));
  --62:calc(62px/var(--MainCoef));
  --70:calc(70px/var(--MainCoef));
  --80:calc(80px/var(--MainCoef));
  --100:calc(100px/var(--MainCoef));
  --123:calc(123px/var(--MainCoef));
  --150:calc(150px/var(--MainCoef));
  --180:calc(180px/var(--MainCoef));
  --190:calc(190px/var(--MainCoef));
  --210:calc(210px/var(--MainCoef));
  --215:calc(215px/var(--MainCoef));
  --233:calc(233px/var(--MainCoef));
  --244:calc(244px/var(--MainCoef));
  --250:calc(250px/var(--MainCoef));
  --280:calc(280px/var(--MainCoef));
  --290:calc(290px/var(--MainCoef));
  --310:calc(310px/var(--MainCoef));
  --330:calc(330px/var(--MainCoef));
  --390:calc(390px/var(--MainCoef));
  --400:calc(400px/var(--MainCoef));
  --430:calc(430px/var(--MainCoef));
  --470:calc(470px/var(--MainCoef));
  --500:calc(500px/var(--MainCoef));
  --540:calc(540px/var(--MainCoef));
  --550:calc(550px/var(--MainCoef));
  --775:calc(775px/var(--MainCoef));
  --782:calc(782px/var(--MainCoef));
  --850:calc(850px/var(--MainCoef));
  --1000:calc(1000px/var(--MainCoef));
  --1150:calc(1150px/var(--MainCoef));
  --1300:calc(1300px/var(--MainCoef));
  --1750:calc(1750px/var(--MainCoef));
}

textarea {
  -webkit-appearance: none;
}

*,
*:before,
*:after {
  font-family: var(--MainFont), sans-serif;
  scroll-behavior: smooth;
  box-sizing: border-box;
  transform-style: flat;
  backface-visibility: hidden;
}

.description {
  font-size: var(--18);
  line-height: var(--26);
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
.description.empty {
  gap: var(--30);
}
.description h1, .description h2, .description h3, .description h4, .description h5 {
  font-size: var(--26);
  font-weight: 600;
  line-height: var(--30);
}
.description ul,
.description ol {
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
.description ul ul, .description ul ol,
.description ol ul,
.description ol ol {
  gap: var(--10);
}
.description ul strong.up,
.description ol strong.up {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  text-transform: uppercase;
}
.description ol {
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: item;
}
.description ol:not(.ll) > li {
  position: relative;
  padding: 0 0 0 var(--40);
}
.description ol:not(.ll) > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
}
.description ol:not(.ll) > li ul, .description ol:not(.ll) > li ol {
  margin-top: var(--20);
}
.description ol:not(.ll) > li ul ol li, .description ol:not(.ll) > li ol ol li {
  padding-left: var(--55);
}
.description ol:not(.ll) > li:has(strong.up):before {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  text-transform: uppercase;
}
.description ol.ll {
  list-style-type: lower-latin;
}

p {
  padding: 0;
  margin: 0;
}

p + p,
p + ul,
ul + p,
ol + p,
p + ol {
  margin: 0;
}

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0;
  font-size: var(--40);
  font-weight: 600;
  line-height: var(--48);
}

.btn {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: var(--white);
  font-size: var(--18);
  font-weight: 400;
  line-height: var(--26);
  padding: var(--9) var(--29);
  border: 1px solid var(--black);
  text-align: center;
  border-radius: var(--10);
  background: var(--black);
  transition: all 0.3s linear;
}
.btn.b {
  --black:var(--blue);
}
.btn.g {
  --black:var(--gray);
}
.btn.dg {
  --black:var(--D_gray);
}
.btn:empty {
  padding: var(--9) var(--13);
}
.btn:hover {
  background: var(--white);
  color: var(--black);
  text-decoration: none;
}
.btn:hover.i.dg.print {
  --BG: url("/images/print-dg.svg");
}
.btn:hover.i.dg.out {
  --BG: url("/images/out-dg.svg");
}
.btn:hover.i.dg.bsk {
  --BG: url("/images/basket-dg.svg");
}
.btn:hover.i.b.pdf {
  --BG: url("/images/pdf-b.svg");
}
.btn:hover.i.b.bsk {
  --BG: url("/images/basket-bl.svg");
}
.btn:hover.i.g.minus {
  --BG: url("/images/minus-b.svg");
}
.btn:hover.i.g.plus {
  --BG: url("/images/plus-b.svg");
}
.btn:hover.i.g.delete {
  --BG: url("/images/delete-b.svg");
}
.btn.i {
  display: inline-flex;
  align-items: center;
  gap: var(--10);
  --W:var(--20);
  --H:var(--20);
  --BGSize:contain;
}
.btn.i:before {
  content: "";
  display: block;
  width: var(--W);
  height: var(--H);
  background: var(--BG) center center/var(--BGSize) no-repeat;
  transition: all 0.3s linear;
}
.btn.i.print, .btn.i.pdf, .btn.i.bsk {
  --29:var(--19);
}
.btn.i.print {
  --BG:url("/images/print-w.svg");
}
.btn.i.pdf {
  --BG:url("/images/pdf-w.svg");
}
.btn.i.bsk {
  --BG:url("/images/basket-w.svg");
}
.btn.i.minus {
  --W:var(--12);
  --BGSize:var(--12);
  --BG:url("/images/minus.svg");
}
.btn.i.plus {
  --W:var(--12);
  --BGSize:var(--12);
  --BG:url("/images/plus.svg");
}
.btn.i.out {
  --BG:url("/images/out-w.svg");
  --29:var(--19);
}
.btn.i.delete {
  --BGSize:var(--20);
  --BG:url("/images/delete.svg");
  padding-left: var(--9);
  padding-right: var(--9);
}
.btn.i.filter {
  --BGSize:var(--20);
  --BG:url("/images/filter.svg");
  padding-left: var(--9);
  padding-right: var(--9);
}

.message.error {
  color: var(--red);
  font-size: var(--16);
  line-height: var(--24);
  font-weight: 500;
}

.text:placeholder-shown {
  color: var(--D_gray);
}

.popupBox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: safe center;
  justify-content: safe center;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  pointer-events: none;
  transition: all 0.3s linear;
  padding: var(--30);
  overflow: auto;
}
.popupBox .popup {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: var(--white);
  padding: var(--30);
  border-radius: var(--BorderRadius);
  display: flex;
  flex-direction: column;
  gap: var(--30);
  position: relative;
  max-height: 100%;
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
  margin-top: var(--51);
}
.popupBox .popup > .close {
  display: block;
  width: var(--28);
  height: var(--28);
  background: url("/images/close.svg") center center/contain no-repeat;
  position: absolute;
  right: var(---28);
  top: var(---51);
  z-index: 5;
  transition: all 0.3s linear;
}
.popupBox .popup > .close:hover {
  background-image: url("/images/close-h.svg");
}
.popupBox .popup > .close:after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 200%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popupBox .popup > .title {
  font-size: var(--26);
  font-weight: 500;
  line-height: var(--30);
  padding-right: var(--50);
}
.popupBox .popup iframe {
  padding: 0;
  margin: 0;
  border: 0;
  height: var(--540);
}
.popupBox .popup .list {
  flex: 1;
  overflow: auto;
}
.popupBox .popup form,
.popupBox .popup .list {
  display: flex;
  flex-direction: column;
  gap: var(--30);
  flex: 1;
  overflow: auto;
}
.popupBox .popup form:empty,
.popupBox .popup .list:empty {
  display: none;
}
.popupBox .popup:has(.main-line) {
  flex-direction: row;
  width: var(--800);
}
.popupBox .popup:has(.main-line) .main-line {
  display: flex;
  gap: var(--30);
}
.popupBox .popup:has(.main-line) .cover {
  flex: 0 0 var(--368);
  overflow: hidden;
}
.popupBox .popup:has(.main-line) .cover img {
  width: 100%;
}
.popupBox .popup:has(.main-line) .frm {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--30);
  position: relative;
}
.popupBox .popup:has(.main-line) .frm > .title {
  font-size: var(--26);
  font-weight: 500;
  line-height: var(--30);
}
.popupBox .popup:has(.main-line) .frm > .close {
  right: 0;
  top: 0;
}
.popupBox .popup .actions {
  display: flex;
  gap: var(--30);
}
.popupBox.visible {
  opacity: 1;
  visibility: visible;
  z-index: 18;
  pointer-events: auto;
  transition: all 0.3s linear;
}
.popupBox.visible .popup {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.cb {
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: -1;
}
.cb:checked + label:before {
  background: var(--blue);
}
.cb:checked + label:after {
  opacity: 1;
}
.cb + label {
  cursor: pointer;
  padding-left: var(--26);
  position: relative;
  font-size: var(--18);
  line-height: var(--26);
  display: inline-block;
}
.cb + label span {
  display: inline-block;
  color: var(--D_gray);
  margin-left: var(--10);
}
.cb + label span:before {
  content: "(" attr(data-num) ")";
}
.cb + label span[data-num=""], .cb + label span[data-num="0"] {
  display: none;
}
.cb + label:before {
  content: "";
  display: block;
  width: var(--16);
  height: var(--16);
  position: absolute;
  left: 0;
  top: var(--5);
  border-radius: var(--2);
  background: var(--gray);
  transition: all 0.3s linear;
}
.cb + label:after {
  content: "";
  display: block;
  background: url("/images/cb.svg") center center/contain no-repeat;
  width: var(--10);
  height: var(--10);
  position: absolute;
  left: var(--3);
  top: var(--8);
  transition: all 0.3s linear;
  opacity: 0;
}

body, html {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  font-size: 0;
  scroll-behavior: smooth;
}

body {
  font-family: var(--MainFont), sans-serif;
  width: 100%;
  min-height: 100vh;
  color: var(--black);
  font-style: normal;
  position: relative;
  background: var(--white);
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  gap: var(--MainGap);
  padding: 0 0 calc(var(--70) + var(--MEP));
  margin: 0;
  font-size: 0;
}
body.filters {
  overflow: hidden;
}
body.main {
  gap: 0;
}
body.scrolled header.header {
  justify-content: space-between;
  box-shadow: 0 0 var(--15) -2px rgba(0, 0, 0, 0.2);
}
body.scrolled header.header .logo {
  flex: 0 0 var(--150);
}
body.scrolled header.header .languages {
  display: none;
}
body.scrolled header.header .main-menu .menu {
  display: none;
}
body.scrolled header.header #search-bar {
  flex: 0 0 var(--782);
  margin: 0 auto;
}
body.scrolled header.header .body {
  padding: var(--15) 0;
}
body.scrolled header.header .body:after {
  content: none;
}
body.scrolled header.header .icons .list:before {
  height: var(--15);
  margin-top: calc(var(--15) * -1);
}
body::-webkit-scrollbar {
  width: var(--10);
  border-radius: var(--5);
}
body::-webkit-scrollbar-track {
  background: var(--l_gray16);
  border-radius: var(--5);
  margin-bottom: var(--15);
}
body::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: var(--5);
}

body:has(.popupBox.visible) {
  overflow: hidden;
}

.popupBox#share .popup {
  width: var(--850);
}
.popupBox#share .popup .list .line {
  display: flex;
  gap: var(--30);
}
.popupBox#share .popup .list .line .cover {
  flex: 0 0 var(--400);
  display: flex;
  align-items: center;
  justify-content: center;
}
.popupBox#share .popup .list .line .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--20);
  align-items: flex-start;
}

input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
}

:has(> .cb) {
  position: relative;
}

img {
  height: auto;
  max-width: 100%;
}

a img {
  border: 0;
  max-width: 100%;
}

a {
  color: var(--Dark-gray);
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select::-ms-expand {
  display: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
main,
nav,
section,
summary {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  clear: both;
}

option {
  color: var(--Dark-gray);
}

.body {
  width: var(--Body);
  margin: 0 auto;
}

#mb {
  display: flex;
  flex-direction: column;
  gap: var(--BodyGap);
  flex: 1;
}

header.header {
  position: sticky;
  background: var(--white);
  z-index: 3;
  top: 0;
}
header.header .body {
  display: flex;
  align-items: center;
  gap: var(--MainGap);
  position: relative;
  padding: var(--30) 0;
  transition: all 0.3s linear;
}
header.header .body:after {
  content: "";
  display: block;
  pointer-events: none;
  order: 1;
  flex: 1;
}
header.header .back {
  flex: 0 0 var(--20);
}
header.header .back.hidden {
  display: none;
}
header.header .back .b {
  display: block;
  width: var(--20);
  height: var(--30);
  background: url("/images/arrow-left.svg") center center/contain no-repeat;
  transition: all 0.3s linear;
}
header.header .back .b:hover {
  background-image: url("/images/arrow-left-h.svg");
}
header.header .logo {
  flex: 0 0 var(--250);
  order: 0;
  transition: all 0.3s linear;
}
header.header .logo a {
  display: block;
}
header.header .main-menu {
  order: 0;
}
header.header .main-menu .menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: var(--MainGap);
}
header.header .main-menu .menu .item a {
  display: inline-block;
  font-size: var(--18);
  line-height: var(--26);
}
header.header .main-menu .menu .sub {
  --BG:url("/images/sub-menu.svg");
  position: relative;
}
header.header .main-menu .menu .sub .m {
  display: inline-block;
  width: var(--40);
  height: var(--40);
  border-radius: var(--10);
  background: var(--gray) var(--BG) center center/var(--20) no-repeat;
  position: relative;
  transition: all 0.3s linear;
}
header.header .main-menu .menu .sub.t .m, header.header .main-menu .menu .sub:hover .m {
  --BG:url("/images/sub-menu-close.svg");
}
header.header .main-menu .menu .sub.t .menu, header.header .main-menu .menu .sub:hover .menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: perspective(var(--1000)) rotateX(0deg);
}
header.header .main-menu .menu .sub .menu {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  margin-top: var(--35);
  padding: var(--30);
  border-radius: var(--10);
  width: var(--250);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  perspective-origin: top center;
  transform-origin: top center;
  transition: all 0.3s linear;
  transform: perspective(var(--1000)) rotateX(-90deg);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
}
header.header .main-menu .menu .sub .menu:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--35);
  margin-top: calc(var(--35) * -1);
}
header.header .main-menu .menu .sub .menu .items {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
header.header .main-menu .menu .sub .menu .items .item a {
  display: inline-block;
}
header.header #search-bar {
  flex: 0 0 var(--470);
  order: 2;
  transition: all 0.3s linear;
}
header.header #search-bar form {
  width: 100%;
}
header.header #search-bar form > .line {
  width: 100%;
  display: flex;
  gap: var(--10);
  align-items: center;
}
header.header #search-bar .text {
  flex: 1;
  border-radius: var(--10);
  border: 1px solid var(--gray);
  padding: var(--6) var(--19);
  font-size: var(--18);
  line-height: var(--26);
}
header.header #search-bar .s {
  display: inline-block;
  width: var(--40);
  height: var(--40);
  border-radius: var(--10);
  background: var(--gray) url("/images/search.svg") center center/var(--20) no-repeat;
  border: 0;
  cursor: pointer;
}
header.header .icons {
  order: 2;
  display: flex;
  align-items: center;
  gap: var(--MainGap);
}
header.header .icons .icon {
  position: relative;
}
header.header .icons .icon .item {
  display: inline-block;
  width: var(--40);
  height: var(--40);
  background: var(--BG) center center/var(--20) no-repeat;
  position: relative;
}
header.header .icons .icon .item.basket {
  --BG: url("/images/basket.svg");
}
header.header .icons .icon .item.profile {
  --BG: url("/images/profile.svg");
}
header.header .icons .icon .item.search {
  --BG: url("/images/search.svg");
}
header.header .icons .icon .item[data-amount] {
  background-position: top var(--13) left var(--6);
}
header.header .icons .icon .item[data-amount]:after {
  content: attr(data-amount);
  color: var(--white);
  font-size: var(--10);
  line-height: var(--12);
  min-width: var(--15);
  text-align: center;
  display: inline-block;
  padding: var(--1) var(--1) var(--2) var(--2);
  background: var(--blue);
  border-radius: var(--50);
  position: absolute;
  top: var(--6);
  right: var(--6);
}
header.header .icons .icon .item[data-amount][data-amount="0"] {
  background-position: center center;
}
header.header .icons .icon .item[data-amount][data-amount="0"]:after {
  content: none;
}
header.header .icons .icon .notification {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  margin-top: var(--35);
  z-index: 1;
  border-radius: var(--BorderRadius);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
  padding: var(--30);
  font-size: var(--18);
  line-height: var(--26);
  cursor: pointer;
  width: var(--280);
  transition: all 0.3s linear;
}
header.header .icons .icon .notification span {
  color: var(--blue);
}
header.header .icons .icon .notification.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
header.header .icons .icon .list {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
  padding: var(--30);
  border-radius: var(--10);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  perspective-origin: top center;
  transform-origin: top center;
  transition: all 0.3s linear;
  transform: perspective(var(--1000)) rotateX(-90deg);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
  margin-top: var(--35);
}
header.header .icons .icon .list:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--35);
  margin-top: calc(var(--35) * -1);
}
header.header .icons .icon .list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
header.header .icons .icon .list ul li a {
  display: inline-block;
  font-size: var(--18);
  line-height: var(--26);
}
header.header .icons .icon .list ul li a[href*=out] {
  display: inline-flex;
  gap: var(--15);
  align-items: center;
}
header.header .icons .icon .list ul li a[href*=out]:after {
  content: "";
  background: url("/images/out.svg") center center/contain no-repeat;
  width: var(--20);
  height: var(--20);
}
header.header .icons .icon:hover .list {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: perspective(var(--1000)) rotateX(0deg);
}
header.header .languages {
  position: relative;
  order: 2;
}
header.header .languages .label {
  font-size: var(--18);
  line-height: var(--40);
  cursor: pointer;
}
header.header .languages:hover .list {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: perspective(var(--1000)) rotateX(0deg);
}
header.header .languages .list {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
  margin-top: var(--35);
  padding: var(--30);
  border-radius: var(--10);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  perspective-origin: top center;
  transform-origin: top center;
  transition: all 0.3s linear;
  transform: perspective(var(--1000)) rotateX(-90deg);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
}
header.header .languages .list:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--35);
  margin-top: calc(var(--35) * -1);
}
header.header .languages .list .items {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
header.header .languages .list .items .item a {
  display: inline-block;
  font-size: var(--18);
  line-height: var(--26);
}

.categories-grid {
  --InLine:6;
  display: flex;
  flex-wrap: wrap;
  gap: var(--MainGap);
}
.categories-grid .category {
  display: flex;
  flex-direction: column;
  gap: var(--20);
  padding: var(--29);
  border-radius: var(--BorderRadius);
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  width: calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  box-shadow: none;
  transition: all 0.3s linear;
  text-decoration: none;
  border: 1px solid transparent;
}
.categories-grid .category .cover {
  height: var(--190);
  display: flex;
  align-items: center;
  justify-content: center;
}
.categories-grid .category .cover img {
  max-height: var(--190);
}
.categories-grid .category .title {
  text-align: center;
  display: inline-block;
  font-size: var(--18);
  line-height: var(--26);
}
.categories-grid .category:hover {
  border: 1px solid var(--gray);
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
}

.text-page {
  max-width: var(--1000);
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
.text-page:has(.menu) {
  max-width: var(--1300);
}
.text-page .line {
  display: flex;
  gap: var(--MainGap);
}
.text-page .line .menu {
  flex: 0 0 var(--250);
  padding: 0;
  margin: 0;
  list-style: none;
}
.text-page .line .menu li a {
  display: block;
  border-radius: var(--BorderRadius);
  padding: var(--30);
  font-size: var(--18);
  line-height: var(--26);
  text-decoration: none;
  transition: all 0.3s linear;
}
.text-page .line .menu li.current a, .text-page .line .menu li:hover a {
  color: var(--blue);
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
}
.text-page .line .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}

.product-list {
  --InLine:5;
  --Margin:0;
  --MainGap:var(--20);
}
.product-list .products {
  display: flex;
  flex-wrap: wrap;
  gap: var(--MainGap);
}
.product-list .products .product {
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  width: calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  border-radius: var(--BorderRadius);
  border: 1px solid var(--gray);
  background: var(--white);
  padding: var(--20);
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: var(--20);
  overflow: hidden;
  transition: box-shadow 0.3s linear;
}
.product-list .products .product.dap.dy {
  --C:var(--green);
}
.product-list .products .product.dap.dn {
  --C:var(--red);
}
.product-list .products .product.dap:before {
  content: "";
  display: block;
  width: var(--15);
  height: var(--15);
  position: absolute;
  left: var(---5);
  top: var(---5);
  border: 0 solid transparent;
  border-right: var(--5) solid var(--C);
  border-bottom: var(--5) solid var(--C);
  transition: all 0.3s linear;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0.8;
  filter: none;
}
.product-list .products .product.dap:hover:before {
  border-right-width: var(--10);
  border-bottom-width: var(--10);
  left: 0;
  top: 0;
  opacity: 0.75;
  filter: brightness(0.8);
}
.product-list .products .product.wv {
  padding: 0;
}
.product-list .products .product.wv .info {
  padding: 0 var(--20) var(--20);
}
.product-list .products .product.wv .cover {
  padding: var(--20);
  /*padding:var(--50) var(--20);
  flex:0 0 var(--290);*/
  flex: 0 0 var(--210);
  height: var(--210);
  background: var(--ShareBG) center center/cover no-repeat;
}
.product-list .products .product.wv .cover .ar {
  right: var(--20);
  bottom: var(--20);
}
.product-list .products .product.cc:hover {
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-bottom: var(--Margin);
}
.product-list .products .product.cc:hover .cover .ar {
  opacity: 1;
}
.product-list .products .product.cc:hover .info .btn {
  display: flex;
}
.product-list .products .product.cc .info {
  /*&:not(:has(.group-par)) {
  	.description {
  		flex:1;
  		max-height:none;
  	}

  	.price-line {
  		flex:none;
  	}
  }*/
}
.product-list .products .product.cc .info .btn {
  display: none;
  position: relative;
  opacity: 1;
  pointer-events: auto;
  z-index: 0;
  justify-content: center;
}
@supports not (-webkit-line-clamp: 4) {
  .product-list .products .product.cc .info .description {
    max-height: calc(4 * var(--24));
    overflow: hidden;
  }
}
.product-list .products .product.cc .info .description {
  /*max-height:calc(4 * var(--24));*/
  min-height: calc(4 * var(--24));
  flex: 1;
  height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: auto;
  flex: 1;
  height: auto;
  min-height: calc(4 * var(--24));
}
.product-list .products .product.cc .info .description::-webkit-scrollbar {
  width: 0;
  transition: width 0.3s;
}
.product-list .products .product.cc .info .description::-webkit-scrollbar-track {
  background: transparent;
}
.product-list .products .product.cc .info .description::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: var(--5);
  transition: background 0.3s;
}
.product-list .products .product.cc .info .description:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--black) transparent;
}
.product-list .products .product.cc .info .description:hover::-webkit-scrollbar {
  width: var(--5);
}
.product-list .products .product.cc .info .description:hover::-webkit-scrollbar-thumb {
  background: var(--blue);
}
.product-list .products .product.cc .info .article-line {
  font-size: var(--16);
}
.product-list .products .product.cc .info .group-par {
  --InLine:5;
  --Gap:var(--5);
  --BC:transparent;
  --SBC: transparent;
  display: flex;
  gap: var(--Gap);
  flex-wrap: wrap;
}
.product-list .products .product.cc .info .group-par:has(.par) {
  flex-direction: column;
  flex-wrap: nowrap;
}
.product-list .products .product.cc .info .group-par .par {
  display: flex;
  gap: var(--Gap);
  flex-wrap: wrap;
}
.product-list .products .product.cc .info .group-par .p {
  font-size: var(--16);
  line-height: var(--24);
  padding: var(--2) var(--5);
  display: inline-block;
  border-radius: var(--5);
  border: var(--2) solid var(--BC);
}
.product-list .products .product.cc .info .group-par .p.current {
  --BC: var(--blue);
}
.product-list .products .product.cc .info .group-par .p.v {
  flex: 0 0 calc((100% - var(--Gap) * (var(--InLine) - 1)) / var(--InLine));
  position: relative;
  padding: var(--2);
  border: var(--2) solid transparent;
  border-radius: var(--5);
  display: block;
  padding: 0;
  width: var(--30);
  height: var(--30);
  flex: none;
  border-radius: var(--5);
  border-radius: var(--15);
  background: linear-gradient(45deg, var(--BG1) 50%, var(--BG2) 50%);
  border: 1px solid var(--SBC);
  font-size: var(--16);
}
.product-list .products .product.cc .info .group-par .p.v:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--5);
  border-radius: var(--15);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: var(--2) solid var(--BC);
}
.product-list .products .product.cc .info .group-par .p.v:hover, .product-list .products .product.cc .info .group-par .p.v.current {
  border-color: var(--blue);
  --BC: var(--blue);
}
.product-list .products .product.cc .info .group-par .p.v:hover:before, .product-list .products .product.cc .info .group-par .p.v.current:before {
  border-color: var(--blue);
}
.product-list .products .product .cover {
  flex: 0 0 var(--190);
  height: var(--190);
  position: relative;
  text-align: center;
}
.product-list .products .product .cover img {
  max-height: var(--190);
}
.product-list .products .product .cover .pl {
  display: flex;
  gap: var(--10);
  overflow: hidden;
  align-items: center;
  height: 100%;
}
.product-list .products .product .cover .pl .p {
  display: flex;
  width: 100%;
  flex: 0 0 100%;
  align-items: center;
  justify-content: center;
  max-height: 100%;
}
.product-list .products .product .cover .ar {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--10);
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s linear;
}
.product-list .products .product .cover .ar .i {
  pointer-events: auto;
  display: block;
  width: var(--6);
  height: var(--6);
  border-radius: 50%;
  background: var(--gray);
  transition: all 0.3s linear;
  position: relative;
}
.product-list .products .product .cover .ar .i:after {
  content: "";
  display: block;
  border-radius: 50%;
  width: 300%;
  height: 300%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-list .products .product .cover .ar .i.current, .product-list .products .product .cover .ar .i:hover {
  background: var(--blue);
}
.product-list .products .product .info {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  flex: 1;
  /*overflow:hidden;*/
}
.product-list .products .product .info .title a {
  display: inline-block;
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
  text-transform: uppercase;
}
.product-list .products .product .info .parameters {
  display: flex;
  flex-direction: column;
  gap: var(--7);
  display: block;
}
.product-list .products .product .info .parameters .t {
  display: inline-block;
  color: var(--D_gray);
  font-size: var(--16);
  margin-right: var(--10);
}
.product-list .products .product .info .parameters .t:after {
  content: ":";
}
.product-list .products .product .info .parameters .v {
  font-size: var(--16);
}
.product-list .products .product .info .parameters .par.b,
.product-list .products .product .info .parameters .parameter.b {
  margin-bottom: var(--7);
}
.product-list .products .product .info .parameters .par.b .v,
.product-list .products .product .info .parameters .parameter.b .v {
  font-size: var(--18);
  font-weight: 500;
}
.product-list .products .product .info .parameters .par.s .v,
.product-list .products .product .info .parameters .parameter.s .v {
  font-weight: bold;
}
.product-list .products .product .info .parameters .par:not(:has(.t)):not(.b),
.product-list .products .product .info .parameters .parameter:not(:has(.t)):not(.b) {
  display: inline-block;
  margin-right: var(--5);
}
.product-list .products .product .info .parameters .par:not(:has(.t)):not(.b):has(+ .par):after, .product-list .products .product .info .parameters .par:not(:has(.t)):not(.b):has(+ .parameter):after,
.product-list .products .product .info .parameters .parameter:not(:has(.t)):not(.b):has(+ .par):after,
.product-list .products .product .info .parameters .parameter:not(:has(.t)):not(.b):has(+ .parameter):after {
  content: ", ";
  font-size: var(--16);
}
.product-list .products .product .info .description {
  font-size: var(--16);
  line-height: var(--24);
}
.product-list .products .product .info .btn {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.product-list .products .product .info .price-line {
  display: flex;
  flex-direction: column;
  /*flex:1;*/
  justify-content: flex-end;
}
.product-list .products .product .info .price-line .price {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  text-transform: uppercase;
  order: 1;
}
.product-list .products .product .info .price-line .price.old {
  order: 0;
  color: var(--D_gray);
  font-size: var(--16);
  font-weight: 400;
  line-height: var(--24);
  text-decoration: line-through;
}

.flags {
  --BG:var(--red);
  --Color:var(--white);
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: var(--5);
  align-items: flex-start;
}
.flags span {
  display: inline-block;
  background: var(--BG);
  color: var(--Color);
  padding: var(--2) var(--10);
  border-radius: var(--5);
  font-size: var(--14);
  line-height: var(--22);
}
.flags span.f-discount:before {
  content: "- ";
}
.flags span.f-discount:after {
  content: "%";
}

.pageList .items {
  display: flex;
  gap: var(--15);
}
.pageList .items .item {
  display: inline-block;
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
  padding: var(--7) var(--15);
  border-radius: var(--10);
  background: var(--gray);
  text-decoration: none;
}
.pageList .items .item:hover, .pageList .items .item.current {
  background: var(--blue);
  color: var(--white);
}
.pageList .items .space {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
  padding: var(--7) var(--15);
}
.pageList .items .space:after {
  content: "...";
}

/*# sourceMappingURL=main.css.map */