@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --MainFont:"Montserrat", sans-serif;
  --JostFont:"Jost", 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;
  --DBlack:#000;
  --Black:#000;
  --MainColor:#002B5B;
  --Blue:#0A71CE;
  --LightBlue:#52AAFA;
  --White:#fff;
  --LightGray1:#fafafa;
  --LightGray:#EDF1F2;
  --Dark-gray:#23272A;
  --Dark-gray1:#5a5a5a;
  --gray:#5A5A5A;
  --gray1:#979797;
  --medium-gray:#D9D9D9;
  --light-gray:#F8F8F8;
  --product:#F9F9F9;
  --lavender-blush:#f8eff2;
  --soft-lilac:#dbd5ed;
  --red:#C83145;
  --AirbaPay:#319CF3;
  --Bfr:"";
  --MainCoef:calc(var(--BaseSize)/var(--ActualSize));
  --MainGap:calc(var(--50)/var(--MainCoef));
  --BodyGap:var(--100);
  --BodyPadding:var(--45);
  --ProductsInLine:4;
  --MainBorderRadius:var(--35);
  /*
  todo:calc( px/var(--MainCoef)) to calc
   */
  ---50:calc(-50px/var(--MainCoef));
  ---40:calc(-40px/var(--MainCoef));
  ---20:calc(-20px/var(--MainCoef));
  ---10:calc(-10px/var(--MainCoef));
  ---16:calc(-16px/var(--MainCoef));
  ---15:calc(-15px/var(--MainCoef));
  ---5:calc(-5px/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));
  --17:calc(17px/var(--MainCoef));
  --18:calc(18px/var(--MainCoef));
  --19:calc(19px/var(--MainCoef));
  --20:calc(20px/var(--MainCoef));
  --21:calc(21px/var(--MainCoef));
  --22:calc(22px/var(--MainCoef));
  --23:calc(23px/var(--MainCoef));
  --24:calc(24px/var(--MainCoef));
  --25:calc(25px/var(--MainCoef));
  --26:calc(26px/var(--MainCoef));
  --27:calc(27px/var(--MainCoef));
  --28:calc(28px/var(--MainCoef));
  --30:calc(30px/var(--MainCoef));
  --32:calc(32px/var(--MainCoef));
  --33:calc(33px/var(--MainCoef));
  --34:calc(34px/var(--MainCoef));
  --35:calc(35px/var(--MainCoef));
  --36:calc(36px/var(--MainCoef));
  --37:calc(37px/var(--MainCoef));
  --38:calc(38px/var(--MainCoef));
  --39:calc(39px/var(--MainCoef));
  --40:calc(40px/var(--MainCoef));
  --42:calc(42px/var(--MainCoef));
  --44:calc(44px/var(--MainCoef));
  --45:calc(45px/var(--MainCoef));
  --46:calc(46px/var(--MainCoef));
  --48:calc(48px/var(--MainCoef));
  --49:calc(49px/var(--MainCoef));
  --50:calc(50px/var(--MainCoef));
  --56:calc(56px/var(--MainCoef));
  --57:calc(57px/var(--MainCoef));
  --58:calc(58px/var(--MainCoef));
  --60:calc(60px/var(--MainCoef));
  --63:calc(63px/var(--MainCoef));
  --70:calc(70px/var(--MainCoef));
  --75:calc(75px/var(--MainCoef));
  --77:calc(77px/var(--MainCoef));
  --78:calc(78px/var(--MainCoef));
  --84:calc(84px/var(--MainCoef));
  --85:calc(85px/var(--MainCoef));
  --91:calc(91px/var(--MainCoef));
  --94:calc(94px/var(--MainCoef));
  --97:calc(97px/var(--MainCoef));
  --98:calc(98px/var(--MainCoef));
  --100:calc(100px/var(--MainCoef));
  --110:calc(110px/var(--MainCoef));
  --113:calc(113px/var(--MainCoef));
  --114:calc(114px/var(--MainCoef));
  --116:calc(116px/var(--MainCoef));
  --122:calc(122px/var(--MainCoef));
  --123:calc(123px/var(--MainCoef));
  --124:calc(124px/var(--MainCoef));
  --129:calc(129px/var(--MainCoef));
  --150:calc(150px/var(--MainCoef));
  --154:calc(154px/var(--MainCoef));
  --157:calc(157px/var(--MainCoef));
  --160:calc(160px/var(--MainCoef));
  --164:calc(164px/var(--MainCoef));
  --180:calc(180px/var(--MainCoef));
  --200:calc(200px/var(--MainCoef));
  --201:calc(201px/var(--MainCoef));
  --211:calc(211px/var(--MainCoef));
  --218:calc(218px/var(--MainCoef));
  --234:calc(234px/var(--MainCoef));
  --246:calc(246px/var(--MainCoef));
  --250:calc(250px/var(--MainCoef));
  --270:calc(270px/var(--MainCoef));
  --276:calc(276px/var(--MainCoef));
  --280:calc(280px/var(--MainCoef));
  --300:calc(300px/var(--MainCoef));
  --313:calc(313px/var(--MainCoef));
  --324:calc(324px/var(--MainCoef));
  --334:calc(334px/var(--MainCoef));
  --342:calc(342px/var(--MainCoef));
  --368:calc(368px/var(--MainCoef));
  --384:calc(384px/var(--MainCoef));
  --400:calc(400px/var(--MainCoef));
  --425:calc(425px/var(--MainCoef));
  --455:calc(455px/var(--MainCoef));
  --466:calc(466px/var(--MainCoef));
  --500:calc(500px/var(--MainCoef));
  --526:calc(526px/var(--MainCoef));
  --551:calc(551px/var(--MainCoef));
  --575:calc(575px/var(--MainCoef));
  --590:calc(590px/var(--MainCoef));
  --640:calc(640px/var(--MainCoef));
  --658:calc(658px/var(--MainCoef));
  --680:calc(680px/var(--MainCoef));
  --690:calc(690px/var(--MainCoef));
  --714:calc(714px/var(--MainCoef));
  --744:calc(744px/var(--MainCoef));
  --800:calc(800px/var(--MainCoef));
  --850:calc(850px/var(--MainCoef));
  --924:calc(924px/var(--MainCoef));
  --975:calc(975px/var(--MainCoef));
  --1000:calc(1000px/var(--MainCoef));
  --1443:calc(1443px/var(--MainCoef));
  --2000:calc(2000px/var(--MainCoef));
  --From:"";
  --To:"";
}

:lang(kk) {
  --JostFont:"Montserrat", sans-serif;
}

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 ul,
.description ol {
  margin-top: 0;
  margin-bottom: 0;
}

.description > * + * {
  margin-top: var(--19);
}

.description > p + ol,
.description > p + ul {
  margin-top: var(--19);
}

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-family: var(--JostFont), sans-serif;
  font-size: var(--44);
  font-weight: 400;
  line-height: var(--50);
}

