#product {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
#product .product-line {
  --MH:none;
  --MHC:none;
  display: flex;
  gap: var(--MainGap);
  align-items: flex-start;
}
#product .product-line.wv .photos .list .cover {
  background: var(--ShareBGBig) center center/cover no-repeat;
}
#product .product-line.expand .info-block .info .items {
  max-height: var(--MHC);
}
#product .product-line.expand .info-block .info .actions a:before {
  content: attr(data-collapse);
}
#product .product-line.expand .info-block .info .actions a:after {
  transform: rotate(180deg);
}
#product .product-line .photos {
  flex: 0 0 var(--800);
  display: flex;
  gap: var(--MainGap);
  flex-direction: column;
  padding: var(--50) 0 0;
}
#product .product-line .photos .list {
  display: flex;
  gap: var(--30);
  flex: 0 0 var(--140);
}
#product .product-line .photos .list .cover {
  position: relative;
  order: 1;
  flex: 1;
  height: var(--620);
  padding: var(--19);
  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%);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--13));
  border-radius: var(--BorderRadius);
}
#product .product-line .photos .list .cover a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#product .product-line .photos .list .cover a:after {
  content: "";
  display: block;
  width: var(--40);
  height: var(--40);
  border: var(--1) solid var(--Stroke-yl);
  border-radius: var(--BorderRadius);
  background: var(--yellow35) url("/images/zoom.svg") center center/var(--20) no-repeat;
  position: absolute;
  bottom: var(--20);
  right: var(--20);
  transition: all 0.3s linear;
}
#product .product-line .photos .list .cover a:hover:after {
  background-color: var(--Stroke-gr);
}
#product .product-line .photos .list .cover a img {
  max-height: 100%;
}
#product .product-line .photos .list .items {
  --InLine:3;
  display: flex;
  order: 0;
  flex: 0 0 var(--140);
  flex-direction: column;
  gap: var(--30);
}
#product .product-line .photos .list .items .l {
  display: flex;
  gap: var(--30);
  overflow: hidden;
  flex-direction: column;
  height: var(--480);
  flex: 0 0 var(--480);
}
#product .product-line .photos .list .items .l .photo {
  flex: 0 0 var(--140);
}
#product .product-line .photos .list .items .l .photo a {
  display: flex;
  height: var(--140);
  align-items: center;
  justify-content: center;
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--Stroke-gr);
  background: linear-gradient(135deg, rgba(74, 74, 74, 0.25) 0.35%, rgba(42, 41, 41, 0.25) 99.65%);
  transition: all 0.3s linear;
  padding: var(--14);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--13));
}
#product .product-line .photos .list .items .l .photo a:hover {
  border-color: var(--Stroke-yl);
}
#product .product-line .photos .list .items .l .photo.current a {
  border-color: var(--Stroke-yl);
}
#product .product-line .photos .list .items .arrow {
  flex: 0 0 var(--40);
  display: block;
  background: url("/images/arrow-bottom.svg") center center/var(--14) no-repeat;
  transition: all 0.3s linear;
  transform: rotate(180deg);
}
#product .product-line .photos .list .items .arrow.bottom {
  transform: rotate(0);
}
#product .product-line .photos .info-line {
  display: flex;
  gap: var(--10);
  transition: all 0.3s linear;
}
#product .product-line .photos .info-line .label {
  color: var(--D_gray);
  font-size: var(--18);
  line-height: var(--26);
}
#product .product-line .photos .info-line .label:after {
  content: ":";
}
#product .product-line .photos .info-line .value {
  font-size: var(--18);
  line-height: var(--26);
}
#product .product-line .photos .gifts {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#product .product-line .photos .gifts dt {
  font-size: var(--18);
  line-height: var(--26);
}
#product .product-line .photos .gifts dd.list {
  position: relative;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#product .product-line .photos .gifts dd.list .product {
  padding: var(--20);
  border-radius: var(--BorderRadius);
  position: relative;
  display: flex;
  gap: var(--30);
  background: var(--gray);
  text-decoration: none;
  transition: all 0.3s linear;
}
#product .product-line .photos .gifts dd.list .product:is(a):hover {
  background: var(--l_gray);
}
#product .product-line .photos .gifts dd.list .product:after {
  content: "";
  display: block;
  width: var(--40);
  height: var(--40);
  border-radius: var(--5);
  background: var(--green) url("/images/gift.svg") center center/var(--22) no-repeat;
  position: absolute;
  right: var(--10);
  top: var(--10);
}
#product .product-line .photos .gifts dd.list .product .cover {
  flex: 0 0 var(--70);
  height: var(--70);
  display: flex;
  align-items: center;
  justify-content: center;
}
#product .product-line .photos .gifts dd.list .product .info {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#product .product-line .photos .gifts dd.list .product .info .category {
  font-size: var(--18);
  line-height: var(--26);
}
#product .product-line .photos .gifts dd.list .product .info .title {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
  text-transform: uppercase;
}
#product .product-line .info-block {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--40);
}
#product .product-line .info-block .head {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#product .product-line .info-block .head .head-line {
  display: flex;
  gap: var(--30);
  align-items: center;
}
#product .product-line .info-block .head .head-line .title {
  flex: 1;
}
#product .product-line .info-block .head .brand {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  text-transform: uppercase;
}
#product .product-line .info-block .head .article-line {
  font-size: var(--16);
}
#product .product-line .info-block .head .parameters {
  /*display:flex;
  flex-direction:column;
  gap:var(--10);*/
  display: inline-block;
}
#product .product-line .info-block .head .parameters .par {
  display: inline;
}
#product .product-line .info-block .head .parameters .par .t {
  /*display:inline-block;*/
  color: var(--D_gray);
  font-size: var(--18);
  line-height: var(--26);
  margin-right: var(--10);
  display: inline;
}
#product .product-line .info-block .head .parameters .par .t:after {
  content: ":";
}
#product .product-line .info-block .head .parameters .par .v {
  display: inline;
  font-size: var(--18);
  line-height: var(--26);
}
#product .product-line .info-block .head .parameters .par + .par:before {
  content: ", ";
  font-size: var(--18);
  line-height: var(--26);
}
#product .product-line .info-block .group-parameters {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#product .product-line .info-block .group-parameters .parameter {
  display: flex;
  gap: var(--20);
  align-items: center;
}
#product .product-line .info-block .group-parameters .parameter .items {
  display: flex;
  gap: var(--MainGap);
}
#product .product-line .info-block .group-parameters .parameter .items .item {
  --BC:transparent;
  --SBC:transparent;
}
#product .product-line .info-block .group-parameters .parameter .items .item a {
  transition: all 0.3s linear;
  color: var(--yellow);
  font-size: var(--18);
  line-height: var(--26);
  display: inline-block;
  padding: var(--9) var(--34);
  border-radius: var(--BorderRadius);
  border: var(--1) solid rgba(153, 153, 153, 0.4);
  background: linear-gradient(151deg, rgba(255, 255, 255, 0.25) 30.84%, rgba(208, 208, 208, 0.25) 79.16%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--9));
  text-decoration: none;
}
#product .product-line .info-block .group-parameters .parameter .items .item a span {
  display: block;
  width: var(--30);
  height: var(--30);
  /*border-radius:var(--5);*/
  border-radius: 50%;
  background: linear-gradient(45deg, var(--BG1) 50%, var(--BG2) 50%);
  border: var(--1) solid var(--SBC);
}
#product .product-line .info-block .group-parameters .parameter .items .item:hover a, #product .product-line .info-block .group-parameters .parameter .items .item.current a {
  --BC: var(--blue);
  color: var(--white);
  border-color: var(--yellow);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
}
#product .product-line .info-block .group-parameters .parameter .title {
  display: flex;
  align-items: center;
  gap: var(--5);
}
#product .product-line .info-block .group-parameters .parameter .title .value {
  display: inline-block;
  font-size: var(--18);
  line-height: var(--26);
}
#product .product-line .info-block .info {
  display: flex;
  flex-direction: column;
  gap: var(--20);
  padding: var(--19);
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--Stroke-gr);
  background: linear-gradient(323deg, rgba(42, 41, 41, 0.5) 13.55%, rgba(74, 74, 74, 0.5) 68.21%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--13));
}
#product .product-line .info-block .info dd {
  display: flex;
  flex-direction: column;
  gap: var(--20);
  padding: 0;
  margin: 0;
}
#product .product-line .info-block .info dd .parameter .title {
  display: inline-block;
  font-size: var(--18);
  line-height: var(--26);
  margin-right: var(--10);
}
#product .product-line .info-block .info dd .parameter .title:after {
  content: ":";
}
#product .product-line .info-block .info dd .parameter .value {
  display: inline;
  font-size: var(--18);
  line-height: var(--26);
}
#product .product-line .info-block .price-line .price {
  color: var(--yellow);
  font-size: var(--30);
  font-weight: 700;
  line-height: var(--38);
}
#product .product-line .info-block .basket {
  display: flex;
  gap: var(--MainGap);
  align-items: center;
}
#product .product-line .info-block .basket .amount {
  display: flex;
  align-items: center;
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--Stroke-gr);
  overflow: hidden;
}
#product .product-line .info-block .basket .amount .a {
  display: block;
  padding: var(--4) var(--12);
  text-decoration: none;
  transition: all 0.3s linear;
}
#product .product-line .info-block .basket .amount .a.p:after {
  content: "+";
}
#product .product-line .info-block .basket .amount .a.m:after {
  content: "-";
}
#product .product-line .info-block .basket .amount .a:hover {
  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);
}
#product .product-line .info-block .basket .amount .a:after {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}
#product .product-line .info-block .basket .amount .text {
  border: 0;
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  padding: var(--4) var(--12);
  width: var(--60);
  background: none;
  color: var(--white);
  text-align: center;
  border-left: var(--1) solid var(--Stroke-gr);
  border-right: var(--1) solid var(--Stroke-gr);
}
#product .product-line .info-block .basket .btn {
  padding: var(--6) var(--34);
}
#product .product-list {
  --InLine:6;
}
#product .share-list .list {
  overflow: hidden;
  display: flex;
  scroll-behavior: smooth;
  scroll-snap-type: both mandatory;
  -webkit-overflow-scrolling: touch;
}
#product .share-list .list .share {
  flex: 0 0 100%;
  scroll-snap-align: center;
  cursor: pointer;
}
#product .kits {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
#product .kits .kit {
  display: flex;
  flex-direction: column;
  gap: var(--30);
  padding: var(--20) var(--30);
  border-radius: var(--BorderRadius);
  background: var(--white);
  box-shadow: 0 0 var(--15) 0 rgba(0, 0, 0, 0.2);
}
#product .kits .kit > .title {
  font-size: var(--36);
  font-weight: 600;
  line-height: var(--44);
}
#product .kits .kit .products {
  display: flex;
  gap: var(--MainGap);
  justify-content: space-between;
  flex-wrap: wrap;
}
#product .kits .kit .products .plus {
  flex: 0 0 var(--40);
  position: relative;
}
#product .kits .kit .products .plus:nth-child(3n+1) {
  flex: 0 0 100%;
}
#product .kits .kit .products .plus:after, #product .kits .kit .products .plus:before {
  content: "";
  display: block;
  width: var(--40);
  height: var(--2);
  border-radius: var(--1);
  background: var(--blue);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#product .kits .kit .products .plus:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
