@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Tektur&display=swap");
:root {
  --MainFont:"Open Sans", sans-serif;
  --Tektur:"Tektur", sans-serif;
  --BaseSize:2056;
  --ActualSize:1750;
  --BG:"";
  --InLine:3;
  --d-gray:#333;
  --black:#000;
  --blue:#6B99C3;
  --D_gray:#808D99;
  --m-gray25: rgba(206, 206, 206, 0.25);
  --gray:#D7DDE3;
  --gray1:#CECECE;
  --l_gray:#F1F4F5;
  --white:#fff;
  --white25: rgba(255, 255, 255, 0.25);
  --l_gray16: rgba(240, 238, 233, 0.16);
  --red:#CC3A45;
  --green:#A7C957;
  --purple:#CFA5FD;
  --yellow:#FCBF06;
  --yellow25: rgba(252, 191, 6, 0.25);
  --yellow35: rgba(252, 191, 6, 0.35);
  --Stroke-gr:rgba(153, 153, 153, 0.4);
  --Stroke-yl: rgba(252, 191, 6, 0.4);
  --orange:#FC8906;
  --orange25: rgba(252, 137, 6, 0.25);
  --MainCoef:calc(var(--BaseSize)/var(--ActualSize));
  --MainGap:var(--40);
  --Body:var(--1760);
  --BodyGap:var(--70);
  --BorderRadius:var(--10);
  --BorderColor:"";
  ---40:calc(-40px/var(--MainCoef));
  ---30:calc(-30px/var(--MainCoef));
  ---13:calc(-13px/var(--MainCoef));
  ---10:calc(-10px/var(--MainCoef));
  ---4:calc(-4px/var(--MainCoef));
  ---1:calc(-1px/var(--MainCoef));
  --1:calc(1px/var(--MainCoef));
  --2:calc(2px/var(--MainCoef));
  --3:calc(3px/var(--MainCoef));
  --4:calc(4px/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));
  --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));
  --25:calc(25px/var(--MainCoef));
  --26:calc(26px/var(--MainCoef));
  --28:calc(28px/var(--MainCoef));
  --30:calc(30px/var(--MainCoef));
  --32:calc(32px/var(--MainCoef));
  --34:calc(34px/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));
  --46:calc(46px/var(--MainCoef));
  --49:calc(49px/var(--MainCoef));
  --50:calc(50px/var(--MainCoef));
  --53:calc(53px/var(--MainCoef));
  --55:calc(55px/var(--MainCoef));
  --60:calc(60px/var(--MainCoef));
  --65:calc(65px/var(--MainCoef));
  --70:calc(70px/var(--MainCoef));
  --80:calc(80px/var(--MainCoef));
  --100:calc(100px/var(--MainCoef));
  --120:calc(120px/var(--MainCoef));
  --123:calc(123px/var(--MainCoef));
  --124:calc(125px/var(--MainCoef));
  --128:calc(128px/var(--MainCoef));
  --140:calc(140px/var(--MainCoef));
  --145:calc(145px/var(--MainCoef));
  --150:calc(150px/var(--MainCoef));
  --160:calc(160px/var(--MainCoef));
  --170:calc(170px/var(--MainCoef));
  --175:calc(175px/var(--MainCoef));
  --180:calc(180px/var(--MainCoef));
  --190:calc(190px/var(--MainCoef));
  --200:calc(200px/var(--MainCoef));
  --210:calc(210px/var(--MainCoef));
  --250:calc(250px/var(--MainCoef));
  --280:calc(280px/var(--MainCoef));
  --300:calc(300px/var(--MainCoef));
  --320:calc(320px/var(--MainCoef));
  --336:calc(336px/var(--MainCoef));
  --350:calc(350px/var(--MainCoef));
  --370:calc(370px/var(--MainCoef));
  --400:calc(400px/var(--MainCoef));
  --410:calc(410px/var(--MainCoef));
  --440:calc(440px/var(--MainCoef));
  --450:calc(450px/var(--MainCoef));
  --480:calc(480px/var(--MainCoef));
  --500:calc(500px/var(--MainCoef));
  --540:calc(540px/var(--MainCoef));
  --550:calc(550px/var(--MainCoef));
  --600:calc(600px/var(--MainCoef));
  --620:calc(620px/var(--MainCoef));
  --680:calc(680px/var(--MainCoef));
  --700:calc(700px/var(--MainCoef));
  --775:calc(775px/var(--MainCoef));
  --780:calc(780px/var(--MainCoef));
  --800:calc(800px/var(--MainCoef));
  --825:calc(825px/var(--MainCoef));
  --850:calc(850px/var(--MainCoef));
  --920:calc(920px/var(--MainCoef));
  --1000:calc(1000px/var(--MainCoef));
  --1280:calc(1280px/var(--MainCoef));
  --1300:calc(1300px/var(--MainCoef));
  --1760:calc(1760px/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;
}
*::-webkit-scrollbar,
*:before::-webkit-scrollbar,
*:after::-webkit-scrollbar {
  width: var(--5);
  border-radius: var(--3);
  box-shadow: var(--1) var(--1) var(--3) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--9));
  background: var(--d-gray);
}
*::-webkit-scrollbar-thumb,
*:before::-webkit-scrollbar-thumb,
*:after::-webkit-scrollbar-thumb {
  border-radius: var(--3);
  border: var(--1) solid var(--yellow35);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
}

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

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

a {
  color: var(--white);
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}
a img {
  border: 0;
  max-width: 100%;
}

select::-ms-expand {
  display: none;
}
select option {
  color: var(--d-gray);
}

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

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

.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(--30);
  font-weight: 600;
  line-height: var(--38);
}