.btn {
  border: 1px solid var(--Dark-gray);
  padding: var(--7) var(--45);
  text-decoration: none;
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--24);
  transition: all 0.3s linear;
  text-align: center;
  cursor: pointer;
  background: var(--White);
  color: var(--Dark-gray);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn:hover {
  background: var(--Dark-gray);
  color: var(--White);
  text-decoration: none;
}
.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.dg {
  background: var(--Dark-gray);
  color: var(--White);
}
.btn.dg:hover {
  background: var(--White);
  color: var(--Dark-gray);
}
.btn.lg {
  --White:var(--Dark-gray1);
  --Dark-gray:var(--medium-gray);
}
.btn.r {
  --Dark-gray:var(--red);
}
.btn.o5 {
  opacity: 0.5;
}
.btn.o5:hover {
  opacity: 1;
}
.btn.ar {
  display: flex;
  align-items: center;
  gap: var(--30);
}
.btn.ar:after {
  content: "";
  background: url("/images/btn-ar.svg") center center/contain no-repeat;
  width: var(--12);
  height: var(--20);
  transition: all 0.3s linear;
}
.btn.ar:hover:after {
  background-image: url("/images/btn-ar-dg.svg");
}
.btn.ar.rv:after {
  background-image: url("/images/btn-ar-dg.svg");
}
.btn.ar.rv:hover:after {
  background-image: url("/images/btn-ar.svg");
}
.btn.g {
  --Dark-gray:var(--gray);
}
.btn.i {
  display: inline-flex;
  align-items: center;
  gap: var(--10);
  --W:var(--20);
  --H:var(--20);
  --BGSize:contain;
  padding: var(--7);
}
.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.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.delete {
  --BGSize:var(--20);
  --BG:url("/images/delete.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;
}

.product {
  flex: 0 0 var(--342);
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
.product.swiper-slide {
  display: flex;
  margin: 0 !important;
}
.product .cover {
  aspect-ratio: 342/455;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--product);
  background: var(--White);
  position: relative;
  width: var(--342);
  height: var(--455);
}
.product .cover img {
  mix-blend-mode: darken;
}
.product .cover .pl {
  display: flex;
  overflow: hidden;
  align-items: center;
  height: 100%;
}
.product .cover .pl .p {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.product .cover .pl .p img {
  mix-blend-mode: darken;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.product .cover .ar {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  padding: 0 var(--20);
  align-self: center;
}
.product .cover .ar .a {
  display: block;
  background: url("/images/btn-ar-dg.svg") center center/contain no-repeat;
  width: var(--20);
  height: var(--33);
  pointer-events: auto;
  transition: all 0.3s linear;
  cursor: pointer;
}
.product .cover .ar .a.l {
  transform: rotate(180deg);
}
.product .cover .ar .a:hover {
  background-image: url("/images/btn-ar-r.svg");
}
.product .cover .credit {
  pointer-events: none;
  position: absolute;
  left: var(--30);
  top: var(--30);
  display: inline-block;
  background: var(--red);
  color: var(--White);
  font-size: var(--14);
  line-height: var(--25);
  padding: 0 var(--10);
  border-radius: var(--5);
}
.product .cover .favorites {
  cursor: pointer;
  position: absolute;
  width: var(--20);
  height: var(--20);
  right: var(--30);
  top: var(--30);
  z-index: 1;
  background: url("/images/favorites.svg") center center/contain no-repeat;
  transition: all 0.3s linear;
  overflow: hidden;
}
.product .cover .favorites:hover, .product .cover .favorites.current {
  background-image: url("/images/favorites-r.svg");
}
.product .cover .favorites:after {
  content: "";
  width: 0;
  height: 0;
  background: url("/images/favorites-r.svg") center center/contain no-repeat;
  position: absolute;
  top: 200%;
  left: 200%;
}
.product .info {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
.product .info .title a {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--24);
}
.product .info .delivery,
.product .info .collection,
.product .info .brand,
.product .info .parameters {
  color: var(--gray);
  font-size: var(--16);
  /*line-height:var(--22);*/
}
.product .info .prices {
  /*margin-top:var(--10);*/
  display: flex;
  align-items: center;
  gap: var(--10);
  width: 100%;
}
.product .info .prices .price {
  font-size: var(--16);
  line-height: normal;
  font-weight: 500;
}
.product .info .prices .price.old {
  text-decoration: line-through;
  font-weight: normal;
}
.product .info .prices:has(.old) > .price:not(.old) {
  color: var(--red);
  font-weight: 600;
}
.product .info .prices .discount {
  color: var(--White);
  background: var(--red);
  font-size: var(--12);
  padding: var(--3) var(--5);
}
.product .info .prices .discount:after {
  content: "%";
}
.product .info .prices .discount:before {
  content: "-";
}

.line .text {
  width: 100%;
  border: 1px solid var(--Dark-gray);
  padding: var(--11) var(--10);
  font-size: var(--16);
  font-weight: 500;
  line-height: var(--22);
}
.line:has(label):has(.text) {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
.line > label, .line > .label {
  cursor: pointer;
  font-size: var(--18);
  font-weight: 300;
  line-height: var(--24);
}
.line > .label {
  flex: 0 0 100%;
}
.line:has(.label):has(.block) {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--10);
  column-gap: var(--30);
}
.line:has(.label):has(.block) .block {
  flex: 0 0 calc((100% - var(--30)) / 2);
}
.line .block {
  position: relative;
  flex: 1;
}
.line .block input.tab {
  position: absolute;
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
}
.line .block input.tab + label {
  cursor: pointer;
  display: inline-flex;
  gap: var(--10);
  font-size: var(--15);
  line-height: var(--17);
  padding: var(--20);
  border-radius: var(--30);
  text-transform: uppercase;
  font-weight: bold;
  align-items: center;
}
.line .block input.tab:checked + label {
  background: var(--Dark-gray);
  color: var(--White);
}
.line .block input.tab:checked + label:before {
  filter: invert(1);
}
.line .block input.tab.repair + label:before {
  content: "";
  background: url("/images/repair.svg") center center/contain no-repeat;
  width: var(--14);
  height: var(--14);
}
.line .block input.tab.clear + label:before {
  content: "";
  background: url("/images/clear.svg") center center/contain no-repeat;
  width: var(--14);
  height: var(--14);
}

.h-slider {
  display: flex;
  gap: var(--30);
  align-items: center;
}
.h-slider:has(.bullets) {
  flex-direction: column;
  gap: var(--50);
}
.h-slider:has(.bullets) .container {
  width: 100%;
}
.h-slider:has(.line) {
  align-items: normal;
}
.h-slider .arrow {
  display: block;
  width: var(--20);
  height: var(--33);
  background: url("/images/btn-ar-dg.svg") center center/contain no-repeat;
  transition: opacity 0.3s linear;
}
.h-slider .arrow.left {
  transform: rotate(180deg);
}
.h-slider .arrow:hover {
  opacity: 0.5;
}
.h-slider .container {
  flex: 1;
  display: flex;
  gap: var(--100);
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-snap-type: both mandatory;
  -webkit-overflow-scrolling: touch;
}
.h-slider .container:not(.swiper-wrapper) {
  overflow: auto;
}
.h-slider .container.swiper-wrapper, .h-slider .container:has(.swiper-wrapper) {
  cursor: grab;
}
.h-slider .container.swiper-wrapper:active, .h-slider .container:has(.swiper-wrapper):active {
  cursor: grabbing;
}
.h-slider .container::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.h-slider .container > * {
  scroll-snap-align: center;
}
.h-slider:has(.swiper-wrapper) .bullets {
  display: none;
}
.h-slider .bullets {
  display: flex;
  justify-content: center;
  gap: var(--20);
}
.h-slider .bullets .bullet {
  display: block;
  width: var(--10);
  height: var(--10);
  border-radius: 50%;
  border: 2px solid var(--Dark-gray);
  transition: all 0.3s linear;
}
.h-slider .bullets .bullet:hover, .h-slider .bullets .bullet.current {
  background: var(--Dark-gray);
}

.zone a {
  display: block;
}
.zone a img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: var(--AR);
}

.description {
  font-size: var(--20);
  line-height: var(--28);
}
.description.c {
  text-align: center;
}
.description table {
  width: 100%;
  border-collapse: collapse;
}
.description table td {
  border: 1px solid var(--medium-gray);
  padding: var(--9) var(--20);
  font-size: var(--16);
  line-height: var(--22);
}
.description.a {
  font-size: var(--18);
  line-height: var(--26);
}
.description p.item {
  padding-left: var(--34);
  background: var(--BG) left top/var(--24) no-repeat;
  line-height: var(--24);
}
.description a:not(.btn) {
  text-decoration: underline;
}
.description a:not(.btn):hover {
  text-decoration: none;
}

.popupBox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  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);
}
.popupBox .popup {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: var(--White);
  padding: var(--30);
  display: flex;
  flex-direction: column;
  gap: var(--30);
  position: relative;
  max-height: 100%;
  overflow: auto;
}
.popupBox .popup > .close,
.popupBox .popup .frm > .close {
  display: block;
  width: var(--20);
  height: var(--20);
  background: url("/images/close.svg") center center/contain no-repeat;
  position: absolute;
  right: var(--30);
  top: var(--30);
  z-index: 5;
}
.popupBox .popup > .close:hover,
.popupBox .popup .frm > .close:hover {
  background-image: url("/images/close-r.svg");
}
.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: 540px;
}
.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: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.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;
}
.popupBox#request .popup, .popupBox#size-table .popup {
  width: var(--551);
}
.popupBox#request:has(iframe) .popup, .popupBox#size-table:has(iframe) .popup {
  width: var(--690);
}
.popupBox#request:has(iframe) .popup iframe, .popupBox#size-table:has(iframe) .popup iframe {
  border: 0;
  height: var(--800);
  max-height: 100%;
}
.popupBox#credit-info .popup .banks {
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
.popupBox#credit-info .popup .banks .bank {
  display: flex;
  align-items: center;
  gap: var(--20);
}
.popupBox#credit-info .popup .banks .bank .cover {
  flex: 0 0 var(--50);
}
.popupBox#credit-info .popup .banks .bank .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--5);
}
.popupBox#credit-info .popup .banks .bank .info .title {
  font-weight: 500;
  font-size: var(--16);
}
.popupBox#credit-info .popup .banks .bank .info .limit {
  font-size: var(--14);
  color: var(--gray1);
}
.popupBox#credit-info .popup .banks .bank .period {
  display: inline-block;
  background: var(--red);
  color: var(--White);
  font-size: var(--14);
  line-height: var(--25);
  padding: 0 var(--10);
  border-radius: var(--5);
  cursor: default;
}
.popupBox#gift .popup {
  width: var(--850);
  background: var(--White) url("/images/gift-hint.png") center top/cover no-repeat;
}
.popupBox#gift .popup .list {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.popupBox#gift .popup .list .header {
  display: flex;
  flex-direction: column;
  gap: var(--32);
  text-align: center;
  align-items: center;
  margin-bottom: var(--57);
  width: 100%;
}
.popupBox#gift .popup .list .header .title {
  font-size: var(--39);
  font-family: var(--JostFont), serif;
  line-height: var(--33);
}
.popupBox#gift .popup .list .header .product {
  display: flex;
  flex-direction: column;
  gap: var(--5);
  position: relative;
  white-space: nowrap;
  padding: var(--10) var(--50);
  flex: none;
}
.popupBox#gift .popup .list .header .product .line {
  font-size: var(--18);
  line-height: var(--21);
  font-weight: 500;
}
.popupBox#gift .popup .list .header .product:after, .popupBox#gift .popup .list .header .product:before {
  content: "";
  display: block;
  width: var(--10);
  height: 100%;
  border: 2px solid var(--soft-lilac);
  border-right-width: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.popupBox#gift .popup .list .header .product:after {
  left: auto;
  right: 0;
  border-right-width: 2px;
  border-left-width: 0;
}
.popupBox#gift .popup .list .info {
  flex: 0 0 var(--234);
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
.popupBox#cities .popup {
  width: var(--551);
}
.popupBox#cities .popup .list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--20);
}
.popupBox#cities .popup .list .city {
  flex: 0 0 calc((100% - var(--20)) / 2);
  font-size: var(--16);
  cursor: pointer;
}
.popupBox#cities .popup .list .city:hover {
  text-decoration: underline;
}
.popupBox#cities .popup .list .city.current {
  font-weight: 500;
  text-decoration: underline;
}

