@charset "UTF-8";
#slider {
  position: relative;
  border-radius: var(--MainBorderRadius);
  overflow: hidden;
  aspect-ratio: 1830/980;
  aspect-ratio: 1475/470;
}
#slider .container {
  display: flex;
  overflow: hidden;
  height: 100%;
}
#slider .container .item {
  flex: 0 0 100%;
  background: var(--BG) center center/contain no-repeat;
  position: relative;
  padding: var(--100);
  justify-content: center;
  display: flex;
  flex-direction: column;
  transition: all 0.3s linear;
  transition-delay: 0.15s;
  opacity: 0.75;
  filter: blur(2px) grayscale(1) brightness(0.5);
  text-decoration: none;
}
#slider .container .item:is(a) {
  cursor: pointer;
}
#slider .container .item:is(a) .info {
  cursor: pointer;
}
#slider .container .item.current {
  opacity: 1;
  filter: none;
}
#slider .container .item.w {
  color: var(--White);
}
#slider .container .item .info {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--30);
  cursor: default;
  padding: 0 var(--334) 0 var(--129);
}
#slider .container .item .info .title {
  font-size: var(--44);
  line-height: var(--50);
}
#slider .container .item .info .description {
  font-size: var(--18);
  font-weight: 300;
  line-height: var(--24);
}
#slider .container .item .info .btn {
  margin-top: var(--20);
}
#slider .controls {
  position: absolute;
  right: var(--129);
  bottom: var(--100);
  display: flex;
  align-items: center;
  gap: var(--20);
  right: var(--50);
  bottom: var(--50);
}
#slider .controls .counter {
  color: var(--White);
  font-size: var(--44);
  line-height: var(--50);
  pointer-events: none;
  transition: all 0.3s linear;
}
#slider .controls .bullets {
  display: flex;
  align-items: center;
  gap: var(--20);
}
#slider .controls .bullets .arrow {
  display: block;
  width: var(--20);
  height: var(--33);
  background: url("/images/btn-ar.svg") center center/contain no-repeat;
  opacity: 1;
  transition: all 0.3s linear;
}
#slider .controls .bullets .arrow.left {
  transform: rotate(180deg);
}
#slider .controls .bullets .arrow:hover {
  opacity: 0.5;
}
#slider .controls .bullets .bullet {
  width: var(--123);
  height: var(--56);
  height: var(--39);
  border-radius: var(--5);
  overflow: hidden;
  background: var(--BulletBG) center center/contain no-repeat;
  position: relative;
}
#slider .controls .bullets .bullet:before, #slider .controls .bullets .bullet:after {
  content: "";
  display: block;
  height: var(--3);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: var(--red);
  opacity: 0;
  transition: all 0.3s linear;
}
#slider .controls .bullets .bullet:after {
  width: 0;
}
#slider .controls .bullets .bullet.current:after, #slider .controls .bullets .bullet.current:before {
  opacity: 0.5;
}
#slider .controls .bullets .bullet.current:after {
  animation: bullet 7s linear;
  animation-iteration-count: 1;
}
#slider:has(.container .item:first-child:is(.current)) .controls .arrow.left {
  opacity: 0;
  pointer-events: none;
}
#slider:has(.container .item:last-child:is(.current)) .controls .arrow.right {
  opacity: 0;
  pointer-events: none;
}
#slider:has(.container .item.w.current) .controls .counter {
  color: var(--Dark-gray);
}
#slider:has(.container .item.w.current) .controls .arrow {
  background-image: url("/images/btn-ar-dg.svg");
}

@keyframes bullet {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
#brands-slider {
  display: flex;
  flex-direction: column;
  gap: var(--57);
}
#brands-slider h2.title {
  text-align: center;
}
#brands-slider .container .item {
  flex: none;
  width: auto !important;
}
#brands-slider .container .item a {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--24);
  text-decoration: none;
  transition: all 0.3s linear;
  gap: var(--24);
}
#brands-slider .container .item a:before {
  content: "";
  display: block;
  width: var(--16);
  height: var(--16);
  border-radius: 50%;
  border: 1px solid var(--Dark-gray);
  transition: all 0.3s linear;
}
#brands-slider .container .item.current a, #brands-slider .container .item:hover a {
  color: var(--red);
}
#brands-slider .container .item.current a:before, #brands-slider .container .item:hover a:before {
  background: var(--red);
  border-color: var(--red);
}
#brands-slider .product-slider {
  display: flex;
  flex-direction: column;
  gap: var(--50);
  align-items: center;
}
#brands-slider .product-slider .list {
  --InLine:5;
  display: flex;
  gap: var(--30);
  width: 100%;
  /*overflow:auto;*/
  cursor: grab;
  scrollbar-width: none;
}
#brands-slider .product-slider .list:active {
  cursor: grabbing;
}
#brands-slider .product-slider .list .product {
  flex: 0 0 calc((100% - var(--30) * (var(--InLine) - 1)) / var(--InLine));
}
#brands-slider .product-slider h3.title {
  text-align: center;
  font-size: var(--32);
  font-weight: 400;
  line-height: var(--38);
}