.btn {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: var(--white);
  font-size: var(--18);
  line-height: var(--26);
  padding: var(--11) var(--34);
  text-align: center;
  border-radius: var(--10);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  border: var(--1) solid var(--orange25);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--9));
  transition: all 0.3s linear;
}
.btn.b {
  --black:var(--blue);
}
.btn.g {
  color: var(--black);
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--line-yellow);
  background: linear-gradient(151deg, rgba(255, 255, 255, 0.35) 30.84%, rgba(206, 206, 206, 0.35) 79.16%);
}
.btn.dg {
  --black:var(--D_gray);
}
.btn.a, .btn:hover {
  color: var(--black);
  border: var(--1) solid var(--m-gray25);
  background: linear-gradient(151deg, rgba(255, 255, 255, 0.35) 30.84%, rgba(206, 206, 206, 0.35) 79.16%);
  backdrop-filter: blur(var(--9));
}
.btn.a:hover, .btn:hover:hover {
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  border: var(--1) solid var(--yellow25);
  color: var(--white);
}
.btn:hover {
  transform: translateY(var(--4));
  text-decoration: none;
}
.btn:focus {
  text-decoration: none;
}
.btn.clear {
  width: var(--40);
  height: var(--40);
  border-radius: var(--BorderRadius);
  border: 1px solid var(--gray1);
  /*background: linear-gradient(151deg, rgba(255, 255, 255, 0.35) 30.84%, rgba(206, 206, 206, 0.35) 79.16%),url("/images/clear.svg") center center/var(--22) no-repeat;*/
  background: linear-gradient(151deg, rgba(255, 255, 255, 0.35) 30.84%, rgba(206, 206, 206, 0.35) 79.16%), url("/images/delete.svg") center center/var(--22) no-repeat;
  backdrop-filter: blur(var(--9));
  padding: 0;
}
.btn.clear:hover {
  /*background: linear-gradient(151deg, rgba(255, 255, 255, 0.35) 30.84%, rgba(206, 206, 206, 0.35) 79.16%),url("/images/clear.svg") center center/var(--22) no-repeat;*/
  background: linear-gradient(151deg, rgba(255, 255, 255, 0.35) 30.84%, rgba(206, 206, 206, 0.35) 79.16%), url("/images/delete.svg") center center/var(--22) no-repeat;
}

.message.error {
  color: var(--white);
  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%;
  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;
  background: linear-gradient(131deg, rgba(74, 74, 74, 0.25) 0.17%, rgba(42, 41, 41, 0.25) 99.49%);
  backdrop-filter: blur(var(--13));
}
.popupBox#productCover .popup {
  width: var(--920);
  padding: var(--30);
}
.popupBox#productCover .popup .photo-slider {
  display: flex;
  align-items: center;
  gap: var(--MainGap);
  max-height: 100%;
  overflow: auto;
}
.popupBox#productCover .popup .photo-slider:has(.container .photo.current:first-child) .arrow.left {
  opacity: 0;
  pointer-events: none;
}
.popupBox#productCover .popup .photo-slider:has(.container .photo.current:last-child) .arrow.right {
  opacity: 0;
  pointer-events: none;
}
.popupBox#productCover .popup .photo-slider .arrow {
  width: var(--40);
  flex: 0 0 var(--40);
  height: var(--40);
  align-self: center;
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--yellow);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--9));
  position: relative;
  transform-origin: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
}
.popupBox#productCover .popup .photo-slider .arrow:hover {
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.45) 30.84%, rgba(252, 191, 6, 0.45) 79.16%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(252, 191, 6, 0.4);
}
.popupBox#productCover .popup .photo-slider .arrow:hover:after {
  transform: scale(1.25);
}
.popupBox#productCover .popup .photo-slider .arrow:after {
  content: "";
  display: block;
  background: url("/images/arrow-left.svg") center center/var(--9) no-repeat;
  width: var(--9);
  height: var(--14);
  transition: all 0.3s linear;
}
.popupBox#productCover .popup .photo-slider .arrow.right {
  transform: rotate(180deg);
  box-shadow: var(---4) var(---4) var(--5) 0 rgba(0, 0, 0, 0.15);
}
.popupBox#productCover .popup .photo-slider .container {
  display: flex;
  overflow: hidden;
  flex: 1;
}
.popupBox#productCover .popup .photo-slider .container .photo {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popupBox#productCover .popup .photo-slider .container .photo img {
  max-height: 100%;
}
.popupBox#sign-in .popup {
  width: var(--550);
  background: linear-gradient(84deg, rgba(74, 74, 74, 0.5) 14.37%, rgba(42, 41, 41, 0.5) 86.91%);
}
.popupBox#sign-in .popup .tabs {
  display: flex;
  gap: var(--30);
}
.popupBox#sign-in .popup .tabs .tab.current a {
  color: var(--yellow);
}
.popupBox#sign-in .popup .tabs .tab a {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  text-decoration: none;
}
.popupBox#sign-in .popup .tab-items .tab {
  display: none;
}
.popupBox#sign-in .popup .tab-items .tab.current {
  display: block;
}
.popupBox#sign-in .popup .tab-items .tab .form {
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
.popupBox#sign-in .popup .tab-items .tab .form .line {
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
.popupBox#sign-in .popup .tab-items .tab .form .line > label {
  cursor: pointer;
  font-size: var(--18);
  line-height: var(--26);
}
.popupBox#sign-in .popup .tab-items .tab .form .line .text {
  width: 100%;
  color: var(--white);
  font-size: var(--18);
  line-height: var(--26);
  padding: var(--6) var(--19);
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--orange25);
  background: linear-gradient(130deg, rgba(255, 180, 134, 0.25) 30.12%, rgba(252, 137, 6, 0.25) 70.64%);
}
.popupBox#sign-in .popup .tab-items .tab .form .actions {
  display: flex;
  align-items: center;
  gap: var(--30);
}
.popupBox#sign-in .popup .tab-items .tab .form .actions .btn {
  padding: var(--6) var(--34);
}
.popupBox#sign-in .popup .tab-items .tab .form .actions .btn:hover {
  transform: none;
}
.popupBox#sign-in .popup .tab-items .tab .form .actions .l {
  display: inline-block;
  font-size: var(--18);
  line-height: var(--26);
}
.popupBox#share .popup {
  width: var(--700);
  padding: var(--9);
}
.popupBox#share .popup .line {
  display: flex;
  flex-direction: column;
  gap: var(--30);
  padding: var(--10);
}
.popupBox#share .popup .line .cover {
  border-radius: var(--BorderRadius);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popupBox#share .popup .line .cover .status {
  position: absolute;
  left: var(---10);
  top: var(---10);
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--m-gray25);
  backdrop-filter: blur(var(--9));
  padding: var(--2) var(--9);
  font-size: var(--16);
  line-height: var(--24);
  color: var(--black);
  background: linear-gradient(151deg, rgba(255, 255, 255, 0.5) 30.84%, rgba(206, 206, 206, 0.5) 79.16%);
}
.popupBox#share .popup .line .info .time {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}
.popupBox#calculator .popup {
  width: var(--550);
}
.popupBox#calculator .popup .line {
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
.popupBox#calculator .popup .line label {
  display: inline-block;
  cursor: pointer;
  font-size: var(--18);
  line-height: var(--26);
}
.popupBox#calculator .popup .line .text {
  width: 100%;
  color: var(--white);
  font-size: var(--18);
  line-height: var(--26);
  padding: var(--6) var(--19);
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--orange25);
  background: linear-gradient(130deg, rgba(255, 180, 134, 0.25) 30.12%, rgba(252, 137, 6, 0.25) 70.64%);
}
.popupBox#calculator .popup .line select.text {
  appearance: none;
  background: linear-gradient(130deg, rgba(255, 180, 134, 0.25) 30.12%, rgba(252, 137, 6, 0.25) 70.64%), url("/images/arrow-bottom.svg") right var(--19) center/var(--14) no-repeat;
}
.popupBox#calculator .popup .line select.text::-ms-expand {
  display: none;
}
.popupBox#calculator .popup .results {
  display: none;
  flex-direction: column;
  gap: var(--10);
}
.popupBox#calculator .popup .results.visible {
  display: flex;
}
.popupBox#calculator .popup .results .title {
  font-size: var(--18);
  font-weight: 600;
  line-height: var(--26);
}
.popupBox#calculator .popup .results .line {
  flex-direction: row;
  gap: var(--MainGap);
}
.popupBox#calculator .popup .results .line .block {
  flex: 0 0 calc(50% - var(--MainGap) / 2);
  display: flex;
  gap: var(--5);
  align-items: center;
}
.popupBox#calculator .popup .results .line .block .title {
  font-size: var(--18);
  line-height: var(--26);
}
.popupBox#calculator .popup .results .line .block .title:after {
  content: ":";
}
.popupBox#calculator .popup .results .line .block .value {
  font-size: var(--18);
  line-height: var(--26);
}
.popupBox .popup {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: var(--19);
  border-radius: var(--BorderRadius);
  display: flex;
  flex-direction: column;
  gap: var(--30);
  position: relative;
  max-height: 100%;
  border: var(--1) solid var(--Stroke-gr);
  /*background: linear-gradient(151deg, rgba(212, 204, 204, 0.55) 30.84%, rgba(152, 152, 152, 0.55) 79.16%);*/
  background: linear-gradient(84deg, rgba(74, 74, 74, 0.5) 14.37%, rgba(42, 41, 41, 0.5) 86.91%);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--13));
}
.popupBox .popup > .close {
  display: block;
  width: var(--14);
  height: var(--14);
  background: url("/images/close.svg") center center/contain no-repeat;
  position: absolute;
  right: var(--30);
  top: var(--30);
  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(--20);
  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: var(--2) 0 0 var(--26);
  position: relative;
  font-size: var(--18);
  display: inline-block;
}
.cb + label span {
  display: inline-block;
  margin-left: var(--5);
}
.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;
}