.table {
  display: table;
  border-collapse: collapse;
}
.table .r {
  display: table-row;
}
.table .r .c {
  display: table-cell;
  padding: var(--9) var(--20);
  border: 1px solid var(--medium-gray);
  font-size: var(--18);
  font-weight: 300;
  line-height: var(--24);
  vertical-align: middle;
}

dl.faq {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--medium-gray);
}
dl.faq dt {
  cursor: pointer;
  font-family: var(--JostFont), serif;
  font-size: var(--32);
  line-height: var(--38);
  display: flex;
  gap: var(--20);
  align-items: center;
  padding: var(--20) 0;
}
dl.faq dt span {
  display: block;
  flex: 1;
}
dl.faq dt:after {
  content: "";
  display: block;
  width: var(--13);
  height: var(--20);
  background: url("/images/btn-ar-dg.svg") center center/contain no-repeat;
  transition: all 0.3s linear;
  transform: rotate(90deg);
}
dl.faq dd {
  padding: 0;
  margin: 0;
  transition: all 0.3s linear;
  max-height: 0;
  overflow: hidden;
}
dl.faq.visible dt:after {
  background-image: url("/images/btn-ar-r.svg");
  transform: rotate(270deg);
}
dl.faq.visible dd {
  padding: var(--10) 0 var(--20);
  max-height: 100vh;
}
dl.faq:has(~ .faq) {
  /*padding-bottom:var(--20);*/
}
dl.faq.tb dd {
  display: flex;
  gap: var(--30);
}
dl.faq.tb dd:before {
  content: "";
  display: block;
  flex: 0 0 var(--466);
  aspect-ratio: 466/400;
  background: var(--BG) center center/contain no-repeat;
}
dl.faq.tb dd .description {
  font-size: var(--18);
  line-height: var(--26);
}
dl.faq.tb dd .description > * + * {
  margin-top: var(--10);
}

section.e404 {
  padding: var(--100);
  background: var(--Dark-gray);
  color: var(--White);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--30);
}

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(--Dark-gray);
  font-style: normal;
  position: relative;
  background: var(--White);
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  font-size: 0;
}
body.filters {
  overflow: hidden;
}
body::-webkit-scrollbar {
  width: var(--5);
  border-radius: var(--5);
}
body::-webkit-scrollbar-track {
  background: var(--light-gray);
  border-radius: var(--5);
  margin-bottom: var(--15);
}
body::-webkit-scrollbar-thumb {
  background: var(--gray);
  border-radius: var(--5);
}
body.menu header.header nav.main-menu {
  max-height: var(--1000);
  padding-top: var(--MainGap);
  padding-bottom: var(--MainGap);
  pointer-events: auto;
}
body.menu header.header .m a:before {
  height: var(--3);
  background: var(--Blue);
  border: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
body.menu header.header .m a:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
body.scrolled header.header {
  --234:var(--180);
  padding: var(--20) 0;
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.1);
}
body.scrolled header.header .f-line {
  max-height: 0;
  margin-bottom: calc(-1 * var(--30));
  overflow: hidden;
}
body.scrolled header.header .s-line {
  justify-content: space-between;
}
body.scrolled header.header .s-line .brands {
  display: none;
}
body.scrolled header.header .s-line .logo a span {
  font-size: var(--14);
  line-height: var(--20);
}
body.scrolled header.header .s-line .logo a img {
  --116:80px;
}
body.scrolled header.header .main-menu {
  position: absolute;
  left: var(--234);
  right: var(--234);
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  border: 0;
  pointer-events: none;
}
body.scrolled header.header .main-menu menu.menu {
  pointer-events: auto;
}

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