.mp-collections {
  padding-top: var(--50);
  display: flex;
  flex-direction: column;
  gap: var(--50);
}
.mp-collections h2.title {
  text-align: center;
}
.mp-collections .list {
  display: flex;
  gap: var(--30);
}
.mp-collections .list .item {
  flex: 0 0 calc((100% - var(--30) * 2) / 3);
  height: var(--590);
  transition: all 0.3s linear;
}
.mp-collections .list .item a {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--BG) center center/cover no-repeat;
  padding: var(--50);
  gap: var(--50);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.3s linear;
}
.mp-collections .list .item a .cover img {
  width: var(--280);
  transition: all 0.3s linear;
}
.mp-collections .list .item a .info {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  flex: 1;
  justify-content: flex-end;
  z-index: 2;
}
.mp-collections .list .item a .info .label {
  font-size: var(--18);
  font-weight: 300;
  line-height: var(--24);
}
.mp-collections .list .item a .info .collection {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--24);
}
.mp-collections .list .item.w a .label,
.mp-collections .list .item.w a .collection {
  color: var(--White);
}
.mp-collections .list .item.w a:before, .mp-collections .list .item.w a:after {
  background: var(--Dark-gray);
}
.mp-collections .list .item:hover {
  flex: 0 0 calc(100% - var(--30) * 2 - var(--280) * 2);
}
.mp-collections .list .item:hover .cover img {
  width: var(--575);
}
.mp-collections .list:has(:hover) .item:not(:hover) {
  flex: 0 0 var(--280);
}
.mp-collections .list:has(:hover) .item:not(:hover) a .cover img {
  width: var(--180);
}

/*эффект мерцания*/
@keyframes scale {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(0);
    opacity: 0.1;
    border-radius: 50%;
  }
}
.best-seller,
.zhanna-choice {
  display: flex;
  flex-direction: column;
  gap: var(--50);
}
.best-seller h2.title,
.zhanna-choice h2.title {
  text-align: center;
}
.best-seller .line,
.zhanna-choice .line {
  display: flex;
  gap: var(--30);
}
.best-seller .line .text-block,
.zhanna-choice .line .text-block {
  flex: 0 0 var(--590);
  flex: 0 0 calc((100% - var(--30) * 4) / 5);
  background: var(--BG) top center/cover no-repeat;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: var(--30) var(--30) 0 var(--113);
}
.best-seller .line .text-block .info,
.zhanna-choice .line .text-block .info {
  background: var(--Dark-gray);
  padding: var(--30);
  display: flex;
  flex-direction: column;
  gap: var(--20);
  color: var(--White);
}
.best-seller .line .text-block .info h3.title,
.zhanna-choice .line .text-block .info h3.title {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--24);
}
.best-seller .line .text-block .info .description,
.zhanna-choice .line .text-block .info .description {
  font-size: var(--18);
  font-weight: 300;
  line-height: var(--24);
}
.best-seller .line > .info,
.zhanna-choice .line > .info {
  flex: 0 0 var(--590);
  flex: 0 0 calc((100% - var(--30) * 4) / 5);
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
.best-seller .line > .info h3.title,
.zhanna-choice .line > .info h3.title {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--24);
}
.best-seller .line > .info .description,
.zhanna-choice .line > .info .description {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--24);
}
.best-seller .h-slider,
.zhanna-choice .h-slider {
  flex: 1;
  overflow: hidden;
}
.best-seller .h-slider .arrow,
.zhanna-choice .h-slider .arrow {
  margin-top: var(--211);
}
.best-seller .h-slider .container,
.zhanna-choice .h-slider .container {
  gap: var(--30);
  --InLine:5;
}
.best-seller .h-slider .container .block,
.zhanna-choice .h-slider .container .block {
  flex: 0 0 100%;
  display: flex;
  gap: var(--30);
}
.best-seller .h-slider .container .block .product,
.zhanna-choice .h-slider .container .block .product {
  flex: 0 0 calc((100% - var(--30) * (var(--InLine) - 1)) / var(--InLine));
}
.best-seller.zhanna-choice,
.zhanna-choice.zhanna-choice {
  padding: var(--50) 0;
  position: relative;
  background: var(--light-gray);
}
.best-seller.zhanna-choice:before, .best-seller.zhanna-choice:after,
.zhanna-choice.zhanna-choice:before,
.zhanna-choice.zhanna-choice:after {
  content: "";
  display: block;
  width: var(--BodyPadding);
  height: 100%;
  top: 0;
  pointer-events: none;
  left: calc(-1 * var(--BodyPadding));
  position: absolute;
  background: var(--light-gray);
}
.best-seller.zhanna-choice:after,
.zhanna-choice.zhanna-choice:after {
  left: 100%;
}
.best-seller.zhanna-choice > .line,
.zhanna-choice.zhanna-choice > .line {
  flex: 1;
}
.best-seller.zhanna-choice > .line .container .block .product,
.zhanna-choice.zhanna-choice > .line .container .block .product {
  --InLine:3;
}

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