/*
.footer-nav ul li.basket,
.footer-nav ul li.cabinet,
.head-basket,
.icons-list .icon {
	display:none !important;
}*/
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(--white);
  font-style: normal;
  position: relative;
  background: var(--d-gray) url("/images/bg.png") center top no-repeat;
  background-size: 100% auto;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  gap: var(--MainGap);
  padding: 0;
  margin: 0;
  font-size: 0;
}
body.filters {
  overflow: hidden;
}
body.basket {
  background-image: none;
}
body.loading {
  opacity: 0;
}
body::-webkit-scrollbar {
  width: var(--5);
  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(--yellow);
  border-radius: var(--5);
}
body:not(.mobile) header.header .menu .main-menu .menu li.item:hover > a, body:not(.mobile) header.header .menu .main-menu .menu li.item.current > a {
  background: var(--yellow);
  color: var(--black);
}
body:not(.mobile) header.header .menu .main-menu .menu li.item:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: perspective(var(--1000)) rotateY(0deg);
}
body:not(.mobile):has(.icons-basket .head-basket.visible) #category #main-filters {
  padding-right: calc(var(--320) + var(--MainGap));
}
body:not(.mobile):has(.icons-basket .head-basket.visible) #category .catalog-line:not(:has(.share-filter)) .product-list {
  --InLine:4;
  padding-right: calc(var(--320) + var(--MainGap));
}

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

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

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

.rrc {
  font-size: 80%;
  font-weight: normal;
}