.cb {
  position: absolute;
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: -1;
}
.cb:is([type=radio]) + label:before, .cb:is([type=radio]) + label:after {
  border-radius: 50%;
}
.cb + label {
  display: inline-flex;
  cursor: pointer;
  gap: var(--5);
  padding: 0 0 0 var(--24);
  align-items: center;
  color: var(--gray);
  font-size: var(--18);
  font-weight: 300;
  line-height: var(--24);
}
.cb + label a {
  display: inline;
  text-decoration: underline;
}
.cb + label a:hover {
  text-decoration: none;
}
.cb + label span[data-num] {
  color: var(--gray);
}
.cb + label span[data-num][data-num=""], .cb + label span[data-num][data-num="0"] {
  display: none;
}
.cb + label span[data-num]:before {
  content: "(" attr(data-num);
}
.cb + label span[data-num]:after {
  content: ")";
}
.cb + label .color {
  display: block;
  width: var(--16);
  height: var(--16);
  border-radius: 50%;
  background: var(--BG);
}
.cb + label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: var(--2);
  border: 1px solid var(--medium-gray);
  width: var(--14);
  height: var(--14);
  transition: all 0.3s linear;
  background: none center center no-repeat;
}
.cb + label:after {
  content: "";
  display: block;
  width: var(--8);
  height: var(--8);
  background: var(--red);
  opacity: 0;
  transition: all 0.3s linear;
  position: absolute;
  left: var(--3);
  top: 50%;
  transform: translateY(-50%);
}
.cb:checked + label {
  color: var(--Dark-gray);
}
.cb:checked + label:before {
  border-color: var(--Dark-gray);
}
.cb:checked + label:after {
  opacity: 1;
}

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);
}
option.hidden {
  display: none;
}

.body {
  padding: 0 var(--BodyPadding);
  width: 100%;
}