#product .kits .kit .products .product {
  display: flex;
  flex: 0 0 var(--775);
  gap: var(--30);
  text-decoration: none;
  transition: all 0.3s linear;
  align-items: center;
}
#product .kits .kit .products .product:hover {
  transform: scale(1.02);
}
#product .kits .kit .products .product .cover {
  flex: 0 0 var(--200);
  padding: var(--20);
}
#product .kits .kit .products .product .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
#product .kits .kit .products .product .info .h {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#product .kits .kit .products .product .info .h .category {
  font-size: var(--18);
  line-height: var(--26);
}
#product .kits .kit .products .product .info .h .title {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
  text-transform: uppercase;
}
#product .kits .kit .products .product .info .parameters {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#product .kits .kit .products .product .info .parameters .par .t {
  display: inline-block;
  color: var(--D_gray);
  font-size: var(--18);
  line-height: var(--26);
  margin-right: var(--10);
}
#product .kits .kit .products .product .info .parameters .par .t:after {
  content: ":";
}
#product .kits .kit .products .product .info .parameters .par .v {
  display: inline;
  font-size: var(--18);
  line-height: var(--26);
}
#product .kits .kit .products .product .info .price-line {
  display: flex;
  align-items: center;
  gap: var(--10);
}
#product .kits .kit .products .product .info .price-line .price {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
  text-transform: uppercase;
}
#product .kits .kit .products .product .info .price-line .price.old {
  color: var(--D_gray);
  font-weight: 400;
  text-decoration: line-through;
  font-size: var(--16);
  line-height: var(--24);
}
#product .kits .kit .actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--MainGap);
}
#product .kits .kit .actions .prices {
  display: flex;
  align-items: center;
  gap: var(--30);
}
#product .kits .kit .actions .prices .price {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  text-transform: uppercase;
}
#product .kits .kit .actions .prices .price.old {
  font-size: var(--18);
  font-weight: 400;
  line-height: var(--26);
  text-decoration: line-through;
}

#galleryPopup {
  padding: 0;
}
#galleryPopup .popup {
  width: 100%;
  height: 100%;
  flex-direction: row;
  padding: 0;
  margin: 0;
  display: flex;
  gap: var(--MainGap);
}
#galleryPopup .popup .close {
  right: var(--20);
  top: var(--20);
}
#galleryPopup .popup .arrow {
  flex: 0 0 var(--50);
  position: relative;
  transition: all 0.3s linear;
}
#galleryPopup .popup .arrow:after {
  content: "";
  display: block;
  width: var(--50);
  height: var(--50);
  background: url("/images/arrow-left.svg") center center no-repeat;
  background-size: var(--26) var(--40);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background-image 0.3s;
}
#galleryPopup .popup .arrow:hover:after {
  background-image: url("/images/arrow-left-h.svg");
}
#galleryPopup .popup .arrow.right:after {
  transform: translate(-50%, -50%) rotate(-180deg);
}
#galleryPopup .popup .arrow.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#galleryPopup .popup .photo {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#galleryPopup .popup .photo img {
  max-width: 100%;
  max-height: 100%;
}

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