header.header {
  position: sticky;
  z-index: 3;
  top: 0;
  border-bottom: var(--1) solid rgba(153, 153, 153, 0.4);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.15);
}
header.header:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(97deg, rgba(74, 74, 74, 0.25) 44%, rgba(42, 41, 41, 0.25) 57.26%);
  backdrop-filter: blur(var(--13));
  z-index: -1;
}
header.header .body {
  display: flex;
  align-items: center;
  gap: var(--65);
  position: relative;
  padding: var(--20) 0;
  transition: all 0.3s linear;
}
header.header .body:before, header.header .body:after {
  content: "";
  display: block;
  pointer-events: none;
  order: 2;
  flex: 1;
}
header.header .body:after {
  order: 4;
}
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(--175);
  order: 0;
  transition: all 0.3s linear;
}
header.header .logo a {
  display: block;
}
header.header .menu {
  position: relative;
  order: 1;
}
header.header .menu:hover .m {
  background-image: url("/images/menu-h.svg");
}
header.header .menu:hover .main-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: perspective(var(--1000)) rotateX(0deg);
}
header.header .menu .m {
  display: inline-block;
  position: relative;
  padding-left: var(--46);
  align-items: center;
  font-size: var(--18);
  line-height: var(--36);
  text-decoration: none;
  background: url("/images/menu.svg") left center/contain no-repeat;
  transition: all 0.15s linear;
}
header.header .menu .main-menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: var(--41);
  display: flex;
  flex-direction: column;
  width: var(--160);
  border-radius: var(--BorderRadius);
  border: var(--1) solid rgba(153, 153, 153, 0.4);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.07);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: perspective(var(--1000)) rotateX(-90deg);
  transform-origin: top center;
  transition: all 0.15s linear, pointer-events 0s linear;
  z-index: 1;
}
header.header .menu .main-menu:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(151deg, rgba(74, 74, 74, 0.5) 30.84%, rgba(42, 41, 41, 0.5) 79.16%);
  z-index: -1;
  backdrop-filter: blur(var(--9));
  border-radius: var(--BorderRadius);
}
header.header .menu .main-menu:before {
  content: "";
  display: block;
  position: absolute;
  left: var(---40);
  right: var(---40);
  top: calc(var(--50) * -1);
  bottom: var(---40);
  z-index: -1;
}
header.header .menu .main-menu .menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  position: initial;
}
header.header .menu .main-menu .menu:first-child li:first-child a {
  border-radius: var(--BorderRadius) var(--BorderRadius) 0 0;
}
header.header .menu .main-menu .menu:last-child li:last-child a {
  border-radius: 0 0 var(--BorderRadius) var(--BorderRadius);
}
header.header .menu .main-menu .menu li.item {
  /*&:hover,*/
  /*&:hover {
  	&>.sub-menu {
  		opacity:1;
  		visibility:visible;
  		pointer-events:auto;
  		transform:perspective(var(--1000)) rotateY(0deg);
  	}
  }*/
}
header.header .menu .main-menu .menu li.item.current > a {
  background: var(--yellow);
  color: var(--black);
}
header.header .menu .main-menu .menu li.item:first-child > a {
  border-radius: var(--BorderRadius) var(--BorderRadius) 0 0 !important;
}
header.header .menu .main-menu .menu li.item:last-child > a {
  border-radius: 0 0 var(--BorderRadius) var(--BorderRadius) !important;
}
header.header .menu .main-menu .menu li.item a {
  display: block;
  font-size: var(--18);
  line-height: var(--26);
  padding: var(--13) var(--20);
  text-decoration: none;
}
header.header .menu .main-menu .menu li.item > .sub-menu {
  position: absolute;
  min-height: 100%;
  left: 100%;
  top: var(---1);
  width: var(--280);
  border-radius: var(--BorderRadius);
  border: var(--1) solid rgba(153, 153, 153, 0.4);
  /*background: linear-gradient(151deg, rgba(74, 74, 74, 0.50) 30.84%, rgba(42, 41, 41, 0.50) 79.16%);*/
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.07);
  /*backdrop-filter: blur(var(--9));*/
  transform-origin: left center;
  transform: perspective(var(--1000)) rotateY(90deg);
  transition: all 0.15s linear;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /*overflow:hidden;*/
}
header.header .menu .main-menu .menu li.item > .sub-menu:hover:before {
  width: auto;
  right: var(---40);
  left: var(---40);
}
header.header .menu .main-menu .menu li.item > .sub-menu .items {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}
header.header .menu .main-menu .menu li.item > .sub-menu .item a {
  border-radius: 0;
}
header.header .menu .main-menu .menu li.item > .sub-menu:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(151deg, rgba(74, 74, 74, 0.5) 30.84%, rgba(42, 41, 41, 0.5) 79.16%);
  z-index: -1;
  backdrop-filter: blur(var(--9));
  border-radius: var(--BorderRadius);
  pointer-events: none;
}
header.header .menu .main-menu .menu li.item > .sub-menu:before {
  content: "";
  display: block;
  position: absolute;
  width: auto;
  left: 0;
  right: var(---40);
  top: var(---40);
  bottom: var(---40);
  z-index: -1;
}
header.header:has(.back) #search-bar {
  flex: 0 0 calc(var(--825) - var(--20) - var(--65));
}
header.header #search-bar {
  flex: 0 0 var(--825);
  order: 3;
  transition: all 0.3s linear;
}
header.header #search-bar form {
  width: 100%;
}
header.header #search-bar form > .line {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
header.header #search-bar .text {
  flex: 1;
  padding: 0 var(--60) 0 var(--19);
  font-size: var(--18);
  line-height: var(--38);
  border-radius: var(--BorderRadius);
  border: var(--1) solid rgba(255, 255, 255, 0.2);
  background: rgba(109, 109, 109, 0.3);
  color: var(--White);
}
header.header #search-bar .text:placeholder-shown {
  color: var(--white);
}
header.header #search-bar .text::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
header.header #search-bar .s {
  display: inline-block;
  width: var(--40);
  height: var(--40);
  border-radius: var(--10);
  background: rgba(252, 191, 6, 0.35) url("/images/search.svg") center center/var(--24) no-repeat;
  cursor: pointer;
  box-shadow: var(--2) var(--2) var(--5) 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(var(--9));
  border: var(--1) solid var(--yellow);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.languages {
  position: relative;
  order: 2;
}
.languages .label {
  display: flex;
  gap: var(--10);
  align-items: center;
  font-size: var(--18);
  line-height: var(--24);
  cursor: pointer;
  text-transform: uppercase;
}
.languages .label:before {
  content: "";
  display: block;
  flex: 0 0 var(--24);
  width: var(--24);
  height: var(--24);
  background: url("/images/languages.svg") center center/contain no-repeat;
}
.languages .label:after {
  content: "";
  display: block;
  background: url("/images/arrow-bottom.svg") center center/contain no-repeat;
  flex: 0 0 var(--14);
  width: var(--14);
  height: var(--14);
  transition: all 0.3s linear;
}
.languages:hover .label:after {
  transform: rotate(180deg);
}
.languages:hover .list {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: perspective(var(--1000)) rotateX(0deg);
  z-index: 2;
}
.languages .list {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
  border-radius: var(--BorderRadius);
  will-change: backdrop-filter, transform, opacity;
  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);
  border: var(--1) solid rgba(153, 153, 153, 0.4);
  background: linear-gradient(151deg, rgba(74, 74, 74, 0.5) 30.84%, rgba(42, 41, 41, 0.5) 79.16%);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(var(--9));
  margin-top: var(--46);
}
.languages .list:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--50);
  margin-top: calc(var(--50) * -1);
}
.languages .list .items {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  border-radius: var(--BorderRadius);
  overflow: hidden;
}
.languages .list .items .item a {
  display: block;
  padding: var(--13) var(--20);
  font-size: var(--18);
  line-height: var(--26);
  text-decoration: none;
}
.languages .list .items .item a:hover {
  color: var(--black);
  background: var(--yellow);
}