header.header {
  padding: var(--30) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--30);
  background: var(--White);
  position: sticky;
  top: 0;
  z-index: 5;
}
header.header:hover {
  z-index: 10;
}
header.header .f-line {
  display: flex;
  gap: var(--30);
  align-items: center;
  max-height: var(--100);
  /*overflow:hidden;*/
  transition: all 0.3s linear;
}
header.header .f-line:after {
  content: "";
  display: block;
  flex: 1;
  order: 1;
}
header.header .f-line .city {
  font-size: var(--16);
  line-height: var(--22);
  display: flex;
  gap: var(--10);
  align-items: center;
  cursor: pointer;
  order: 0;
  position: relative;
}
header.header .f-line .city:before {
  content: "";
  display: block;
  width: var(--20);
  height: var(--20);
  background: url("/images/city.svg") center center/contain no-repeat;
}
header.header .f-line .city .confirmation {
  position: absolute;
  left: 0;
  top: 100%;
  background: var(--White);
  margin-top: var(--20);
  z-index: 1;
  background: var(--lavender-blush);
  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;
  transition: all 0.3s linear;
  width: var(--300);
  display: flex;
  flex-direction: column;
  gap: var(--20);
  right: 0;
}
header.header .f-line .city .confirmation.hidden {
  display: none;
}
header.header .f-line .city .confirmation .description {
  font-size: var(--16);
}
header.header .f-line .city .confirmation .actions {
  display: flex;
  gap: var(--20);
}
header.header .f-line .city .confirmation .actions .btn {
  padding: var(--5) var(--20);
  font-size: var(--16);
}
header.header .f-line .m-item {
  order: 2;
}
header.header .f-line .m-item a {
  display: inline-block;
  font-size: var(--16);
  line-height: var(--22);
}
header.header .f-line .languages {
  order: 3;
  position: relative;
}
header.header .f-line .languages .label {
  cursor: pointer;
  font-size: var(--16);
  line-height: var(--22);
}
header.header .f-line .languages .list {
  position: absolute;
  right: 0;
  top: 100%;
  backdrop-filter: blur(var(--10));
  background: var(--lavender-blush);
  border-radius: 0 0 var(--5) var(--5);
  padding: var(--30);
  z-index: 7;
  display: flex;
  flex-direction: column;
  gap: var(--16);
  margin-top: var(--16);
  opacity: 0;
  pointer-events: none;
  perspective-origin: top center;
  transform-origin: top center;
  transition: all 0.3s linear;
  transform: perspective(var(--1000)) rotateX(-90deg);
}
header.header .f-line .languages .list:before {
  content: "";
  display: block;
  width: 100%;
  left: 0;
  height: var(--16);
  top: var(---16);
  position: absolute;
}
header.header .f-line .languages .list .title {
  color: var(--Dark-gray1);
  font-size: var(--13);
  font-weight: 700;
  letter-spacing: var(--1);
  text-transform: uppercase;
}
header.header .f-line .languages .list .items {
  display: flex;
  border-radius: var(--5);
  background: var(--White);
  padding: 0 var(--10);
  margin: 0;
  list-style: none;
  overflow: hidden;
}
header.header .f-line .languages .list .items .item a {
  display: block;
  position: relative;
  line-height: 1.15;
  color: var(--Dark-gray1);
  font-size: var(--13);
  font-weight: 600;
  text-transform: uppercase;
  padding: var(--16) var(--21);
  text-decoration: none;
}
header.header .f-line .languages .list .items .item a:after {
  content: "";
  display: block;
  height: var(--2);
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--Dark-gray);
  transition: all 0.3s linear;
  position: absolute;
  bottom: 0;
  opacity: 0;
}
header.header .f-line .languages .list .items .item:hover a:after, header.header .f-line .languages .list .items .item.current a:after {
  opacity: 1;
}
header.header .f-line .languages:hover .list {
  opacity: 1;
  visibility: visible;
  transform: perspective(var(--1000)) rotateX(0deg);
  pointer-events: auto;
}
header.header .s-line {
  display: flex;
  gap: var(--78);
  align-items: center;
  position: relative;
}
header.header .s-line .logo {
  flex: 0 0 var(--234);
  transition: all 0.3s linear;
}
header.header .s-line .logo a {
  display: flex;
  gap: var(--15);
  align-items: center;
  text-decoration: none;
  transition: all 0.3s linear;
}
header.header .s-line .logo a img {
  flex: 0 0 var(--116);
  width: var(--116);
  transition: all 0.3s linear;
}
header.header .s-line .logo a span {
  display: inline-block;
  color: var(--Dark-gray);
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--24);
  transition: all 0.3s linear;
}
header.header .s-line .brands {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: var(--30);
  flex: 1;
  justify-content: center;
}
header.header .s-line .brands .item {
  flex: 1;
  max-width: var(--157);
}
header.header .s-line .actions {
  display: flex;
  gap: var(--50);
  flex: 0 0 var(--160);
  justify-content: right;
}
header.header .s-line .actions .item {
  flex: 0 0 var(--20);
}
header.header .s-line .actions .item > a {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background: var(--BG) center center/contain no-repeat;
}
header.header .s-line .actions .item > a[data-amount] {
  /*background-position: top var(--13) left var(--6);*/
  position: relative;
}
header.header .s-line .actions .item > a[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(--red);
  border-radius: var(--50);
  position: absolute;
  top: var(---5);
  right: var(---5);
}
header.header .s-line .actions .item > a[data-amount][data-amount="0"] {
  /*background-position: center center;*/
}
header.header .s-line .actions .item > a[data-amount][data-amount="0"]:after {
  content: none;
}
header.header .s-line .actions .item.search {
  --BG:url("/images/search.svg");
}
header.header .s-line .actions .item.cabinet {
  --BG:url("/images/cabinet.svg");
}
header.header .s-line .actions .item.favorites {
  --BG:url("/images/favorites.svg");
}
header.header .s-line .actions .item.basket {
  --BG:url("/images/basket.svg");
  position: relative;
}
header.header .s-line .actions .item.basket .notification {
  position: absolute;
  top: 100%;
  margin-top: var(--20);
  z-index: 1;
  background: var(--White);
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
  padding: var(--20);
  font-size: var(--18);
  line-height: var(--26);
  cursor: pointer;
  transition: all 0.3s linear;
  width: var(--455);
  display: flex;
  flex-direction: column;
  gap: var(--20);
  right: 0;
}
header.header .s-line .actions .item.basket .notification .close {
  position: absolute;
  right: var(--20);
  top: var(--20);
  background: url("/images/close.svg") center center/contain no-repeat;
  display: block;
  width: var(--20);
  height: var(--20);
}
header.header .s-line .actions .item.basket .notification .close:hover {
  background-image: url("/images/close-r.svg");
}
header.header .s-line .actions .item.basket .notification .title {
  font-size: var(--20);
  font-weight: 500;
  padding-right: var(--30);
}
header.header .s-line .actions .item.basket .notification .products {
  display: flex;
  flex-direction: column;
  gap: var(--15);
  max-height: var(--280);
  overflow: auto;
}
header.header .s-line .actions .item.basket .notification .products .product {
  display: flex;
  flex-direction: row;
  gap: var(--15);
  flex: none;
  align-items: center;
}
header.header .s-line .actions .item.basket .notification .products .product .cover {
  flex: 0 0 var(--75);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: var(--75);
  height: var(--75);
}
header.header .s-line .actions .item.basket .notification .products .product .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--5);
  line-height: normal;
}
header.header .s-line .actions .item.basket .notification .products .product .info .brand {
  font-size: var(--14);
}
header.header .s-line .actions .item.basket .notification .products .product .info .brand:empty {
  display: none;
}
header.header .s-line .actions .item.basket .notification .products .product .info .title {
  font-size: var(--16);
}
header.header .s-line .actions .item.basket .notification .products .product .info .parameters {
  display: flex;
  flex-direction: column;
  gap: var(--5);
}
header.header .s-line .actions .item.basket .notification .products .product .info .parameters:empty {
  display: none;
}
header.header .s-line .actions .item.basket .notification .products .product .info .parameters .t {
  display: inline-block;
  font-size: var(--14);
  margin-right: var(--5);
}
header.header .s-line .actions .item.basket .notification .products .product .info .parameters .t:after {
  content: ":";
}
header.header .s-line .actions .item.basket .notification .products .product .info .parameters .v {
  display: inline;
  font-size: var(--14);
}
header.header .s-line .actions .item.basket .notification .products .product .info .price-line {
  display: flex;
  gap: var(--10);
  align-items: center;
}
header.header .s-line .actions .item.basket .notification .products .product .info .price-line .price {
  color: var(--red);
  font-family: var(--JostFont), serif;
  font-size: var(--16);
  font-weight: 500;
}
header.header .s-line .actions .item.basket .notification .products .product .info .price-line .price.old {
  color: var(--gray);
  font-size: var(--14);
  text-decoration: line-through;
  font-weight: normal;
}
header.header .s-line .actions .item.basket .notification .products .product .info .price-line .prices {
  margin-top: var(--10);
  display: flex;
  align-items: center;
  gap: var(--10);
  width: 100%;
}
header.header .s-line .actions .item.basket .notification .products .product .info .price-line .prices .price {
  font-weight: 500;
}
header.header .s-line .actions .item.basket .notification .products .product .info .price-line .prices .price.old {
  text-decoration: line-through;
}
header.header .s-line .actions .item.basket .notification .products .product .info .price-line .prices:has(.old) > .price:not(.old) {
  color: var(--red);
  font-weight: 600;
}
header.header .s-line .actions .item.basket .notification .total {
  font-size: var(--16);
  font-weight: 500;
}
header.header .s-line .actions .item.basket .notification.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
header.header .main-menu {
  justify-content: center;
  display: flex;
  gap: var(--100);
  border-top: 1px solid var(--medium-gray);
  border-bottom: 1px solid var(--medium-gray);
  position: relative;
}
header.header .main-menu menu.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: var(--100);
}
header.header .main-menu menu.menu > li > a, header.header .main-menu menu.menu > li > span {
  display: inline-block;
  color: var(--Dark-gray);
  font-size: var(--16);
  line-height: var(--22);
  padding: var(--30) 0;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
header.header .main-menu menu.menu > li > a:after, header.header .main-menu menu.menu > li > span:after {
  content: "";
  display: block;
  height: 1px;
  background: var(--red);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s linear;
}
header.header .main-menu menu.menu > li.current > a, header.header .main-menu menu.menu > li.current > span, header.header .main-menu menu.menu > li:hover > a, header.header .main-menu menu.menu > li:hover > span {
  color: var(--red);
}
header.header .main-menu menu.menu > li.current > a:after, header.header .main-menu menu.menu > li.current > span:after, header.header .main-menu menu.menu > li:hover > a:after, header.header .main-menu menu.menu > li:hover > span:after {
  opacity: 1;
}
header.header .main-menu menu.menu > li:hover .subMenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
header.header .main-menu menu.menu > li:hover .subMenu:after {
  opacity: 0.5;
}
header.header .main-menu menu.menu > li:hover .subMenu .line {
  opacity: 1;
  visibility: visible;
  transform: perspective(var(--1000)) rotateX(0deg);
}
header.header .main-menu menu.menu > li .subMenu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 5;
  pointer-events: none;
  /* &:after {
  	content:"";
  	display:block;
  	position:fixed;
  	left:0;
  	width:100%;
  	top:var(--276);
  	bottom:0;
  	background:var(--Dark-gray);
  	opacity:0;
  	transition:all .3s linear;
  } */
}
header.header .main-menu menu.menu > li .subMenu .line {
  display: flex;
  gap: var(--30);
  padding: var(--50) var(--45);
  background: var(--White);
  position: relative;
  z-index: 1;
  perspective-origin: top center;
  transform-origin: top center;
  transition: all 0.3s linear;
  transform: perspective(var(--1000)) rotateX(-90deg);
}
header.header .main-menu menu.menu > li .subMenu .line dl,
header.header .main-menu menu.menu > li .subMenu .line .block {
  flex: 0 0 calc((100% - var(--30) * 3) / 4);
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
header.header .main-menu menu.menu > li .subMenu .line dl dt,
header.header .main-menu menu.menu > li .subMenu .line .block dt {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--24);
  text-transform: uppercase;
}
header.header .main-menu menu.menu > li .subMenu .line dl dd,
header.header .main-menu menu.menu > li .subMenu .line .block dd {
  padding: 0;
  margin: 0;
}
header.header .main-menu menu.menu > li .subMenu .line dl dd ul,
header.header .main-menu menu.menu > li .subMenu .line .block dd ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
header.header .main-menu menu.menu > li .subMenu .line dl dd ul li,
header.header .main-menu menu.menu > li .subMenu .line .block dd ul li {
  padding: var(--1) 0;
}
header.header .main-menu menu.menu > li .subMenu .line dl dd ul li a,
header.header .main-menu menu.menu > li .subMenu .line .block dd ul li a {
  display: inline-block;
  color: var(--gray);
  font-size: var(--16);
  line-height: var(--22);
}
header.header .main-menu menu.menu > li .subMenu .line dl.b ul li a,
header.header .main-menu menu.menu > li .subMenu .line .block.b ul li a {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--24);
}
header.header .main-menu menu.menu > li .subMenu .line dl:is(div),
header.header .main-menu menu.menu > li .subMenu .line .block:is(div) {
  flex: 1;
  align-items: flex-end;
  justify-content: flex-end;
}
header.header .main-menu menu.menu > li .subMenu .line dl:is(div) img,
header.header .main-menu menu.menu > li .subMenu .line .block:is(div) img {
  max-width: calc((100vw - var(--30) * 3) / 4);
}
header.header .main-menu menu.menu > li .subMenu .line.brands {
  /*display:flex;
  flex-wrap:wrap;
  gap:var(--50);
  justify-content:center;*/
  display: block;
  columns: 5;
  column-gap: var(--50);
}
header.header .main-menu menu.menu > li .subMenu .line.brands .item {
  /*flex:0 0 var(--150);*/
  margin-bottom: var(--20);
}
header.header .main-menu menu.menu > li .subMenu .line.brands .item a {
  display: block;
  font-size: var(--16);
  line-height: var(--22);
}
header.header .main-menu menu.menu > li .subMenu .line.brands .item a img {
  width: 100%;
  aspect-ratio: 150/80;
  object-fit: contain;
  object-position: center;
}