.notification {
  position: absolute;
  right: 0;
  top: 100%;
  width: var(--920);
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--Stroke-gr);
  background: linear-gradient(151deg, rgba(74, 74, 74, 0.5) 30.84%, rgba(42, 41, 41, 0.5) 79.16%);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(var(--9));
  padding: var(--19);
  display: flex;
  flex-direction: column;
  gap: var(--20);
  max-height: calc(100vh - var(--120) - var(--50));
}
.notification.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.notification .title-line {
  display: flex;
  gap: var(--MainGap);
  align-items: baseline;
}
.notification .title-line .title {
  font-size: var(--30);
  font-weight: 600;
  line-height: var(--38);
}
.notification .title-line .items {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}
.notification .total-line {
  display: flex;
  align-items: center;
  gap: var(--MainGap);
  justify-content: space-between;
}
.notification .total-line .total {
  display: flex;
  align-items: baseline;
  gap: var(--10);
}
.notification .total-line .total .label {
  font-size: var(--18);
  line-height: var(--26);
}
.notification .total-line .total .price {
  color: var(--yellow);
  font-size: var(--22);
  font-weight: 700;
  line-height: var(--30);
}
.notification .total-line .actions {
  display: flex;
  gap: var(--20);
}
.notification .total-line .actions .btn {
  padding: var(--6) var(--34);
}
.notification .list {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex: 1;
}
.notification .list .product {
  display: flex;
  align-items: center;
  gap: var(--MainGap);
  padding: var(--15) 0;
  border-bottom: var(--1) solid var(--Stroke-gr);
}
.notification .list .product .info {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  flex: 1;
}
.notification .list .product .info .title {
  font-size: var(--18);
  line-height: var(--26);
}
.notification .list .product .info .article {
  font-size: var(--12);
  line-height: var(--12);
}
.notification .list .product .prices {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  flex: 0 0 var(--128);
}
.notification .list .product .prices .price {
  font-size: var(--18);
  line-height: var(--26);
}
.notification .list .product .prices .hint {
  font-size: var(--12);
  line-height: var(--12);
}
.notification .list .product .amount {
  display: flex;
  /*flex:0 0 var(--118);*/
  border: var(--1) solid var(--Stroke-gr);
  border-radius: var(--BorderRadius);
  overflow: hidden;
  flex: 0 0 var(--145);
}
.notification .list .product .amount .a {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  padding: var(--4) 0;
  text-align: center;
  flex: 0 0 var(--40);
  width: var(--40);
  cursor: pointer;
}
.notification .list .product .amount .a:hover {
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
}
.notification .list .product .amount .a:after {
  content: "-";
}
.notification .list .product .amount .a.p:after {
  content: "+";
}
.notification .list .product .amount .text {
  width: var(--40);
  min-width: var(--40);
  color: var(--white);
  background: none;
  text-align: center;
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  border: 0;
  padding: var(--4);
  border-left: var(--1) solid var(--Stroke-gr);
  border-right: var(--1) solid var(--Stroke-gr);
}
.notification .list .product .amount .text.tmp {
  flex: none;
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.notification .list .product .total-price {
  color: var(--yellow);
  font-size: var(--22);
  font-weight: 700;
  line-height: var(--30);
  white-space: nowrap;
  flex: 0 0 var(--120);
}
.notification .list .product .delete {
  flex: 0 0 var(--24);
  width: var(--24);
  height: var(--24);
  background: url("/images/delete.svg") center center/contain no-repeat;
  cursor: pointer;
  transition: all 0.3s linear;
}
.notification .list .product .delete:hover {
  background-image: url("/images/delete-h.svg");
}

@keyframes blink {
  0% {
    box-shadow: 0 0 0 rgba(252, 191, 6, 0.25);
    background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  }
  50% {
    box-shadow: 0 0 8px 3px rgba(252, 191, 6, 0.5);
    background: linear-gradient(151deg, rgba(252, 191, 6, 0.25) 30.84%, rgba(252, 191, 6, 0.25) 79.16%);
  }
  100% {
    box-shadow: 0 0 0 rgba(252, 191, 6, 0.25);
    background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  }
}
@keyframes counterBlink {
  0%, 100% {
    background: var(--white);
    color: var(--red);
    transform: scale(1);
  }
  50% {
    background: rgba(252, 191, 6, 0.9); /* жёлтый в тему корзины */
    color: var(--black);
    transform: scale(1.1);
  }
}
.icons-basket {
  order: 5;
  display: flex;
  flex-direction: column;
  gap: var(--20);
  align-items: flex-end;
  flex: 0 0 var(--320);
}
.icons-basket .icons-list {
  order: 0;
}
.icons-basket .head-basket {
  position: relative;
  width: 100%;
}
.icons-basket .head-basket.visible .basket-popup {
  display: flex;
}
.icons-basket .head-basket .h-basket {
  display: flex;
  border-radius: var(--BorderRadius);
  border: 1px solid var(--yellow);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--9));
  padding: var(--4) var(--10) var(--4) var(--15);
  align-items: center;
  position: relative;
  order: 1;
  width: 100%;
  text-decoration: none;
  transition: all 0.3s linear;
}
.icons-basket .head-basket .h-basket.blink {
  animation: blink 1s infinite;
}
.icons-basket .head-basket .h-basket.blink:before {
  animation: counterBlink 1s infinite;
}
.icons-basket .head-basket .h-basket .label {
  flex: 1;
  padding-right: var(--10);
  border-right: 1px solid var(--yellow);
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}
.icons-basket .head-basket .h-basket:after {
  content: "";
  display: block;
  width: var(--40);
  height: var(--28);
  background: url("/images/basket.svg") center center/var(--24) no-repeat;
}
.icons-basket .head-basket .h-basket:before {
  content: attr(data-amount);
  background: var(--yellow);
  padding: var(--1) var(--2);
  text-align: center;
  min-width: var(--14);
  color: var(--black);
  font-family: var(--Tektur), var(--MainFont), system-ui;
  font-size: var(--8);
  line-height: var(--12);
  transition: all 0.3s linear;
  opacity: 1;
  border-radius: var(--14);
  right: var(--10);
  top: var(--8);
  position: absolute;
}
.icons-basket .head-basket .h-basket[data-amount=""]:before, .icons-basket .head-basket .h-basket[data-amount="0"]:before {
  opacity: 0;
}