.breadcrumbs {
  padding: var(--20) var(--BodyPadding);
  position: relative;
  z-index: 1;
}
.breadcrumbs ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: var(--5);
}
.breadcrumbs ul li {
  display: flex;
  gap: var(--5);
}
.breadcrumbs ul li a, .breadcrumbs ul li > span {
  display: inline-block;
  font-size: var(--14);
  font-weight: 400;
  line-height: var(--20);
}
.breadcrumbs ul li > span {
  cursor: default;
}
.breadcrumbs ul li:first-child a {
  color: var(--gray);
}
.breadcrumbs ul li + li {
  position: relative;
}
.breadcrumbs ul li + li:before {
  content: "/";
  color: var(--gray);
  font-size: var(--14);
  line-height: var(--20);
}
.breadcrumbs:has(+ #mb > #sections > .type7:first-child), .breadcrumbs:has(+ #mb > #sections > .type48:first-child) {
  margin-bottom: var(---40);
  padding-bottom: 0;
}
.breadcrumbs:has(+ #mb > #sections > .type7:first-child) ul, .breadcrumbs:has(+ #mb > #sections > .type48:first-child) ul {
  padding: 0 var(--20);
}

.pageList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageList .items {
  display: flex;
  gap: var(--20);
  align-items: center;
}
.pageList .items .item {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--24);
  padding: var(--11) var(--19);
  text-decoration: none;
}
.pageList .items .item:hover, .pageList .items .item.current {
  color: var(--White);
  background: var(--Dark-gray);
}
.pageList .items .space:after {
  content: ". . .";
  font-size: var(--30);
  font-weight: 700;
  line-height: var(--38);
}
.pageList .items:has(.item.current:is(:last-child)) + .btn {
  display: none;
}
.pageList:has(.items .item:first-child:last-child) {
  display: none;
}

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

footer.footer {
  display: flex;
  flex-direction: column;
  gap: var(--12);
  margin-top: var(--100);
  padding-bottom: var(--10);
}
footer.footer .line {
  display: flex;
  gap: var(--12);
  flex-direction: row;
}
footer.footer .line .block {
  flex: 1;
  padding: var(--30);
  background: var(--light-gray);
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
footer.footer .line .block dt {
  text-transform: uppercase;
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--24);
}
footer.footer .line .block dd {
  padding: 0;
  margin: 0;
}
footer.footer .line .block dd ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
footer.footer .line .block dd ul li a {
  display: inline-block;
  text-transform: uppercase;
  color: var(--gray);
  font-size: var(--16);
  line-height: var(--22);
}
footer.footer .line .block.payment, footer.footer .line .block.social {
  gap: var(--20);
}
footer.footer .line .block.payment dt, footer.footer .line .block.social dt {
  font-size: var(--18);
  line-height: var(--24);
  text-transform: none;
}
footer.footer .line .block.payment {
  /*flex:0 0 calc((((100% - var(--12)*3)/4) - var(--12)) / 2);*/
}
footer.footer .line .block.payment dd {
  color: var(--gray);
  font-size: var(--16);
  line-height: var(--22);
  display: flex;
  gap: var(--20);
  flex-wrap: wrap;
}
footer.footer .line .block.payment dd p {
  display: flex;
  align-items: center;
  gap: var(--10);
}
footer.footer .line .block.payment dd p img {
  width: var(--20);
}
footer.footer .line .block.payment dd p a {
  display: inline-flex;
  align-items: center;
  gap: var(--10);
}
footer.footer .line .block.social dd {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer.footer .line .block.social dd .items {
  display: flex;
  column-gap: var(--30);
  row-gap: var(--20);
  flex-wrap: wrap;
}
footer.footer .line .block.social dd .items .s {
  flex: 0 0 calc((100% - var(--30) * 2) / 3);
  display: flex;
  gap: var(--10);
}
footer.footer .line .block.social dd .items .s:before {
  content: "";
  display: block;
  width: var(--22);
  height: var(--22);
  flex: 0 0 var(--22);
  background: var(--BG) left top/var(--22) no-repeat;
}
footer.footer .line .block.social dd .items .s span {
  display: inline-block;
  font-size: var(--14);
  line-height: var(--20);
}
footer.footer .line .subscription {
  flex: 1;
  display: flex;
  gap: var(--20);
}
footer.footer .line .subscription label {
  display: inline-block;
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--24);
}
footer.footer .line .subscription .form {
  position: relative;
}
footer.footer .line .subscription .form .text {
  font-size: var(--18);
  font-weight: 300;
  line-height: var(--24);
  padding: var(--12) 0;
  border: 0;
  border-bottom: 1px solid var(--gray);
  width: 100%;
  background: none;
}
footer.footer .line .subscription .form .ar {
  position: absolute;
  right: 0;
  width: var(--12);
  height: var(--20);
  background: url("/images/btn-ar-dg.svg") center center/contain no-repeat;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  cursor: pointer;
}
footer.footer .line .letter {
  align-items: center;
  justify-content: center;
}
footer.footer .line .letter p {
  display: flex;
  align-items: center;
  gap: var(--30);
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--24);
}
footer.footer .line .letter p img {
  width: var(--122);
}