.icons-list {
  order: 5;
  display: flex;
  align-items: center;
  gap: var(--30);
}
.icons-list .icon {
  position: relative;
}
.icons-list .icon.profile .list {
  left: 0;
  right: auto;
}
.icons-list .icon .item {
  display: inline-block;
  width: var(--24);
  height: var(--24);
  background: var(--BG) center center/var(--24) no-repeat;
  position: relative;
}
.icons-list .icon .item.basket {
  --BG: url("/images/basket.svg");
}
.icons-list .icon .item.profile {
  --BG: url("/images/profile.svg");
}
.icons-list .icon .item.search {
  --BG: url("/images/search.svg");
}
.icons-list .icon .item.contacts {
  --BG: url("/images/contacts.svg");
}
.icons-list .icon .item[data-amount]:after {
  font-family: var(--Tektur), var(--MainFont), system-ui;
  content: attr(data-amount);
  color: var(--white);
  font-size: var(--8);
  line-height: var(--14);
  min-width: var(--14);
  text-align: center;
  display: inline-block;
  background: var(--yellow);
  border-radius: var(--50);
  position: absolute;
  top: 0;
  left: var(--16);
  padding: 0 var(--3);
}
.icons-list .icon .item[data-amount][data-amount="0"]:after {
  content: none;
}
.icons-list .icon .list {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
  padding: var(--20);
  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);
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--Stroke-gr);
  background: linear-gradient(151deg, rgba(74, 74, 74, 0.5) 30.84%, rgba(42, 41, 41, 0.5) 79.16%);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(var(--9));
  margin-top: var(--46);
}
.icons-list .icon .list:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--50);
  margin-top: calc(var(--50) * -1);
}
.icons-list .icon .list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
.icons-list .icon .list ul li a {
  display: inline-block;
  font-size: var(--18);
  line-height: var(--26);
}
.icons-list .icon:hover .list {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: perspective(var(--1000)) rotateX(0deg);
  z-index: 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:4;
  --Margin:0;
}
.product-list .products {
  display: flex;
  flex-wrap: wrap;
  gap: var(--MainGap);
}
.product-list .products .share-list {
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  width: calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
}
.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);
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: var(--20);
  overflow: hidden;
  transition: box-shadow 0.3s linear;
  border: var(--1) solid var(--Stroke-gr);
  background: linear-gradient(327deg, rgba(42, 41, 41, 0.5) 0%, rgba(74, 74, 74, 0.5) 68.87%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--13));
}
.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;
}
.product-list .products .product.cc:hover .cover .ar {
  opacity: 1;
}
.product-list .products .product.cc .info .btn {
  position: relative;
  opacity: 1;
  pointer-events: auto;
  z-index: 0;
  justify-content: center;
}
.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;
  display: block;
  padding: 0;
  width: var(--30);
  height: var(--30);
  flex: none;
  border-radius: var(--15);
  background: linear-gradient(45deg, var(--BG1) 50%, var(--BG2) 50%);
  border: var(--1) 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(--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(--320);
  height: var(--320);
  position: relative;
  text-align: center;
}
.product-list .products .product .cover img {
  max-height: var(--320);
}
.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(--15);
  flex: 1;
  padding: 0 var(--19) var(--19);
}
.product-list .products .product .info .title a {
  font-weight: 600;
  font-size: var(--22);
  line-height: var(--30);
  display: inline-block;
  text-overflow: ellipsis;
  max-height: calc(var(--30) * 3);
  overflow: hidden;
  font-size: var(--20);
  line-height: var(--28);
  max-height: calc(var(--28) * 3);
}
.product-list .products .product .info .parameters {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  flex: 1;
}
.product-list .products .product .info .parameters .par,
.product-list .products .product .info .parameters .parameter {
  display: flex;
  gap: var(--10);
}
.product-list .products .product .info .parameters .par .t,
.product-list .products .product .info .parameters .par .v,
.product-list .products .product .info .parameters .parameter .t,
.product-list .products .product .info .parameters .parameter .v {
  flex: 0 0 calc((100% - var(--10)) / 2);
  font-size: var(--18);
  line-height: var(--26);
  hyphens: auto;
}
.product-list .products .product .info .parameters .par .t:after,
.product-list .products .product .info .parameters .parameter .t:after {
  content: ":";
}
.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 .price-line {
  display: flex;
  flex-direction: column;
  /*flex:1;*/
  justify-content: flex-end;
}
.product-list .products .product .info .price-line .price {
  color: var(--yellow);
  font-size: var(--22);
  font-weight: 700;
  line-height: var(--30);
  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;
}
.product-list .products .product .info .to-basket {
  display: flex;
  align-items: center;
  gap: var(--15);
}
.product-list .products .product .info .to-basket .btn {
  padding: var(--7) var(--24);
  font-size: var(--16);
  line-height: normal;
  position: relative;
  height: var(--40);
  display: inline-block;
  width: var(--24);
  background: url("/images/basket.svg") center center/var(--24) no-repeat;
}
.product-list .products .product .info .to-basket .btn[data-a="0"]:after {
  content: none;
}
.product-list .products .product .info .to-basket .btn:after {
  content: attr(data-a);
  position: absolute;
  right: var(--2);
  top: var(--2);
  background: var(--white);
  color: var(--red);
  font-size: var(--12);
  line-height: var(--12);
  padding: var(--2) var(--7) var(--3);
  border-radius: var(--5);
  font-weight: 600;
}
.product-list .products .product .info .to-basket .i {
  display: flex;
  border: 1px solid var(--Stroke-gr);
  border-radius: var(--BorderRadius);
  overflow: hidden;
}
.product-list .products .product .info .to-basket .i .b {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: var(--18);
  line-height: var(--24);
  font-weight: 600;
  width: var(--38);
  height: var(--38);
  transition: all 0.3s linear;
}
.product-list .products .product .info .to-basket .i .b.m:before {
  content: "-";
}
.product-list .products .product .info .to-basket .i .b.p:before {
  content: "+";
}
.product-list .products .product .info .to-basket .i .b:hover {
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
}
.product-list .products .product .info .to-basket .i .text {
  flex: 0 0 var(--40);
  width: var(--40);
  text-align: center;
  height: var(--38);
  font-size: var(--18);
  font-weight: 600;
  background: none;
  border: 0;
  padding: 0;
  color: var(--white);
  border-left: 1px solid var(--Stroke-gr);
  border-right: 1px solid var(--Stroke-gr);
}

.flags {
  --BG:var(--red);
  --Color:var(--white);
  position: absolute;
  left: var(--10);
  top: var(--10);
  display: flex;
  flex-direction: column;
  gap: var(--5);
  align-items: flex-start;
}
.flags span {
  display: inline-block;
  padding: var(--2) var(--9);
  border: var(--1) solid var(--BorderColor);
  border-radius: var(--BorderRadius);
  background: linear-gradient(110deg, var(--BG1) 23.75%, var(--BG2) 72.58%);
  backdrop-filter: blur(var(--9));
  color: var(--Color);
  font-size: var(--16);
  font-weight: 600;
  line-height: var(--24);
}
.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;
  text-decoration: none;
  font-size: var(--30);
  font-weight: 600;
  line-height: var(--38);
  min-width: var(--40);
  text-align: center;
  border-radius: var(--BorderRadius);
  border: var(--1) solid transparent;
}
.pageList .items .item:hover, .pageList .items .item.current {
  border: var(--1) solid var(--yellow);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--9));
}
.pageList .items .space {
  font-size: var(--30);
  font-weight: 600;
  line-height: var(--38);
  padding: 0 var(--11) var(--1);
}
.pageList .items .space:after {
  content: "...";
}

footer.footer {
  border-top: var(--1) solid rgba(153, 153, 153, 0.4);
  background: linear-gradient(151deg, rgba(74, 74, 74, 0.55) 30.84%, rgba(42, 41, 41, 0.55) 79.16%);
  box-shadow: 0 var(---10) var(--13) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--13));
  padding: var(--MainGap) 0;
}
footer.footer .body {
  display: flex;
  gap: var(--MainGap);
}
footer.footer .markets {
  flex: 1;
  display: flex;
  gap: var(--MainGap);
}
footer.footer .markets .city {
  display: flex;
  flex-direction: column;
  gap: var(--20);
  flex: 0 0 var(--320);
}
footer.footer .markets .city.dl {
  flex: 0 0 var(--680);
}
footer.footer .markets .city.dl > dd {
  columns: 2;
  column-gap: var(--MainGap);
}
footer.footer .markets .city > dt {
  font-size: var(--24);
  font-weight: 600;
  line-height: var(--32);
}
footer.footer .markets .city > dd {
  padding: 0;
  margin: 0;
}
footer.footer .markets .city > dd .list {
  display: flex;
  flex-direction: column;
  gap: var(--25);
  margin-bottom: var(--25);
}
footer.footer .markets .city > dd .list dt {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}
footer.footer .markets .city > dd .list dd {
  display: flex;
  flex-direction: column;
  gap: var(--25);
  padding: 0;
  margin: 0;
}
footer.footer .markets .city > dd .list dd .office {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  font-size: var(--18);
  line-height: var(--26);
  break-inside: avoid;
}
footer.footer .markets .city > dd .list dd .office:nth-child(3):before {
  content: "";
  display: block;
  height: var(--35);
}
footer.footer .markets .city > dd .list dd .office p[class] {
  padding-left: var(--34);
  background: var(--BG) left center/var(--24) no-repeat;
}
footer.footer .markets .city > dd .list dd .office p[class][class=address] {
  --BG: url("/images/address.svg");
}
footer.footer .markets .city > dd .list dd .office p[class][class=phone] {
  --BG: url("/images/phone.svg");
}
footer.footer .markets .city > dd .list dd .office p[class][class=email] {
  --BG: url("/images/email.svg");
}
footer.footer .social {
  flex: 0 0 var(--320);
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
footer.footer .social .social-list {
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
footer.footer .social .social-list dt {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}
footer.footer .social .social-list dd {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--30);
}
footer.footer .social .social-list dd .soc {
  display: inline-block;
  width: var(--24);
  height: var(--24);
  background: var(--BG) center center/contain no-repeat;
}
footer.footer .social .actions .icons-list {
  align-items: center;
  gap: var(--30);
}
footer.footer .social .actions .b2b {
  order: 3;
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}

.breadcrumbs {
  height: 0;
  margin-bottom: calc(var(--MainGap) * -1);
  pointer-events: none;
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}
.breadcrumbs.l {
  justify-content: flex-start;
}
.breadcrumbs.l ul {
  justify-content: flex-start;
}
.breadcrumbs ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: var(--20);
  width: var(--800);
  overflow: hidden;
  text-overflow: ellipsis;
  height: fit-content;
  justify-content: flex-end;
}
.breadcrumbs ul li {
  position: relative;
}
.breadcrumbs ul li + li:before {
  content: "|";
  position: absolute;
  left: var(---13);
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--12);
  line-height: var(--12);
}
.breadcrumbs ul li a,
.breadcrumbs ul li span {
  display: inline-block;
  pointer-events: auto;
  font-size: var(--16);
  line-height: var(--16);
}