.categories-slider {
  position: relative;
}
.categories-slider .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.categories-slider .arrow.left {
  left: 0;
  right: auto;
  transform: translateY(-50%) rotateZ(180deg);
}
.categories-slider .container {
  --InLine:4;
  display: flex;
  gap: var(--MainGap);
  overflow: hidden;
}
.categories-slider .container .category {
  border-radius: var(--MainBorderRadius);
  overflow: hidden;
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
}
.categories-slider .container .category a {
  padding: var(--30) var(--30) var(--22);
  background: var(--LightGray);
  transition: all 0.3s linear;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: var(--21);
}
.categories-slider .container .category a img {
  width: 100%;
  aspect-ratio: 340/289;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(var(--17) var(--18) var(--24) rgba(0, 0, 0, 0.1));
}
.categories-slider .container .category a .title {
  display: block;
  font-size: var(--30);
  font-weight: 700;
  line-height: var(--38);
  transition: all 0.3s linear;
}
.categories-slider .container .category a:hover {
  background-color: var(--Blue);
}
.categories-slider .container .category a:hover .title {
  color: var(--White);
}
.categories-slider.ns .container {
  flex-wrap: wrap;
  overflow: initial;
}

.faq-menu {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s linear;
}
.faq-menu .body {
  overflow: auto;
  backdrop-filter: blur(10px);
  background: rgba(235, 235, 240, 0.7);
  width: var(--466);
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
  transform: translateX(100%);
  transition: all 0.3s linear;
}
.faq-menu.visible {
  z-index: 17;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.faq-menu.visible .body {
  transform: translateX(0);
}
.faq-menu > .close {
  display: block;
  width: var(--20);
  height: var(--20);
  background: url("/images/close.svg") center center/contain no-repeat;
  position: absolute;
  right: var(--30);
  top: var(--30);
  z-index: 1;
}
.faq-menu > .close:hover {
  background-image: url("/images/close-r.svg");
}
.faq-menu .help {
  padding: var(--70) var(--50) var(--50);
  border-bottom: 1px solid var(--medium-gray);
  display: flex;
  flex-direction: column;
  gap: var(--50);
}
.faq-menu .help dt {
  padding: 0;
  margin: 0;
  font-family: var(--JostFont), serif;
  font-size: var(--34);
  line-height: var(--37);
  font-style: italic;
}
.faq-menu .help dd {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--40);
}
.faq-menu .help dd ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
.faq-menu .help dd ul li a {
  display: inline-flex;
  gap: var(--10);
  text-transform: uppercase;
  font-size: var(--15);
  line-height: var(--17);
  font-weight: 500;
  align-items: center;
  transition: all 0.3s linear;
  transform: translateX(0);
}
.faq-menu .help dd ul li a:before {
  content: "";
  display: block;
  width: var(--20);
  height: var(--20);
  background: var(--BG) center center/contain no-repeat;
}
.faq-menu .help dd ul li a[href*=return] {
  --BG:url("/images/help-return.svg");
}
.faq-menu .help dd ul li a[href*=delivery] {
  --BG:url("/images/help-delivery.svg");
}
.faq-menu .help dd ul li a[href*=payment] {
  --BG:url("/images/help-payment.svg");
}
.faq-menu .help dd ul li a[href*=size] {
  --BG:url("/images/help-size.svg");
}
.faq-menu .help dd ul li a:hover {
  transform: translateX(var(--10));
}
.faq-menu .actions {
  display: flex;
  gap: var(--10);
  padding: var(--50);
}
.faq-menu .actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--White);
  border-radius: var(--2);
  font-size: var(--24);
  line-height: var(--28);
  text-align: center;
  height: var(--201);
  flex: 1;
  padding: var(--30);
  text-decoration: none;
  transition: all 0.3s linear;
}
.faq-menu .actions a:hover {
  box-shadow: 0 var(--8) var(--10) rgba(2, 3, 3, 0.03), 0 var(--3) var(--14) rgba(2, 3, 3, 0.02), 0 var(--5) var(--5) rgba(2, 3, 3, 0.04);
}
.faq-menu .sign {
  padding: var(--50);
}
.faq-menu .sign img {
  max-width: var(--201);
}

.page-line {
  display: flex;
  gap: var(--50);
}
.page-line .left-menu {
  flex: 0 0 var(--270);
  display: flex;
  flex-direction: column;
  gap: var(--50);
}
.page-line .left-menu .title {
  font-size: var(--26);
  line-height: var(--30);
  font-family: var(--JostFont), serif;
}
.page-line .left-menu .left .left {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--40);
}
.page-line .left-menu .left .left .item a {
  display: flex;
  align-items: center;
  font-size: var(--18);
  line-height: var(--21);
  gap: var(--10);
  transition: all 0.3s linear;
  text-decoration: none;
}
.page-line .left-menu .left .left .item a:before {
  content: "";
  display: block;
  width: var(--30);
  flex: 0 0 var(--30);
  height: var(--30);
  border-radius: 50%;
  background: var(--White) var(--BG) center center/var(--12) no-repeat;
  filter: invert(0);
  transition: all 0.3s linear;
}
.page-line .left-menu .left .left .item.current a, .page-line .left-menu .left .left .item > a:hover {
  font-weight: 500;
}
.page-line .left-menu .left .left .item.current a:before, .page-line .left-menu .left .left .item > a:hover:before {
  filter: invert(1);
}
.page-line .left-menu .right .list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
.page-line .left-menu .right .list .btn {
  width: 100%;
  padding-left: var(--20);
  padding-right: var(--20);
}
.page-line .right-menu {
  flex: 0 0 var(--270);
}
.page-line .right-menu .right .list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
.page-line .right-menu .right .list .item a {
  display: flex;
  flex-direction: column;
  gap: var(--30);
  padding: var(--30) var(--50);
  font-size: var(--18);
  line-height: var(--20);
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--2);
  transition: all 0.3s linear;
  font-weight: 500;
}
.page-line .right-menu .right .list .item a:before {
  content: "";
  display: block;
  width: var(--20);
  height: var(--20);
  background: var(--BG) center center/contain no-repeat;
}
.page-line .right-menu .right .list .item a:hover {
  background: var(--light-gray);
}
.page-line .right-menu .right .list .item.feedback {
  --BG:url("/images/faq-feedback.svg");
}
.page-line .right-menu .right .list .item.returns {
  --BG:url("/images/faq-returns.svg");
}
.page-line .page {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--50);
}
.page-line .page > .title {
  font-size: var(--26);
  line-height: var(--30);
  font-family: var(--JostFont), serif;
  text-align: center;
}