.basket-popup {
  z-index: 1;
  position: fixed;
  width: var(--320);
  top: var(--124);
  bottom: 0;
  overflow: auto;
  display: none;
  border: 1px solid var(--Stroke-gr);
  border-top: 0;
  border-bottom: 0;
  background: linear-gradient(151deg, rgba(74, 74, 74, 0.5) 30.84%, rgba(42, 41, 41, 0.5) 79.16%);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(var(--9));
}
.basket-popup .form {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.basket-popup .form h3.title {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  padding: var(--20);
}
.basket-popup .form dl.empty {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  padding: var(--20);
}
.basket-popup .form dl.empty dt {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}
.basket-popup .form dl.empty dd {
  padding: 0;
  margin: 0;
  font-size: var(--18);
  line-height: var(--26);
}
.basket-popup .form .list {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: var(--15);
  padding: 0 var(--20) var(--20);
  scroll-behavior: auto;
}
.basket-popup .form .list::-webkit-scrollbar {
  width: var(--5);
  border-radius: var(--3);
  box-shadow: var(--1) var(--1) var(--3) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--9));
  background: var(--d-gray);
}
.basket-popup .form .list::-webkit-scrollbar-thumb {
  border-radius: var(--3);
  border: var(--1) solid var(--yellow35);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
}
.basket-popup .form .list .products-list {
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
.basket-popup .form .list .products-list + .products-list {
  padding-top: var(--15);
  border-top: 1px solid var(--white25);
}
.basket-popup .form .list .products-list .product-list {
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
.basket-popup .form .list .products-list .product-list + .product-list {
  padding-top: var(--15);
  border-top: 1px solid var(--white25);
}
.basket-popup .form .list .products-list .product-list .products {
  display: flex;
  flex-direction: column;
  gap: var(--15);
  flex-wrap: nowrap;
}
.basket-popup .form .list .products-list .product-list .products + .products {
  padding-top: var(--15);
  border-top: 1px solid var(--white25);
}
.basket-popup .form .list .products-list .product-list .products .product {
  flex: none;
  width: 100%;
  padding: 0;
  background: no-repeat;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  border-radius: 0;
  flex-direction: row;
  gap: var(--10);
  flex-wrap: wrap;
  text-decoration: none;
}
.basket-popup .form .list .products-list .product-list .products .product + .product {
  padding-top: var(--15);
  border-top: 1px solid var(--white25);
}
.basket-popup .form .list .products-list .product-list .products .product .cover {
  flex: 0 0 var(--80);
  width: var(--80);
  height: var(--80);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--BorderRadius);
  background: var(--white);
  overflow: hidden;
}
.basket-popup .form .list .products-list .product-list .products .product .cover img {
  max-width: 100%;
  max-height: 100%;
}
.basket-popup .form .list .products-list .product-list .products .product .info {
  padding: 0;
  flex: 1;
  gap: var(--10);
}
.basket-popup .form .list .products-list .product-list .products .product .info .h .title {
  font-size: var(--16);
  line-height: var(--24);
}
.basket-popup .form .list .products-list .product-list .products .product .info .price {
  font-size: var(--18);
  font-weight: 600;
  line-height: var(--26);
}
.basket-popup .form .list .products-list .product-list .products .product .action-line {
  flex: 0 0 100%;
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions {
  display: flex;
  align-items: center;
  gap: var(--30);
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions .info {
  flex: none;
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions .amount {
  display: flex;
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--Stroke-gr);
  backdrop-filter: blur(var(--13));
  overflow: hidden;
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions .amount .a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--38);
  height: var(--38);
  text-align: center;
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions .amount .a:hover {
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions .amount .a:after {
  content: "-";
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions .amount .a.p:after {
  content: "+";
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions .amount .text {
  text-align: center;
  border: 0;
  background: none;
  padding: var(--4);
  color: var(--white);
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  width: var(--40);
  border-left: var(--1) solid var(--Stroke-gr);
  border-right: var(--1) solid var(--Stroke-gr);
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions .delete {
  display: flex;
  width: var(--40);
  height: var(--40);
  border-radius: var(--BorderRadius);
  position: relative;
  align-items: center;
  justify-content: center;
  border: var(--1) solid var(--Stroke-yl);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  box-shadow: var(--2) var(--2) var(--5) 0 rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(var(--9));
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions .delete:after {
  content: "";
  display: block;
  background: url("/images/delete.svg") center center/contain no-repeat;
  width: var(--24);
  height: var(--24);
}
.basket-popup .form .list .products-list .product-list .products .product .action-line .actions .delete:hover {
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.5) 30.84%, rgba(252, 191, 6, 0.5) 79.16%);
}
.basket-popup .form .total {
  display: flex;
  flex-direction: column;
  gap: var(--15);
  padding: var(--15) var(--20);
  border: var(--1) solid rgba(153, 153, 153, 0.4);
  background: linear-gradient(151deg, rgba(74, 74, 74, 0.5) 30.84%, rgba(42, 41, 41, 0.5) 79.16%);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(var(--9));
}
.basket-popup .form .total .price-line {
  display: flex;
  gap: var(--10);
  align-items: flex-end;
}
.basket-popup .form .total .price-line .label {
  font-size: var(--18);
  line-height: var(--26);
}
.basket-popup .form .total .price-line .price {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}
.basket-popup .form .total .actions {
  display: flex;
  align-items: center;
  gap: var(--20);
}
.basket-popup .form .total .actions .btn {
  padding: var(--6) var(--34);
}
.basket-popup .form .total .actions .btn.clear {
  padding: 0;
}

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