.points-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--30);
}
.points-list .item {
  flex: 0 0 calc((100% - var(--30) * 2) / 3);
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
.points-list .item .info {
  padding: var(--30);
  display: flex;
  flex-direction: column;
  gap: var(--10);
  background: var(--light-gray);
  border-radius: var(--2);
}
.points-list .item .info .city {
  text-transform: uppercase;
  display: flex;
  gap: var(--10);
  align-content: center;
  font-size: var(--12);
  line-height: var(--17);
  font-weight: bold;
}
.points-list .item .info .city:before {
  content: "";
  display: block;
  background: url("/images/location.svg") center center/contain no-repeat;
  width: var(--16);
  height: var(--20);
}
.points-list .item .info .title {
  font-size: var(--20);
  line-height: var(--24);
  font-weight: 500;
}
.points-list .item .info .address {
  font-size: var(--18);
  line-height: var(--24);
  font-weight: 300;
}
.points-list .item .info .schedule {
  font-size: var(--18);
  line-height: var(--24);
  font-weight: 300;
}
.points-list .item .links {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
.points-list .item .links a {
  display: inline-block;
  font-size: var(--17);
  line-height: var(--19);
}

.loyalty-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--30);
  --InLine:3;
}
.loyalty-list .n-item {
  flex: 0 0 calc((100% - var(--30) * (var(--InLine) - 1)) / var(--InLine));
  border-radius: var(--10);
  padding: var(--30);
  gap: var(--30);
  display: flex;
  flex-direction: column;
  background: linear-gradient(270deg, var(--From), var(--To));
}
.loyalty-list .n-item .title-line {
  display: flex;
  align-items: flex-start;
  gap: var(--30);
}
.loyalty-list .n-item .title-line .title {
  font-size: var(--44);
  line-height: var(--50);
  flex: 1;
}
.loyalty-list .n-item .title-line .indicator {
  background: var(--White);
  border-radius: var(--25);
  line-height: var(--50);
  min-width: var(--50);
  text-align: center;
  padding: 0 var(--10);
  font-weight: 500;
  font-size: var(--18);
}
.loyalty-list .n-item .title-line .indicator:after {
  content: "%";
}
.loyalty-list .n-item .description {
  flex: 1;
}
.loyalty-list .n-item .types {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
.loyalty-list .n-item .type {
  font-weight: 500;
  font-size: var(--20);
  line-height: var(--24);
  display: flex;
  align-items: center;
  gap: var(--MainGap);
}
.loyalty-list .n-item .type .title {
  flex: 1;
}
.loyalty-list .n-item .type .indicator {
  background: var(--White);
  border-radius: var(--25);
  line-height: var(--50);
  min-width: var(--50);
  text-align: center;
  padding: 0 var(--10);
  font-weight: 500;
  font-size: var(--18);
}
.loyalty-list .n-item .type .indicator:after {
  content: "%";
}
.loyalty-list .item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
.loyalty-list .item .head {
  display: flex;
  gap: var(--20);
  align-items: center;
}
.loyalty-list .item .head .title {
  font-family: var(--JostFont), serif;
  font-size: var(--26);
  line-height: var(--30);
}
.loyalty-list .item .head .pays {
  text-transform: uppercase;
  font-size: var(--11);
  line-height: var(--13);
  padding: var(--10) var(--30);
  border-radius: var(--30);
  background: linear-gradient(90deg, var(--From), var(--To));
  font-weight: bold;
}
.loyalty-list .item .info {
  display: flex;
  gap: var(--50);
}
.loyalty-list .item .info .description {
  flex: 1;
  margin-right: var(--110);
}
.loyalty-list .item .info .indicator {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: var(--10);
}
.loyalty-list .item .info .indicator .value {
  font-size: var(--35);
  line-height: var(--40);
  font-family: var(--JostFont), serif;
}
.loyalty-list .item .info .indicator .label {
  font-size: var(--11);
  line-height: var(--13);
  font-weight: bold;
  text-transform: uppercase;
}
.loyalty-list .item + .item {
  padding-top: var(--75);
}
.loyalty-list .item + .item:before {
  content: "";
  display: block;
  background: url("/images/loyalty.webp") center center/contain no-repeat;
  width: var(--924);
  height: 1px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

#search-bar {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 3;
  background: var(--LightGray1);
  padding: var(--50) var(--30);
  max-width: var(--2000);
  opacity: 0;
  pointer-events: none;
  perspective-origin: top center;
  transform-origin: top center;
  transition: all 0.3s linear;
  transform: perspective(var(--1000)) rotateX(-90deg);
}
#search-bar.visible {
  opacity: 1;
  pointer-events: auto;
  transform: perspective(var(--1000)) rotateX(0deg);
}
#search-bar form {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: var(--924);
  gap: var(--50);
  text-align: center;
}
#search-bar form .line {
  position: relative;
}
#search-bar form .line .s {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--21);
  height: var(--21);
  background: url("/images/zoom.svg") center center/contain no-repeat;
  cursor: pointer;
  border: 0;
}
#search-bar form .line .text {
  border-width: 0;
  border-bottom-width: 1px;
  background: none;
  text-transform: uppercase;
  padding-left: var(--40);
}
#search-bar form .list {
  max-height: var(--300);
  display: flex;
  flex-direction: column;
  gap: var(--20);
  text-align: left;
}
#search-bar form .list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--20);
  flex: 1;
  overflow: auto;
}
#search-bar form .list ul li a {
  display: inline-block;
  font-size: var(--18);
  line-height: var(--22);
}
#search-bar form .list ul li.h a {
  background: url("/images/recent.svg") left center/var(--20) no-repeat;
  padding-left: var(--30);
}
#search-bar form:has(.products) .list,
#search-bar form:has(.products) .line + .description {
  display: none;
}
#search-bar form .description {
  font-size: var(--14);
  line-height: var(--17);
}
#search-bar form .description p:first-child {
  text-transform: uppercase;
}
#search-bar form .description table {
  width: auto;
  border: 0;
  border-collapse: collapse;
  margin: 0 auto;
  font-size: 0;
}
#search-bar form .description table td {
  vertical-align: top;
  border: 0;
}
#search-bar form .description table td p {
  font-size: var(--16);
  line-height: var(--22);
}
#search-bar form .description table td p + p {
  margin-top: var(--16);
}
#search-bar form .products {
  --InLine:5;
  display: flex;
  gap: var(--30);
  flex-wrap: wrap;
}
#search-bar form .products .product {
  flex: 0 0 calc((100% - var(--30) * (var(--InLine) - 1)) / var(--InLine));
  gap: var(--10);
}
#search-bar form .products .product .cover {
  width: 100%;
  height: var(--211);
  background: none;
}
#search-bar form .products .product .cover .discount {
  color: var(--White);
  background: var(--red);
  font-size: var(--12);
  padding: var(--3) var(--5);
  position: absolute;
  left: 0;
  bottom: 0;
}
#search-bar form .products .product .cover .discount:after {
  content: "%";
}
#search-bar form .products .product .cover .discount:before {
  content: "-";
}
#search-bar form .products .product .info {
  gap: var(--5);
}
#search-bar form .products .product .info .title a {
  font-size: var(--16);
  line-height: var(--20);
}
#search-bar form .products .product .info .price {
  margin: 0;
  font-size: var(--16);
  line-height: var(--20);
}
#search-bar form .products .line {
  flex: 0 0 100%;
  text-align: center;
}

.size-list {
  width: var(--744);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--50);
}
.size-list .item {
  display: flex;
  gap: var(--50);
}
.size-list .item .cover {
  flex: 0 0 var(--324);
}
.size-list .item .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
.size-list .item .info h2.title {
  font-size: var(--26);
  line-height: var(--30);
  font-family: var(--JostFont), serif;
  background: url("/images/sizes.svg") left center no-repeat;
  background-size: var(--21);
  padding-left: var(--40);
}
.size-list .item .info .list {
  display: flex;
  flex-direction: column;
  gap: var(--20);
  padding: 0;
  margin: 0;
  list-style: none;
}
.size-list .item .info .list li a {
  text-transform: uppercase;
  font-size: var(--18);
}

div:has(.grecaptcha-badge) {
  opacity: 0;
  pointer-events: none;
  z-index: -100;
}

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