@charset "UTF-8";
.wrap-2 {
  flex-wrap: wrap;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.wrap-2 > * {
  flex: 0 0 calc(100% / 2);
  padding: 15px;
}

.wrap-3 {
  flex-wrap: wrap;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.wrap-3 > * {
  flex: 0 0 calc(100% / 3);
  padding: 15px;
}

.wrap-4 {
  flex-wrap: wrap;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.wrap-4 > * {
  flex: 0 0 calc(100% / 4);
  padding: 15px;
}

.wrap-5 {
  flex-wrap: wrap;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.wrap-5 > * {
  flex: 0 0 calc(100% / 5);
  padding: 15px;
}

.wrap-6 {
  flex-wrap: wrap;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.wrap-6 > * {
  flex: 0 0 calc(100% / 6);
  padding: 15px;
}

@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-2 > * {
    flex: 0 0 49%;
  }
}
@media screen and (max-width: 479px) {
  .wrap-2 > * {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-3 > * {
    flex: 0 0 49%;
  }
}
@media screen and (max-width: 479px) {
  .wrap-3 > * {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-4 > * {
    flex: 0 0 49%;
  }
}
@media screen and (max-width: 479px) {
  .wrap-4 > * {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-5 > * {
    flex: 0 0 49%;
  }
}
@media screen and (max-width: 479px) {
  .wrap-5 > * {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-6 > * {
    flex: 0 0 49%;
  }
}
@media screen and (max-width: 479px) {
  .wrap-6 > * {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-1 > *,
  .wrap-mh-1 > * {
    flex: 0 0 calc(100% / 1);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-1 > *,
  .wrap-mv-1 > * {
    flex: 0 0 calc(100% / 1);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-1 > * {
    flex: 0 0 calc(100% / 1);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-1 > * {
    flex: 0 0 calc(100% / 1);
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-2 > *,
  .wrap-mh-2 > * {
    flex: 0 0 calc(100% / 2);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-2 > *,
  .wrap-mv-2 > * {
    flex: 0 0 calc(100% / 2);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-2 > * {
    flex: 0 0 calc(100% / 2);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-2 > * {
    flex: 0 0 calc(100% / 2);
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-3 > *,
  .wrap-mh-3 > * {
    flex: 0 0 calc(100% / 3);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-3 > *,
  .wrap-mv-3 > * {
    flex: 0 0 calc(100% / 3);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-3 > * {
    flex: 0 0 calc(100% / 3);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-3 > * {
    flex: 0 0 calc(100% / 3);
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-4 > *,
  .wrap-mh-4 > * {
    flex: 0 0 calc(100% / 4);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-4 > *,
  .wrap-mv-4 > * {
    flex: 0 0 calc(100% / 4);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-4 > * {
    flex: 0 0 calc(100% / 4);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-4 > * {
    flex: 0 0 calc(100% / 4);
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-5 > *,
  .wrap-mh-5 > * {
    flex: 0 0 calc(100% / 5);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-5 > *,
  .wrap-mv-5 > * {
    flex: 0 0 calc(100% / 5);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-5 > * {
    flex: 0 0 calc(100% / 5);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-5 > * {
    flex: 0 0 calc(100% / 5);
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-6 > *,
  .wrap-mh-6 > * {
    flex: 0 0 calc(100% / 6);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-6 > *,
  .wrap-mv-6 > * {
    flex: 0 0 calc(100% / 6);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-6 > * {
    flex: 0 0 calc(100% / 6);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-6 > * {
    flex: 0 0 calc(100% / 6);
    padding: 15px;
  }
}
.wrap-2 {
  flex-wrap: wrap;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.wrap-2 > * {
  flex: 0 0 calc(100% / 2);
  padding: 15px;
}

.wrap-3 {
  flex-wrap: wrap;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.wrap-3 > * {
  flex: 0 0 calc(100% / 3);
  padding: 15px;
}

.wrap-4 {
  flex-wrap: wrap;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.wrap-4 > * {
  flex: 0 0 calc(100% / 4);
  padding: 15px;
}

.wrap-5 {
  flex-wrap: wrap;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.wrap-5 > * {
  flex: 0 0 calc(100% / 5);
  padding: 15px;
}

.wrap-6 {
  flex-wrap: wrap;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.wrap-6 > * {
  flex: 0 0 calc(100% / 6);
  padding: 15px;
}

@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-2 > * {
    flex: 0 0 49%;
  }
}
@media screen and (max-width: 479px) {
  .wrap-2 > * {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-3 > * {
    flex: 0 0 49%;
  }
}
@media screen and (max-width: 479px) {
  .wrap-3 > * {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-4 > * {
    flex: 0 0 49%;
  }
}
@media screen and (max-width: 479px) {
  .wrap-4 > * {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-5 > * {
    flex: 0 0 49%;
  }
}
@media screen and (max-width: 479px) {
  .wrap-5 > * {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-6 > * {
    flex: 0 0 49%;
  }
}
@media screen and (max-width: 479px) {
  .wrap-6 > * {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-1 > *,
  .wrap-mh-1 > * {
    flex: 0 0 calc(100% / 1);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-1 > *,
  .wrap-mv-1 > * {
    flex: 0 0 calc(100% / 1);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-1 > * {
    flex: 0 0 calc(100% / 1);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-1 > * {
    flex: 0 0 calc(100% / 1);
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-2 > *,
  .wrap-mh-2 > * {
    flex: 0 0 calc(100% / 2);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-2 > *,
  .wrap-mv-2 > * {
    flex: 0 0 calc(100% / 2);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-2 > * {
    flex: 0 0 calc(100% / 2);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-2 > * {
    flex: 0 0 calc(100% / 2);
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-3 > *,
  .wrap-mh-3 > * {
    flex: 0 0 calc(100% / 3);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-3 > *,
  .wrap-mv-3 > * {
    flex: 0 0 calc(100% / 3);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-3 > * {
    flex: 0 0 calc(100% / 3);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-3 > * {
    flex: 0 0 calc(100% / 3);
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-4 > *,
  .wrap-mh-4 > * {
    flex: 0 0 calc(100% / 4);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-4 > *,
  .wrap-mv-4 > * {
    flex: 0 0 calc(100% / 4);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-4 > * {
    flex: 0 0 calc(100% / 4);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-4 > * {
    flex: 0 0 calc(100% / 4);
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-5 > *,
  .wrap-mh-5 > * {
    flex: 0 0 calc(100% / 5);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-5 > *,
  .wrap-mv-5 > * {
    flex: 0 0 calc(100% / 5);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-5 > * {
    flex: 0 0 calc(100% / 5);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-5 > * {
    flex: 0 0 calc(100% / 5);
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 990px) {
  .wrap-mobile-h-6 > *,
  .wrap-mh-6 > * {
    flex: 0 0 calc(100% / 6);
    padding: 15px;
  }
}
@media screen and (max-width: 479px) {
  .wrap-mobile-v-6 > *,
  .wrap-mv-6 > * {
    flex: 0 0 calc(100% / 6);
    padding: 15px;
  }
}
@media screen and (min-width: 991px) {
  .wrap-dt-6 > * {
    flex: 0 0 calc(100% / 6);
    padding: 15px;
  }
}
@media screen and (min-width: 2430px) {
  .wrap-ls-6 > * {
    flex: 0 0 calc(100% / 6);
    padding: 15px;
  }
}
:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
  --swiper-theme-color: #007aff;
  --swiper-navigation-size: 44px;
  --scrollMenu: 0;
  --headH: 96px;
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: 2s linear infinite f-spinner-rotate;
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}

.f-spinner svg :first-child {
  stroke: var(--f-spinner-color-1);
}

.f-spinner svg :last-child {
  stroke: var(--f-spinner-color-2);
  animation: 2s ease-in-out infinite f-spinner-dash;
}
@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.f-zoomInUp {
  animation: 0.2s ease-out 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
  animation: 0.2s ease-out both f-zoomOutDown;
}
@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
.f-throwOutUp {
  animation: 175ms ease-out both f-throwOutUp;
}

.f-throwOutDown {
  animation: 175ms ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, -150px, 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, 150px, 0);
    opacity: 0;
  }
}
.f-fadeIn {
  z-index: 2;
  animation: 0.2s both f-fadeIn-mob;
}

.f-fadeOut {
  animation: 0.2s both f-fadeOut-mob;
}

button,
a,
img {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

.swiper button,
.swiper a,
.swiper img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

a:focus,
button:focus,
img:focus,
a:active,
button:active,
img:active {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

.with-fancybox body {
  overflow: hidden;
}
@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeIn-mob {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
@keyframes f-fadeOut-mob {
  100% {
    transform: translateY(100%);
  }
}
.f-fadeSlowIn {
  animation: 0.5s both f-fadeSlowIn;
  z-index: 2;
}

.f-fadeSlowOut {
  animation: 0.5s both f-fadeSlowOut;
  z-index: 1;
}
@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
.f-fadeFastIn {
  animation: 0.2s ease-out both f-fadeFastIn;
  z-index: 2;
}

.f-fadeFastOut {
  animation: 0.2s ease-out both f-fadeFastOut;
  z-index: 2;
}
@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: 0.2s ease-out both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  animation: 0.1s linear 0.1s both f-crossfadeOut;
  z-index: 1;
}
@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
.f-slideIn.from-next {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}
@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}
.f-classicIn.from-next {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

.f-classicIn.from-prev {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}

.f-classicOut.to-next {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}

.f-classicOut.to-prev {
  animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}
@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}
.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition);
}

.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
  outline: 0;
}

.f-button:focus-visible {
  outline: 0;
  /* -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)) */
  box-shadow: none !important;
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 0.15s;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}

.f-button[disabled] {
  cursor: default;
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
  position: absolute;
  z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
  top: 50%;
  transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
  transform: rotate(90deg);
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(0, 0, 0, 0.15);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: transparent;
  overflow: visible;
  z-index: 1050;
  outline: 0;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
  --fancybox-bg: rgba(17, 24, 28, 0.8);
}

.fancybox__container *,
.fancybox__container ::after,
.fancybox__container ::before {
  box-sizing: inherit;
}

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}

.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.fancybox__viewport {
  width: 100%;
  height: 100%;
}

.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-image,
.fancybox__slide.has-video {
  overflow: hidden;
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
  overflow: visible;
}

.fancybox__slide::after,
.fancybox__slide::before {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}

.is-loading .fancybox__content {
  opacity: 0;
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
  cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  max-width: 800px;
  max-height: 800px;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,
.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
  visibility: hidden;
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  filter: blur(0);
  will-change: transform, width, height;
}

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: 0 4px 11px 0 rgba(22, 51, 85, 0.4);
  border-radius: 5px;
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}

.is-compact .fancybox__caption {
  padding-bottom: 0;
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  opacity: 1;
}

.is-loading .fancybox__content > .f-button.is-close-btn,
.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: 0.25s;
}

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}

.is-idle .fancybox__nav {
  animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 40;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.fancybox-focus-guard {
  outline: 0;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > :not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > :not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false] > :not(.fancybox__backdrop, .fancybox__carousel) {
  animation: 0.25s 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation: 0.35s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > :not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > :not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true] > :not(.fancybox__backdrop, .fancybox__carousel) {
  animation: 0.15s forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation: 0.35s forwards f-fadeOut;
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,
.fancybox__container:not(.is-compact) .has-map .fancybox__content,
.fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}

.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
}

.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  perspective: 1000px;
  transform: translateZ(0);
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1;
}

.f-thumbs .f-spinner svg {
  display: none;
}

.f-thumbs.is-vertical {
  height: 100%;
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.f-thumbs__track {
  display: flex;
  will-change: transform;
}

.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  min-width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}

.f-thumbs__slide.is-loading img {
  opacity: 0;
}

.is-classic .f-thumbs__viewport {
  height: 100%;
}

.is-modern .f-thumbs__track {
  width: -moz-max-content;
  width: max-content;
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--left, 0) * 1px);
  width: calc(100% - var(--width, 0) * 1px);
  cursor: pointer;
}

.is-modern .f-thumbs__slide {
  --clip-path: inset(
      0
          calc(
              (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 *
                  (1 - var(--progress, 0))
          )
          round var(--f-thumb-border-radius, 0)
  );
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition: none;
  pointer-events: none;
}

.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
  filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
}

.is-modern .f-thumbs__slide > * {
  clip-path: var(--clip-path);
}

.is-modern.in-touch .f-thumbs__slide {
  filter: none;
}

.is-modern.is-resting .f-thumbs__slide,
.is-modern.is-resting .f-thumbs__slide > * {
  transition: 0.33s;
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: 0;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity 0.2s;
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: 0;
}

.f-thumbs__slide__button:focus-visible {
  outline: 0;
  opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  animation: 0.2s ease-out f-fadeIn;
  z-index: 10;
}

.f-thumbs__slide__img {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
}

.f-thumbs.is-horizontal .f-thumbs__track {
  margin: 0 auto;
  padding: 8px 0 12px;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  margin: auto 0;
  padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-hidden {
  max-height: 0 !important;
}

.is-closing .fancybox__thumbs {
  transition: none !important;
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20;
}

.fancybox__toolbar :focus-visible {
  z-index: 1;
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fancybox__infobar span {
  padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
  position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,
[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,
[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

@media screen and (max-width: 1599px) {
  .swiper-button-next,
  .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 50%);
  }
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  transform: translate3d(0, 0, 0);
  z-index: 3;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  margin: 0 auto;
  height: inherit;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

.slick-track {
  opacity: 0;
}

@font-face {
  font-display: block;
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/inter/Inter-ThinBETA.woff) format("woff"), url(../fonts/inter/Inter-ThinBETA.woff2) format("woff2");
}
@font-face {
  font-display: block;
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/inter/Inter-ExtraLightBETA.woff) format("woff"), url(../fonts/inter/Inter-ExtraLightBETA.woff2) format("woff2");
}
@font-face {
  font-display: block;
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/inter/Inter-LightBETA.woff) format("woff"), url(../fonts/inter/Inter-LightBETA.woff2) format("woff2");
}
@font-face {
  font-display: block;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/inter/Inter-Regular.woff) format("woff"), url(../fonts/inter/Inter-Regular.woff2) format("woff2");
}
@font-face {
  font-display: block;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/inter/Inter-Medium.woff) format("woff"), url(../fonts/inter/Inter-Medium.woff2) format("woff2");
}
@font-face {
  font-display: block;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/inter/Inter-SemiBold.woff) format("woff"), url(../fonts/inter/Inter-SemiBold.woff2) format("woff2");
}
@font-face {
  font-display: block;
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/inter/Inter-Bold.woff) format("woff"), url(../fonts/inter/Inter-Bold.woff2) format("woff2");
}
@font-face {
  font-display: block;
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/inter/Inter-ExtraBold.woff) format("woff"), url(../fonts/inter/Inter-ExtraBold.woff2) format("woff2");
}
@font-face {
  font-display: block;
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/inter/Inter-Black.woff) format("woff"), url(../fonts/inter/Inter-Black.woff2) format("woff2");
}
* {
  outline: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

:after,
:before {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.2;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: Inter;
  background-color: #fff;
  color: #0e0e0e;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - (var(--headH)));
}

body._fixed {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

footer,
main {
  position: relative;
}

.page {
  flex: 1 0 auto;
}

a {
  background-color: transparent;
  color: #0e0e0e;
  transition: 0.3s ease-out;
  text-decoration: none;
}

b,
strong {
  font-weight: 700;
}

label {
  cursor: pointer;
  display: block;
}

button {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}

button:focus {
  outline: 0;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button,
select {
  text-transform: none;
}

img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  border: 0;
}

.w-16 {
  width: 16.6666%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-33 {
  width: 33.3333%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-66 {
  width: 66.6666%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-100 {
  width: 100%;
}

.flex {
  display: flex;
}

.flex--row {
  flex-direction: row;
}

.flex--reverse {
  flex-direction: row-reverse;
}

.flex--column {
  flex-direction: column;
}

.flex--j-between {
  justify-content: space-between;
}

.flex--j-around {
  justify-content: space-around;
}

.flex--j-center {
  justify-content: center;
}

.flex--j-start {
  justify-content: flex-start;
}

.flex--j-end {
  justify-content: flex-end;
}

.flex--center {
  justify-content: center;
}

.flex--a-center {
  align-items: center;
}

.flex--a-stretch {
  align-items: stretch;
}

.flex--a-start {
  align-items: flex-start;
}

.flex--a-end {
  align-items: flex-end;
}

.flex--wrap {
  flex-wrap: wrap;
}

.hidden,
[hidden] {
  display: none;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1340px;
  padding: 0 20px;
}

.blockScroll {
  position: fixed;
  left: 0;
  right: 0;
  top: var(--top);
}

a:hover {
  text-decoration: none;
  color: #2a65c5;
}

@media screen and (max-width: 767px) {
  a:hover {
    color: #0e0e0e;
  }
}
a svg {
  transition: ease-out;
}

.button {
  display: inline-flex;
  height: 48px;
  padding: 0 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  font-size: 16px;
  background: #0e0e0e;
  color: #fff;
  border: none;
  box-sizing: border-box;
}

.button.button-inverted {
  background: #fff;
  color: #0e0e0e;
  border: 2px solid #0e0e0e;
}

.button.button-inverted:hover {
  background: #eeeef0;
  color: #0e0e0e;
}

@media screen and (max-width: 767px) {
  .button.button-inverted:hover {
    background: #fff;
    color: #0e0e0e;
  }
}
.button:hover {
  background-color: #4e4e50;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .button:hover {
    background-color: #0e0e0e;
  }
}
.button__border {
  background: 0 0;
  border: 2px solid #0e0e0e;
  color: #0e0e0e;
}

.button__border:hover {
  border-color: #3a3a3c;
}

@media screen and (max-width: 767px) {
  .button__border:hover {
    border-color: #0e0e0e;
  }
}
.button__border._disabled,
.button__border:disabled {
  border-color: #999;
  pointer-events: none;
}

.button__border-lighten {
  background: 0 0;
  border: 2px solid #fff;
  color: #fff;
}

.button__border-lighten:hover {
  border-color: #fff;
}

.button__border-lighten._disabled,
.button__border-lighten:disabled {
  border-color: #999;
  pointer-events: none;
}

.button__font-small {
  font-size: 12px;
}

.button__gray {
  background: #eeeef0;
  color: #0e0e0e;
}

.button__gray:hover {
  color: #0e0e0e;
  background: #e4e4e6;
}

.button__gray-light {
  background: #f5f5f7;
  color: #0e0e0e;
}

.button__gray-light:hover {
  color: #0e0e0e;
  background: #e4e4e6;
}

.button__height-s {
  height: 40px;
}

.button__height-m {
  height: 42px;
}

.button__full {
  width: 100%;
}

.button._disabled,
.button:disabled {
  background-color: #d7d7d7;
  pointer-events: none;
}

.wrapper {
  /*max-width: 1606px;*/
  max-width: 1660px;
  padding: 0 46px;
  margin: 0 auto;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

input {
  font-family: Inter;
}

.input-text {
  width: 100%;
  height: 44px;
  padding: 4px 16px;
  color: #000;
  border-radius: 8px;
  border: 1px solid #eeeef0;
  background: #eeeef0;
  transition: border-color 0.3s, background-color 0.3s;
}

.input-text.error {
  border-color: #c74031;
}

.input-text.error ~ .input-text__label-text {
  color: #c74031;
}

.input-text_sl {
  height: 48px;
}

.input-text_ss {
  height: 38px;
  font-size: 14px;
}

.input-text.input-text-val {
  background: #fff;
  border-color: #0e0e0e;
}

.input-text.input-text-val ~ .input-text__label-text {
  font-size: 12px;
  top: -9px;
  left: 15px;
  padding: 1px 5px;
  background: #fff;
  border-radius: 44px;
}

.input-text:hover {
  border-color: #999;
}

.input-text:focus {
  border-color: #0e0e0e;
  background: #fff;
}

.input-text:focus ~ .input-text__label-text {
  font-size: 12px;
  top: -9px;
  left: 15px;
  padding: 1px 5px;
  background: #fff;
  border-radius: 44px;
}

.input-text::-moz-placeholder {
  opacity: 1;
  color: #999;
}

.input-text::placeholder {
  opacity: 1;
  color: #999;
}

.input-text:focus::-moz-placeholder {
  opacity: 0;
}

.input-text:focus::placeholder {
  opacity: 0;
}

.input-text_type-2 {
  border: 1px solid #e1e1e3;
  background: #f5f5f7;
}

.input-text__label {
  position: relative;
  margin-bottom: 24px;
}

.input-text__label div.error {
  color: #c74031;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  padding-left: 24px;
}

.input-text__label div.error:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(../img/icon/error.svg) 50% 50% no-repeat;
  top: -1px;
  left: 0;
}

.input-text__label-text {
  position: absolute;
  pointer-events: none;
  color: #7d7d7d;
  top: 15px;
  left: 20px;
  pointer-events: none;
  transition: 0.3s;
}

.input-text__label-text span {
  color: #2a65c5;
}

.textarea-text {
  width: 100%;
  height: 145px;
  padding: 14px 19px;
  color: #000;
  border-radius: 8px;
  border: 1px solid #eeeef0;
  background: #eeeef0;
  transition: border-color 0.3s, background-color 0.3s;
  resize: none;
}

.textarea-text_type-2 {
  border: 1px solid #e1e1e3;
  background: #f5f5f7;
}

.textarea-text.error {
  border-color: #c74031;
}

.textarea-text.error ~ .input-text__label-text {
  color: #c74031;
}

.textarea-text.textarea-text-val {
  background: #fff;
  border-color: #0e0e0e;
}

.textarea-text.textarea-text-val ~ .textarea-text__label-text {
  font-size: 12px;
  top: -9px;
  left: 15px;
  padding: 1px 5px;
  background: #fff;
  border-radius: 44px;
}

.textarea-text:hover {
  border-color: #999;
}

.textarea-text:focus {
  border-color: #0e0e0e;
  background: #fff;
}

.textarea-text:focus ~ .textarea-text__label-text {
  font-size: 12px;
  top: -9px;
  left: 15px;
  padding: 1px 5px;
  background: #fff;
  border-radius: 44px;
}

.textarea-text::-moz-placeholder {
  opacity: 1;
  color: #999;
}

.textarea-text::placeholder {
  opacity: 1;
  color: #999;
}

.textarea-text:focus::-moz-placeholder {
  opacity: 0;
}

.textarea-text:focus::placeholder {
  opacity: 0;
}

.textarea-text__label {
  position: relative;
  margin-bottom: 24px;
}

.textarea-text__label div.error {
  color: #c74031;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  padding-left: 24px;
}

.textarea-text__label div.error:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(../img/icon/error.svg) 50% 50% no-repeat;
  top: -1px;
  left: 0;
}

.textarea-text__label-text {
  position: absolute;
  pointer-events: none;
  color: #7d7d7d;
  top: 15px;
  left: 20px;
  pointer-events: none;
  transition: 0.3s;
}

.textarea-text__label-text span {
  color: #2a65c5;
}

.h1,
h1 {
  color: #0e0e0e;
  font-size: 24px;
  margin-bottom: 16px;
  font-weight: 700;
  margin-top: 8px;
}

.h1 sup,
h1 sup {
  color: #7d7d7d;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.h2,
h2 {
  color: #0e0e0e;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 16px;
}

._center {
  text-align: center;
}

.form-desc {
  text-align: center;
  color: #7d7d7d;
  font-size: 14px;
}

.form-desc a {
  color: #2a65c5;
}

.form-desc a:hover {
  color: #0e0e0e;
}

.form-button {
  margin-bottom: 24px;
}

.head-hide .menu-footer,
.head-hide-fix .menu-footer {
  display: none;
}

.ballon {
  position: absolute;
  top: calc(100% + 16px);
  left: 50%;
  transform: translateX(-50%);
  width: 330px;
  padding: 16px;
  border-radius: 8px;
  background: var(--WHITE, #fff);
  box-shadow: 0 24px 38px 0 rgba(111, 113, 114, 0.14), 0 9px 46px 0 rgba(111, 113, 114, 0.12), 0 11px 15px 0 rgba(111, 113, 114, 0.2);
}

.baloon-inOrder {
  background: white;
  padding: 0.2rem 0.4rem;
  border-radius: 6px;
  border: 0.7px solid #999;
  white-space: nowrap;
  font-size: 12px;
  color: #000;
  margin-bottom: 3px;
  width: 75px;
}

@media screen and (max-width: 384px) {
  .ballon {
    width: 240px;
    padding: 14px 12px;
  }
  .availability__address,
  .availability__time-work {
    font-size: 12px;
  }
  .ballon .availability__sum {
    position: static;
    align-items: end;
  }
}
.ballon p:not([class]) {
  display: none;
}

.ballon:before {
  content: "";
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-21px);
  border: 22px solid transparent;
  border-bottom-color: #fff;
}

.ballon .availability__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}

.ballon .availability__sum {
  display: flex;
  box-sizing: border-box;
  margin-bottom: 4px;
}

.ballon .availability__button {
  display: none;
  margin-top: 20px;
}

.ballon .availability__time {
  width: 100%;
  font-size: 12px;
}

.availability-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  height: 100%;
}

.availability-tabs__links {
  display: none;
  list-style: none;
  width: 100%;
}

.availability-tabs__links li {
  width: 50%;
}

.availability-tabs__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  color: #7d7d7d;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 2px solid #e1e1e3;
}

.availability-tabs__link._current {
  color: #0e0e0e;
  border-color: #0e0e0e;
}

.availability-tabs__box_map {
  width: calc(100% - 300px);
}

.availability-tabs__box_list-box {
  max-height: 100%;
  overflow: auto;
  width: 288px;
  scrollbar-width: thin;
  scrollbar-width: thin;
  scrollbar-color: #c3c3c3 transparent;
}

.availability-tabs__box_list-box::-webkit-scrollbar {
  width: 4px;
}

.availability-tabs__box_list-box::-webkit-scrollbar-track {
  background: 0 0;
}

.availability-tabs__box_list-box::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border-radius: 27px;
}

.availability__list {
  list-style: none;
  padding-right: 8px;
}

.availability__li {
  position: relative;
  border-radius: 8px;
  border: 1px solid transparent;
  background: url(../img/icon/modal-point.svg) 8px 12px no-repeat;
  padding: 12px 12px 12px 40px;
  cursor: pointer;
  line-height: 20px;
  transition: border-color 0.3s, background-color 0.3s;
}

.availability__li_active {
  border-color: #0e0e0e;
  background-color: #fff;
  cursor: default;
  pointer-events: none;
}

.availability__address {
  margin-bottom: 8px;
}

.availability__time-work {
  font-size: 14px;
  color: #999;
  margin-bottom: 4px;
}

.availability__time {
  font-size: 14px;
}

.availability__list-box {
  max-height: 100%;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-width: thin;
  scrollbar-color: #c3c3c3 transparent;
}

.availability__list-box::-webkit-scrollbar {
  width: 4px;
}

.availability__list-box::-webkit-scrollbar-track {
  background: 0 0;
}

.availability__list-box::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border-radius: 27px;
}

.availability__maps {
  position: relative;
  width: 100%;
  height: 100%;
}

.availability__sum {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.availability__sum span {
  color: #7d7d7d;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}

.availability__sum-dotted {
  display: flex;
  padding: 1.5px 2.5px;
  gap: 2px;
  width: 40px;
  height: 14px;
  border-radius: 24px;
  border: 0.5px solid #e1e1e3;
  background: #f5f5f7;
  margin-bottom: 2px;
}

.availability__sum-dotted i {
  display: inline-block;
  background: #0e0e0e;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.availability__button {
  display: none;
}

.availability__button-bt {
  height: 40px;
  font-size: 14px;
}

.availability__button-box {
  display: none;
  padding: 12px 0;
  border-top: 0.5px solid #e1e1e3;
}

.banner {
  width: 100%;
  margin-top: 28px;
}

.banner img {
  width: 100%;
}

.basket-complect {
  margin: 20px 0 0;
}

.basket-complect__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
}

.basket-complect__head-title {
  display: flex;
  flex-flow: column;
}

.basket-complect__head-check {
  margin-bottom: 8px;
}

.basket-complect__head-check .checkbox__text {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

.basket-complect__benefit {
  display: inline-block;
  color: #3c82ff;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  border-radius: 46px;
  border: 1px solid #5aa0f5;
  background: #fff;
  padding: 4px 12px;
}

.basket-complect__price {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: right;
  margin-top: 4px;
}

.basket-complect__price p {
  margin-bottom: 8px;
}

.basket-complect__remove {
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #999;
}

.basket-complect__remove:hover {
  color: #0e0e0e;
}

.basket-complect__remove * {
  pointer-events: none;
}

.basket-complect .basket__order {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 8px;
  width: calc(100% - 32px);
  margin-left: 32px;
}

.basket-complect .basket__item:not(:last-child) {
  border-bottom: none;
  padding: 0;
  margin-bottom: 32px;
}

.basket-empty {
  margin: 120px 0;
  text-align: center;
}

.basket-empty__wrapper {
  max-width: 869px;
  padding: 0 46px;
  margin: 0 auto;
}

.basket-empty__title {
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 16px;
}

.basket-empty__bt-box {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.basket-empty__button {
  padding: 0 40px;
}

.basket-menu {
  position: fixed;
  width: 100%;
  height: 65px;
  left: 0;
  bottom: calc(var(--safe-area-inset-bottom, 49px) + 49px);
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  padding: 8px 20px;
  border-top: 1px solid #e1e1e3;
  background: #fff;
  z-index: 7;
  transition: all 0.3s ease-in-out;
}

.basket-menu__empty {
  display: none;
  color: #7d7d7d;
  line-height: 20px;
}

.basket-menu__left {
  flex-flow: column;
  gap: 4px;
  display: flex;
}

.basket-menu__price-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

.basket-menu__price {
  font-size: 20px;
  font-weight: 600;
}

.basket-menu__price-old {
  color: #999;
  font-size: 14px;
  line-height: 16px;
  text-decoration: line-through;
}

.basket-menu__sum {
  color: #999;
  font-size: 14px;
  line-height: 16px;
}

.basket-menu._hide .basket-menu__empty {
  display: block;
}

.basket-menu._hide .basket-menu__left {
  display: none;
}

.basket-recommendation {
  margin: 8px 0 0 32px;
}

.basket-recommendation._hide {
  display: none;
}

.basket-recommendation__slider {
  width: 100%;
  overflow: hidden;
}

.basket-recommendation__slide {
  display: flex;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #e1e1e3;
  background: #fff;
  max-width: 330px;
}

.basket-recommendation__slide_all {
  max-width: 80px;
  padding: 0;
  border: none;
}

.basket-recommendation__img {
  width: 64px;
  margin-right: 8px;
}

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

.basket-recommendation__name {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 32px;
  width: calc(100% - 32px);
}

.basket-recommendation__name:hover {
  color: #7d7d7d;
}

.basket-recommendation__price {
  display: flex;
  align-items: center;
  gap: 4px;
}

.basket-recommendation__price p {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.basket-recommendation__price p + p {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
}

.basket-recommendation__content {
  width: calc(100% - 72px);
}

.basket-recommendation__box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.basket-recommendation__bt {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: 50% 50% no-repeat #0e0e0e;
  border: 1px solid #0e0e0e;
  color: #fff;
}

.basket-recommendation__bt:hover {
  color: #0e0e0e;
  background-color: #fff;
}

.basket-recommendation__bt._active {
  background-color: #fff;
  background-image: url(../img/icon/plus-check.svg);
}

.basket-recommendation__bt._active svg {
  opacity: 0;
}

.basket-recommendation__bt * {
  pointer-events: none;
}

.basket-recommendation__link {
  display: block;
  width: 100%;
  height: 80px;
  padding: 12px 6px;
  border-radius: 12px;
  background: #f5f5f7;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.basket-recommendation__link span {
  display: block;
  width: 100%;
}

.basket-recommendation__link svg {
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}

.basket-recommendation__link * {
  pointer-events: none;
}

.basket-recommendation__arrow {
  display: none;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #e1e1e3;
  color: #0e0e0e;
  background: #fff;
  transition: border 0.2s;
}

.basket-recommendation__arrow:hover {
  border: 1.5px solid #999;
}

.basket-recommendation__arrow.swiper-button-disabled {
  display: none;
}

.basket-recommendation__arrow svg {
  width: 24px;
  height: 24px;
}

.basket-recommendation__arrow:after {
  display: none;
}

.basket-recommendation__arrow_next {
  right: 20px;
}

.basket-recommendation__arrow_prev {
  left: 20px;
}

.basket-recommendation__arrow_prev svg {
  transform: rotate(180deg);
}

.basket-recommendation__ok {
  position: fixed;
  display: inline-flex;
  padding: 24px;
  align-items: center;
  gap: 20px;
  bottom: 20px;
  left: 20px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(175, 175, 175, 0.2);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  z-index: 14;
  transform: translateY(calc(100% + 20px));
  opacity: 0;
  transition: 0.3s, opacity 0.3s;
}

.basket-recommendation__ok img {
  width: 24px;
}

.basket-recommendation__ok_active {
  opacity: 1;
  transform: translateY(0);
}

.basket {
  margin-bottom: 120px;
}

.basket h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  margin: 40px 0 24px;
}

.basket__checkbox-item {
  height: 80px;
  display: flex;
  align-items: center;
}

.basket__control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
  margin-bottom: 60px;
  border-bottom: 1px solid #e1e1e3;
  width: 100%;
}

.basket__remove * {
  pointer-events: none;
}

.basket__remove-all {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #999;
  font-size: 14px;
  line-height: 16px;
}

.basket__remove-all:hover {
  color: #0e0e0e;
}

.basket__remove-all svg {
  width: 24px;
  height: 24px;
}

.basket__remove-all span {
  color: #0e0e0e;
}

.basket__remove-all * {
  pointer-events: none;
}

.basket__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 120px;
}

.basket__items {
  display: flex;
  flex-flow: column;
  width: 1100px;
}

.basket__item:not(:nth-last-child(1)) {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e1e1e3;
}

.basket__item.basket__item_kit {
  border-bottom-color: transparent;
}

.basket__item.basket__item_kit:not(.basket__item_kit_base) {
  padding-left: 120px;
}

@media screen and (max-width: 767px) {
  .basket__item.basket__item_kit:not(.basket__item_kit_base) {
    padding-left: 0;
  }
}
.basket__checkbox_item_hidden,
.basket__counter_hidden,
.basket__insurance_counter_hidden {
  visibility: hidden;
}

.basket__item_show_full_not {
  display: none !important;
}

.basket__item_not-available .basket__checkbox-item,
.basket__item_not-available .basket__insurance-link,
.basket__item_not-available .basket__recommendation-link {
  opacity: 0;
  visibility: hidden;
}

.basket__item_not-available .basket__photo {
  opacity: 0.4;
}

.basket__item_not-available .basket__name {
  color: #999;
}

.basket__item_not-available .basket__price {
  color: #999;
  margin-bottom: 16px;
}

.basket__item._active .basket__control-mob-bg {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.basket__item._active .basket__control-mob {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.basket__name:hover {
  color: #7d7d7d;
}

.basket__recommendation-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #e1e1e3;
  background: #fff;
  margin-right: 20px;
}

.basket__recommendation-link:hover {
  color: #0e0e0e;
  background: #eeeef0;
}

@media screen and (max-width: 767px) {
  .basket__recommendation-link:hover {
    background: none;
  }
}
.basket__recommendation-link * {
  pointer-events: none;
}

.basket__recommendation-link svg {
  transition: transform 0.3s;
}

.basket__recommendation-link._active {
  background: #eeeef0;
  border-color: #eeeef0;
}

.basket__recommendation-link._active svg {
  transform: rotate(180deg);
}

.basket__insurance-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2a65c5;
  font-size: 14px;
  line-height: 16px;
  padding: 4px 0;
  white-space: nowrap;
}

.basket__insurance-link svg {
  margin-top: 1px;
  transform: rotate(-90deg);
}

.basket__insurance-link._hide {
  display: none;
}

.basket__order {
  display: grid;
  grid-template-columns: 20px 100px 1fr;
  gap: 8px;
  width: 100%;
}

.basket__counter {
  display: flex;
  align-items: center;
}

.basket__counter-bt {
  display: flex;
  position: relative;
  width: 32px;
  height: 32px;
  color: #0e0e0e;
  border-radius: 8px;
  background: #f5f5f7;
}

.basket__counter-bt:hover {
  color: #0e0e0e;
  background: #e1e1e3;
}

.basket__counter-bt._disabled {
  background: #fafafb;
  color: #e1e1e3;
  pointer-events: none;
}

.basket__counter-bt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 1.5px;
  background: currentColor;
  border-radius: 6px;
}

.basket__counter-bt_plus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5px;
  height: 14px;
  background: currentColor;
  border-radius: 6px;
}

.basket__info {
  display: grid;
  grid-template-columns: 1fr 256px;
  gap: 8px;
  padding: 8px 0 8px 8px;
  align-items: flex-start;
}

.basket__counter-text {
  border: none;
  outline: 0;
  width: 40px;
  height: 32px;
  background: #fff;
  text-align: center;
}

.basket__price {
  text-align: right;
  width: 144px;
}

.basket__price p {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.basket__price p + p {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
}

.basket__price p:not(:last-of-type) {
  margin-bottom: 4px;
}

.basket__control-bt {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

.basket__control-bt i {
  width: 1px;
  height: 24px;
  background: #e1e1e3;
}

.basket__control-bt a {
  width: 24px;
  height: 24px;
  color: #999;
}

.basket__control-bt a:hover {
  color: #0e0e0e;
}

.basket__box {
  display: flex;
  gap: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.basket__box._clone {
  display: none;
}

.basket__desc-box {
  display: flex;
}

.basket__price-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

.basket__insurance {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 16px 0 0 144px;
}

.basket__insurance-box {
  font-size: 14px;
  line-height: 16px;
}

.basket__insurance-title {
  font-weight: 600;
  margin-bottom: 8px;
}

.basket__insurance-text {
  font-size: 14px;
}

.basket__insurance-remove {
  width: 24px;
  height: 24px;
  color: #999;
}

.basket__insurance-remove:hover {
  color: #0e0e0e;
}

.basket__insurance-remove * {
  pointer-events: none;
}

.basket__insurance-price {
  font-weight: 600;
  line-height: 20px;
}

.basket__insurance-control {
  display: flex;
  align-items: center;
  gap: 4px;
}

.basket__control-mob-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(25, 25, 27, 0.7);
  z-index: 21;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
}

.basket__control-open {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: url(../img/icon/open-control.svg) 50% 50% no-repeat;
}

.basket__control-mob {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0;
  top: auto;
  border-radius: 12px 12px 0 0;
  background: #fff;
  padding-bottom: var(--safe-area-inset-bottom, 0);
  overflow: hidden;
  transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
  z-index: 22;
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.basket__control-mob-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.basket__control-mob-title-box {
  position: relative;
  padding: 20px 12px 16px;
  border-bottom: 1px solid #e1e1e3;
}

.basket__control-mob-close {
  position: absolute;
  top: 24px;
  right: 20px;
}

.basket__control-mob-close * {
  pointer-events: none;
}

.basket__control-mob-link {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #0e0e0e;
  font-size: 14px;
  white-space: nowrap;
  padding: 12px;
  height: 48px;
  border-bottom: 1px solid #e1e1e3;
}

.basket__control-mob-link_remove {
  color: #d70015;
}

.basket__control-mob-link * {
  pointer-events: none;
}

.basket__control-mob-remove {
  display: none;
  padding: 20px 12px;
}

.basket__control-mob-title-text {
  line-height: 20px;
  margin-bottom: 32px;
}

.basket__control-mob-remove .basket__control-mob-title-box {
  padding: 0;
  border: none;
  margin-bottom: 12px;
}

.basket__control-mob-remove .basket__control-mob-close {
  top: 0;
  right: 0;
}

.basket__sidebar {
  position: sticky;
  top: 140px;
  width: 440px;
  padding: 32px;
  border-radius: 12px;
  border: 1px solid #e1e1e3;
  background: #fff;
}

.basket__sidebar._hide .basket__dl,
.basket__sidebar._hide .basket__promocode-box,
.basket__sidebar._hide .basket__sidebar-kredit,
.basket__sidebar._hide .basket__sidebar-result {
  display: none;
}

.basket__sidebar._hide .basket__sidebar-massage {
  display: block;
}

.basket__sidebar._clone {
  display: none;
}

.basket__sidebar-sum-box {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e1e1e3;
}

.basket__sidebar-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
}

.basket__sidebar-massage {
  display: none;
  color: #7d7d7d;
  margin-top: 8px;
}

.basket__dl {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 24px;
}

.basket__dl::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px dotted #afafaf;
}

.basket__dl dt {
  position: relative;
  background: #fff;
  z-index: 1;
}

.basket__dl dd {
  position: relative;
  background: #fff;
  font-weight: 600;
  z-index: 1;
}

.basket__sidebar-sale dd {
  color: #d70015;
}

.basket__sidebar-sale._active .basket__sidebar-sale-link {
  color: #7d7d7d;
}

.basket__sidebar-sale._active .basket__sidebar-sale-link svg {
  transform: rotate(180deg);
}

.basket__sidebar-sale._active ~ .basket__sidebar-sale-detaile-container {
  display: block;
}

.basket__sidebar-sale-detaile {
  font-size: 14px;
  margin: 8px 0 0;
}

.basket__sidebar-sale-detaile dd {
  font-weight: 400;
  color: #d70015;
}

.basket__sidebar-sale-link {
  display: flex;
  align-items: center;
  gap: 8px;
}

.basket__sidebar-sale-link:hover {
  color: #7d7d7d;
}

.basket__sidebar-sale-link * {
  pointer-events: none;
}

.basket__sidebar-sale-link svg {
  width: 20px;
  height: 20px;
  transition: transform 0.2s;
}

.basket__sidebar-sale-detaile-container {
  display: none;
}

.basket__sidebar-kredit {
  margin-top: 8px;
}

.basket__sidebar-result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.basket__sidebar-result dt {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.basket__sidebar-result dd {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

.basket__promocode-box {
  position: relative;
  margin-bottom: 24px;
}

.basket__promocode-box._ok:before {
  content: attr(data-ok);
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  padding-left: 24px;
  background: url(../img/icon/promo-ok.svg) 0 50% no-repeat;
  color: #5c9cfc;
  font-size: 12px;
  line-height: 16px;
}

.basket__promocode-box._ok .basket__promocode {
  border-color: #e1e1e3;
}

.basket__promocode-box._ok .basket__promocode-button {
  display: none;
}

.basket__promocode-box._error {
  border-color: red;
}

.basket__promocode-box._error:before {
  content: attr(data-error);
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  padding-left: 24px;
  background: url(../img/icon/promo-error.svg) 0 50% no-repeat;
  color: #d70015;
  font-size: 12px;
  line-height: 16px;
}

.basket__promocode-box._error .basket__promocode {
  border-color: #d70015;
}

.basket__promocode-box._error .basket__promocode-button {
  display: none;
}

.basket__promocode-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  opacity: 0;
  visibility: hidden;
}

.basket__promocode {
  width: 100%;
  border-radius: 8px;
  border: 0.5px solid #e1e1e3;
  background: #f5f5f7;
  height: 48px;
  line-height: 47px;
  font-size: 16px;
  color: #000;
  padding: 0 20px;
}

.basket__promocode::-moz-placeholder {
  color: #7d7d7d;
}

.basket__promocode::placeholder {
  color: #7d7d7d;
}

.basket__promocode:focus::-moz-placeholder {
  color: transparent;
}

.basket__promocode:focus::placeholder {
  color: transparent;
}

.basket__promocode._active,
.basket__promocode:focus {
  border-color: #7d7d7d;
  background: #fff;
}

.basket__promocode._active ~ .basket__promocode-button,
.basket__promocode:focus ~ .basket__promocode-button {
  opacity: 1;
  visibility: visible;
}

.basket__popular,
.basket__popular .popular-slider__content {
  margin-bottom: 0;
}

.basket .categories,
.basket .popular-slider__content {
  margin-bottom: 120px;
}

.basket .categories h1,
.basket .popular-slider__content h1 {
  margin-top: 0;
}

.basket .viewed {
  margin-bottom: 0;
}

.breadcrumps {
  color: #7d7d7d;
  margin-top: 12px;
  font-size: 12px;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.breadcrumps::-webkit-scrollbar {
  width: 0;
  height: 0;
  opacity: 0;
}

.breadcrumps::-webkit-scrollbar-track {
  background: 0 0;
  width: 0;
  height: 0;
}

.breadcrumps::-webkit-scrollbar-thumb {
  background-color: transparent;
  width: 0;
  height: 0;
}

.breadcrumps__wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding-bottom: 4px;
}

.breadcrumps span {
  display: inline-flex;
  white-space: nowrap;
}

.breadcrumps a {
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 10px;
  white-space: nowrap;
}

.breadcrumps a:before {
  content: "";
  width: calc(100% - 24px);
  height: 1px;
  background: 0 0;
  position: absolute;
  top: calc(100% + 3px);
  left: -1px;
  transition: background-color 0.3s;
}

.breadcrumps a:hover {
  color: #0e0e0e;
}

.breadcrumps a:hover:before {
  background-color: #0e0e0e;
}

.breadcrumps a:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/icon/arrow-right-bl.svg) 50% 50%/contain no-repeat;
}

.card-sliders {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 605px;
  justify-content: space-between;
  z-index: 2;
}

.card-sliders__main-wrapper {
  opacity: 0;
}

.card-sliders__main-wrapper.slick-initialized {
  opacity: 1;
}

.card-sliders__main-box {
  position: relative;
  width: calc(100% - 102px);
  max-width: 457px;
  margin-top: 25px;
}

.card-sliders__main {
  margin: 0;
}

.card-sliders__main .slick-arrow {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #e1e1e3;
  color: #0e0e0e;
  background: #fff;
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  opacity: 0;
  visibility: hidden;
  transition: border 0.2s, opacity 0.2s, visibility 0.2s;
  z-index: 2;
}

.card-sliders__main .slick-arrow svg {
  width: 24px;
  height: 24px;
}

.card-sliders__main .slick-arrow.slick-next {
  left: auto;
  right: 0;
  transform: rotate(0);
}

.card-sliders__main .slick-arrow.slick-prev {
  left: 0;
  transform: rotate(180deg);
}

.card-sliders__main .slick-arrow:hover {
  border: 1.5px solid #999;
}

.card-sliders__main .slick-arrow_prev {
  transform: rotate(180deg);
}

.card-sliders .slick-dots {
  display: none !important;
  align-items: center;
  justify-content: center;
  bottom: 0 !important;
  width: 204px;
  font-size: 0;
  list-style: none;
  margin: 0 auto;
  gap: 8px;
}

.card-sliders .slick-dots li {
  width: 40px;
}

.card-sliders .slick-dots li button {
  width: 100%;
  height: 2px;
  padding: 10px 0;
  border: none;
  opacity: 1;
  background: 0 0;
}

.card-sliders .slick-dots li button:before {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  border-radius: 2px;
  background: #e1e1e3;
  opacity: 1;
  border: none;
}

.card-sliders .slick-dots li.slick-active button:before {
  background: #0e0e0e;
}

.card-sliders__thumb-box {
  position: relative;
  width: 90px;
  height: 408px;
  margin-top: 40px;
}

.card-sliders__thumb-box_hide {
  display: none;
}

.card-sliders__thumb-box_hide ~ .card-sliders__main-box {
  margin-left: 86px;
}

.card-sliders__thumb {
  height: 100%;
  margin: 0;
}

.card-sliders__thumb .slick-arrow {
  border: none !important;
  left: 50%;
  transition: transform 0.3s;
}

.card-sliders__thumb .slick-arrow.slick-next {
  bottom: -40px;
  transform: translateX(-50%) rotate(90deg);
}

.card-sliders__thumb .slick-arrow.slick-next:hover {
  transform: translateX(-50%) translateY(5px) rotate(90deg);
}

.card-sliders__thumb .slick-arrow.slick-prev {
  top: -40px;
  transform: translateX(-50%) rotate(-90deg);
}

.card-sliders__thumb .slick-arrow.slick-prev:hover {
  transform: translateX(-50%) translateY(-5px) rotate(-90deg);
}

.card-sliders__thumb .slick-arrow svg {
  width: 24px;
  height: 24px;
  color: #0e0e0e;
}

.card-sliders__thumb_small .slick-list {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.card-sliders .slick-current .card-sliders__thumb-slide-content {
  border-color: #0e0e0e;
}

.card-sliders__thumb-slide {
  border-radius: 8px;
  width: 90px;
}

.card-sliders__thumb-slide-content {
  border: 2px solid transparent;
  transition: border-color 0.3s;
  width: 90px;
  border-radius: 8px;
}

.card-sliders__thumb-slide-content:hover {
  border-color: #7d7d7d;
}

.slick-arrow {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #e1e1e3;
  color: #0e0e0e;
  background: #fff;
  transition: border 0.2s, opacity 0.2s, visibility 0.2s;
  left: 50%;
  right: auto;
  top: auto;
  bottom: auto;
  margin: 0;
  transform: translateX(-50%);
  width: 40px;
  height: 43px;
}

.slick-arrow::after,
.slick-arrow:before {
  display: none;
}

.slick-arrow * {
  pointer-events: none;
}

.slick-arrow.slick-next {
  transform: translateX(-50%) rotate(180deg);
}

.slick-arrow svg {
  width: 24px;
  height: 24px;
  color: #0e0e0e;
}

.card {
  margin-bottom: 42px;
}

.card h1 {
  margin-bottom: 12px;
}

.card__content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 2;
}

.card__description {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 36px;
  gap: 0 31px;
}

.card__control {
  display: flex;
  gap: 16px;
  width: 100%;
  justify-content: flex-end;
  margin-bottom: 0;
}

.card__control-select-title {
  padding: 16px;
  border-bottom: 1px solid #e1e1e3;
  font-size: 19px;
  font-weight: 700;
}

.card__control-link-box {
  position: relative;
  z-index: 6;
}

.card__control-link-box._active .card__control-select {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.card__control-link-box._active .card__control-bg {
  display: block;
}

.card__control-link {
  display: flex;
  align-items: center;
  position: relative;
  gap: 8px;
  color: #0e0e0e;
  font-size: 14px;
}

.card__control-link * {
  pointer-events: none;
}

.card__control-link:hover {
  color: #7d7d7d;
}

.card__control-link svg {
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.card__control-link_compare:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/icon/compare-item.svg) 50% 50%/24px 24px no-repeat;
  opacity: 0;
  transition: opacity 0.3s;
}

.card__control-link_compare_active {
  color: #0e0e0e !important;
}

.card__control-link_compare_active:before {
  opacity: 1;
}

.card__control-link_favorites:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/icon/favorite-fill-item.svg) 50% 50%/24px 24px no-repeat;
  opacity: 0;
  transition: opacity 0.3s;
}

.card__control-link_favorites_active {
  color: #0e0e0e !important;
}

.card__control-link_favorites_active:before {
  opacity: 1;
}

.card__control-bg {
  display: none;
}

.card__control-select {
  position: absolute;
  top: 100%;
  left: -20px;
  display: flex;
  flex-flow: column;
  width: 204px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(175, 175, 175, 0.2);
  transform: translateY(-8px);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
  overflow: hidden;
}

.card__control-select-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  font-size: 14px;
}

.card__control-select-link:hover {
  color: #0e0e0e;
  background: #eeeef0;
}

@media screen and (max-width: 767px) {
  .card__control-select-link:hover {
    background: none;
  }
}
.card__control-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  color: #7d7d7d;
}

.card__control-close svg {
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.card__preview {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 480px);
  position: relative;
}

.card__tabs._mobile {
  display: none;
}

.cart-fixed {
  position: fixed;
  top: 105px;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 12px 0;
  box-shadow: 0 24px 38px 0 rgba(155, 155, 155, 0.14), 0 9px 46px 0 rgba(155, 155, 155, 0.12), 0 11px 15px 0 rgba(155, 155, 155, 0.2);
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.cart-fixed._show {
  opacity: 1;
  visibility: visible;
}

.cart-fixed__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart-fixed__item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cart-fixed__item-text {
  width: calc(100% - 56px);
}

.cart-fixed__item-img {
  width: 48px;
  height: 48px;
}

.cart-fixed__item-name {
  font-weight: 600;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-fixed__item-controll {
  display: flex;
  gap: 16px;
}

.cart-fixed__item-controll a {
  font-weight: 600;
  font-size: 14px;
  color: #2a65c5;
}

.cart-fixed__item-controll i {
  display: block;
  width: 1px;
  height: 17px;
  background: #e1e1e3;
}

.cart-fixed__price-content {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 280px;
}

.cart-fixed__price-box {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.cart-fixed__price-box p:not([class]) {
  font-size: 24px;
  font-weight: 800;
  white-space: nowrap;
}

.cart-fixed__price-box p:not([class]) span {
  font-size: 16px;
}

.cart-fixed__price-box p:not([class]) + p:not([class]) {
  font-weight: 400;
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
  margin-left: 8px;
}

.cart-fixed__buy {
  display: flex;
  align-items: center;
}

.cart-fixed .cart-fixed__buy-button {
  width: 229px;
  font-size: 16px;
  margin-left: 24px;
}

.cart-fixed .cart-fixed__buy-button * {
  pointer-events: none;
}

.cart-fixed .cart-fixed__buy-button.catalog-body__basket_active {
  color: #0e0e0e;
}

.cart-fixed .cart-fixed__buy-button:hover {
  background-image: none;
}

.cart-fixed .cart-fixed__buy-button_small {
  display: none;
  font-size: 16px;
  margin-left: 24px;
}

.cart-fixed .cart-fixed__buy-button_small * {
  pointer-events: none;
}

.cart-fixed__buy-controll {
  display: flex;
  gap: 16px;
  margin-left: 16px;
}

.cart-fixed__buy-controll .catalog-body__control-icon {
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 1023px) {
  .swiper-slide .catalog-body__control-icon-box-wrapper {
    right: 3px;
    top: 10px;
  }
}
.catalog-body__control-icon-box-wrapper {
  position: absolute;
  top: 20px;
  right: 14px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

@media screen and (max-width: 1023px) {
  .catalog-body__control-icon-box-wrapper {
    right: 12px;
    top: 12px;
  }
}
.catalog-body__control-icon-box {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 5px;
  z-index: 1;
}

.cart-fixed__price-order {
  position: relative;
  display: block;
  width: 100%;
  text-align: right;
  max-width: 120px;
  font-size: 14px;
}

.cart-fixed__price-order a {
  color: #2a65c5;
}

.cart-fixed__price-order._active .cart-fixed__price-order-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.cart-fixed__price-order._active .cart-fixed__price-order-tooltip-bg {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.cart-fixed__price-order-tooltip {
  position: absolute;
  top: calc(100% + 20px);
  left: 34px;
  width: 286px;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.3s;
}

.cart-fixed__price-order-tooltip:before {
  content: "";
  left: 38px;
  position: absolute;
  border: 22px solid transparent;
}

.cart-fixed__price-order-tooltip-bg {
  display: none;
}

.cart-fixed__price-order-tooltip-container {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 38px 0 #e1e1e1, 0 0 46px 0 rgba(225, 225, 225, 0.12), 0 0 15px 0 rgba(225, 225, 225, 0.2);
  padding: 16px;
}

.cart-fixed .cart-fixed__price-order-tooltip-close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
  height: 24px;
  color: #999;
}

.cart-fixed .cart-fixed__price-order-tooltip-close * {
  pointer-events: none;
}

.cart-fixed .cart-fixed__price-order-tooltip-close:hover {
  color: #0e0e0e;
}

.cart-fixed__price-order-tooltip-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

.cart-fixed__price-order-tooltip-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 8px;
}

.cart-fixed__price-order-tooltip-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart-fixed__price-order-tooltip-box span {
  color: #0e0e0e;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
}

.cart-fixed__price-order-tooltip-box .cart-purchase__guarantee-link-remove {
  width: 24px;
  height: 24px;
  color: #999;
}

.cart-fixed__price-order-tooltip-box .cart-purchase__guarantee-link-remove:hover {
  color: #0e0e0e;
}

.head-hide .cart-fixed {
  display: none;
}

.cart-parameter {
  width: 398px;
  margin-top: 64px;
}

.cart-parameter__title {
  font-size: 14px;
  margin-bottom: 8px;
}

.cart-parameter__color-tooltip {
  width: auto !important;
  font-size: 14px;
  pointer-events: none;
}

.cart-parameter__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.cart-parameter__color-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #999;
}

.cart-parameter__color-item._active {
  border: 2px solid #7d7d7d;
}

.cart-parameter__color-item_bg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.cart-parameter__color-item_bg:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color);
  border-radius: 50%;
  border: 1px solid #fff;
}

.cart-parameter__color-item:hover {
  border-color: #0e0e0e;
}

.cart-parameter__radio {
  border-radius: 8px;
  border: 1px solid #7d7d7d;
  background: #fff;
  font-size: 14px;
  padding: 0 12px;
  height: 36px;
  line-height: 34px;
}

.cart-parameter__radio:hover {
  color: #0e0e0e;
  border-color: #0e0e0e;
}

.cart-parameter__radio._active {
  border: 2px solid #0e0e0e;
}

.cart-parameter__title-big {
  margin-bottom: 12px;
  font-weight: 700;
}

.cart-parameter__characteristics-dl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 14px;
  gap: 2px;
}

.cart-parameter__characteristics-dt {
  position: relative;
  color: #7d7d7d;
  width: 50%;
  padding-right: 16px;
}

.cart-parameter__characteristics-dt:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 0.5px dashed #b9b9b9;
  top: 13px;
  left: 0;
}

.cart-parameter__characteristics-dt .cart-parameter__info {
  top: auto;
  bottom: -2px;
  position: absolute;
  right: -21px;
  width: 19px;
  height: 19px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 0;
}

.cart-parameter__characteristics-dt span {
  position: relative;
  display: inline;
  background: #fff;
  z-index: 1;
}

.cart-parameter__characteristics-dd {
  width: calc(50% - 2px);
}

.cart-parameter__characteristics-link {
  display: inline-block;
  margin-top: 8px;
  color: #2a65c5;
}

.cart-parameter__characteristics-link:hover {
  color: #0c47a7;
}

.cart-parameter__info,
.cart-parameter__char {
  position: relative;
  top: 0px;
  right: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: color 0.3s;
  color: #999;
}

.cart-parameter__info._active,
.cart-parameter__char._active {
  color: #0e0e0e;
}

.cart-parameter__info svg,
.cart-parameter__char svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.cart-purchase {
  width: 440px;
  position: sticky;
  top: var(--top, 118px);
  margin-top: 64px;
}

.cart-purchase._mobile {
  display: none;
}

.cart-purchase__box {
  border-radius: 12px;
  border: 1px solid #e1e1e3;
  background: #fff;
  padding: 24px;
  margin-bottom: 8px;
}

.cart-purchase__buy {
  padding: 32px;
}

.cart-purchase__buy-insurance {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #2a65c5;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 16px;
}

.cart-purchase__order {
  font-size: 14px;
  margin-bottom: 16px;
}

.cart-purchase__buy-price p {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}

.cart-purchase__buy-price p + p {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-decoration: line-through;
  margin-bottom: 4px;
}

.cart-purchase__buy-credit {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px 4px 12px;
  border-radius: 8px;
  background: #f5f5f7;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 16px;
}

.cart-purchase__buy-credit p {
  padding: 4px 0;
}

.cart-purchase__buy-credit a {
  color: #2a65c5;
}

.cart-purchase__buy-credit a:hover {
  color: #0c47a7;
}

.cart-purchase .cart-parameter__info svg {
  width: 16px;
  height: 16px;
}

.cart-purchase__shop a {
  font-size: 16px;
  color: #2a65c5;
}

.cart-purchase__shop a:hover {
  color: #0c47a7;
}

.cart-purchase__benefit {
  display: block;
  position: relative;
  border-radius: 8px;
  background: #f5f5f7;
  font-weight: 500;
  line-height: 1.125;
  letter-spacing: -0.078px;
  color: #0e0e0e;
  padding: 12px 16px;
}

.cart-purchase__benefit:hover {
  background: #e1e1e3;
  color: #0e0e0e;
}

.cart-purchase__benefit:before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  right: 12px;
  background: url(../img/icon/arrow-left-link.svg) 50% 50% no-repeat;
}

.cart-purchase__benefit span {
  color: #7d7d7d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.286;
}

.cart-purchase__benefit p {
  margin-bottom: 4px;
}

.cart-purchase__guarantee {
  padding: 24px 24px 16px;
  overflow: hidden;
}

.cart-purchase__guarantee-text {
  line-height: 1.25;
  font-weight: 600;
  margin-bottom: 12px;
}

.cart-purchase__guarantee-price {
  line-height: 1.25;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
}

.cart-purchase__guarantee-price span {
  font-weight: 600;
}

.cart-purchase__guarantee-link-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid #e1e1e3;
}

.cart-purchase__guarantee-link-remove {
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #999;
}

.cart-purchase__guarantee-link-remove * {
  pointer-events: none;
}

.cart-purchase__guarantee-link-remove:hover {
  color: #0e0e0e;
}

.cart-purchase__guarantee-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.25;
  color: #2a65c5;
  width: 100%;
}

.cart-purchase__guarantee-link:hover {
  color: #0c47a7;
}

.cart-purchase__guarantee-link svg {
  width: 24px;
  height: 24px;
}

.cart-purchase__tradein {
  padding: 14px 20px;
  margin-bottom: 20px;
}

.cart-purchase__tradein-link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #2a65c5;
}

.cart-purchase__tradein-link:hover {
  color: #0c47a7;
}

.cart-purchase__tradein-link:hover svg {
  transform: rotate(720deg);
}

.cart-purchase__tradein-link svg {
  width: 24px;
  height: 24px;
  transition: transform 0.2s;
}

.cart-purchase__not-price {
  color: #7d7d7d;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 16px;
}

.cart-purchase__buy-button {
  margin-bottom: 16px;
  font-size: 16px !important;
}

.cart-purchase__buy-button.catalog-body__basket_active {
  color: #0e0e0e;
}

.cart-purchase__buy-button * {
  pointer-events: none;
}

.cart-purchase__buy-button-not {
  font-size: 16px;
}

.cart-purchase__complect {
  padding: 24px;
}

.cart-purchase__complect._mobile {
  display: none;
}

.cart-purchase__complect-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
}

.cart-purchase__complect-foot {
  border-top: 1px solid #e1e1e3;
  padding-top: 20px;
  margin-top: 16px;
}

.cart-purchase__complect-foot .cart-purchase__buy-discount-name {
  cursor: default;
}

.cart-purchase__complect-foot .cart-purchase__buy-button {
  margin-bottom: 0;
}

.cart-purchase__complect-foot dl {
  display: grid;
  grid-template-columns: 100px 1fr;
  margin-bottom: 8px;
}

.cart-purchase__complect-foot dl + span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  text-align: right;
  margin-bottom: 16px;
}

.cart-purchase__complect-foot dt {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.cart-purchase__complect-foot dd {
  text-align: right;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.cart-purchase__complect-foot dd p {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.catalog-mini {
  display: flex;
  flex-flow: column;
  list-style: none;
  gap: 12px;
}

.catalog-mini__item {
  position: relative;
}

.catalog-mini__item:hover .catalog-mini__controll {
  opacity: 1;
  visibility: visible;
}

.catalog-mini__link {
  display: grid;
  padding: 7px;
  grid-template-columns: 68px 1fr;
  gap: 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #fff;
}

.catalog-mini__link:hover {
  color: #0e0e0e;
  border-radius: 12px;
  border: 1px solid #e1e1e3;
}

.catalog-mini__img-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.catalog-mini__img-box img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.catalog-mini__text {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.catalog-mini__name {
  font-size: 14px;
  margin-bottom: 7px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.catalog-mini__ptice {
  position: relative;
  display: flex;
  align-items: center;
  color: #0e0e0e;
  gap: 6px;
  font-size: 16px;
  font-weight: 600;
}

.catalog-mini__ptice span {
  font-size: 12px;
}

.catalog-mini__ptice p + p {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}

.catalog-mini__replace {
  position: absolute;
  bottom: 0;
  font-weight: 400;
  font-size: 16px !important;
  left: 0;
  color: #2a65c5;
  width: 80px;
  line-height: 1.25;
  transition: color 0.3s;
  cursor: pointer;
}

.catalog-mini__replace:hover {
  color: #0c47a7;
}

.catalog-mini_complect {
  margin-bottom: 0;
}

.catalog-mini_complect .catalog-mini__link {
  grid-template-columns: 100px 1fr;
  padding: 10px 0;
  border: none;
  cursor: default;
}

.catalog-mini_complect .catalog-mini__link:hover {
  border: none;
}

.catalog-mini_complect .catalog-mini__name {
  transition: color 0.3s;
  cursor: pointer;
  line-height: 20px;
  -webkit-line-clamp: 3;
  margin-bottom: 0;
}

.catalog-mini_complect .catalog-mini__name:hover {
  color: #7d7d7d;
}

.catalog-mini_complect .catalog-mini__item:not(:last-child) {
  padding: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.catalog-mini_complect .catalog-mini__text {
  justify-content: flex-start;
  padding: 0;
}

.catalog-mini_complect .catalog-mini__ptice {
  justify-content: flex-end;
  margin-top: 16px;
  font-weight: 600;
}

.catalog-mini_complect .catalog-mini__ptice p + p {
  order: -1;
}

.catalog-mini__controll {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 6px;
  top: 6px;
  gap: 6px;
  align-items: center;
  transition: opacity 0.3s, visibility 0.3s;
  display: flex;
}

.catalog-mini__controll .catalog-body__control-icon,
.catalog-mini__controll .catalog-body__control-icon svg {
  width: 24px;
  height: 24px;
}

.catalog-mini__controll .catalog-body__control-icon .catalog-body__control-icon.catalog-body__favorites:before,
.catalog-mini__controll .catalog-body__control-icon.catalog-body__control-icon.catalog-body__compare:before,
.catalog-mini__controll .catalog-body__control-icon.catalog-body__control-icon_active.catalog-body__favorites:before {
  background-size: 24px 24px;
}

.catalog-body {
  display: flex;
  gap: 16px;
}

.catalog-body__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 17px -12px 0;
  width: calc(100% + 24px);
  border-top: 0.5px solid #e1e1e3;
}

.catalog-body__item {
  position: relative;
  width: 50%;
  padding: 12px;
  border-bottom: 0.5px solid #e1e1e3;
  transition: box-shadow 0.3s;
}

.catalog-body__item:nth-child(2n+1) {
  border-right: 0.5px solid #e1e1e3;
}

.catalog-body__img-sl {
  max-width: 100%;
  margin: 0 auto;
  margin-right: 20px;
  background: #fff;
}

.catalog-body__img-sl .overlay-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1;
}

.catalog-body__img-sl .overlay-block-item {
  flex: 1;
  cursor: pointer;
}

.catalog-body__img-sl-slide {
  position: relative;
  height: 0;
  padding-top: 100%;
}

.catalog-body__img-sl-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  min-width: 110px;
  max-width: calc(100% - 50px);
}

.catalog-body__img-sl-wrapper {
  position: relative;
}

.catalog-body__img-sl-pagination {
  bottom: 0 !important;
}

.catalog-body__img-sl-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 3px;
  border-radius: 2px;
  background: #e1e1e3;
  opacity: 1;
}

.catalog-body__img-sl-pagination .swiper-pagination-bullet-active {
  background: #0e0e0e;
}

.catalog-body__in-order {
  font-size: 14px;
  color: #0060d5;
}

.catalog-body__in-order.text-black {
  color: #000;
  flex-grow: 1;
  text-align: right;
}

.catalog-body__in-order.catalog-body__in-order__msk {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 6px;
       column-gap: 6px;
}

@media screen and (max-width: 1023px) {
  .catalog-body__in-order.catalog-body__in-order__msk {
    -moz-column-gap: 3px;
         column-gap: 3px;
  }
}
.catalog-body__in-order.catalog-body__in-order__msk svg {
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 1023px) {
  .catalog-body__in-order.catalog-body__in-order__msk svg {
    width: 13px;
    height: 13px;
  }
}
@media screen and (max-width: 1023px) {
  .catalog-body__in-order {
    font-size: 11px;
  }
}
.catalog-body__img {
  display: block;
  position: relative;
  width: 100%;
  background: url(../img/icon/no-photo.svg) 50% 50% no-repeat;
  transition: none;
  margin: 0 auto 18px;
  background: #fff;
}

.catalog-body__label-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  z-index: 2;
}

.catalog-body__label {
  position: relative;
  border-radius: 4px;
  background-color: var(--bg);
  color: var(--color);
  padding: 2px 6px;
  font-size: 10px;
  line-height: 14px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.catalog-body__label.catalog-body__label_big {
  padding: 2px 6px;
  font-size: 10px;
  line-height: 14px;
}

.catalog-body__label:hover .catalog-body__label-hide {
  opacity: 1;
  visibility: visible;
}

.catalog-body__name {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 12px;
  min-height: 3.6em;
  transition: color 0.3s;
}

.catalog-body__price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
}

.catalog-body__price p:not([class]) {
  font-size: 14px;
  font-weight: 600;
}

.catalog-body__price p:not([class]) span {
  font-size: 12px;
}

.catalog-body__price p:not([class]) + p:not([class]) {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  text-decoration: line-through;
}

.catalog-body__price-sale {
  color: #fff;
  border-radius: 50px;
  background: rgba(215, 0, 21, 0.86);
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  padding: 0 3px;
}

.catalog-body__price-info {
  position: relative;
  line-height: 0;
}

.catalog-body__price-info i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: color 0.3s;
  color: #999;
}

.catalog-body__price-info i._active {
  color: #0e0e0e;
}

.catalog-body__price-info i svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.catalog-body__price-info-content {
  position: absolute;
  top: calc(100% + 14px);
  left: -44px;
  font-size: 14px;
  background: #fff;
  font-style: normal;
  padding: 16px;
  line-height: normal;
  border-radius: 8px;
  box-shadow: 0 0 15px 0 rgba(225, 225, 225, 0.2), 0 0 46px 0 rgba(225, 225, 225, 0.12), 0 10px 38px 0 #e1e1e1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  width: 286px;
  z-index: 3;
  pointer-events: none;
}

.catalog-body__price-info-content:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 31px;
  border: 21px solid transparent;
  border-bottom-color: #fff;
  z-index: 2;
  transition: opacity 0.3s, visibility 0.3s;
}

.catalog-body__price-info-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 11px;
}

.catalog-body__price-info-close {
  position: absolute;
  top: 24px;
  right: 20px;
}

.catalog-body__price-info-close * {
  pointer-events: none;
}

.catalog-body__price-info-text {
  font-size: 12px;
}

.catalog-body__price-info-content-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  background: rgba(0, 0, 0, 0.7);
}

.catalog-body__price-info-content-box {
  position: relative;
  z-index: 1;
}

.catalog-body__price-not {
  font-weight: 700;
  color: #7d7d7d;
  font-size: 14px;
}

.catalog-body__order {
  font-size: 14px;
  border: 2px solid #0e0e0e;
  transition: 0.2s ease-out;
}

.catalog-body__order:hover {
  border-color: #3a3a3c;
}

@media screen and (max-width: 767px) {
  .catalog-body__order:hover {
    border-color: #0e0e0e;
  }
}
.catalog-body__basket-complect {
  font-size: 14px;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 2px solid #0e0e0e;
  padding: 0 18px;
  transition: 0.2s ease-out;
}

.catalog-body__basket-complect:hover {
  border-color: #3a3a3c;
}

@media screen and (max-width: 767px) {
  .catalog-body__basket-complect:hover {
    border-color: #0e0e0e;
  }
}
.catalog-body__basket-complect_active,
.catalog-body__basket-complect_active:hover {
  background-color: #fff;
  border: 2px solid #0e0e0e;
  color: #0e0e0e;
}

.catalog-body__basket {
  min-width: 127px;
  font-size: 14px;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 2px solid #0e0e0e;
  padding: 0 18px;
  transition: 0.2s ease-out;
}

.catalog-body__basket:hover {
  border-color: #3a3a3c;
}

@media screen and (max-width: 767px) {
  .catalog-body__basket:hover {
    border-color: #0e0e0e;
  }
}
.catalog-body__basket_active,
.catalog-body__basket_active:hover {
  background-color: #fff;
  border: 2px solid #0e0e0e;
  color: #0e0e0e;
}

.catalog-body__massage {
  font-size: 14px;
  width: 100%;
  text-align: center;
  padding: 0 10px;
  line-height: 1em;
}

.catalog-body__term {
  text-align: center;
  padding: 0;
  font-size: 12px;
  width: 89px;
}

.catalog-body__control {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.catalog-body__control-icon {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #999;
  transition: color 0.3s;
}

.catalog-body__control-icon.catalog-body__favorites:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/icon/favorite-fill-item.svg) 50% 50%/24px 24px no-repeat;
  opacity: 0;
  transition: opacity 0.3s;
}

.catalog-body__control-icon.catalog-body__compare:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/icon/compare-item.svg) 50% 50%/24px 24px no-repeat;
  opacity: 0;
  transition: opacity 0.3s;
}

.catalog-body__control-icon svg {
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.catalog-body__control-icon_active {
  color: #0e0e0e;
}

.catalog-body__control-icon_active:hover {
  color: #0e0e0e !important;
}

.catalog-body__control-icon_active.catalog-body__compare:before,
.catalog-body__control-icon_active.catalog-body__favorites:before {
  opacity: 1;
}

.catalog-body__control-icon:hover {
  color: #0e0e0e;
}

.catalog-body__characteristics {
  display: none;
  font-size: 14px;
  padding-bottom: 4px;
}

.catalog-body__characteristics dl {
  margin-bottom: 8px;
  display: flex;
  gap: 4px;
}

.catalog-body__characteristics dt {
  color: #999;
}

.catalog-body__rating {
  display: none;
  font-size: 14px;
  gap: 12px;
}

.catalog-body__rating-grade {
  padding-left: 23px;
  background: url(../img/icon/rating.svg) 0 50% no-repeat;
  font-weight: 800;
}

.catalog-body__rating-comments {
  color: #999;
}

.catalog-body__rating-comments:hover {
  color: #0e0e0e;
}

.catalog-body__control_item-ok {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.catalog-body:not(.catalog-body_list) .catalog-body__control_item-ok {
  display: flex;
  justify-content: space-between;
}

.catalog-body:not(.catalog-body_list) .catalog-body__control_order {
  display: grid;
  grid-template-columns: 1fr 80px;
  gap: 5px;
}

.touchevents .catalog-body__img-sl .overlay-block {
  display: none;
}

.catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__img-sl-slide img {
  min-width: 110px;
  max-width: calc(100% - 50px);
}

.catalog-chips {
  display: none;
  width: 100%;
  gap: 8px;
  margin: 16px -16px -7px;
  overflow: auto;
  border-top: 0.5px solid #e1e1e3;
  padding: 9px 16px 0;
  width: calc(100% + 32px);
}

@media screen and (min-width: 768px) {
  .catalog-chips {
    padding: 0;
    border-top: none;
    width: 100%;
    margin: 12px 0 0;
    gap: 16px;
  }
}
.catalog-chips::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.catalog-chips_active {
  display: flex;
}

.catalog-chips__chip,
.catalog-chips__chip-range,
.catalog-chips__removeAll {
  display: inline-flex;
  align-items: center;
  border: 1px solid #0e0e0e;
  border-radius: 6px;
  padding: 0 8px 0 12px;
  height: 28px;
  cursor: pointer;
  font-size: 12px;
  gap: 4px;
  white-space: nowrap;
}

.catalog-chips__chip span:not(.text),
.catalog-chips__chip-range span:not(.text),
.catalog-chips__removeAll span:not(.text) {
  display: none;
}

.catalog-chips__chip span.text,
.catalog-chips__chip-range span.text,
.catalog-chips__removeAll span.text {
  display: inline-block;
}

.catalog-chips__chip svg,
.catalog-chips__chip-range svg,
.catalog-chips__removeAll svg {
  pointer-events: none;
  color: #999;
  width: 24px;
  height: 24px;
  transition: color 0.3s;
}

.catalog-chips__chip .checkbox-switcher__bg,
.catalog-chips__chip-range .checkbox-switcher__bg,
.catalog-chips__removeAll .checkbox-switcher__bg {
  display: none;
}

.catalog-chips__chip-range:hover,
.catalog-chips__chip-range:hover svg,
.catalog-chips__chip:hover,
.catalog-chips__chip:hover svg,
.catalog-chips__removeAll:hover,
.catalog-chips__removeAll:hover svg {
  color: #0e0e0e;
}

.catalog-chips__removeAll {
  border: none;
  background: #eeeef0;
}

.catalog-control {
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: #f5f5f7;
}

@media screen and (max-width: 1023px) {
  .catalog-control {
    display: none;
  }
}
.catalog-control__button {
  background: #f5f5f7;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: #7d7d7d;
  border-radius: 8px;
}

.catalog-control__button * {
  pointer-events: none;
}

.catalog-control__button:hover {
  color: #0e0e0e;
}

.catalog-control__button_active {
  background: #0e0e0e;
  color: #fff;
  pointer-events: none;
}

.catalog-control__button_active:hover {
  color: #fff;
}

.catalog-filter {
  display: block;
  position: sticky;
  top: 144px;
  background: #fff;
  width: 258px;
}

@media screen and (max-width: 1399px) {
  .catalog-filter {
    width: 243px;
    top: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .catalog-filter {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 9;
  }
}
.catalog-filter .bx-sidebar-block {
  height: 100%;
}

.catalog-filter .bx-filter {
  height: 100%;
}

.catalog-filter .bx-filter-section {
  height: 100%;
  position: relative;
}

.catalog-filter .bx-filter-block {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.catalog-filter .checkbox {
  margin-bottom: 6px;
}

.catalog-filter .checkbox .bx-filter-param-text {
  display: inline-block;
  position: relative;
  padding: 6px 6px 6px 35px;
  font-size: 14px;
}

.catalog-filter .checkbox .bx-filter-param-text b {
  font-weight: 400;
  color: #2a65c5;
}

.catalog-filter .checkbox .bx-filter-param-text:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  width: 18px;
  height: 18px;
  border: 2px solid #d7d7d7;
  border-radius: 4px;
}

.catalog-filter .checkbox .bx-filter-param-text span:not(.text) {
  color: #999;
  font-size: 12px;
}

.catalog-filter .checkbox .bx-filter-input-checkbox {
  overflow: hidden;
}

.catalog-filter .checkbox .bx-filter-input-checkbox input {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
  visibility: inherit;
}

.catalog-filter .checkbox .bx-filter-input-checkbox input:checked ~ .bx-filter-param-text:before {
  background: url(../img/icon/checkbox.svg) 50% 50%/contain no-repeat;
  border-color: #0e0e0e;
  background-size: cover;
}

.catalog-filter .checkbox .bx-filter-input-checkbox input:disabled ~ .bx-filter-param-text {
  color: #999;
  pointer-events: none;
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text {
  padding: 9px 60px 9px 0;
  display: flex;
  font-size: 16px;
  align-items: center;
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text:before {
  display: none !important;
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text:after {
  content: "";
  position: absolute;
  right: 15px;
  width: 19px;
  height: 19px;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.06), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  transition: right 0.7s;
}

@media screen and (max-width: 1023px) {
  .catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text:after {
    width: 27px;
    height: 27px;
    right: 21px;
  }
}
.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text:hover .checkbox-switcher__bg {
  color: #999;
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text span {
  font-size: 12px;
  color: #999;
  margin-left: 4px;
  margin-top: 2px;
}

.catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text .checkbox-switcher__bg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 21.88px;
  color: #d7d7d7;
  border-radius: 14px;
  left: auto;
  right: 0;
  transition: color 0.7s;
  border: none;
}

@media screen and (max-width: 1023px) {
  .catalog-filter .checkbox.checkbox-switcher .bx-filter-param-text .checkbox-switcher__bg {
    width: 51px;
    height: 31px;
  }
}
.catalog-filter .checkbox.checkbox-switcher input:checked ~ .bx-filter-param-text .checkbox-switcher__bg {
  color: #0e0e0e;
}

.catalog-filter .checkbox.checkbox-switcher input:checked ~ .bx-filter-param-text:after {
  right: 1px;
}

.catalog-filter .checkbox:not(.checkbox-switcher) {
  border-radius: 6px;
}

.catalog-filter .checkbox .text {
  transition: color 0.3s;
}

.catalog-filter .checkbox .text::first-letter {
  text-transform: none !important;
}

.catalog-filter .checkbox:hover .text {
  color: #7d7d7d;
}

.catalog-filter .checkbox:hover:not(.checkbox-switcher) {
  color: #0e0e0e;
  background: #eeeef0;
}

.catalog-filter .checkbox:hover:not(.checkbox-switcher) .text {
  color: #0e0e0e;
}

@media screen and (max-width: 767px) {
  .catalog-filter .checkbox:hover:not(.checkbox-switcher) {
    background: none;
  }
}
.catalog-filter .col-xs-12 {
  width: 100%;
}

.catalog-filter .smartfilter {
  max-height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.catalog-filter .smartfilter__title {
  position: relative;
  padding: 17px 20px;
  font-size: 19px;
  font-weight: 700;
  border-bottom: 0.5px solid #e1e1e3;
}

.catalog-filter .smartfilter__close {
  position: absolute;
  top: 20px;
  right: 23px;
  height: 24px;
  width: 24px;
}

.catalog-filter .smartfilter__close * {
  pointer-events: none;
}

.catalog-filter .smartfilter-filterRow {
  display: flow;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  max-height: calc(var(--vh, 1vh) * 100 - 208px);
  margin-bottom: 8px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  padding-right: 10px;
  transition: all 0.3s ease-in-out;
}

.catalog-filter .smartfilter-filterRow::-webkit-scrollbar {
  width: 4px;
}

.catalog-filter .smartfilter-filterRow::-webkit-scrollbar-track {
  background: 0 0;
}

.catalog-filter .smartfilter-filterRow:-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 27px;
}

.catalog-filter .smartfilter-filterRow:hover {
  scrollbar-color: #c3c3c3 transparent;
}

.catalog-filter .smartfilter-filterRow:hover::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
}

@media screen and (max-width: 1023px) {
  .catalog-filter .smartfilter-filterRow {
    max-height: none;
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .catalog-filter .smartfilter-filterRow > div {
    width: 100%;
  }
}
.catalog-filter .smartfilter-buttonRow {
  margin-top: auto;
  margin-bottom: 160px;
  width: 246px;
}

@media screen and (max-width: 1023px) {
  .catalog-filter .smartfilter-buttonRow {
    position: relative;
    border-top: 1px solid #e1e1e3;
    height: -moz-fit-content;
    height: fit-content;
    padding: 12px 20px;
    margin-bottom: 0;
    width: 100%;
  }
  .catalog-filter .smartfilter-buttonRow > div {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .catalog-filter .smartfilter-buttonRow {
    padding: 12px;
  }
}
.catalog-filter .smartfilter-buttonRow .bx-filter-parameters-box-container {
  gap: 8px;
  padding-right: 0;
}

@media screen and (max-width: 1023px) {
  .catalog-filter .smartfilter-buttonRow .bx-filter-parameters-box-container {
    row-gap: 0;
  }
}
.catalog-filter .bx-filter-parameters-box {
  padding-bottom: 22px;
  overflow: hidden;
  transition: padding-top 0.3s;
}

.catalog-filter .bx-filter-parameters-box-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-height: 313px;
  gap: 8px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #c3c3c3 transparent;
}

.catalog-filter .bx-filter-parameters-box-container::-webkit-scrollbar {
  width: 4px;
}

.catalog-filter .bx-filter-parameters-box-container::-webkit-scrollbar-track {
  background: 0 0;
}

.catalog-filter .bx-filter-parameters-box-container::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border-radius: 27px;
}

@media screen and (max-width: 1023px) {
  .catalog-filter .bx-filter-parameters-box-container .catalog-chips {
    margin: 0 0 12px 0;
    scrollbar-color: transparent transparent;
    scrollbar-width: 0;
  }
}
.catalog-filter .bx-filter-parameters-box-title {
  position: relative;
  margin-bottom: 16px;
  font-weight: 700;
  padding-right: 45px;
  cursor: pointer;
  transition: color 0.3s;
}

.catalog-filter .bx-filter-parameters-box-title * {
  pointer-events: none;
}

.catalog-filter .bx-filter-parameters-box-title svg {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.3s;
}

@media screen and (max-width: 1023px) {
  .catalog-filter .bx-filter-parameters-box-title {
    margin-bottom: 12px;
  }
}
.catalog-filter .bx-filter-parameters-box-hint {
  position: relative;
}

.catalog-filter .bx-filter-parameters-box._active .bx-filter-parameters-box-hint:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #2a65c5;
  right: -14px;
  bottom: 6px;
  border-radius: 50%;
}

.catalog-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title svg {
  transform: translateY(-50%);
}

.catalog-filter .bx-filter-parameters-box.bx-active .bx-filter-block {
  max-height: 1000px;
  transition: all 0.3s ease-in-out;
}

.catalog-filter .btn-reset {
  display: inline-flex;
  height: 48px;
  padding: 0 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  font-size: 16px;
  background: 0 0;
  border: 2px solid #0e0e0e;
  color: #0e0e0e;
  transition: 0.3s ease-out;
  width: 100%;
  order: 3;
}

.catalog-filter .btn-reset:hover {
  border-color: #3a3a3c;
  background-color: #3a3a3c;
  color: #fff;
}

.catalog-filter .btn-reset:disabled {
  background-color: #999;
  border-color: #999;
  pointer-events: none;
}

@media screen and (max-width: 1023px) {
  .catalog-filter .btn-reset {
    display: none;
  }
}
.catalog-filter .filter-button {
  cursor: pointer;
  order: 2;
  height: 38px !important;
}

.catalog-filter .bx-filter-button-box .bx-filter-block {
  max-height: none;
}

.filter-search {
  margin-bottom: 16px;
  background: url(../img/icon/search.svg) calc(100% - 16px) 50% no-repeat;
  padding-right: 40px;
}

.checkbox {
  display: inline-flex;
}

.checkbox__input {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
  visibility: hidden;
}

.checkbox__input:disabled ~ .checkbox__text {
  color: #999;
  pointer-events: none;
}

.checkbox__input:disabled ~ .checkbox__text:before {
  border-color: #999;
}

.checkbox__input:checked ~ .checkbox__text:before {
  background: url(../img/icon/check.svg) 50% 50%/18px 18px no-repeat #0e0e0e;
  border-color: #0e0e0e;
}

.checkbox__text {
  display: flex;
  justify-content: center;
  font-size: 14px;
  line-height: 16px;
  padding: 4px 4px 4px 32px;
  transition: color 0.3s;
  min-height: 20px;
}

.checkbox__text:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  width: 20px;
  height: 20px;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  box-sizing: border-box;
  transition: border-color 0.3s, background-color 0.3s;
}

.checkbox__label {
  overflow: hidden;
  position: relative;
}

.checkbox__label:hover .checkbox__text {
  color: #7d7d7d;
}

.checkbox__label:hover .checkbox__text:before {
  border-color: #999;
}

.checkbox__label:hover .checkbox__input:checked ~ .checkbox__text {
  color: #7d7d7d;
}

.checkbox__label:hover .checkbox__input:checked ~ .checkbox__text:before {
  border-color: #3a3a3c;
  background-color: #3a3a3c;
}

.checkbox__small .checkbox__text {
  padding-left: 20px;
}

.checkbox__small .checkbox__text:before {
  left: 0;
}

.linkHideFilter,
.linkShowFilter {
  position: relative;
  display: inline-block;
  padding: 4px 24px 4px 0;
  color: #2a65c5;
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
}

.linkHideFilter svg,
.linkShowFilter svg {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/icon/arrow-bottom-blue.svg) 100% 50% no-repeat;
}

.linkHideFilter *,
.linkShowFilter * {
  pointer-events: none;
}

.linkHideFilter:hover,
.linkShowFilter:hover {
  color: #0c47a7;
}

.linkHideFilter svg {
  transform: rotate(180deg) translateY(-2px);
}

.filter-open {
  display: inline-flex;
  align-items: center;
  color: #0e0e0e;
  gap: 4px;
  font-size: 14px;
}

.filter-open svg {
  width: 24px;
  height: 24px;
}

.filter-open__counter {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #0e0e0e;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
}

.filter-open * {
  pointer-events: none;
}

.filter-chips {
  margin: 0 0 12px;
  overflow-x: scroll;
  overflow-y: auto;
  border: none;
  padding: 0;
  order: 1;
}

.filter-chips::-webkit-scrollbar {
  width: 0;
  display: none;
}

.filter-chips .catalog-chips__removeAll {
  order: -1;
}

.filter-chips .catalog-chips__chip,
.filter-chips .catalog-chips__chip-range,
.filter-chips .catalog-chips__removeAll {
  height: 30px;
}

.catalog-head {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  z-index: 3;
  padding: 0;
}

.catalog-pagin {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

.catalog-pagin__button {
  margin: 32px 0;
  width: 100%;
}

.catalog-pagin__nav {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 42px;
}

.catalog-pagin__arrow svg {
  width: 24px;
  height: 24px;
}

.catalog-pagin__arrow_prev svg {
  transform: rotate(180deg);
}

.catalog-pagin__arrow_disabled {
  pointer-events: none;
  color: #d7d7d7;
}

.catalog-pagin__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 48px;
  border-radius: 8px;
}

.catalog-pagin__link_current {
  background: #0e0e0e;
  color: #fff;
  pointer-events: none;
}

.catalog-pagin__link:hover {
  color: #0e0e0e;
  background: #ebebed;
}

.catalog-pagin__dotted {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  background: url(../img/icon/dotted.svg) 50% 50% no-repeat;
}

.catalog-section {
  padding-bottom: 28px;
}

.catalog {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 24px;
}

.catalog__box {
  width: 100%;
}

.categories-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin-bottom: 52px;
}

.categories-list__li {
  width: calc(50% - 4px);
}

.categories-list__link {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 100%;
  height: 0;
  border-radius: 12px;
  background: #f5f5f7;
}

.categories-list__link:hover {
  background: #e1e1e3;
}

.categories-list__title {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 12px;
  font-size: 14px;
  color: #0e0e0e;
  font-weight: 700;
}

.categories-list__img {
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  text-align: center;
}

.categories-list__img img {
  display: inline-block;
}

.city-search__box {
  position: relative;
  padding: 12px 20px;
  margin: 0 -20px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.city-search__input-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
  right: 36px;
  transition: 0.3s;
}

.city-search__list-main {
  list-style: none;
  width: 100%;
}

.city-search__li-main a {
  padding-right: 24px;
  margin-bottom: 16px;
}

.city-search__link-main {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
}

.city-search__link-main b {
  color: #2a65c5;
}

.city-search__link-main::first-letter {
  text-transform: uppercase;
}

.city-search__link-main_current {
  color: #2a65c5;
}

.city-search__link-main_current:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url(../img/icon/check-blue.svg) 50% 50% no-repeat;
}

.city-search__list {
  list-style: none;
  width: 100%;
}

.city-search__li a {
  margin-bottom: 16px;
}

.city-search__link {
  display: inline-block;
  font-size: 14px;
}

.city-search__link::first-letter {
  text-transform: uppercase;
}

.city-search__link b {
  font-weight: 400;
  color: #2a65c5;
}

.city-search__clear {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  right: 36px;
  color: #999;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

.city-search__clear:hover {
  color: #0e0e0e;
}

.city-search__clear svg {
  pointer-events: none;
}

.city-search__input {
  transition: 0.3s;
}

.city-search__input.input-text-focus ~ .city-search__clear {
  opacity: 1;
  pointer-events: auto;
}

.city-search__input.input-text-focus ~ .city-search__input-icon {
  opacity: 0;
}

.footer.footer-small {
  padding: 52.5px 0;
  border-top: 1px solid #e1e1e3;
  background: #f5f5f7;
}

.footer.footer-small .footer-small__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer.footer-small .footer-small__content a {
  color: #7d7d7d;
  font-size: 12px;
}

.footer.footer-small .footer-small__content a:hover {
  color: #0e0e0e;
}

.footer {
  flex: 0 0 auto;
  background: #0e0e0e;
  padding: 50px 0;
  color: #fff;
  overflow: hidden;
}

.footer__container {
  display: grid;
  grid-template-columns: 1fr 246px 370px;
  gap: 54px;
}

.footer__menu {
  display: flex;
  align-items: flex-start;
}

.footer__menu-col {
  width: 246px;
}

.footer__menu-col_catalog {
  margin-right: 67px;
}

.footer__menu-title {
  font-weight: 600;
  color: #fff;
  margin-bottom: 20px;
}

.footer__menu-link-box {
  margin-bottom: 14px;
}

.footer__menu-link {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  color: #d7d7d7;
  white-space: nowrap;
}

.footer__menu-link:hover {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .footer__menu-link:hover {
    color: #d7d7d7;
  }
}
.footer__contacts-title {
  font-weight: 600;
  margin-bottom: 20px;
  color: #fff;
}

.footer__contacts-phone {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

.footer__contacts-time {
  font-size: 12px;
  color: #999;
  margin-bottom: 20px;
}

.footer__sn {
  margin-bottom: 20px;
}

.footer__sn-app-wrapper {
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.footer__sn-title {
  color: #fff;
  margin-bottom: 6px;
}

.footer__sn-list {
  display: flex;
  align-items: center;
  gap: 11px;
}

.footer__sn-link {
  position: relative;
  width: 40px;
  height: 40px;
}

.footer__sn-link:hover .footer__sn-link-hover {
  opacity: 1;
}

.footer__sn-link:hover .footer__sn-link-wh {
  opacity: 0;
}

.footer__sn-link-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.footer__sn-link-wh {
  opacity: 1;
  transition: opacity 0.3s;
}

.footer__sn-link-color,
.footer__sn-link-hover {
  opacity: 0;
  transition: opacity 0.3s;
}

.footer__info {
  width: 370px;
}

.footer__info-title {
  font-weight: 700;
  margin-bottom: 16px;
}

.footer__callback {
  margin-bottom: 75px;
}

.footer__callback-form {
  position: relative;
  margin-bottom: 16px;
}

.footer__callback-form-label {
  position: relative;
  height: 48px;
}

.footer__callback-form-label div.error {
  top: calc(100% + 5px);
}

.footer__callback-btn {
  position: absolute;
  height: 48px;
  width: 64px;
  top: 0;
  right: 0;
  outline: 0;
  background: url(../img/icon/bt-send.svg) 50% 50% no-repeat;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid transparent;
  transition: color 0.3s, border-color 0.3s, background-color 0.3s, opacity 0.3s;
}

.footer__callback-btn:hover {
  opacity: 0.7;
}

.footer__callback-input {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  background: rgba(245, 245, 247, 0.06);
  border: 1px solid rgba(245, 245, 247, 0.06);
  color: #fff;
  padding: 0 70px 0 20px;
  transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}

.footer__callback-input::-moz-placeholder {
  color: #7d7d7d;
  opacity: 1;
}

.footer__callback-input::placeholder {
  color: #7d7d7d;
  opacity: 1;
}

.footer__callback-input:hover {
  border-color: #404040;
}

.footer__callback-input:focus {
  border-color: #fff;
}

.footer__callback-input:focus::-moz-placeholder {
  opacity: 0;
}

.footer__callback-input:focus::placeholder {
  opacity: 0;
}

.footer__callback-input:focus ~ .footer__callback-btn {
  border-color: #fff;
}

.footer__callback-input.error,
.footer__callback-input.error ~ .footer__callback-btn {
  border-color: #c74031;
}

.footer__callback-desc {
  font-size: 12px;
  font-weight: 300;
  color: #7d7d7d;
}

.footer__callback-desc a {
  display: inline-block;
  color: #2a65c5;
}

.footer__callback-desc a:hover {
  color: #fff;
}

.footer__callback-send {
  position: fixed;
  display: flex;
  align-items: center;
  padding: 24px;
  gap: 20px;
  bottom: 20px;
  left: 20px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 12px;
  box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
  color: #0e0e0e;
  background: #fff;
  z-index: 2;
  transform: translateY(calc(100% + 20px));
  opacity: 0;
  transition: 0.3s, opacity 0.3s;
}

.footer__callback-send_active {
  opacity: 1;
  transform: translateY(0);
}

.footer__button-service {
  margin-bottom: 75px;
}

.footer__button-service_mobile {
  width: 100%;
  margin: 0 0 20px;
  font-size: 14px;
  height: 42px;
  display: none;
}

.footer__button-service_tablet {
  display: none;
}

.touchevents .footer__sn-link-color {
  opacity: 1;
}

.header-city {
  position: relative;
}

.header-city__link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}

.header-city__link * {
  pointer-events: none;
}

.header-city._active .header-city__question {
  display: block;
}

.header-city__question {
  position: absolute;
  width: 348px;
  top: calc(100% + 26px);
  left: 0;
  padding: 24px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
  z-index: 99;
  display: none;
}

.header-city__question-title {
  margin-bottom: 24px;
  color: #0e0e0e;
}

.header-city__question-close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #0e0e0e;
}

.header-city__question-close * {
  pointer-events: none;
}

.header-city__question-box {
  display: flex;
  justify-content: space-between;
}

.header-item {
  display: grid;
  grid-template-columns: 72px 304px 1fr;
  align-items: center;
  padding: 0 20px;
  gap: 16px;
  color: #0e0e0e;
  min-height: 72px;
}

.header-item__sum {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #7d7d7d;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  transition: top 0.3s, transform 0.3s;
}

.header-item__sum + .header-item__remove-bt {
  margin-top: 32px;
}

.header-item:hover {
  color: #7d7d7d;
}

.header-item:hover .header-item__remove-bt {
  color: #999;
}

.header-item:hover .header-item__remove-bt:hover {
  color: #0e0e0e;
}

.header-item:hover .header-item__sum {
  top: 0;
  transform: translate(-50%, 0);
}

.header-item__container {
  display: flex;
  flex-flow: column;
  width: 472px;
  padding-top: 20px;
  max-height: 285px;
  overflow: auto;
  gap: 16px;
  scrollbar-width: thin;
  scrollbar-color: #c3c3c3 transparent;
}

.header-item__container::-webkit-scrollbar {
  width: 4px;
}

.header-item__container::-webkit-scrollbar-track {
  background: 0 0;
}

.header-item__container::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border-radius: 27px;
}

.header-item__remove {
  position: relative;
  display: flex;
  align-items: flex-end;
  text-align: right;
}

.header-item__name {
  font-size: 14px;
  margin-bottom: 7px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.header-item__ptice {
  display: flex;
  align-items: center;
  color: #0e0e0e;
  gap: 6px;
  font-size: 16px;
  font-weight: 800;
}

.header-item__ptice span {
  font-size: 12px;
}

.header-item__ptice p + p {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}

.header-item__remove {
  display: flex;
  justify-content: flex-end;
}

.header-item__remove-bt {
  width: 24px;
  height: 24px;
  color: transparent;
  transition: color 0.3s;
}

.header-item__bt-box {
  border-top: 0.5px solid #e1e1e3;
  padding: 20px;
  margin-right: -10px;
}

.header-item__button {
  font-weight: 400;
  padding: 0 40px;
}

.header-item__price-dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-item__price-dt {
  color: #0e0e0e;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}

.header-item__price-dd {
  color: #0e0e0e;
  text-align: right;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}

.header-phone-menu {
  position: relative;
  z-index: 9;
  cursor: pointer;
}

.header-phone-menu:hover .header-phone-menu__link {
  color: #d7d7d7;
}

.header-phone-menu__link {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  pointer-events: none;
  transition: color 0.3s;
}

.header-phone-menu__link span {
  display: none;
}

.header-phone-menu__list {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
  color: #0e0e0e;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  padding-bottom: var(--safe-area-inset-bottom, 0);
  overflow: hidden;
  transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
}

.header-phone-menu__li {
  position: relative;
}

.header-phone-menu__li_title {
  height: auto;
  padding: 12px 39px 11px 20px;
}

.header-phone-menu__link-list {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #0e0e0e;
  font-size: 14px;
  white-space: nowrap;
  padding: 12px 39px 11px 20px;
  height: 48px;
}

.header-phone-menu__link-list:hover {
  color: #0e0e0e;
  background: #eeeef0;
}

@media screen and (max-width: 767px) {
  .header-phone-menu__link-list:hover {
    background: none;
  }
}
.header-phone-menu__title {
  padding: 15px 0 7px;
  font-size: 19px;
  font-weight: 700;
}

.header-phone-menu__close {
  position: absolute;
  top: 24px;
  right: 20px;
}

.header-phone-menu__close svg {
  pointer-events: none;
}

.header-phone-menu._active {
  color: #d7d7d7;
}

.header-phone-menu._active .header-phone-menu__list {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 19px);
}

.header-small {
  padding: 0 !important;
}

.header-small__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 0;
  width: 100%;
}

.header-small__back {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
}

.header-small__back:hover {
  color: #d7d7d7;
}

.header-small .header__logo {
  color: #fff;
  width: 110px;
  display: block;
}

.header-small .header__logo:hover {
  color: #d7d7d7;
}

.header-small__tel {
  display: inline-flex;
  border-radius: 8px;
  border: 2px solid #5b5b6a;
  height: 48px;
  padding: 0 30px;
  align-items: center;
  color: #fff;
}

.header-small__tel:hover {
  color: #d7d7d7;
}

.header {
  background: #fff;
}

.header__wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.header__hhead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #0e0e0e;
  padding: 6px 0;
  color: #fff;
}

.header__hhead-left {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  gap: 26px;
}

.header__hhead-left i {
  width: 1px;
  height: 23px;
  background: #35363a;
}

.header__hhead-left .header-city__link,
.header__hhead-left .header__shop {
  color: #fff;
}

.header__hhead-left .header-city__link:hover,
.header__hhead-left .header__shop:hover {
  color: #d7d7d7;
}

.header__city-link {
  display: flex;
  align-items: center;
  gap: 4px;
}

.header__shop {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.header__hhead-right {
  display: flex;
  align-items: center;
}

.header__hhead-contacts {
  display: flex;
  align-items: center;
  gap: 30px;
}

.header__hhead-contacts a:not(.header-city__question-close) {
  color: #fff;
}

.header__hhead-contacts a:not(.header-city__question-close):hover {
  color: #d7d7d7;
}

.header__hhead-logo,
.header__hhead-logo:hover {
  color: #fff;
}

.header__service {
  font-size: 14px;
  color: #fff;
}

.header__service:hover {
  color: #d7d7d7;
}

.header__buyers {
  position: relative;
}

.header__buyers-link {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 11px;
  color: #fff;
}

.header__buyers-link * {
  pointer-events: none;
}

.header__buyers-link svg {
  transition: transform 0.3s;
}

.header__buyers-link:hover {
  color: #d7d7d7;
}

.header__buyers-link_active svg {
  transform: rotate(180deg);
}

.header__buyers-link_active ~ .header__buyers-select {
  opacity: 1;
  visibility: visible;
  transform: translateY(11px);
}

.header__buyers-select {
  position: absolute;
  top: 100%;
  left: -32px;
  display: flex;
  flex-flow: column;
  z-index: 1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
}

.header__buyers-select-link {
  display: block;
  white-space: nowrap;
  padding: 12px 32px 13px;
  font-size: 14px;
  color: #0e0e0e;
}

.header__buyers-select-link:hover {
  color: #0e0e0e;
  background: #eeeef0;
}

@media screen and (max-width: 767px) {
  .header__buyers-select-link:hover {
    background: none;
  }
}
.header__bhead {
  position: relative;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #e1e1e3;
}

.header__bhead-left {
  width: calc(100% - 442px);
  display: flex;
  align-items: center;
  gap: 31px;
}

.header__bhead-wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
}

.header__logo {
  flex-shrink: 0;
  width: 100px;
}

.header__logo svg {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.header__logo:hover {
  color: #3a3a3c;
}

.header__search {
  flex-basis: 1000px;
  position: relative;
}

.header__search_focus .header__search-input {
  background: #fff !important;
}

.header__search-form {
  position: relative;
}

.header__search-cancel {
  display: none;
  color: #2a65c5;
  font-size: 12px;
}

.header__search-form-placeholder-list {
  display: none;
}

.header__search-clear {
  position: absolute;
  width: 36px;
  height: 24px;
  padding-right: 12px;
  border-right: 1px solid #e1e1e3;
  top: 50%;
  transform: translateY(-50%);
  right: 52px;
  color: #999;
  opacity: 0;
  pointer-events: none;
}

.header__search-clear:hover {
  color: #0e0e0e;
}

.header__search-clear * {
  pointer-events: none;
}

.header__search-input {
  height: 44px;
  padding-right: 60px;
  position: sticky;
  top: 0;
}

.header__search-input:hover {
  background: #eeeef0;
}

@media screen and (max-width: 767px) {
  .header__search-input:hover {
    background: none;
  }
}
.header__search-input.input-text-val ~ .header__search-clear {
  opacity: 1;
  pointer-events: auto;
}

.header__search-button {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: #999;
  cursor: pointer;
}

.header__search-button:hover {
  color: #0e0e0e;
}

.header__bhead-right {
  display: flex;
  justify-content: space-between;
  width: 402px;
}

.header__controll {
  position: relative;
}

.header__controll:hover .header__controll-hide {
  opacity: 1;
  visibility: visible;
  transform: translateY(6px);
}

.header__controll-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  color: #7d7d7d;
  font-size: 14px;
}

.header__controll-link:before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #0e0e0e;
  opacity: 0;
  transition: opacity 0.3s;
}

.header__controll-link svg {
  margin-bottom: 1px;
}

.header__controll-link:hover {
  color: #0e0e0e;
}

.header__controll-link:hover:before {
  opacity: 1;
}

.header__controll-link_active {
  color: #0e0e0e;
}

.header__controll-hide {
  position: absolute;
  right: -46px;
  top: calc(100% + 9px);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(175, 175, 175, 0.12), 0 16px 24px 0 rgba(175, 175, 175, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
  padding: 10px 8px 0 0;
  transition: opacity 0.2s 0.3s, visibility 0.2s 0.3s, transform 0.2s 0.3s;
}

.header__controll-hide_active {
  opacity: 1;
  visibility: visible;
  transform: translateY(9px);
}

.header__controll-hide--small {
  padding: 0;
}

.header__controll-sum {
  position: absolute;
  top: 0;
  right: 10px;
  width: 17px;
  height: 17px;
  background: #0e0e0e;
  border-radius: 50%;
  border: 1px solid #fff;
  font-size: 11px;
  font-weight: 300;
  line-height: 14px;
  text-align: center;
  color: #fff;
  border: 1px solid #000;
}

.header__controll-sum.addCount {
  animation: 0.6s ease-in-out updCountBounce;
}

.header__menu-bt * {
  pointer-events: none;
}

.header__hhead-contacts svg [id=icon-telegram] g {
  fill: #fff000;
}

.header__menu-bt_active svg,
.header__menu-bt_close {
  display: none;
}

.header__menu-bt_active .header__menu-bt_close {
  display: block;
}

.header__controll-hide-enter {
  padding: 20px;
  width: 358px;
}

.header__controll-hide-enter p {
  line-height: 20px;
  margin-bottom: 32px;
}

.search-overlay {
  position: fixed;
  top: 55px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 25, 27, 0.7);
  z-index: 8;
  display: none;
}
@keyframes updCountBounce {
  0%, 100% {
    transform: scale(100%) translate(0, 0);
  }
  30% {
    transform: scale(90%) translate(2px, -5px);
  }
}
.insurance-advantage {
  display: flex;
  border-radius: 12px;
  border: 1px solid #e1e1e3;
  background: #fff;
  gap: 20px;
  flex-wrap: wrap;
  list-style: none;
  padding: 16px;
  margin-bottom: 20px;
}

.insurance-advantage__li {
  width: calc(33.33% - 13.33px);
  text-align: center;
}

.insurance-advantage__title {
  color: #0e0e0e;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 4px;
}

.insurance-advantage__text {
  color: #7d7d7d;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.insurance-foot__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 12px;
}

.insurance-foot__list {
  display: flex;
  border-radius: 8px;
  background: #f5f5f7;
  list-style: none;
  margin-bottom: 20px;
}

.insurance-foot__list_col1 .insurance-foot__li {
  width: 100%;
}

.insurance-foot__li {
  position: relative;
  width: 33.33%;
}

.insurance-foot__li:not(:last-child):before {
  content: "";
  width: 1px;
  background: #e1e1e3;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.insurance-foot__select {
  position: relative;
  display: flex;
  padding: 8px 20px;
  text-align: center;
  justify-content: center;
  border: 2px solid transparent;
  color: #7d7d7d;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
}

.insurance-foot__select:hover {
  color: #0e0e0e;
}

.insurance-foot__select._current {
  color: #0e0e0e;
  border-color: #0e0e0e;
  background: #fff;
}

.insurance-foot__price-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.insurance-foot__price {
  color: #0e0e0e;
  font-weight: 800;
  font-size: 16px;
}

.insurance-foot__price span {
  font-size: 24px;
}

.insurance-foot__button * {
  pointer-events: none;
}

.insurance-min-select {
  display: flex;
  gap: 8px;
  overflow: auto;
  padding: 20px 12px;
  border-top: 0.5px solid #e1e1e3;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.insurance-min-select::-webkit-scrollbar {
  width: 0;
  height: 0;
  opacity: 0;
}

.insurance-min-select::-webkit-scrollbar-track {
  background: 0 0;
  width: 0;
  height: 0;
}

.insurance-min-select::-webkit-scrollbar-thumb {
  background-color: transparent;
  width: 0;
  height: 0;
}

.insurance-min-select__item {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 216px;
  min-width: 216px;
  padding: 10px;
  border-radius: 8px;
  background: #f5f5f7;
  border: 2px solid #f5f5f7;
  gap: 20px;
  transform: border-color 0.2s ease;
}

.insurance-min-select__item._current {
  border-color: #0e0e0e;
  background: #fff;
}

.insurance-min-select__item._current .insurance-min-select__price {
  padding-left: 28px;
  background: url(../img/icon/check-price.svg) 0 50% no-repeat;
}

.insurance-min-select__item * {
  pointer-events: none;
}

.insurance-min-select__title {
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 4px;
}

.insurance-min-select__desc {
  color: #7d7d7d;
}

.insurance-min-select__price {
  font-weight: 600;
  transition: padding 0.3s;
}

.insurance-min-tab {
  display: none;
}

.insurance-min-tab__specification {
  border-top: 0.5px solid #e1e1e3;
  padding: 20px 12px;
}

.insurance-min-tab__info {
  padding: 20px 12px;
  border-top: 0.5px solid #e1e1e3;
}

.insurance-min-tab__info-title {
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 20px;
}

.insurance-min-tab__info-list {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
  list-style: none;
  font-size: 14px;
  line-height: 20px;
}

.insurance-min-tab__info-list-title {
  margin-bottom: 4px;
}

.insurance-min-tab__info-list-desc {
  color: #7d7d7d;
}

.insurance-min-tab__button-box {
  padding: 12px;
  border-top: 0.5px solid #e1e1e3;
}

.insurance-min-tab__button * span {
  pointer-events: none;
}

.insurance-offers {
  display: flex;
  gap: 12px;
}

.insurance-offers__items {
  display: flex;
  flex-flow: column;
  gap: 20px;
  border-radius: 12px;
  border: 1px solid #e1e1e3;
  justify-content: space-between;
  background: #fff;
  padding: 16px;
  flex: 1;
}

.insurance-offers__items-head {
  padding: 12px;
  border-radius: 8px;
  background: #f5f5f7;
  margin-bottom: 20px;
}

.insurance-offers__title {
  color: #0e0e0e;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
}

.insurance-offers__desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.insurance-offers__title-list {
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 16px;
}

.insurance-offers__li-title {
  margin-bottom: 4px;
}

.insurance-offers__li-desc {
  color: #7d7d7d;
}

.insurance-offers__list {
  display: flex;
  list-style: none;
  flex-flow: column;
  gap: 12px;
}

.insurance-offers__li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
}

.insurance-offers__li-box {
  width: calc(100% - 36px);
}

.menu-open .menu-bg {
  opacity: 0.7;
}

.menu-catalog {
  display: none;
  width: calc(100% - 309px);
  padding: 22px 20px 22px 42px;
}

.menu-catalog__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  grid-template-rows: auto;
  list-style: none;
  gap: 24px 10px;
}

.menu-catalog__li {
  position: relative;
  display: grid;
  align-items: start;
  grid-template-rows: auto;
  gap: 10px;
  width: 100%;
}

.menu-catalog__content {
  display: grid;
  align-items: start;
  gap: 10px;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .menu-catalog__content {
    display: grid;
    flex-direction: column;
  }
}
.menu-catalog__content .menu-catalog__back {
  margin-left: 20px;
}

.menu-catalog__box {
  display: flex;
  flex-flow: column;
  gap: 10px;
  width: 100%;
}

.menu-catalog__label {
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
  padding: 1px 5px 2px;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 300;
  margin-left: 8px;
}

.menu-catalog__link {
  font-size: 14px;
  color: #0e0e0e;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .menu-catalog__link:hover {
    color: #0e0e0e;
  }
}
.menu-catalog__link-name {
  display: none;
}

.menu-catalog__link_title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 4px;
}

.menu-catalog__link_sub-title {
  font-weight: 600;
}

.menu-catalog__link_all {
  display: none;
}

.menu-catalog__link-show {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  color: #2a65c5;
  font-weight: 500;
  margin: -6px 0 -4px;
}

.menu-catalog__link-show svg {
  transition: transform 0.3s;
}

.menu-catalog__link-show:hover {
  color: #0c47a7;
}

.menu-catalog__link span {
  pointer-events: none;
}

.menu-catalog__link-show._active svg {
  transform: rotate(180deg);
}

.menu-catalog__back {
  color: #7d7d7d;
  font-size: 12px;
  padding-left: 24px;
  background: url(../img/icon/arrow-left.svg) 0 50% no-repeat;
  margin-bottom: 12px;
  margin-left: 20px;
}

.menu-catalog__list-title {
  display: block;
  font-size: 20px;
  color: #0e0e0e;
  font-weight: 700;
  margin: 12px 0 0;
  padding-left: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e1e1e3;
}

.menu-category {
  display: flex;
  flex-flow: column;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: 90px;
  overflow: hidden;
}

.menu-category__link {
  color: #0e0e0e;
  font-weight: 700;
  background: calc(100% - 8px) 50% no-repeat;
  padding: 12px 18px;
  border-bottom: 1px solid #e1e1e3;
  background-image: url(../img/icon/arrow-right-bl.svg);
  font-size: 14px;
  height: 64px;
}

.menu-category__link span {
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .menu-category__link:hover {
    color: #0e0e0e;
  }
}
.menu-category__title {
  padding: 16px 20px;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e3;
}

.menu-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0;
  border-top: 1px solid #e1e1e3;
  z-index: 10;
  background: #fff;
  padding-bottom: var(--safe-area-inset-bottom, 0);
  transition: padding-bottom 0.3s;
}

.menu-footer__wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.menu-footer__control {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  max-width: 75px;
  flex-flow: column;
  color: #999;
  padding: 5px;
  font-size: 10px;
}

.menu-footer__control .header__controll-sum {
  top: 7px;
  right: 18px;
}

.menu-footer__control span {
  margin-top: -2px;
}

.menu-footer__control:hover,
.menu-footer__control_active {
  color: #999;
}

.menu-footer__control_active-page {
  color: #0e0e0e;
}

.menu {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  max-height: 740px;
  overflow-y: auto;
  z-index: 8;
  background: #fff;
  overflow-x: hidden;
}

.menu_active {
  display: block;
}

.menu__wrapper {
  display: grid;
  grid-template-columns: 337px 1fr 300px;
  align-items: flex-start;
  max-height: 100%;
}

.menu-open {
  overflow: hidden;
}

.modal {
  display: none;
  max-width: 862px;
  width: 100%;
  padding: 27px 20px;
  border-radius: 12px;
  color: #0e0e0e;
  height: auto;
}

.modal__remove {
  max-width: 590px;
  padding: 20px 12px calc(var(--safe-area-inset-bottom, 0) + 20px);
}

.modal__remove-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 16px;
}

.modal__remove-text {
  margin-bottom: 32px;
}

.modal__ajax {
  display: block;
}

.modal__form {
  padding: 12px 0;
}

.modal__s {
  max-width: 440px;
  padding: 20px 12px;
}

.modal-warning._hidden,
.modal-city-select._hidden {
  display: none;
}

.modal-warning--btn-group > button {
  border: 1px solid #d3d3d3;
  background: #fff;
  padding: 10px 20px;
  border-radius: 6px;
}

.modal-warning--btn-group > button.__apply {
  background: #0e0e0e;
  color: #ffffff;
}

.modal:has(.modal-warning) .is-close-btn {
  display: none;
}

.modal-warning .modal__title {
  margin-bottom: 16px;
  font-weight: 600;
}

.modal-warning .modal__desc {
  margin-bottom: 32px;
}

.modal:has(.city-change-warning.modal-warning) {
  max-width: 517px;
  padding: 40px;
  height: -moz-fit-content;
  height: fit-content;
}

@media (max-width: 1024px) {
  .modal:has(.city-change-warning.modal-warning) {
    max-width: 100%;
    padding: 24px;
  }
}
.modal__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}

.modal__desc {
  font-size: 14px;
  margin-bottom: 4px;
}

.modal .is-close-btn {
  width: 48px;
  height: 48px;
  top: 0;
  right: 0;
  color: #999;
  opacity: 1;
  transition: 0.3s;
}

.modal .is-close-btn:hover {
  color: #0e0e0e !important;
}

.modal .is-close-btn svg {
  width: 14px;
  height: 14px;
}

.modal.modal__credit {
  max-width: 600px;
  padding: 20px 12px;
}

.modal.modal__credit .modal__title {
  margin-bottom: 20px;
  font-weight: 600;
}

.modal.modal__credit .modal__text {
  line-height: 20px;
  margin-bottom: 32px;
}

.modal.modal__credit .modal__text ul {
  margin-bottom: 24px;
  padding-left: 16px;
}

.modal.modal__credit .modal__text li {
  margin-bottom: 12px;
}

.modal.modal__credit .modal__text p {
  margin-bottom: 24px;
}

.modal.modal__credit .modal__text .bold {
  font-weight: 600;
  margin-bottom: 8px;
}

.modal.modal__credit .modal__text .disc {
  padding-left: 16px;
}

.modal.modal__credit .modal__text .disc span {
  display: list-item;
  list-style: disc;
}

.modal.modal__credit .modal__text .disc:not(:last-child) {
  margin-bottom: 12px;
}

.modal.modal__credit .modal__text .disc:last-child {
  margin-bottom: 16px;
}

.modal__link {
  display: inline-flex;
  padding: 8px 0;
  color: #2a65c5;
  line-height: 20px;
}

.modal__link:hover {
  color: #0c47a7;
}

.modal__link-button {
  display: inline-flex;
  padding: 8px 0;
}

.modal__reviews {
  padding: 40px;
  width: 100%;
  max-width: none;
  max-height: 100%;
  overflow: auto;
}

.modal__reviews .modal__title {
  margin-bottom: 20px;
  font-weight: 600;
}

.modal__reviews .modal__form {
  padding: 0;
}

.modal__reviews .catalog-mini__item {
  margin-bottom: 32px;
}

.modal__reviews .catalog-mini__link {
  padding: 0;
  grid-template-columns: 100px 1fr;
  border: none;
  align-items: center;
}

.modal__reviews .catalog-mini__link:hover {
  border: none;
}

.modal__reviews .catalog-mini__link .catalog-mini__text {
  gap: 8px;
}

.modal__reviews .catalog-mini__link .catalog-mini__name {
  font-size: 14px;
  line-height: 20px;
  transition: color 0.3s;
  margin-bottom: 0;
}

.modal__reviews .catalog-mini__link .catalog-mini__name:hover {
  color: #7d7d7d;
}

.modal__reviews .catalog-mini__link .catalog-mini__ptice {
  font-weight: 600;
}

.modal.modal__complect {
  width: 100%;
  padding: 20px 12px;
  max-width: none;
  overflow: hidden;
}

.modal.modal__complect .modal__title {
  border-bottom: 0.5px solid #e1e1e3;
  padding: 0 12px 20px;
  margin: 0 -12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.modal.modal__complect .catalog-body__list {
  padding-bottom: 48px;
  margin-top: 0;
}

.modal__complect-content {
  overflow: auto;
  max-height: calc(100% - 48px);
  padding: 0;
}

.modal__best-price {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  padding: 20px 12px;
  max-height: 100%;
}

.modal__best-price-content {
  overflow: auto;
  height: 100%;
}

.modal__best-price-title {
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: 600;
}

.modal__best-price-desc {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 20px;
}

.modal .cart-purchase__benefit p,
.modal .cart-purchase__benefit span {
  display: block;
  width: calc(100% - 48px);
}

.modal__best-price-dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 12px;
  font-size: 14px;
}

.modal__best-price-dl:not(:last-child) {
  border-bottom: 1px solid #e1e1e3;
}

.modal__best-price-dl:last-child {
  margin-bottom: 32px;
}

.modal__best-price-dl_first {
  border-radius: 8px;
  border: 1px solid #e1e1e3;
  background: #fafafb;
  font-weight: 600;
  padding: 16px;
}

.modal__best-price-dd {
  text-align: right;
}

.modal__best-price-dd span {
  display: inline-block;
  margin-top: 4px;
  color: #cd0900;
  font-size: 12px;
}

.modal__best-price-form {
  overflow: auto;
  width: 100%;
  max-width: 100%;
  padding: 20px 12px;
}

.modal__best-price-form .modal__form {
  padding: 0;
}

.modal__best-price-form-desc {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 20px;
}

.modal__best-price-form-desc span {
  display: block;
  padding: 8px 0;
  margin-top: 4px;
}

.modal__best-price-form-desc a {
  color: #2a65c5;
  line-height: 20px;
}

.modal__best-price-form-desc a:hover {
  color: #0c47a7;
}

.modal__best-price-conditions {
  overflow: auto;
  width: 100%;
  max-width: 100%;
  padding: 56px 12px 20px;
}

.modal__best-price-conditions ul {
  display: flex;
  flex-flow: column;
  padding-left: 20px;
  gap: 12px;
  font-size: 14px;
}

.modal__best-price-conditions-title.modal__title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}

.modal__back {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  top: 12px;
  left: 10px;
  color: #0e0e0e;
}

.modal__back:hover {
  color: #7d7d7d;
}

.modal__availability {
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  padding: 20px 12px;
}

.modal__availability .modal__title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 12px;
}

.modal__availability-content {
  height: calc(100% - 49px);
}

.modal__insurance {
  max-width: 100%;
  padding: 20px 0;
}

.modal__insurance-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  padding: 8px 0;
  margin-bottom: 24px;
}

.modal__insurance-content-scroll {
  overflow: auto;
  max-height: calc(var(--vh, 1vh) * 100 - 202px);
}

.modal__max-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 16px;
}

.modal__max-text {
  margin-bottom: 32px;
}

.modal__max-text a {
  display: inline-block;
  color: #0e0e0e;
  font-weight: 600;
  text-decoration-line: underline;
}

.modal__max-text a:hover {
  color: #7d7d7d;
  text-decoration: none;
}

.modal__credit-basket {
  max-width: 100%;
  padding: 0;
}

.modal__credit-basket-title {
  font-size: 32px;
  font-weight: 700;
  padding-right: 40px;
}

@media screen and (max-width: 1023px) {
  .modal__credit-basket-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    padding: 40px 40px 20px 20px;
    border-bottom: 1px solid #e1e1e3;
  }
}
@media screen and (max-width: 767px) {
  .modal__credit-basket-title {
    font-size: 20px;
    padding: 20px 40px 20px 20px;
    line-height: 24px;
  }
}
.modal__credit-basket-text-box {
  padding: 20px;
  border-radius: 8px;
  border: 0.5px solid #e1e1e3;
  background: #f5f5f7;
  margin-bottom: 32px;
}

@media screen and (max-width: 1023px) {
  .modal__credit-basket-text-box {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .modal__credit-basket-text-box {
    padding: 12px;
  }
}
.modal__credit-basket-text {
  font-size: 14px;
  line-height: 16px;
  color: #7d7d7d;
}

.modal__credit-basket-text-title {
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
  .modal__credit-basket-text-title {
    font-size: 14px;
  }
}
.modal__credit-basket-foot {
  padding: 0;
}

@media screen and (max-width: 1023px) {
  .modal__credit-basket-foot {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .modal__credit-basket-foot {
    padding: 24px 12px;
  }
}
.modal__credit-basket-bt-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.modal__credit-basket-sum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  margin-bottom: 32px;
}

@media screen and (max-width: 1023px) {
  .modal__credit-basket-sum {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .modal__credit-basket-sum {
    margin-bottom: 20px;
  }
}
.modal__credit-basket-sum dt {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.modal__credit-basket-sum dd {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

.modal__credit-basket-bt::before {
  content: attr(data-mob);
}

.modal__credit-basket-body {
  overflow: auto;
  max-height: 400px;
  padding: 16px 16px 32px;
  scrollbar-width: thin;
  scrollbar-color: #c3c3c3 transparent;
}

@media screen and (max-width: 1023px) {
  .modal__credit-basket-body {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .modal__credit-basket-body {
    padding: 20px 12px;
    height: 354px;
  }
}
.modal__credit-basket-items {
  display: flex;
  flex-flow: column;
  gap: 12px;
}

@media screen and (max-width: 767px) {
  .modal__credit-basket-items {
    gap: 8px;
  }
}
.modal__credit-basket-item {
  display: grid;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 767px) {
  .modal__credit-basket-item {
    gap: 12px 20px;
    grid-template-columns: 80px 1fr;
    grid-template-areas: "a b" "a c";
  }
}
@media screen and (max-width: 767px) {
  .modal__credit-basket-item-name {
    grid-area: b;
    line-height: 19px;
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.modal__credit-basket-item-price-box {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .modal__credit-basket-item-price-box {
    grid-area: c;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.modal__credit-basket-item-price {
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  margin-bottom: 8px;
}

.modal__credit-basket-item-sum {
  display: inline-flex;
  color: #7d7d7d;
  line-height: 20px;
  gap: 8px;
}

@media screen and (max-width: 767px) {
  .modal__credit-basket-item-img {
    grid-area: a;
  }
}
@media screen and (max-width: 1023px) {
  .modal__credit-basket .is-close-btn {
    top: 9px;
  }
}
.js-modal-inline * {
  pointer-events: none;
}

.fancybox__slide:not(.has-image) {
  padding: 0;
}

.popular-slider {
  padding: 20px;
  position: static;
  margin: auto;
}

.popular-slider .catalog-body__label,
.popular-slider .catalog-body__label-box {
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}

.popular-slider__content {
  position: relative;
  margin-bottom: 0;
}

.popular-slider__wrapper {
  flex-wrap: nowrap;
  margin: 0;
  gap: 0 !important;
}

.popular-slider .popular-slider__slide {
  padding: 20px;
  width: 303px;
  border-radius: 12px;
}

/* .popular-slider
    .popular-slider__slide.catalog-body__item:hover
    .catalog-body__inner {
    position: static;
    padding: 20px;
} */
/* .popular-slider
    .popular-slider__slide.catalog-body__item:hover
    .catalog-body__inner
    .catalog-body__name.text__full {
    display: none;
} */
/* .popular-slider
    .popular-slider__slide.catalog-body__item:hover
    .catalog-body__inner
    .catalog-body__name.text__cut {
    display: block;
} */
.popular-slider .popular-slider__slide img {
  max-width: calc(100% - 39px);
}

.popular-slider__arrow {
  display: none;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #e1e1e3;
  color: #0e0e0e;
  background: #fff;
  transition: border 0.2s;
}

.popular-slider__arrow:hover {
  border: 1.5px solid #999;
}

.popular-slider__arrow.swiper-button-disabled {
  display: none;
}

.popular-slider__arrow svg {
  width: 24px;
  height: 24px;
}

.popular-slider__arrow:after {
  display: none;
}

.popular-slider__arrow_next {
  right: 0px;
}

.popular-slider__arrow_prev {
  left: 0px;
}

.popular-slider__arrow_prev svg {
  transform: rotate(180deg);
}

.popular {
  overflow: hidden;
}

.popular_bg-gray {
  background: #f5f5f7;
  padding: 120px 0 98px;
}

.popular_bg-gray .catalog-body__item {
  background: #fff;
}

.popular__wrapper {
  max-width: 1660px;
}

.popular__wrapper .popular-slider__content {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .popular__wrapper .popular-slider__content {
    padding-left: 0;
  }
}
price-range {
  --thumb-size: 20px;
  --thumb-color: #0e0e0e;
  --thumb-shadow-size: 5px;
  --track-size: 1px;
  --track-color: #e1e1e3;
  --track-highlight-color: #999;
  width: 100%;
  display: block;
}

price-range > .range-container {
  position: relative;
  height: calc(var(--thumb-size) + 1px);
  margin: auto;
  width: 100%;
}

price-range > .range-container > div {
  width: calc(100% - 20px);
  height: var(--track-size);
  background: var(--track-color);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

price-range input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: auto;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
}

price-range input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}

price-range input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}

price-range input[type=range]::-ms-track {
  appearance: none;
  height: 5px;
}

price-range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -7px;
  width: var(--thumb-size);
  height: var(--thumb-size);
  background: var(--thumb-color);
  border: none;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  box-shadow: 0 0 0 0 var(--thumb-color);
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}

price-range input[type=range][aria-label=From]::-webkit-slider-thumb {
  margin-left: -10px;
  -webkit-appearance: none;
}

/*
price-range input[type=range][aria-label=From]::-moz-range-thumb {
  margin-left: -20px;
}
price-range input[type=range][aria-label=From]::-ms-thumb {
  margin-left: -20px;
}
*/
price-range input[type=range][aria-label=To]::-webkit-slider-thumb {
  margin-left: 10px;
  -webkit-appearance: none;
}

/*
price-range input[type=range][aria-label=To]::-moz-range-thumb{
  margin-left: 20px;
}
price-range input[type=range][aria-label=To]::-ms-thumb {
  margin-left: 20px;
}
*/
price-range input[type=range]::-webkit-slider-thumb:hover {
  background: #7d7d7d;
}

price-range input[type=range][aria-label=From]::-moz-range-thumb,
price-range input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  width: var(--thumb-size);
  height: var(--thumb-size);
  background: var(--thumb-color);
  border: none;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  box-shadow: 0 0 0 0 var(--thumb-color);
  -moz-transition: background-color 0.15s;
  transition: background-color 0.15s;
}

price-range input[type=range]::-moz-range-thumb:hover {
  background: #3a3a3c;
}

price-range input[type=range]::-ms-thumb {
  appearance: none;
  width: var(--thumb-size);
  height: var(--thumb-size);
  background: var(--thumb-color);
  border: none;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  box-shadow: 0 0 0 0 var(--thumb-color);
  -ms-transition: background-color 0.15s;
  transition: background-color 0.15s;
}

price-range input[type=range]::-ms-thumb:hover {
  background: #3a3a3c;
}

.price-range-input {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.price-range-input:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  top: 50%;
  left: 0;
  background: #e1e1e3;
}

.price-range-input .bx-filter-parameters-box-container-block {
  display: flex;
  position: relative;
  align-items: center;
  background: #fff;
  padding: 0 0 0 20px;
  border: 1px solid #e1e1e3;
  border-radius: 8px;
  width: calc(50% - 5px);
  font-size: 12px;
  color: #7d7d7d;
  z-index: 2;
}

.price-range-input .bx-filter-parameters-box-container-block .currency {
  display: none;
}

.price-range-input .bx-filter-parameters-box-container-block i {
  font-style: normal;
  margin-top: 3px;
}

.price-range-input .bx-filter-parameters-box-container-block input {
  border: none;
  outline: 0;
  padding: 0 5px;
  height: 36px;
  width: 100%;
  border-radius: 8px;
  font-size: 14px;
  min-width: 80%;
  max-width: 80%;
}

@media (min-width: 1023px) {
  .price-range-input .bx-filter-parameters-box-container-block input {
    max-width: 100%;
  }
}
.price-range-input .bx-filter-parameters-box-container-block .bx-filter-input-container {
  width: 100%;
  flex: 1;
}

.receipts {
  display: flex;
  gap: 8px;
  overflow: auto;
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
}

.receipts::-webkit-scrollbar {
  width: 0;
  display: none;
}

.receipts__item {
  border-radius: 8px;
  background: #f5f5f7;
  font-size: 14px;
  padding: 8px 17px;
  text-wrap: nowrap;
}

.receipts__item:hover {
  background: #e4e4e6;
  color: #0e0e0e;
}

.reviews-rating__select {
  display: flex;
  gap: 12px;
  margin-bottom: 32px;
}

.reviews-rating__select-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.reviews-rating__select-title span {
  color: #2a65c5;
}

.reviews-rating__select-stars {
  display: flex;
  margin-left: -2px;
}

.reviews-rating__select-stars span {
  display: inline-block;
  color: transparent;
  padding: 0 2px;
}

.reviews-rating__select-stars span * {
  pointer-events: none;
}

.reviews-rating__select-stars span._active,
.reviews-rating__select-stars span:not(._clicked) ~ .reviews-rating__select-stars span._clicked {
  color: #0e0e0e;
}

.reviews-rating__select-stars span._clicked ~ ._active {
  color: transparent;
}

.reviews-rating__select-stars svg {
  width: 24px;
  height: 24px;
}

.reviews {
  margin-bottom: 120px;
}

.reviews__container {
  display: grid;
  grid-template-columns: 1034px 440px;
  align-items: flex-start;
  justify-content: space-between;
}

.reviews__sort {
  display: flex;
  gap: 8px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e1e1e3;
}

.reviews__sort-link {
  color: #0e0e0e;
  font-size: 14px;
  padding: 7px 12px 8px;
  border-radius: 6px;
  background: #eeeef0;
  border: 1px solid #eeeef0;
}

.reviews__sort-link:hover {
  background: #e1e1e3;
  color: #0e0e0e;
}

.reviews__sort-link_active {
  border-color: #0e0e0e;
  background: #fff;
  pointer-events: none;
}

.reviews__item {
  padding: 24px 0;
  border-bottom: 1px solid #e1e1e3;
}

.reviews__info {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.reviews__name {
  color: #0e0e0e;
  font-size: 20px;
  font-weight: 800;
}

.reviews__info-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.reviews__date {
  color: #7d7d7d;
  font-size: 14px;
}

.reviews__stars {
  display: flex;
  gap: 6px;
}

.reviews__text {
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin-bottom: 20px;
}

.reviews__text b {
  font-weight: 700;
}

.reviews__grade {
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviews__grade i {
  width: 1px;
  height: 16px;
  background: #e1e1e3;
}

.reviews__grade-link {
  display: flex;
  align-items: center;
  color: #7d7d7d;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.078px;
  gap: 4px;
}

.reviews__grade-link * {
  pointer-events: none;
}

.reviews__grade-link:hover {
  color: #0e0e0e;
}

.reviews__grade-link svg {
  width: 24px;
  height: 24px;
}

.reviews__grade-link_minus .reviews__grade-link-icon {
  transform: rotate(180deg);
}

.reviews__grade-link_active {
  color: #0e0e0e;
}

.reviews__grade-link_active .reviews__grade-link-icon {
  position: relative;
}

.reviews__grade-link_active .reviews__grade-link-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(../img/icon/grade-fill.svg) 50% 50% no-repeat;
}

.reviews__vis {
  display: inline-flex;
  margin-top: 24px;
  color: #2a65c5;
}

.reviews__vis:hover {
  color: #0c47a7;
}

.reviews__result {
  position: sticky;
  top: 210px;
  padding: 24px;
  border-radius: 10px;
  border: 1px solid #e1e1e3;
  background: #fff;
}

.reviews__result-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.reviews__result-head-box {
  display: flex;
  align-items: center;
  gap: 12px;
}

.reviews__result-head-box .reviews__stars {
  gap: 6px;
  margin-bottom: 8px;
}

.reviews__result-grade {
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.374px;
}

.reviews__result-sum {
  color: #7d7d7d;
}

.reviews__result-sort {
  display: flex;
  flex-flow: column;
  gap: 12px;
}

.reviews__result-sort i {
  position: relative;
  border-radius: 30px;
  height: 4px;
  width: calc(100% - 88px);
  background: #d7d7d7;
}

.reviews__result-sort i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--widthLine, 0);
  height: 100%;
  transition: width 0.3s;
  background: #0e0e0e;
  border-radius: 30px;
}

.reviews__result-sort span {
  display: inline-block;
  width: 44px;
}

.reviews__result-sort-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reviews__result-sort-minus {
  color: #7d7d7d;
}

.reviews__result-sort-plus {
  color: #0e0e0e;
  text-align: right;
}

.reviews__not-rating {
  max-width: 438px;
  margin-bottom: -5px;
  padding-top: 6px;
}

.reviews__not-rating .reviews__send-button {
  margin-top: 0;
}

.reviews__not-rating-box-grade {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.reviews__not-rating-box-grade-text {
  color: #999;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
}

.reviews__not-rating-box-grade-stars {
  display: flex;
  gap: 6px;
  line-height: 0;
}

.reviews__not-rating-text {
  line-height: 20px;
  margin-bottom: 24px;
}

.search-result-output {
  margin: 40px 0 42px;
}

.search-result-output__title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 16px;
}

.search-result-output__text {
  max-width: 919px;
  line-height: 1.25;
}

.search-result-output__text a {
  font-weight: 700;
}

.search-result-output__category {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.search-result-output__category::-webkit-scrollbar {
  width: 0;
  height: 0;
  opacity: 0;
}

.search-result-output__category::-webkit-scrollbar-track {
  background: 0 0;
  width: 0;
  height: 0;
}

.search-result-output__category::-webkit-scrollbar-thumb {
  background-color: transparent;
  width: 0;
  height: 0;
}

.search-result-output__category-box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.search-result-output__category-link {
  border-radius: 6px;
  flex: 0 0 auto;
  background: #f5f5f7;
  font-size: 14px;
  padding: 7px 12px;
  height: 32px;
  border: 1px solid #f5f5f7;
}

.search-result-output__category-link span {
  color: #7d7d7d;
  font-size: 12px;
}

.search-result-output__category-link:hover {
  background: #e4e4e6;
  border-color: #e4e4e6;
  color: #0e0e0e;
}

.search-result-output__category-link_active,
.search-result-output__category-link_active:hover {
  border-color: #0e0e0e;
  background: #fff;
}

.search-result {
  width: 775px;
  position: fixed;
  top: calc(100% + 9px);
  left: 0;
  right: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 10px 0 rgba(175, 175, 175, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.12), 0 0 24px 0 rgba(0, 0, 0, 0.14);
  padding: 36px;
  overflow-y: auto;
  overscroll-behavior: none;
  contain: content;
  -webkit-overflow-scrolling: touch;
  transition: height 0.3s ease;
  max-height: calc(var(--vh, 1vh) * 100 - 108px);
  z-index: 9;
  display: none;
  scrollbar-width: thin;
  scrollbar-color: #c3c3c3 transparent;
}

@media screen and (min-width: 768px) {
  .search-result {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .search-result {
    position: absolute;
    height: 100%;
    max-height: calc(var(--vh, 1vh) * 100 - var(--header-height, 60px));
    bottom: 0;
    top: var(--header-height, 60px);
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 0;
    padding: 20px;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
  }
}
.search-result:empty {
  display: none !important;
}

.search-result::-webkit-scrollbar {
  width: 4px;
}

.search-result::-webkit-scrollbar-track {
  background: 0 0;
}

.search-result::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border-radius: 27px;
}

.search-result__col {
  display: flex;
  flex-flow: column;
}

.search-result.search-result_ok {
  display: none;
}

.search-result__container {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 37px;
}

@media screen and (max-width: 767px) {
  .search-result__container {
    padding-bottom: 400px;
  }
}
.search-result__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.search-result__title {
  font-weight: 700;
}

.search-result__link {
  position: relative;
  display: inline-block;
  align-items: center;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 346px;
  border-radius: 6px;
  padding: 0 10px;
}

.search-result__link:not(:last-child) {
  margin-bottom: 4px;
}

.search-result__link:hover {
  color: #0e0e0e;
  background: #eeeef0;
}

@media screen and (max-width: 767px) {
  .search-result__link:hover {
    background: none;
  }
}
.search-result__link:hover .search-result__link-remove {
  opacity: 1;
}

.search-result__link span {
  color: #2a65c5;
}

.search-result__link img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}

.search-result__link svg {
  width: 12px;
  height: 24px;
}

.search-result__link-remove {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  color: #999;
  transition: opacity 0.2s;
}

.search-result__link-remove svg {
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: color 0.2s;
  color: #999;
}

.search-result__link-remove:hover svg {
  color: #0e0e0e;
}

.search-result__box {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}

.search-result__box:not(:last-child) {
  margin-bottom: 24px;
}

.search-result__clear-history {
  color: #7d7d7d;
  font-size: 12px;
}

.search-result__clear-history:hover {
  color: #0e0e0e;
}

.search-result__button {
  margin-top: 20px;
}

.search-result__clue {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}

.search-result__clue-link {
  display: inline-block;
  text-align: center;
  border-radius: 8px;
  background: #f5f5f7;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  color: #0e0e0e;
  font-size: 12px;
  padding: 0 16px;
}

.search-result__clue-link:hover {
  color: #0e0e0e;
  background: #e4e4e6;
}

.header__search_focus .search-result:not(.search-result_ok),
.header__search_val .search-result_ok {
  display: block;
}

.header__search_val .search-result_ok + .search-result {
  display: none;
}

.select-box {
  position: relative;
}

.select-box-js__current {
  position: relative;
  height: 38px;
  padding: 10px 43px 11px 30px;
  border-radius: 8px;
  border: 1px solid #e1e1e3;
  background: #fff;
  font-size: 14px;
  color: #0e0e0e;
  cursor: pointer;
  min-width: 203px;
  transition: border-color 0.3s;
}

.select-box-js__current:hover {
  border-color: #0e0e0e;
}

.select-box-js__current:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 18px;
  background: url(../img/icon/arrow-top-bl.svg) 0 0/contain;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  pointer-events: none;
  transition: transform 0.3s;
}

.select-box-js__current_active {
  border-radius: 8px 8px 0 0;
}

.select-box-js__current_active:after {
  transform: rotate(0);
}

.select-box-js__current_active + .select-box__list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.select-box__list {
  position: absolute;
  display: flex;
  flex-flow: column;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #e1e1e3;
  border-top: none;
  list-style: none;
  background: #fff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 11px 15px 0 rgba(155, 155, 155, 0.2), 0 9px 46px 0 rgba(155, 155, 155, 0.12), 0 24px 38px 0 rgba(155, 155, 155, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-7px);
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s, padding-bottom 0.3s;
  padding-bottom: var(--safe-area-inset-bottom, 0);
}

.select-box__li {
  padding: 15px 20px;
  cursor: pointer;
  font-size: 14px;
  color: #999;
  transition: color 0.3s;
}

.select-box__li:not(.select-box__li_title) {
  height: 48px;
}

.select-box__li:not(:last-child) {
  border-bottom: 1px solid #e1e1e3;
}

.select-box__li:hover {
  color: #0e0e0e;
}

.select-box__li_active {
  color: #0e0e0e;
  background: url(../img/icon/check-bl.svg) calc(100% - 5px) 50% no-repeat;
  pointer-events: none;
}

.select-box__li_title {
  position: relative;
  font-size: 19px;
  font-weight: 700;
  padding: 24px 60px 16px 20px;
  color: #0e0e0e;
  pointer-events: none;
}

.select-box__list-bg {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(25, 25, 27, 0.7);
}

.select-box__close {
  position: absolute;
  right: 23px;
  top: 20px;
  width: 24px;
  height: 24px;
}

.tabs {
  width: 100%;
}

.tabs__list {
  display: grid;
  grid-template-columns: repeat(var(--tabs-columns, 2), 1fr);
  list-style: none;
}

.tabs__li {
  border-bottom: 2px solid #e1e1e3;
  background: #fff;
  color: #7d7d7d;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  transition: color 0.3s, border-color 0.3s;
  cursor: pointer;
}

.tabs__li._current {
  color: #0e0e0e;
  border-color: #0e0e0e;
  pointer-events: none;
}

.tabs__container {
  padding: 28px 0;
}

.tabs__container:not(._active) {
  display: none;
}

.tabs__container h3 {
  margin-bottom: 12px;
  font-size: 16px;
}

.tabs__container p {
  line-height: 1.25;
  margin-bottom: 20px;
}

.tabs__container ul {
  margin-bottom: 20px;
  padding-left: 15px;
}

.tabs__container img {
  margin-bottom: 28px;
}

.tabs__container a {
  color: #2a65c5;
}

.tabs__container a:hover {
  color: #0c47a7;
}

.tabs__container dl {
  display: flex;
  align-items: flex-start;
  gap: 2px;
}

.tabs__container dl:not(:last-child) {
  margin-bottom: 8px;
}

.tabs__container dl:last-of-type {
  margin-bottom: 28px;
}

.tabs__container dl + h3 {
  margin-top: 28px;
}

.tabs__container dl dt {
  position: relative;
  width: calc(100% - 310px);
  display: flex;
  align-items: flex-end;
  color: #7d7d7d;
  font-size: 14px;
}

.tabs__container dl dt span {
  position: relative;
  display: inline-block;
  background: #fff;
}

.tabs__container dl dt:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 0.5px dashed #b9b9b9;
  bottom: 0;
  left: 0;
}

.tabs__container dl dd {
  width: 308px;
  font-size: 14px;
}

.tabs__container dl .cart-parameter__char {
  top: auto;
  bottom: 0;
  position: absolute;
  right: -21px;
  width: 19px;
  height: 19px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 0;
}

.tooltip__close * {
  pointer-events: none;
}

.tooltip__text {
  font-size: 12px;
}

.tooltip__bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  background: rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 1024px) {
  .tooltip__bg {
    display: none !important;
  }
}
.viewed {
  margin-bottom: 120px;
}

.viewed__slider {
  padding: 25px;
  margin: -25px;
}

.viewed__slider-slide {
  width: 370px;
}

.viewed__slider-arrow {
  display: none;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #e1e1e3;
  color: #0e0e0e;
  background: #fff;
  transition: border 0.2s;
}

.viewed__slider-arrow:hover {
  border: 1.5px solid #999;
}

.viewed__slider-arrow.swiper-button-disabled {
  display: none;
}

.viewed__slider-arrow svg {
  width: 24px;
  height: 24px;
}

.viewed__slider-arrow:after {
  display: none;
}

.viewed__slider-arrow_next {
  right: 20px;
}

.viewed__slider-arrow_prev {
  left: 20px;
}

.viewed__slider-arrow_prev svg {
  transform: rotate(180deg);
}

.viewed .catalog-mini__item {
  transition: box-shadow 0.3s;
  border-radius: 12px;
}

.viewed .catalog-mini__item:hover {
  border: none;
}

.viewed .catalog-mini__link {
  padding: 12px 12px 13px;
  border: none;
}

.viewed .catalog-mini__link:hover {
  border: none;
}

.viewed .catalog-mini__ptice {
  font-weight: 600;
}

@media (min-width: 767px) {
  .f-fadeIn {
    animation: 0.2s both f-fadeIn;
  }
  .f-fadeOut {
    animation: 0.2s both f-fadeOut;
  }
  :root {
    --headH: 104px;
  }
  .button__font-small {
    font-size: 14px;
  }
  .h2,
  h2 {
    margin-bottom: 24px;
  }
  .basket-menu__price {
    font-size: 24px;
  }
  .basket-recommendation__arrow {
    display: flex;
  }
  .breadcrumps {
    font-size: 14px;
  }
  .card {
    margin-bottom: 78px;
  }
  .card h1 {
    margin-bottom: 20px;
  }
  .card__control {
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 20px;
  }
  .catalog-body__list {
    gap: 20px;
    margin: 24px 0 0;
    border: none;
    width: 100%;
  }
  .catalog-body__item:nth-child(2n+1) {
    border: none;
  }
  .catalog-body__item {
    border: none;
    width: calc(33.33% - 14px);
  }
  .catalog-body__img-sl-slide img {
    max-width: 160px;
  }
  .catalog-body__name {
    font-size: 14px;
  }
  .catalog-body__price p:not([class]) {
    font-weight: 800;
    font-size: 16px;
  }
  .catalog-body__price p:not([class]) span {
    font-size: 14px;
  }
  .catalog-body__price-sale {
    font-size: 12px;
  }
  .catalog-body__price-not {
    font-size: 16px;
  }
  .catalog-body__control-icon {
    width: 36px;
    height: 36px;
  }
  .catalog-body_list .catalog-filter + .catalog-body__list .catalog-body__item {
    width: 100% !important;
  }
  .catalog-body_list .catalog-body__list {
    gap: 12px;
  }
  .catalog-body_list .catalog-body__desc {
    padding-top: 19px;
  }
  .catalog-body_list .catalog-body__name {
    margin-bottom: 12px;
    font-weight: 600;
  }
  .catalog-body_list .catalog-body__characteristics {
    display: block;
  }
  .catalog-body_list .catalog-body__rating {
    display: flex;
  }
  .catalog-body_list .catalog-body__sales {
    padding-top: 19px;
  }
  .catalog-body_list .catalog-body__control {
    flex-wrap: wrap;
  }
  .catalog-body_list .catalog-body__price i:after {
    left: auto;
    right: -44px;
  }
  .catalog-body_list .catalog-body__control-icon {
    width: 40px;
    height: 40px;
  }
  .catalog-body_list .catalog-body__control-icon.catalog-body__favorites:before {
    background-size: 33px 33px;
  }
  .catalog-body_list .catalog-body__control-icon svg {
    width: 33px;
    height: 33px;
  }
  .catalog-body:not(.catalog-body_list) .catalog-body__control_order {
    grid-template-columns: 1fr 90px;
    gap: 18px;
  }
  .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__img-sl-slide img {
    max-width: 160px;
  }
  .catalog-pagin__button {
    width: auto;
    margin: 42px 0;
  }
  .catalog {
    margin-top: 32px;
  }
  .categories-list {
    gap: 20px;
    margin-bottom: 80px;
  }
  .categories-list__li {
    width: calc(33.33% - 13.33px);
  }
  .city-search__list-main {
    width: 174px;
  }
  .city-search__list {
    width: auto;
  }
  .insurance-min-select {
    margin-bottom: 24px;
    padding: 0;
    border: none;
  }
  .insurance-min-select__item {
    width: 50%;
  }
  .insurance-min-tab__info,
  .insurance-min-tab__specification {
    padding: 24px 0;
  }
  .insurance-min-tab__info-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .insurance-min-tab__button-box {
    padding: 12px 0;
  }
  .menu-catalog__back {
    font-size: 14px;
    margin-left: 20px;
  }
  .menu-category__link {
    padding: 19px 20px;
    height: 56px;
  }
  .menu-category__title {
    display: none;
  }
  .modal {
    padding: 48px;
  }
  .modal__remove {
    padding: 40px 20px calc(var(--safe-area-inset-bottom, 0) + 40px);
  }
  .modal__s {
    padding: 20px;
  }
  .modal__title {
    font-size: 19px;
  }
  .modal__desc {
    margin-bottom: 8px;
  }
  .modal .is-close-btn {
    top: 10px;
    right: 10px;
  }
  .modal.modal__credit {
    padding: 20px;
  }
  .modal__link-button {
    color: #2a65c5;
  }
  .modal__link-button:hover {
    color: #0c47a7;
  }
  .modal.modal__complect,
  .modal__reviews {
    padding: 20px;
  }
  .modal.modal__complect .modal__title {
    padding: 0 20px 20px;
    margin: 0 -20px;
  }
  .modal.modal__complect .catalog-body__list {
    gap: 12px;
  }
  .modal.modal__complect .catalog-body__item {
    width: calc(33.33% - 9px);
  }
  .modal__complect-content {
    padding: 20px 0 0;
  }
  .modal__best-price,
  .modal__best-price-form {
    padding: 20px;
  }
  .modal__best-price-conditions {
    padding: 56px 20px 20px;
  }
  .modal__back {
    left: 18px;
  }
  .modal__availability {
    padding: 20px;
  }
  .modal__availability .modal__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .modal__insurance {
    padding: 20px;
  }
  .modal.modal__max {
    max-width: 590px;
    padding: 40px 60px;
  }
}
@media screen and (min-width: 767px) and (max-width: 990px) {
  .modal.modal__max {
    max-width: 100%;
    padding: 40px 20px calc(var(--safe-area-inset-bottom, 0) + 40px);
  }
}
@media screen and (min-width: 767px) and (max-width: 767px) {
  .modal.modal__max {
    padding: 20px 12px calc(var(--safe-area-inset-bottom, 0) + 20px);
  }
}
@media (min-width: 767px) {
  .modal__credit-basket-item {
    grid-template-columns: 80px 1fr auto;
  }
  .popular-slider .popular-slider__slide img {
    max-width: calc(100% - 20px);
  }
  .popular-slider__arrow {
    display: flex;
  }
  .receipts {
    gap: 16px;
  }
  .search-result__link-remove {
    opacity: 0;
  }
  .viewed__slider-arrow {
    display: flex;
  }
}
@media (min-width: 1023px) {
  .viewed .catalog-mini__item:hover {
    box-shadow: 0 16px 24px 0 rgba(195, 195, 195, 0.14), 0 -11px 30px 0 rgba(195, 195, 195, 0.12), 0 8px 10px 0 rgba(195, 195, 195, 0.2);
  }
}
@media (min-width: 1023px) {
  :root {
    --headH: 111px;
  }
  html {
    padding-top: var(--headH);
  }
  footer,
  main {
    z-index: 1;
  }
  .h1,
  h1 {
    font-size: 28px;
    margin-top: 12px;
    margin-bottom: 24px;
  }
  .h2,
  h2 {
    font-size: 32px;
  }
  .ballon .availability__button {
    display: inline-flex;
  }
  .ballon .availability__time,
  .basket-menu {
    display: none;
  }
  .breadcrumps {
    margin-top: 16px;
  }
  .card-sliders__main:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
  }
  .card h1 {
    margin-bottom: 28px;
  }
  .card__control-close,
  .card__control-select-mob,
  .card__control-select-title {
    display: none;
  }
  .cart-fixed__price-order-tooltip:before {
    border-bottom-color: #fff;
    top: -38px;
  }
  .catalog-body__list {
    margin: 16px 0 0;
    gap: 12px;
  }
  .catalog-body__item {
    border-radius: 12px;
    padding: 0;
    width: calc(25% - 9px);
  }
  .catalog-body__item:hover {
    /*-webkit-box-shadow: 0 8px 10px 0 rgba(195, 195, 195, .2), 0 -11px 30px 0 rgba(195, 195, 195, .12), 0 16px 24px 0 rgba(195, 195, 195, .14);*/
    /*box-shadow: 0 8px 10px 0 rgba(195, 195, 195, .2), 0 -11px 30px 0 rgba(195, 195, 195, .12), 0 16px 24px 0 rgba(195, 195, 195, .14)*/
    z-index: 2;
    background-color: #ffffff;
  }
  .catalog-body__img-sl-slide img {
    max-width: 200px;
  }
  .catalog-body__name {
    font-size: 16px;
  }
  .catalog-body__price {
    margin-bottom: 19px;
  }
  .catalog-body__price p:not([class]) {
    font-size: 20px;
  }
  .catalog-body__price p:not([class]) + p:not([class]) {
    font-size: 14px;
  }
  .catalog-body__price-info:hover .catalog-body__price-info-content {
    opacity: 1;
    visibility: visible;
  }
  .catalog-body__price-info-close,
  .catalog-body__price-info-title {
    display: none;
  }
  .catalog-body__price-not {
    font-size: 20px;
  }
  .catalog-body__control-icon.catalog-body__compare:before,
  .catalog-body__control-icon.catalog-body__favorites:before {
    background-size: 33px 33px;
  }
  .catalog-body__control-icon {
    width: 40px;
    height: 40px;
  }
  .catalog-body__control-icon svg {
    width: 33px;
    height: 33px;
  }
  .catalog-body_list .catalog-body__img-sl-slide img {
    max-width: 200px;
  }
  .catalog-body_list .catalog-body__order {
    padding: 0 21.5px;
  }
  .catalog-body_list .catalog-body__label-box {
    left: 10px;
    top: 10px;
  }
  .catalog-body_list .catalog-body__img {
    position: static;
  }
  .catalog-body:not(.catalog-body_list) .catalog-body__control_order {
    grid-template-columns: 1fr 102px;
    gap: 12px;
  }
  .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__item {
    padding: 20px;
    width: calc(33.33% - 8px);
  }
  .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__img-sl-slide img {
    max-width: 200px;
  }
  .catalog-filter .bx-filter .smartfilter__title,
  .filter-chips,
  .filter-open {
    display: none;
  }
  .catalog-head {
    padding-left: 10px;
  }
  .catalog .catalog-filter + .catalog__box {
    width: calc(100% - 245px);
  }
  .categories-list__li {
    width: calc(25% - 15px);
  }
  .categories-list__title {
    left: 16px;
    right: 16px;
    top: 20px;
    font-size: 16px;
  }
  .header-phone-menu__li_title {
    display: none;
  }
  .header-phone-menu__link-list {
    height: auto;
    padding: 9px 39px 9px 20px;
  }
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
  }
  .header__hhead-logo {
    display: none;
  }
  .menu-catalog_active {
    display: block;
  }
  .menu-catalog__li_all {
    display: none;
    width: 0;
    height: 0;
  }
  .menu-catalog__back,
  .menu-catalog__list-title {
    display: none;
  }
  .menu-category {
    gap: 0;
    background: #f5f5f7;
    padding: 10px 0;
    overflow: auto;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
  }
  .menu-category::-webkit-scrollbar {
    width: 4px;
  }
  .menu-category::-webkit-scrollbar-track {
    background: 0 0;
  }
  .menu-category::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
  }
  .menu-category__link {
    border: none;
    background-image: none;
    font-size: 16px;
    height: auto;
  }
  .menu-category__link_current {
    color: #2a65c5;
    background-color: #fff;
    background-image: url(../img/icon/arrow-right.svg);
  }
  .menu-footer {
    display: none;
  }
  .menu__wrapper {
    max-height: 100%;
  }
  .modal__remove {
    padding: 40px 60px;
  }
  .modal__s {
    padding: 40px;
  }
  .modal__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .modal__desc {
    margin-bottom: 12px;
  }
  .modal.modal__credit {
    padding: 40px;
  }
  .modal.modal__credit .modal__title {
    margin-bottom: 24px;
  }
  .modal__reviews {
    width: 440px;
    padding: 40px;
  }
  .modal__reviews .modal__title {
    margin-bottom: 24px;
  }
  .modal.modal__complect {
    max-width: 1368px;
    max-height: 1070px;
    padding: 20px 48px;
  }
  .modal.modal__complect .modal__title {
    padding: 0 48px 20px;
    margin: 0 -48px;
    font-size: 32px;
    line-height: 40px;
  }
  .modal.modal__complect .catalog-body__item {
    width: calc(25% - 9px);
    padding: 12px;
  }
  .modal.modal__complect .catalog-body__control {
    gap: 28px;
  }
  .modal__complect-content {
    padding: 20px 30px 0;
    margin: 0 -30px;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
  }
  .modal__complect-content::-webkit-scrollbar {
    width: 4px;
  }
  .modal__complect-content::-webkit-scrollbar-track {
    background: 0 0;
  }
  .modal__complect-content::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
  }
  .modal__best-price {
    max-width: 600px;
    padding: 40px;
  }
  .modal__best-price-title {
    text-align: center;
    margin-bottom: 16px;
  }
  .modal__best-price-desc {
    font-size: 16px;
    text-align: center;
    margin-bottom: 32px;
  }
  .modal__best-price-dl {
    font-size: 16px;
    padding: 18px 20px;
  }
  .modal__best-price-dl_first {
    font-size: 20px;
    padding: 18px 20px;
  }
  .modal__best-price-form {
    max-width: 440px;
    padding: 40px;
  }
  .modal__best-price-form-desc {
    font-size: 16px;
    margin-bottom: 32px;
  }
  .modal__best-price-conditions {
    max-width: 600px;
    padding: 40px;
  }
  .modal__best-price-conditions ul {
    font-size: 16px;
  }
  .modal__best-price-conditions-title.modal__title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 24px;
  }
  .modal__back {
    width: 48px;
    height: 48px;
    top: 8px;
    left: 8px;
  }
  .modal__availability {
    max-width: 960px;
    padding: 40px;
    height: 566px;
  }
  .modal__availability .modal__title {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .modal__insurance {
    max-width: 1368px;
    padding: 20px 40px 48px;
  }
  .modal__insurance-content_mobile {
    display: none;
  }
  .modal.modal__credit-basket {
    max-width: 720px;
    padding: 40px 60px;
  }
  .modal__credit-basket-bt:before {
    content: attr(data-desk);
  }
  .popular-slider .popular-slider__slide img {
    max-width: calc(100% - 13px);
  }
  .receipts {
    flex-wrap: wrap;
  }
  .select-box__li:not(.select-box__li_title) {
    height: auto;
  }
  .select-box__li:not(:last-child) {
    border: none;
    padding: 10px 18px;
  }
  .select-box__li_title,
  .tooltip__close,
  .tooltip__title {
    display: none;
  }
}
@media (min-width: 1440px) {
  :root {
    --headH: 117px;
  }
  .breadcrumps {
    margin-top: 20px;
  }
  .card-sliders__thumb {
    display: flex;
    align-items: center;
  }
  .card h1 {
    margin-bottom: 20px;
  }
  .card__control {
    margin-bottom: 16px;
  }
  .catalog-body__list {
    margin-top: 16px;
    gap: 10px;
  }
  .catalog-body__item {
    padding: 20px;
    width: calc(20% - 8px);
  }
  .catalog-body__img-sl-slide img {
    max-width: 200px;
  }
  .catalog-body__term {
    width: 102px;
    font-size: 14px;
  }
  .catalog-body__control-icon {
    width: 40px;
    height: 40px;
  }
  .catalog-body_list .catalog-body__label-box {
    left: 12px;
    top: 12px;
  }
  .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__item {
    padding: 20px;
    width: calc(25% - 8px);
  }
  .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__img-sl-slide img {
    max-width: 200px;
  }
  .catalog-head {
    padding-left: 12px;
  }
  .catalog .catalog-filter + .catalog__box {
    width: calc(100% - 264px);
  }
  .categories-list {
    gap: 32px;
  }
  .categories-list__li {
    width: calc(20% - 25.6px);
  }
  .categories-list__title {
    left: 20px;
    right: 20px;
    top: 16px;
  }
  .categories-list__img {
    left: 24px;
    right: 24px;
  }
  .header-phone-menu__link svg {
    display: none;
  }
  .header-phone-menu__link span {
    display: block;
  }
  .header-phone-menu__li_mobile {
    display: none;
  }
  .header__controll-link.header__controll_compare .header__controll-sum,
  .header__controll-link.header__controll_favorites .header__controll-sum {
    right: 17px;
  }
  .insurance-advantage {
    padding: 20px;
  }
  .menu-catalog {
    box-sizing: border-box; /*height: calc(var(--vh, 1vh) * 100 - var(--headH) - var(--safe-area-inset-bottom, 0px));*/
    padding: 24px 52px;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
  }
  .menu-catalog::-webkit-scrollbar {
    width: 4px;
  }
  .menu-catalog::-webkit-scrollbar-track {
    background: 0 0;
  }
  .menu-catalog::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
  }
  .modal.modal__complect .catalog-body__item {
    padding: 20px;
  }
  .modal__availability {
    height: 594px;
  }
  .modal__availability .modal__title {
    margin-bottom: 24px;
  }
  .modal__insurance {
    padding: 32px 60px 48px;
  }
  .popular-slider .popular-slider__slide img {
    max-width: calc(100% - 57px);
  }
}
@media (min-width: 1920px) {
  .basket-recommendation__arrow_next {
    right: 0;
  }
  .basket-recommendation__arrow_prev {
    left: 0;
  }
  .card__control {
    margin-bottom: 20px;
  }
  .catalog-body__list {
    gap: 16px;
  }
  .catalog-body__item {
    padding: 20px;
    width: calc(20% - 13px);
  }
  .catalog-body__img-sl-slide img {
    max-width: 210px;
  }
  .catalog-body_list .catalog-body__img-sl-slide img {
    max-width: 210px;
  }
  .catalog-body_list .catalog-body__label-box {
    left: 20px;
    top: 20px;
  }
  .catalog-body:not(.catalog-body_list) .catalog-body__control_order {
    gap: 32px;
    grid-template-columns: 1fr 112px;
  }
  .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__item {
    padding: 20px;
    width: calc(25% - 12px);
  }
  .catalog-filter + .catalog__box .catalog-body:not(.catalog-body_list) .catalog-body__list:not(.catalog-body_list) .catalog-body__img-sl-slide img {
    max-width: 210px;
  }
  .catalog-head {
    padding-left: 20px;
  }
  .categories-list {
    gap: 10px;
    margin-bottom: 120px;
  }
  .categories-list__li {
    width: calc(16.66% - 8.33px);
  }
  .popular-slider {
    overflow: hidden;
  }
  .popular-slider .popular-slider__slide img {
    max-width: calc(100% - 53px);
  }
  .viewed__slider-arrow_next {
    right: 0;
  }
  .viewed__slider-arrow_prev {
    left: 0;
  }
}
@media (max-width: 1919px) {
  .basket-complect__head {
    margin-bottom: 20px;
  }
  .basket-complect__head-check .checkbox__text {
    font-size: 20px;
    line-height: 24px;
  }
  .basket-complect .basket__item:not(:last-child) {
    margin-bottom: 20px;
  }
  .basket__control {
    margin-bottom: 40px;
  }
  .basket__item:not(:nth-last-child(1)) {
    margin-bottom: 20px;
  }
  .basket__sidebar {
    width: 435px;
  }
  .card-sliders {
    width: 542px;
  }
  .card-sliders__main-box {
    margin-top: 0;
  }
  .card-sliders__thumb-box_hide ~ .card-sliders__main-box {
    margin-left: 60px;
  }
  .card-sliders__thumb-box {
    margin-top: 16px;
  }
  .card__description {
    gap: 0 0;
  }
  .card__preview {
    width: calc(100% - 460px);
  }
  .cart-parameter {
    width: calc(100% - 554px);
    margin-top: 40px;
  }
  .cart-parameter__list {
    margin-bottom: 16px;
  }
  .cart-purchase {
    margin-top: 40px;
  }
  .footer__container {
    gap: 37px;
  }
  .footer__menu {
    justify-content: space-between;
  }
  .footer__menu-col {
    width: auto;
  }
  .footer__menu-col_catalog {
    margin-right: 0;
  }
  .reviews {
    margin-bottom: 80px;
  }
  .reviews__container {
    grid-template-columns: 886px 428px;
  }
  .viewed {
    overflow: hidden;
    padding: 32px 0;
    margin: -32px 0 48px;
  }
  .viewed__slider-slide {
    width: 370px;
  }
}
@media (max-width: 1800px) {
  .catalog-body__price-info-content {
    left: auto;
    right: -49px;
  }
  .catalog-body__price-info-content:before {
    left: auto;
    right: 34px;
  }
}
@media (max-width: 1639px) {
  .header-phone-menu__list {
    left: auto;
    right: 0;
    transform: translate(0, 0);
  }
  .header-phone-menu._active .header-phone-menu__list {
    transform: translate(0, 19px);
  }
  .basket__items {
    width: 991px;
  }
}
@media (max-width: 1439px) {
  .wrapper {
    padding: 0 25px;
  }
  .basket-empty {
    margin: 80px 0;
  }
  .basket-empty__wrapper {
    padding: 0 20px;
  }
  .basket-empty__title {
    font-size: 32px;
    line-height: 40px;
  }
  .basket {
    margin-bottom: 80px;
  }
  .basket h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 32px 0 28px;
  }
  .basket__content {
    margin-bottom: 80px;
  }
  .basket__items {
    width: 100%;
  }
  .basket__sidebar {
    position: relative;
    top: 0;
    display: none;
    width: 100%;
    margin-top: 80px;
  }
  .basket__sidebar._clone {
    display: block;
  }
  .basket__sidebar-sum-box {
    line-height: 28px;
  }
  .basket__sidebar-title {
    font-size: 24px;
    line-height: 28px;
  }
  .basket .categories,
  .basket .popular-slider__content {
    margin-bottom: 80px;
  }
  .card-sliders {
    flex-flow: column;
    position: sticky;
    top: 120px;
    width: calc(100% - 448px);
  }
  .card-sliders__main-box {
    order: 1;
    width: 100%;
    max-width: 100%;
  }
  .card-sliders__main {
    max-width: 380px;
    margin: 0 auto;
  }
  .card-sliders__thumb-box_hide ~ .card-sliders__main-box {
    margin-left: 0;
  }
  .card-sliders__thumb-box {
    order: 2;
    width: 100%;
    height: 90px;
    margin-top: 20px;
  }
  .card-sliders__thumb .slick-arrow {
    display: none !important;
  }
  .slick-arrow {
    display: none;
  }
  .card__description,
  .card__preview {
    width: 100%;
  }
  .card__tabs {
    display: none;
    margin-top: 20px;
    order: 3;
  }
  .card__tabs._mobile {
    display: block;
  }
  .cart-fixed__item {
    width: calc(100% - 470px);
  }
  .cart-fixed__price-box p:not([class]) {
    font-weight: 700;
  }
  .cart-fixed .cart-fixed__buy-button {
    display: none;
  }
  .cart-fixed .cart-fixed__buy-button_small {
    display: flex;
    width: 150px;
  }
  .cart-parameter {
    margin-top: 0;
    width: 428px;
    position: sticky;
    top: calc(var(--top1, 118px) + 118px);
  }
  .cart-parameter__characteristics-box {
    display: none;
  }
  .cart-parameter__characteristics-link {
    margin-top: 0;
  }
  .cart-purchase {
    display: none;
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 20px;
  }
  .cart-purchase._mobile {
    display: block;
  }
  .catalog-body__price-info-content {
    width: 229px;
  }
  .catalog-body__characteristics {
    font-size: 12px;
  }
  .footer.footer-small {
    padding: 42.5px 0;
  }
  .footer {
    padding: 40px 0;
  }
  .footer__menu {
    gap: 53px;
  }
  .footer__contacts {
    margin-right: 0;
  }
  .footer__info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 29px 0 0;
    border-top: 1px solid #363636;
  }
  .footer__callback {
    margin-bottom: 0;
    width: 370px;
  }
  .footer__button-service,
  .footer__ya-market {
    margin-bottom: 0;
    margin-top: 35px;
  }
  .header-city__question-button,
  .header-city__question-title {
    font-size: 14px;
  }
  .header__hhead {
    padding: 7px 0;
  }
  /*
  .header__hhead-contacts {
    display: none
  }
  */
  .header__bhead {
    padding: 14px 0;
  }
  .header__bhead-left {
    width: calc(100% - 190px);
    gap: 22px;
  }
  .header__bhead-wrapper {
    gap: 10px;
  }
  .header__logo {
    width: 96px;
  }
  .header__search-input {
    height: 42px;
  }
  .header__bhead-right {
    width: 180px;
  }
  .header__controll-link:before {
    bottom: -18px;
  }
  .header__controll-link {
    width: 42px;
    height: 42px;
  }
  .header__controll-link span:not(.header__controll-sum) {
    display: none;
  }
  .header__controll-sum {
    top: 6px;
    right: 1px;
  }
  .header__menu-bt {
    height: 42px;
    padding: 0 9px;
  }
  .header__menu-bt span {
    display: none;
  }
  .popular-slider .popular-slider__slide.catalog-body__item .catalog-body__inner .popular-slider {
    padding: 10px;
  }
  .popular-slider .popular-slider__slide .catalog-body__control_item-ok .catalog-body__control-icon {
    width: 33px;
    height: 33px;
  }
  .popular_bg-gray {
    padding: 80px 0 48px;
  }
  .reviews__container {
    grid-template-columns: 1fr 428px;
    gap: 20px;
  }
  .reviews__sort {
    padding-bottom: 20px;
  }
  .reviews__item {
    padding: 20px 0;
  }
  .reviews__vis {
    margin-top: 20px;
  }
  .reviews__result {
    padding: 20px;
  }
  .search-result,
  .search-result__container {
    gap: 49px;
  }
  .tabs__container {
    padding: 20px 0;
  }
  .tabs__container p {
    margin-bottom: 16px;
  }
  .tabs__container dl dt {
    width: calc(100% - 142px);
  }
  .tabs__container dl dd {
    width: 140px;
  }
  .viewed {
    margin-bottom: 68px;
  }
}
@media (max-width: 1024px) {
  .catalog-filter .bx-filter .smartfilter {
    max-height: calc(var(--vh, 1vh) * 85);
  }
  .catalog-body__price-info-content:before,
  .tooltip:before {
    display: none;
  }
  .tooltip._no-title {
    padding-top: 28px;
  }
  .menu-catalog__box {
    gap: 0;
  }
  .catalog-body__item .catalog-body__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .catalog-body__item .catalog-body__inner .catalog-body__sales {
    margin-top: auto;
  }
}
@media (max-width: 1023px) {
  .button__border {
    border-width: 1px;
  }
  .input-text {
    font-size: 14px;
  }
  .input-text_sl {
    height: 42px;
  }
  .input-text_sl ~ .input-text__label-text {
    top: 13px;
  }
  .input-text__label-text,
  .textarea-text,
  .textarea-text__label-text {
    font-size: 14px;
  }
  .ballon .availability__content {
    align-items: flex-end;
  }
  .availability-tabs {
    height: calc(100% - 64px);
  }
  .availability-tabs__links {
    display: flex;
  }
  .availability-tabs__box_map {
    width: 100%;
    height: 622px;
    max-height: calc(100% - 64px);
    margin-bottom: 37px;
  }
  .availability-tabs__box_list-box {
    width: 100%;
    max-height: calc(100% - 64px);
  }
  .availability-tabs__box {
    display: none;
  }
  .availability-tabs__box._show {
    display: block;
  }
  .availability__li {
    background: 0 0;
    padding: 16px 12px;
  }
  .availability__content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .availability__address {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 14px;
  }
  .availability__time-work {
    margin-bottom: 0;
  }
  .availability__info {
    width: 470px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .availability__sum {
    display: flex;
    width: 70px;
  }
  .availability__button-box {
    display: flex;
  }
  .banner {
    display: none;
  }
  .basket-recommendation__ok {
    font-size: 16px;
    gap: 10px;
    bottom: 69px;
    transform: translateY(calc(100% + 69px));
    padding: 16px;
  }
  .basket-recommendation__ok_active {
    transform: translateY(0);
  }
  .basket h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin: 24px 0 20px;
  }
  .basket__content {
    grid-template-columns: 100%;
  }
  .basket__sidebar {
    padding: 16px;
  }
  .basket__sidebar-sum-box {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
  .basket__popular .h2,
  .basket__popular h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .breadcrumps__wrapper {
    gap: 4px;
  }
  .breadcrumps a {
    gap: 4px;
    font-size: 12px;
  }
  .card-sliders {
    width: calc(100% - 328px);
    top: 0;
  }
  .card-sliders__main {
    padding-bottom: 18px;
  }
  .card-sliders__main .card-sliders__main-pagination {
    display: flex;
    justify-content: center;
  }
  .card-sliders__main .slick-arrow {
    display: none;
  }
  .card-sliders .slick-dots {
    display: flex !important;
  }
  .card-sliders__thumb-box {
    display: none;
  }
  .card__control-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 25, 27, 0.7);
    z-index: 98;
  }
  .card__control-select {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    top: auto;
    z-index: 99;
    border-radius: 12px 12px 0 0;
    box-shadow: none;
    transform: translateY(100%);
    padding-bottom: var(--safe-area-inset-bottom, 0);
  }
  .card__control-select-desk {
    display: none;
  }
  .card__control-select-link {
    padding: 12px 20px;
    border-bottom: 1px solid #e1e1e3;
  }
  .card__tabs {
    max-width: 886px;
  }
  .cart-fixed {
    top: auto;
    bottom: calc(var(--safe-area-inset-bottom, 0px) + 49px);
    border-top: 1px solid #e1e1e3;
    box-shadow: none;
    padding: 14px 0;
  }
  .cart-fixed._show ~ footer {
    padding-bottom: 136px;
  }
  .cart-fixed__item {
    display: none;
  }
  .cart-fixed__price-box {
    width: 200px;
  }
  .cart-fixed__price-box p:not([class]),
  .cart-fixed__price-box p:not([class]) span {
    font-size: 28px;
  }
  .cart-fixed__buy {
    width: 100%;
    justify-content: space-between;
  }
  .cart-fixed .cart-fixed__buy-button {
    display: flex;
    font-size: 14px;
    width: 276px;
  }
  .cart-fixed .cart-fixed__buy-button_small,
  .cart-fixed__buy-controll {
    display: none;
  }
  .cart-fixed__price-order-tooltip {
    top: auto;
    transform: translateY(100%);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .cart-fixed__price-order-tooltip-bg {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 25, 27, 0.7);
    border: none;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }
  .cart-fixed__price-order-tooltip-container {
    border-radius: 8px 8px 0 0;
    padding-bottom: var(--safe-area-inset-bottom, 0);
  }
  .cart-parameter {
    width: 308px;
    top: var(--top1, 0);
  }
  .cart-parameter__characteristics-link {
    font-size: 14px;
  }
  .cart-parameter__info._active ~ .catalog-body__price-info-content {
    opacity: 1;
    visibility: visible;
  }
  .cart-parameter__info._active ~ .catalog-body__price-info-content-bg {
    display: block;
  }
  .cart-purchase__buy {
    padding: 16px;
  }
  .cart-purchase__buy-price p {
    font-size: 24px;
    line-height: 1.14;
    font-weight: 600;
  }
  .cart-purchase__buy-price p + p {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .cart-purchase__shop a {
    font-size: 14px;
  }
  .cart-purchase__benefit span {
    font-size: 12px;
  }
  .cart-purchase__benefit p {
    font-size: 14px;
  }
  .cart-purchase__guarantee {
    padding: 16px;
  }
  .cart-purchase__guarantee-link,
  .cart-purchase__guarantee-price,
  .cart-purchase__guarantee-text {
    font-size: 14px;
    line-height: 20px;
  }
  .cart-purchase__not-price {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
  }
  .cart-purchase__buy-button svg {
    display: none;
  }
  .cart-purchase__complect {
    padding: 16px;
  }
  .cart-purchase__complect-foot {
    padding-top: 16px;
  }
  .cart-purchase__complect-foot dl + span {
    text-align: left;
  }
  .catalog-mini__item:not(:last-child) {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 0.5px solid #e1e1e3;
  }
  .catalog-mini__ptice {
    font-size: 14px;
    font-weight: 800;
  }
  .catalog-mini__replace {
    font-size: 12px !important;
    width: 60px;
    bottom: 2px;
  }
  .catalog-mini_complect .catalog-mini__link {
    grid-template-columns: 70px 1fr;
    align-items: center;
    padding: 0;
    gap: 8px;
  }
  .catalog-mini_complect .catalog-mini__text {
    padding: 0;
  }
  .catalog-mini_complect .catalog-mini__ptice {
    margin-top: 0;
    font-size: 14px;
    gap: 8px;
  }
  .catalog-mini_complect .catalog-mini__ptice p + p {
    font-size: 12px;
  }
  .catalog-body__label._active .catalog-body__label-hide,
  .catalog-mini__controll {
    opacity: 1;
    visibility: visible;
  }
  .catalog-body__label._active .catalog-body__label-hide-bg {
    display: block;
  }
  .catalog-body__price-info i._active ~ .catalog-body__price-info-content {
    opacity: 1;
    visibility: visible;
  }
  .catalog-body__price-info i._active ~ .catalog-body__price-info-content-bg {
    display: block;
  }
  .catalog-body__price-info-content {
    position: fixed;
    pointer-events: auto;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    box-shadow: none;
    z-index: 9;
    padding: 25px 20px max(25px, max(10px, var(--safe-area-inset-bottom, 0)));
    border-radius: 8px 8px 0 0;
  }
  .catalog-filter_active {
    display: block;
  }
  .catalog-filter._chips .bx-filter .smartfilter > .row:first-of-type {
    height: calc(var(--vh, 1vh) * 100 - 176px);
  }
  .catalog-filter .bx-filter .checkbox {
    display: block;
  }
  .catalog-filter .bx-filter .bx-filter-parameters-box {
    padding-bottom: 12px;
  }
  .catalog-filter .bx-filter .filter-button {
    display: flex;
  }
  .catalog-filter .bx-filter .smartfilter > .row:first-of-type + .row .bx-filter-parameters-box-container {
    padding-right: 0;
  }
  .linkHideFilter,
  .linkShowFilter {
    display: none;
  }
  .filter-open-mob {
    overflow: hidden;
  }
  .catalog-pagin__link {
    height: 42px;
  }
  .city-search__box {
    position: sticky;
    top: -4px;
    background: #fff;
    z-index: 1;
  }
  .city-search__box._sticky {
    border-bottom: 1px solid #e1e1e3;
  }
  .footer.footer-small.bottom {
    padding-bottom: calc(var(--safe-area-inset-bottom, 133.5px) + 133.5px);
    margin: 0;
  }
  .footer.footer-small {
    padding-bottom: calc(var(--safe-area-inset-bottom, 92.5px) + 92.5px);
  }
  .footer {
    padding: 0 0 88px;
  }
  .footer__container {
    gap: 0;
    align-items: flex-end;
  }
  .footer__menu {
    width: 100%;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 24px;
  }
  .footer__menu-col {
    width: 100%;
    border-bottom: 1px solid #363636;
  }
  .footer__menu-link-container {
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    transition: max-height 0.3s, padding 0.3s;
  }
  .footer__menu-link-container_active {
    max-height: 1000px;
  }
  .footer__menu-title {
    position: relative;
    font-size: 14px;
    padding: 20px 0;
    margin: 0;
  }
  .footer__menu-title:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 24px;
    background: url(../img/icon/arrow-bottom-wh.svg) 100% 50% no-repeat;
    height: 24px;
    margin-top: -12px;
    transition: transform 0.3s;
  }
  .footer__menu-title_active:before {
    transform: rotate(180deg);
  }
  .footer__menu-link-box {
    margin-bottom: 12px;
  }
  .footer__menu-link-box:last-child {
    margin-bottom: 20px;
  }
  .footer__contacts {
    width: 410px;
    display: flex;
    flex-wrap: wrap;
  }
  .footer__contacts-title {
    display: none;
  }
  .footer__contacts-phone {
    font-size: 14px;
  }
  .footer__contacts-time {
    width: 100%;
  }
  .footer__sn-link_no-mob {
    display: none;
  }
  .footer__info {
    flex-flow: column;
    padding: 8px 0 0;
    border: none;
  }
  .footer__info-title {
    font-size: 14px;
  }
  .footer__callback {
    width: 100%;
  }
  .footer__callback-form {
    width: 100%;
    max-width: 357px;
  }
  .footer__callback-send {
    bottom: 69px;
    transform: translateY(calc(100% + 69px));
  }
  .footer__callback-send_active {
    transform: translateY(0);
  }
  .footer__button-service {
    display: none;
  }
  .footer__button-service_tablet {
    display: inline-flex;
    margin: 0 0 24px;
    font-size: 14px;
    height: 42px;
    width: 240px;
  }
  .footer__ya-market {
    margin-top: 31px;
  }
  /* .header-city {
    height: 24px
  }

  .header-city__link span {
    display: none
  } */
  .header-phone-menu__list {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    top: auto;
    z-index: 99;
    border-radius: 12px 12px 0 0;
    box-shadow: none;
    transform: translateY(100%);
  }
  .header-phone-menu__bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 25, 27, 0.7);
    z-index: 98;
  }
  .header-phone-menu__li {
    border-bottom: 1px solid #e1e1e3;
  }
  .header-phone-menu._active .header-phone-menu__bg {
    display: block;
  }
  .header-phone-menu._active .header-phone-menu__list {
    transform: translate(0, 0);
  }
  .header-small__content {
    padding: 21.5px 0;
  }
  .header-small__back {
    background: url(../img/icon/header-small-back.svg) 50% 50% no-repeat;
    width: 24px;
    height: 24px;
  }
  .header-small__back * {
    display: none;
  }
  .header-small .header__logo {
    width: 98px;
    height: 42px;
  }
  .header-small__tel {
    background: url(../img/icon/header-small-tel.svg) 50% 50% no-repeat;
    width: 24px;
    height: 24px;
    border: none;
    padding: 0;
  }
  .header-small__tel * {
    display: none;
  }
  .header__hhead {
    padding: 10.5px 0;
  }
  .header__buyers,
  .header__city-link span,
  .header__hhead-left i,
  .header__service,
  .header__shop {
    display: none;
  }
  .header__bhead {
    padding: 10px 0;
  }
  .header__bhead-left {
    width: 100%;
    gap: 20px;
  }
  .header__logo {
    display: none;
  }
  .header__search {
    position: static;
  }
  .header__bhead-right,
  .header__controll-hide {
    display: none;
  }
  .header__menu-bt {
    height: 44px;
  }
  .header__menu-bt span {
    display: block;
  }
  .insurance-foot {
    padding: 20px 12px;
    border-top: 0.5px solid #e1e1e3;
  }
  .insurance-foot__title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .insurance-offers__title {
    margin-bottom: 20px;
  }
  .insurance-offers__list {
    gap: 16px 8px;
    flex-flow: row;
    flex-wrap: wrap;
  }
  .insurance-offers__li {
    width: calc(50% - 4px);
  }
  .menu-bg {
    display: none;
    transition: opacity 0.3s 0.1s;
  }
  .menu-catalog._hide {
    overflow-x: hidden;
  }
  .menu-catalog {
    position: fixed;
    top: 105px;
    left: 100%;
    bottom: calc(57px + env(safe-area-inset-bottom, 0px));
    transform: translateX(0);
    transition: transform 0.4s;
    width: 100%;
    background: #fff;
    z-index: 2;
    padding: 9px 20px;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
  }
  .menu-catalog::-webkit-scrollbar {
    width: 4px;
  }
  .menu-catalog::-webkit-scrollbar-track {
    background: 0 0;
  }
  .menu-catalog::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 27px;
  }
  .menu-catalog_active {
    display: block;
    transform: translateX(-100%);
    height: 100%;
  }
  .menu-catalog_active .menu-catalog__list {
    padding-bottom: 130px;
  }
  .menu-catalog__list {
    margin: 0 0 -30px;
    gap: 0;
    display: flex;
    flex-direction: column;
  }
  .menu-catalog__li {
    position: static;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #e1e1e3;
    display: flex;
  }
  .menu-catalog__li a {
    width: 100%;
  }
  .menu-catalog__content {
    position: absolute;
    top: var(--scrollMenu);
    left: 100%;
    width: 100%;
    z-index: 3;
    box-sizing: border-box;
    background: #fff;
    transform: translateX(0);
    transition: transform 0.4s;
    height: calc(100% - 120px);
    padding: 11px 20px;
    gap: 0;
  }
  .menu-catalog__content_active {
    transform: translateX(-100%);
  }
  .menu-catalog__content .menu-catalog__back {
    margin-bottom: 0;
  }
  .menu-catalog__link-name {
    display: block;
    color: #0e0e0e;
    font-size: 20px;
    font-weight: 700;
    margin: 12px 0 0;
    padding-left: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e1e1e3;
  }
  .menu-catalog__box:last-child {
    padding-bottom: 130px;
  }
  .menu-catalog__link {
    display: block !important;
    font-size: 14px;
  }
  .menu-catalog__link:not(.menu-catalog__link_title) {
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #e1e1e3;
    font-weight: 700;
    padding: 19px 20px;
    height: 56px;
  }
  .menu-catalog__link_title {
    background: calc(100% - 8px) 50% no-repeat;
    background-image: url(../img/icon/arrow-right-bl.svg);
    margin-bottom: 0;
    padding: 20px;
    height: 56px;
    font-size: 14px;
  }
  .menu-catalog__link:not(.menu-catalog__link_title),
  .menu-catalog__link_title {
    display: flex !important;
    align-items: center;
    flex-shrink: 0;
  }
  .menu-catalog__link_all {
    display: block;
  }
  .menu-catalog__link-show {
    display: none;
  }
  .menu-footer__wrapper {
    padding: 0;
  }
  /* .popular-slider
      .popular-slider__slide.catalog-body__item:hover
      .catalog-body__inner {
      padding: 8px;
  } */
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  html:has(#basket-root) .menu {
    top: var(--scroll);
    height: calc(100% - 100px);
  }
}
@media (max-width: 1023px) {
  .menu {
    top: 105px;
    max-height: none;
    bottom: 0;
    overflow: hidden;
    padding-bottom: calc(33px + env(safe-area-inset-bottom, 0px));
  }
  .menu__wrapper {
    overflow: auto;
  }
  .modal__remove-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
  }
  .modal.modal__credit {
    max-width: none;
    width: 100%;
  }
  .modal.modal__credit .modal__text {
    margin-bottom: 16px;
  }
  .modal.modal__credit .modal__text ul {
    margin-bottom: 4px;
  }
  .modal.modal__credit .modal__text p {
    margin-bottom: 16px;
  }
  .modal.modal__credit .modal__text p:not([class]) {
    font-size: 14px;
  }
  .modal.modal__credit .modal__text .bold {
    margin-bottom: 12px;
  }
  .modal__link-button {
    margin-bottom: 20px;
  }
  .modal__reviews .modal__title {
    text-align: left;
    margin-bottom: 12px;
  }
  .modal__reviews .catalog-mini__item {
    border: none;
  }
  .modal__reviews .catalog-mini__link {
    grid-template-columns: 68px 1fr;
  }
  .modal .cart-purchase__benefit p,
  .modal__reviews .catalog-mini__link .catalog-mini__ptice {
    font-size: 14px;
  }
  .modal .cart-purchase__benefit span {
    font-size: 12px;
  }
  .modal__insurance-title {
    font-size: 20px;
    line-height: 24px;
  }
  .modal__insurance-content_desktop {
    display: none;
  }
  .modal__max-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
  }
  .fancybox__container:not(.-is-card-qr) .fancybox__slide:not(.has-image) {
    justify-content: flex-end;
  }
  .fancybox__container.-is-card-qr .fancybox__slide:not(.has-image) {
    justify-content: center;
  }
  .fancybox__slide:has(#modal-gift-card-info) {
    justify-content: stretch !important;
  }
  .fancybox__slide.has-image {
    justify-content: center;
  }
  .popular-slider .catalog-body__img-sl-wrapper {
    pointer-events: none;
  }
  .popular-slider .catalog-body__img-sl-pagination {
    display: none;
  }
  .popular_bg-gray {
    padding: 60px 0 28px;
  }
  price-range {
    margin-bottom: 24px;
  }
  .price-range-input .bx-filter-parameters-box-container-block {
    text-align: center;
    height: 38px;
    justify-content: space-between;
  }
  .price-range-input .bx-filter-parameters-box-container-block .bx-filter-input-container {
    width: auto;
  }
  .price-range-input .bx-filter-parameters-box-container-block .currency {
    display: inline-block;
    font-size: 16px;
    color: #0e0e0e;
  }
  .price-range-input .bx-filter-parameters-box-container-block input.dynamicWidthInput {
    width: auto;
    text-align: center;
  }
  .reviews-rating__select-title {
    font-size: 14px;
    line-height: 20px;
  }
  .reviews__container {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .reviews__items {
    order: 2;
  }
  .reviews__sort {
    padding-bottom: 16px;
  }
  .reviews__item {
    padding: 16px 0;
  }
  .reviews__info {
    margin-bottom: 12px;
  }
  .reviews__name {
    font-size: 14px;
  }
  .reviews__date {
    font-size: 12px;
  }
  .reviews__text {
    font-size: 14px;
    gap: 12px;
  }
  .reviews__result {
    position: relative;
    top: 0;
    order: 1;
    display: flex;
    padding: 16px;
    justify-content: space-between;
  }
  .reviews__result-head {
    order: 2;
    width: 249px;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .reviews__result-head-box .reviews__stars {
    margin-bottom: 0;
  }
  .reviews__result-head-box {
    width: 100%;
  }
  .reviews__result-box-grade {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .reviews__send-button {
    font-size: 14px;
    width: 100%;
    margin-top: 24px;
    height: 40px;
  }
  .reviews__result-sum {
    font-size: 14px;
  }
  .reviews__result-sort {
    order: 1;
    width: 388px;
  }
  .reviews__not-rating {
    padding: 0 0 12px;
    max-width: 100%;
    margin: -8px 0 0;
  }
  .reviews__not-rating-box-grade {
    margin-bottom: 12px;
    gap: 12px;
  }
  .reviews__not-rating-box-grade-text {
    font-size: 16px;
    line-height: 20px;
  }
  .reviews__not-rating-text {
    font-size: 14px;
    margin-bottom: 20px;
    max-width: 265px;
  }
  .search-result-output {
    margin-top: 24px;
  }
  .search-result-output__title {
    font-size: 24px;
  }
  .search-result-output__text {
    font-size: 14px;
    line-height: 20px;
  }
  .search-result-output__category {
    margin: 0 -12px -12px;
    padding: 0 12px 12px;
  }
  .search-result-output__category-box {
    flex-wrap: nowrap;
    gap: 8px;
  }
  .search-result {
    padding: 24px 20px;
    width: 100%;
    top: calc(100% + 1px);
    max-height: calc(var(--vh, 1vh) * 100 - 163px);
    border-radius: 0;
    box-shadow: 0 10px 10px 0 rgba(175, 175, 175, 0.2), 0 15px 15px 0 rgba(0, 0, 0, 0.12), 0 12px 12px 0 rgba(0, 0, 0, 0.14);
  }
  .select-box-js__current {
    border: none;
    background: url(../img/icon/sort.svg) 0 44% no-repeat;
    padding: 10px 0 10px 28px;
    min-width: 0;
  }
  .select-box-js__current:after {
    display: none;
  }
  .select-box-js__current_active + .select-box__list + .select-box__list-bg {
    display: block;
  }
  .select-box__list {
    position: fixed;
    width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 12px 12px 0 0;
    transform: translateY(0);
    z-index: 1;
  }
  .select-box__li_active {
    background-position: calc(100% - 21px) 50%;
    order: 0;
  }
  .tabs__li {
    font-size: 14px;
    padding: 8px;
  }
  .tabs__container {
    padding: 16px 0;
  }
  .tabs__container p {
    font-size: 14px;
    line-height: 20px;
  }
  .tooltip {
    position: fixed;
    pointer-events: auto;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    box-shadow: none;
    z-index: 9;
    padding: 25px 20px max(25px, var(--safe-area-inset-bottom, 0));
    border-radius: 8px 8px 0 0;
    transform: translateY(100%);
  }
  .tooltip__text {
    font-size: 14px;
  }
  .viewed {
    margin-bottom: 48px;
  }
  .viewed__slider-slide {
    width: 304px;
  }
  .viewed .catalog-mini__link {
    padding: 10px 16px 10px 10px;
  }
  .viewed .catalog-mini__text {
    justify-content: center;
  }
  .viewed .catalog-mini__name {
    order: 2;
    margin-bottom: 0;
  }
  .viewed .catalog-mini__ptice {
    margin-bottom: 4px;
    font-weight: 800;
  }
}
@media (max-width: 1023px) and (max-width: 991px) {
  .fancybox__slide::after,
  .fancybox__slide::before {
    display: none;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .card h1 {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
@media (max-width: 1023px) {
  .modal__link-button {
    width: 100%;
    height: 48px;
    min-height: 48px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    font-size: 16px;
    background: 0 0;
    border: 2px solid #0e0e0e;
    color: #0e0e0e;
    margin-bottom: 20px;
  }
  .modal__link-button:hover {
    border-color: #3a3a3c;
  }
  .modal.modal__complect .catalog-body__list {
    width: 100%;
  }
  .modal.modal__complect .catalog-body__list_basket .catalog-body__basket-complect,
  .modal.modal__complect .catalog-body__list_basket .catalog-body__basket-complect_active,
  .modal.modal__complect .catalog-body__list_basket .catalog-body__basket-complect_active:hover {
    font-size: 0 !important;
    background-image: url(../img/icon/basket.svg);
    min-width: 70px;
    height: 30px;
    background-color: #0e0e0e;
  }
  .modal.modal__complect .catalog-body__list_basket .catalog-body__control {
    grid-template-columns: 1fr 24px 24px;
  }
  .modal.modal__complect .catalog-body__list_basket .catalog-body__compare {
    display: inline-flex;
  }
  .modal.modal__complect .catalog-body__control {
    grid-template-columns: 1fr 24px;
    gap: 12px;
  }
  .modal.modal__complect .catalog-body__compare {
    display: none;
  }
  .modal__complect-content {
    width: calc(100% + 24px);
  }
  .modal__insurance-title {
    margin-bottom: 0;
    padding: 0 12px 20px;
  }
  .modal__max-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .fancybox__container .fancybox__slide.has-close-btn.fancy-city {
    padding: 0;
  }
  .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 0;
  }
  .popular-slider {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin: auto !important;
  }
  .popular-slider__wrapper {
    border: none;
  }
  .popular-slider .catalog-body__img {
    margin-bottom: 0;
    background: #fff;
  }
  .popular-slider .popular-slider__slide {
    width: 215px;
    padding: 10px;
    border: none;
    border-radius: 8px;
  }
  .popular-slider .popular-slider__slide .catalog-body__control_item-ok {
    min-width: 24px;
    min-height: 24px;
  }
  .reviews {
    margin-bottom: 43px;
  }
  .reviews__container {
    gap: 20px;
  }
  .reviews__text {
    gap: 8px;
  }
  .reviews__result {
    display: block;
    padding: 16px 16px 84px;
  }
  .reviews__result-head {
    width: 100%;
    margin-bottom: 8px;
  }
  .reviews__result-box-grade {
    width: calc(100% - 44px);
    justify-content: space-between;
  }
  .reviews__send-button {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    width: auto;
  }
  .reviews__result-grade {
    font-size: 20px;
    line-height: 24px;
  }
  .reviews__result-sort {
    width: 100%;
  }
  .reviews__not-rating {
    margin: 0 0 -1px;
    padding: 0;
  }
  .reviews__not-rating .reviews__send-button {
    position: static;
    width: 100%;
  }
  .search-result-output {
    margin: 16px 0 !important;
  }
  .search-result-output__title {
    font-size: 20px !important;
    line-height: normal;
  }
  .search-result {
    min-height: calc(var(--vh, 1vh) * 100 - 104px);
    padding: 12px 12px var(--safe-area-inset-bottom, 0) 12px;
    top: 55px;
  }
  .search-result__container {
    gap: 20px;
    display: flex;
    flex-flow: column;
  }
  .search-result__head {
    margin-bottom: 12px;
    font-size: 14px;
  }
  .search-result__link {
    max-width: none;
    padding: 0 6px;
  }
  .search-result__box:not(:last-child) {
    margin-bottom: 20px;
  }
  .search-result__box {
    padding: 0;
  }
  .search-result__box_history {
    order: -1;
    margin-bottom: 20px;
  }
  .search-result__box_history + .search-result__box {
    margin-bottom: 0;
  }
  .search-result__box_found {
    margin: 0 -12px;
  }
  .search-result__box_found .search-result__link {
    padding: 0 12px;
    border-bottom: 1px solid #e1e1e3;
  }
  .search-result__button {
    margin-top: 24px;
  }
  .search-result__clue {
    margin-bottom: 20px;
  }
  .search-result .catalog-mini {
    margin: 0 -12px;
  }
  .tabs__li {
    padding: 10px;
  }
  .viewed {
    margin-bottom: 10px;
  }
  .viewed__slider {
    overflow: visible;
  }
}
@media (max-width: 991px) {
  .fancybox__container:not(.-is-card-qr) .fancybox__slide:not(.has-image) .modal:not(.modal__availability) {
    border-radius: 12px 12px 0 0;
    padding-bottom: calc(var(--safe-area-inset-bottom, 0) + 30px) !important;
  }
}
@media (max-width: 766px) {
  /* .fancybox__container {
  top: 50px
  } */
  .tooltip._no-title {
    padding-top: 36px;
  }
  .button__height-s {
    font-size: 14px;
    height: 36px;
  }
  .wrapper {
    padding: 0 16px;
    overflow: hidden;
  }
  .availability-tabs {
    gap: 16px;
  }
  .availability-tabs__box_map {
    height: 450px;
    margin-bottom: 17px;
  }
  .availability__time-work {
    margin-bottom: 2px;
  }
  .availability__info {
    width: 100%;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
  }
  .availability__sum {
    position: absolute;
    bottom: 12px;
    right: 16px;
  }
  .basket-complect .basket__order {
    width: 100%;
    margin-left: 0;
  }
  .basket-complect .basket__insurance-link {
    margin-left: -106px;
    margin-top: 18px;
  }
  .basket-complect .basket__price {
    text-align: left;
  }
  .basket-empty {
    margin: 24px 0;
    text-align: left;
  }
  .basket-empty__wrapper {
    padding: 0 12px;
  }
  .basket-empty__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px;
  }
  .basket-empty__bt-box {
    flex-flow: column;
  }
  .basket-empty__bt-box.basket-empty__row {
    flex-direction: row;
  }
  .basket-empty__button {
    width: 100%;
  }
  .basket-recommendation {
    margin: 10px -12px 0;
    padding: 0 12px;
    overflow: hidden;
  }
  .basket-recommendation__slider {
    overflow: visible;
  }
  .basket-recommendation__slide {
    max-width: 292px;
  }
  .basket-recommendation__slide_all {
    max-width: 44px;
  }
  .basket-recommendation__slide_all span {
    display: none;
  }
  .basket-recommendation__img {
    width: 60px;
  }
  .basket-recommendation__name {
    font-size: 12px;
    margin-bottom: -4px;
  }
  .basket-recommendation__link {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .basket {
    margin-bottom: 42px;
  }
  .basket h1 {
    margin-top: 16px;
  }
  .basket__control {
    padding-bottom: 32px;
    margin-bottom: 32px;
  }
  .basket__remove-all span {
    display: none;
  }
  .basket__content {
    margin-bottom: 42px;
  }
  .basket__item:not(:nth-last-child(1)) {
    padding-bottom: 20px;
  }
  .basket__item_not-available .basket__desc-box {
    display: none;
  }
  .basket__photo {
    width: 80px;
    height: 80px;
  }
  .basket__name {
    font-size: 14px;
    font-weight: 400;
    width: calc(100% - 35px);
  }
  .basket__order {
    gap: 8px;
    grid-template-columns: 20px 80px 1fr;
    align-items: flex-start;
  }
  .basket__info {
    padding: 0;
    grid-template-columns: 1fr;
  }
  .basket__counter-text {
    width: 23px;
  }
  .basket__price {
    order: -1;
    width: auto;
  }
  .basket__price p {
    font-size: 16px;
    line-height: 20px;
  }
  .basket__box,
  .basket__control-bt {
    display: none;
  }
  .basket__box._clone {
    display: block;
  }
  .basket__desc-box {
    margin-left: -116px;
    margin-top: 10px;
  }
  .basket__price-box {
    justify-content: space-between;
  }
  .basket__insurance {
    margin-left: 0;
    flex-flow: column;
    align-items: flex-start;
  }
  .basket__insurance-text {
    font-size: 12px;
  }
  .basket__insurance-control {
    width: 100%;
    justify-content: space-between;
    margin-top: 12px;
  }
  .basket__control-open {
    display: block;
  }
  .basket__sidebar {
    margin-top: 42px;
  }
  .basket__dl {
    margin-top: 16px;
  }
  .basket__popular .h2,
  .basket__popular h2,
  .basket__sidebar-result {
    margin-bottom: 16px;
  }
  .basket .categories,
  .basket .popular-slider__content {
    margin-bottom: 42px;
  }
  .card-sliders {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
  }
  .card-sliders .catalog-body__label-box {
    position: relative;
    margin-bottom: 12px;
    margin-top: -14px;
  }
  .card__control-link span {
    display: none;
  }
  .card__tabs {
    display: block;
    margin-top: 0;
    order: 0;
  }
  .card__tabs._mobile {
    display: none;
  }
  .cart-fixed {
    padding: 10px 0;
  }
  .cart-fixed__price-box {
    width: 160px;
  }
  .cart-fixed__price-box p:not([class]) {
    font-weight: 600;
    font-size: 20px;
  }
  .cart-fixed__price-box p:not([class]) span {
    font-size: 20px;
  }
  .cart-fixed .cart-fixed__buy-button {
    display: none;
    background-image: none;
    font-size: 14px;
  }
  .cart-fixed .cart-fixed__buy-button.catalog-body__basket_active {
    width: 160px;
  }
  .cart-fixed .cart-fixed__buy-button_small {
    display: flex;
    width: 140px;
    background-image: none;
    color: #fff;
    font-size: 14px !important;
    height: 40px;
  }
  .cart-fixed .cart-fixed__buy-button_small svg {
    display: none;
  }
  .cart-parameter {
    width: 100%;
    position: relative;
    top: 0;
  }
  .cart-parameter__characteristics-box {
    display: block;
  }
  .cart-parameter__characteristics-dt {
    width: calc(100% - 142px);
    margin-top: 0;
  }
  .cart-parameter__characteristics-dd {
    width: 140px;
  }
  .cart-parameter__characteristics-link {
    margin-top: 20px;
  }
  .cart-purchase {
    margin-top: 42px;
  }
  .cart-purchase__tradein-link {
    font-size: 14px;
  }
  .cart-purchase__buy-button {
    background-image: none !important;
    height: 40px !important;
  }
  .cart-purchase__buy-button:hover,
  .cart-purchase__buy-button_active {
    color: #0e0e0e !important;
  }
  .cart-purchase__buy-button svg {
    display: none;
  }
  .cart-purchase__buy-button span {
    display: block;
    font-size: 14px;
  }
  .cart-purchase__complect {
    display: none;
  }
  .cart-purchase__complect._mobile {
    display: block;
    margin-top: 26px;
    margin-bottom: 0;
  }
  .catalog-body__item:nth-of-type(odd) {
    padding: 12px 12px 12px 16px;
  }
  .catalog-body__item:nth-of-type(even) {
    padding: 12px 16px 12px 12px;
  }
  .catalog-body__label ~ .catalog-body__label {
    display: none;
  }
  .catalog-body__label.catalog-body__label_big ~ .catalog-body__label {
    display: block;
  }
  .catalog-body__order {
    height: 30px;
    font-size: 11px;
    padding: 0 10px;
  }
  .catalog-body__basket-complect {
    height: 32px;
  }
  .catalog-body__basket {
    /*font-size:0!important;*/
    background-image: url(../img/icon/basket.svg);
    min-width: 70px;
    height: 30px;
  }
  .catalog-body__item .catalog-body__basket {
    font-size: 0 !important;
  }
  .catalog-body__basket_active,
  .catalog-body__basket_active:hover {
    background-image: url(../img/icon/basket-ok.svg);
    color: transparent;
  }
  .catalog-body__massage {
    font-size: 11px;
    height: 30px;
  }
  .catalog-body__term {
    font-size: 11px;
    width: 80px;
  }
  .catalog-chips__removeAll {
    order: -1;
  }
  .catalog-pagin__nav {
    gap: 6px;
    margin-bottom: 12px;
  }
  .catalog-pagin__link {
    width: 32px;
    height: 32px;
  }
  .city-search__input-icon {
    right: auto;
    left: 28px;
  }
  .city-search__clear {
    right: 28px;
    border: none;
  }
  .city-search__input {
    padding-left: 40px;
  }
  .city-search__input.input-text-focus {
    padding-left: 16px;
  }
  .city-search__input.input-text-val ~ .city-search__input-icon {
    right: auto;
    left: 28px;
  }
  .footer.footer-small.bottom {
    padding: 12px 12px 60px 12px;
  }
  .footer-small-order-fix {
    margin-top: 40px;
    padding: 12px;
  }
  .footer.footer-small .footer-small__content {
    flex-flow: column;
    gap: 12px;
    align-items: flex-start;
  }
  .footer__wrapper {
    padding: 0 20px;
  }
  .footer__menu {
    margin-bottom: 20px;
    border-top: 1px solid #363636;
  }
  .footer__sn {
    width: 100%;
  }
  .footer__sn + .footer__sn {
    margin-left: 0;
  }
  .footer__info {
    padding: 0;
  }
  .footer__callback-form {
    max-width: none;
  }
  .footer__button-service_mobile {
    display: inline-flex;
    margin: 20px 0;
  }
  .footer__button-service_tablet {
    display: none;
  }
  .footer__ya-market {
    margin-top: 20px;
  }
  .header-city._active .header-city__question-bg {
    display: block;
  }
  .header-city__question {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    top: auto;
    z-index: 99;
    border-radius: 12px 12px 0 0;
    box-shadow: none;
    padding: 42px 20px 21px;
  }
  .header-city__question-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 25, 27, 0.7);
    z-index: 98;
  }
  .header-city__question-title {
    font-size: 19px;
  }
  .header-city__question-box .button {
    padding: 0 5px !important;
    font-size: 14px !important;
    text-align: center;
    line-height: 1rem;
  }
  .header-city__question-button {
    width: calc(50% - 6px);
    padding: 0 10px;
  }
  .header-small__content {
    padding: 12.5px 0;
  }
  .header-small .header__logo {
    width: 52px;
    height: 23px;
  }
  .header__bhead {
    padding: 7px 0;
  }
  .header__bhead-left {
    gap: 8px;
  }
  .header__wrapper {
    padding: 0 20px;
  }
  .header__bhead-wrapper {
    padding: 0 12px;
  }
  .header__search {
    order: -1;
    height: 42px;
  }
  .header__search_focus .header__search-form {
    position: fixed;
    display: flex;
    align-items: center;
    gap: 8px;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 7px 12px;
    z-index: 9;
    border-bottom: 0.5px solid #e1e1e3;
  }
  .header__search_focus .header__search-cancel {
    display: inline-flex;
  }
  .header__search_focus .header__search-button {
    left: 22px;
  }
  .header__search_focus .header__search-clear {
    right: 62px;
  }
  .header__search-clear {
    right: 0;
    border-right: none;
  }
  .header__search-input {
    padding-left: 40px;
    padding-right: 40px;
  }
  .header__search-button {
    right: auto;
    left: 8px;
  }
  .header__menu-bt {
    height: 42px;
  }
  .header__menu-bt span {
    display: none;
  }
  .insurance-foot__title {
    margin-bottom: 16px;
  }
  .insurance-offers__li {
    width: 100%;
  }
  .menu-catalog {
    padding: 9px 0;
  }
  .menu-catalog__content {
    padding: 13px 0;
  }
  .menu-catalog__link:not(.menu-catalog__link_title),
  .menu-catalog__link_title {
    padding: 12px 18px;
    height: 64px;
  }
  .menu__wrapper {
    padding: 0;
  }
  .modal__remove-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .modal.modal__credit {
    overflow: auto;
  }
  .modal__credit-content {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    overflow: auto;
  }
}
@media (max-width: 480px) {
  .popular-slider .popular-slider__slide {
    width: 166px;
    padding: 8px;
  }
}
@media (max-width: 374px) {
  .button__height-s {
    font-size: 11px;
    height: 30px;
  }
  .basket-recommendation__ok {
    bottom: 0;
    left: 10px;
    width: calc(100vw - 20px);
  }
  .footer__callback-send {
    bottom: 59px;
    left: 10px;
    width: calc(100vw - 20px);
  }
  .popular_bg-gray {
    padding: 42px 0 0;
  }
}
@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}
@media (pointer: fine) {
  .catalog-filter .bx-filter .bx-filter-parameters-box-title:hover {
    color: #7d7d7d;
  }
}
#basket-items-list-wrapper-product-count {
  display: none;
}

/*

@media (max-width: 1024px) {
  .catalog-filter .bx-sidebar-block,
  .catalog-filter .bx-filter {
    height: 100%;
  }
  .catalog-filter .bx-filter .bx-filter-section {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .catalog-filter .bx-filter .smartfilter {
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    max-height: 100%;
    height: 100%;
  }
  .catalog-filter .bx-filter .smartfilter > .row:first-of-type {
    padding: 20px;
    margin-bottom: 0;
    flex: 1;
    height: 100%;
  }
  .catalog-filter .bx-filter .smartfilter > .row:first-of-type + .row {
    position: relative;
    border-top: 1px solid #e1e1e3;
    height: max-content;
    padding: 12px 20px;
  }
}
*/
/* delivery_main_page start*/
.payment-main__h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}

.payment-main__h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 26px;
}

.payment-main {
  margin-bottom: 80px;
}

.payment-main__btn-line {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f7;
  border-radius: 10px;
  margin-bottom: 32px;
  padding: 1px;
}

.payment-main__btn {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #7d7d7d;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

.payment-main__btn.__active {
  color: #0e0e0e;
  background-color: #ffffff;
  border: 2px solid #0e0e0e;
  border-radius: 8px;
}

.payment-main__container {
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 70px;
       column-gap: 70px;
  row-gap: 40px;
}

.payment-main__container:first-of-type {
  display: grid;
}

.payment-main__container.__active {
  display: grid;
}

.payment-main__element {
  max-width: 615px;
  width: 100%;
}

.payment-main__element:first-of-type {
  display: block;
}

.payment-main__element:nth-child(odd) {
  margin-left: auto;
}

.payment-main__element:nth-child(even) {
  margin-right: auto;
}

.payment-main__element-header {
  margin-bottom: 24px;
}

.payment-main__element-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 8px;
}

.payment-main__element-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.payment-main__element-pay {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 30px;
}

.payment-main__element-list {
  padding-left: 28px;
  list-style: none;
}

.payment-main__element-list li {
  position: relative;
  margin-bottom: 16px;
}

.payment-main__element-list li:before {
  content: "•";
  width: 8px;
  position: absolute;
  left: -28px;
}

.payment-main__element-list li::marker {
  display: none;
}

.payment-main__element-list li:last-child {
  margin-bottom: 0;
}

.delivery-main__h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 26px;
}

.delivery-main__btn-line {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f7;
  border-radius: 10px;
  margin-bottom: 42px;
  padding: 1px;
}

.delivery-main__btn {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #7d7d7d;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

.delivery-main__btn.__active {
  color: #0e0e0e;
  background-color: #ffffff;
  border: 2px solid #0e0e0e;
  border-radius: 8px;
}

.delivery-main {
  margin-bottom: 150px;
}

.delivery-main__mention {
  max-width: 1512px;
  width: 100%;
  background-color: #f5f5f7;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px 40px;
  margin-bottom: 53px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
}

.__underline {
  text-decoration: underline;
}

.delivery-main__list {
  display: flex;
  justify-content: center;
  gap: 57px;
  margin-bottom: 49px;
}

.delivery-main__list-element {
  max-width: 285px;
  width: 100%;
  display: flex;
}

.delivery-main__element-counter {
  margin-right: 8px;
  color: #fff;
  background-color: #0e0e0e;
  width: 28px;
  height: 28px;
  border-radius: 35px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.delivery-main__text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.delivery-main__text p {
  max-width: 991px;
  width: 100%;
  margin-bottom: 8px;
}

.delivery-main__container {
  display: none;
}

.delivery-main__container:first-of-type {
  display: grid;
}

.delivery-main__container.__active {
  display: grid;
}

.delivery-main__list.__list {
  flex-direction: column;
  gap: 16px;
}

.delivery-main__list-title {
  font-weight: 600;
}

.delivery-main__list.__list ul {
  padding-left: 20px;
}

.delivery-main__list.__list ul li {
  margin-bottom: 8px;
  line-height: 1.4;
}

.delivery-main__list.__list ul li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .payment-main__container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .delivery-main__list-element {
    max-width: 100%;
  }
  .delivery-main__list {
    flex-direction: column;
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .payment-main__element:nth-child(odd) {
    margin-left: 0;
  }
  .payment-main__btn-line,
  .delivery-main__btn-line {
    flex-wrap: wrap;
  }
}
/*delivery main page end*/
.step__payment-item._active img {
  filter: invert(1);
}

.bx-core-waitwindow {
  display: none !important;
}

div[id^=wait_] {
  display: none !important;
  background: none !important;
  border: 0 !important;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal;
  letter-spacing: normal !important;
  line-height: normal;
  padding: 0 !important;
  position: absolute;
  text-align: center !important;
  text-indent: 0 !important;
  width: 0px !important;
  height: 0px !important;
  word-spacing: normal !important;
  z-index: 0;
  content: "";
}

.bx-session-message {
  display: none;
}

.breadcrumps {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.breadcrumps::-webkit-scrollbar {
  display: none;
}

.breadcrumps::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}

.breadcrumps__inner {
  flex-wrap: nowrap;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .receipts-out::-webkit-scrollbar {
    display: none;
  }
  .receipts-out .receipts-block::-webkit-scrollbar {
    display: none;
  }
  .receipts-out .receipts-block {
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-wrap: nowrap;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    height: 34px;
    align-items: center;
  }
}
.breadcrumps__inner::-webkit-scrollbar {
  display: none;
}

.breadcrumps__inner::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}

.tooltip__html-content div {
  margin-bottom: 8px;
  font-size: 14px;
}

.tooltip__html-content ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tooltip__html-content ul li {
  display: flex;
  justify-content: space-between;
}

.tooltip__html-content ul li a[href]:not([href=""]) {
  color: #2a65c5;
  font-size: 11px;
  font-weight: 400;
}

.tooltip__html-content ul li a:not([href]),
.tooltip__html-content ul li a[href=""] {
  color: #0e0e0e;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  font-size: 11px;
}

.tooltip__html-content ul li span {
  color: #d70015;
  font-size: 11px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .catalog-body__sales .catalog-body__price .old-price p {
    order: 1;
  }
  .catalog-body__sales .catalog-body__price .old-price .catalog-body__price-sale {
    order: 2;
  }
}
.tooltip__html-content div {
  margin-bottom: 6px;
  font-size: 14px;
}

.tooltip__html-content ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tooltip__html-content ul li {
  display: flex;
  justify-content: space-between;
}

.tooltip__html-content ul li a[href]:not([href=""]) {
  color: #2a65c5;
  font-size: 11px;
  font-weight: 400;
}

.tooltip__html-content ul li a:not([href]),
.tooltip__html-content ul li a[href=""] {
  color: #0e0e0e;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  font-size: 11px;
}

.tooltip__html-content ul li span {
  color: #d70015;
  font-size: 11px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .catalog-body__sales .catalog-body__price .old-price p {
    order: 1;
  }
  .catalog-body__sales .catalog-body__price .old-price .catalog-body__price-sale {
    order: 2;
  }
}
.footer__menu-toggle-button {
  font-size: 12px;
  color: #3166c1;
  text-decoration: none;
  cursor: pointer;
}

.footer__menu-toggle-button:hover {
  text-decoration: underline;
}

@media screen and (min-width: 1023px) {
  .footer__menu-col.footer__menu-col_catalog .footer__menu-link-container .footer__menu-link-box:nth-child(n+7) {
    display: none;
  }
  .footer__menu-col.footer__menu-col_catalog.expanded .footer__menu-link-container .footer__menu-link-box {
    display: block;
  }
}
.catalog .catalog__box {
  display: flex;
  flex-direction: column;
}

.catalog .catalog__box div[data-pagination-num] {
  margin-top: auto;
}

.catalog-body .catalog-body__item {
  display: flex;
  flex-direction: column;
  height: inherit;
}

.catalog-body .catalog-body__item .catalog-body__inner .catalog-body__name.text__full {
  display: none;
}

.catalog-body .catalog-body__inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.catalog-body .catalog-body__inner .swiper-pagination-hidden-wrapper {
  position: absolute;
  overflow: hidden;
  left: 50%;
  transform: translateX(calc(-50% + 5px));
  bottom: 0;
  height: 30px;
  width: 191px;
  z-index: 1;
}

.catalog-body .catalog-body__inner .swiper-pagination-hidden-wrapper .swiper-pagination-bullets-dynamic {
  transform: translateX(-50%);
}

.catalog-body .catalog-body__inner .swiper-pagination-hidden-wrapper .swiper-pagination-bullet-active-next-next {
  transform: scale(0.66);
  margin: 0;
}

.catalog-body .catalog-body__inner .catalog-body__desc {
  flex-grow: 1;
}

.catalog-body .catalog-body__inner .catalog-body__name.text__cut {
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.catalog-body .catalog-body__item__hovered.catalog-body__item {
  background-color: #fff;
  box-shadow: 0 8px 10px 0 rgba(195, 195, 195, 0.2), 0 -11px 30px 0 rgba(195, 195, 195, 0.12), 0 16px 24px 0 rgba(195, 195, 195, 0.14);
  border-radius: 20px;
}

.catalog-body .catalog-body__item:hover {
  background-color: #fff;
  box-shadow: 0 8px 10px 0 rgba(195, 195, 195, 0.2), 0 -11px 30px 0 rgba(195, 195, 195, 0.12), 0 16px 24px 0 rgba(195, 195, 195, 0.14);
}

@media screen and (max-width: 767px) {
  .catalog-body .catalog-body__item:hover {
    box-shadow: none;
    border-radius: 0px;
  }
}
.fancybox__container.-is-card-qr .modal > img {
  width: 100%;
}

.availability-tabs__fast-order {
  position: absolute;
  top: 23px;
  right: 23px;
  z-index: 1;
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 10px;
  align-items: center;
}

.availability-tabs__fast-order-text {
  color: #0e0e0e;
  font-size: 14px;
}

.availability-tabs__fast-order-switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 26px;
}

.availability-tabs__fast-order-switch input {
  display: none;
}

.availability-tabs__fast-order .availability-tabs__fast-order__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  background-color: #e1e1e3;
  transition: 0.4s;
  border-radius: 34px;
}

.availability-tabs__fast-order .availability-tabs__fast-order__slider::before {
  position: absolute;
  content: "";
  background-color: #fff;
  top: 3px;
  bottom: 3px;
  height: 20px;
  width: 20px;
  left: 3px;
  transition: 0.4s;
  border-radius: 50%;
}

.availability-tabs__fast-order input:checked + .availability-tabs__fast-order__slider {
  background-color: #000;
}

.availability-tabs__fast-order input:focus + .availability-tabs__fast-order__slider {
  background-color: #fff;
}

.availability-tabs__fast-order input:checked + .availability-tabs__fast-order__slider:before {
  transform: translateX(17px);
}

@media screen and (max-width: 1024px) {
  .availability-tabs__fast-order {
    top: 12px;
    right: 18px;
  }
}
.cm-gcf--nominal-value-picker--input-text {
  font-weight: 300;
  line-height: 24px;
  position: absolute;
  top: 10px;
  left: 14px;
  background-color: #fff;
  font-size: 10px;
  color: #7d7d7d;
  padding: 1px 5px;
  border-radius: 13px;
  display: inline-flex;
  z-index: 3;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 1024px) {
  .cm-gcf--nominal-value-picker--input-text {
    font-size: 12px;
  }
}
.cm-gcf--nominal-value-picker--input-text::after {
  content: "*";
  color: #2a65c5;
  font-size: 14px;
  display: inline;
}

.cm-gcf--nominal-value-picker--input-text.not-required::after {
  content: none;
}

.cm-gcf--nominal-value-picker--input-summ {
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  pointer-events: none;
}

.cm-gcf--nominal-value-picker--input-summ ~ input::-moz-placeholder {
  opacity: 1 !important;
}

.cm-gcf--nominal-value-picker--input-summ ~ input::placeholder {
  opacity: 1 !important;
}

@media screen and (max-width: 1023px) {
  .cm-gcf--nominal-value-picker--input-summ {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    top: 0;
    left: 1rem;
    background-color: #fff;
    transform: translateY(-50%);
    font-size: 10px;
    color: #7d7d7d;
    z-index: 3;
    padding: 1px 5px;
    border-radius: 13px;
    display: inline-flex;
  }
  .cm-gcf--nominal-value-picker--input-summ::after {
    content: "*";
    color: #2a65c5;
    font-size: 12px;
  }
}
.cm-gcf--nominal-value-picker--input .withVal ~ .cm-gcf--nominal-value-picker--input-text {
  top: 0;
  left: 1rem;
  transform: translateY(-50%);
}

.cm-gcf--nominal-value-picker--input textarea:focus ~ .cm-gcf--nominal-value-picker--input-text,
.cm-gcf--nominal-value-picker--input input:focus ~ .cm-gcf--nominal-value-picker--input-text {
  top: 0;
  left: 1rem;
  transform: translateY(-50%);
}

.cm-gcf--nominal-value-picker--input textarea::-moz-placeholder, .cm-gcf--nominal-value-picker--input input::-moz-placeholder {
  opacity: 0;
}

.cm-gcf--nominal-value-picker--input textarea::placeholder,
.cm-gcf--nominal-value-picker--input input::placeholder {
  opacity: 0;
}

.cm-vue-datepicker .cm-gcf--nominal-value-picker--input-text {
  top: 0;
  left: 1rem;
  transform: translateY(-50%);
}

.app-banner {
  display: none;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  padding: 12px;
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 105;
  grid-template-columns: 50px 1fr 80px 12px;
}

@media screen and (min-width: 480px) {
  .app-banner {
    display: none !important;
  }
}
.app-banner p {
  margin-bottom: 0;
}

.app-banner-image-cont {
  display: flex;
}

.app-banner-image img {
  width: 50px;
  height: 50px;
}

.app-banner-btn .button {
  font-size: 12px;
  height: 32px;
  width: 100%;
}

.app-banner-info {
  font-weight: 400;
  font-size: 13px;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 384px) {
  .app-banner-info {
    font-size: 10px;
  }
}
.app-banner-info-text {
  text-align: center;
  margin-bottom: 0;
}

.app-banner-hidden {
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}

.app-banner #app-banner-close {
  position: static !important;
  width: 12px;
  height: 12px;
  z-index: 110;
}

.compare-stat__main .swiper-wrapper {
  height: inherit;
}

.compare-stat__main .swiper-slide {
  display: grid;
}

.ymaps-2-1-79-image-with-content {
  position: relative;
  width: 24px;
  cursor: pointer;
  height: 32px;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}

.ymaps-2-1-79-image-with-content.active {
  transition: all 0.3s ease-in-out;
  transform: scale(1);
}

.inOrder-modal {
  border-radius: 12px;
  padding: 40px;
  max-width: 510px;
}

@media screen and (max-width: 1023px) {
  .inOrder-modal {
    max-width: none;
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media screen and (max-width: 767px) {
  .inOrder-modal {
    padding: 20px;
  }
}
.inOrder-modal-header {
  text-align: center;
  margin-bottom: 32px;
}

.inOrder-modal-header .modal-title {
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .inOrder-modal-header {
    margin-bottom: 12px;
  }
}
.inOrder-modal-container {
  scrollbar-width: thin;
  overflow: auto;
  max-height: 450px;
}

@media screen and (max-width: 1023px) {
  .inOrder-modal-container {
    max-height: none;
    height: calc(100% - 126px);
  }
}
.inOrder-modal ul {
  list-style-type: none;
  margin-bottom: 32px;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .inOrder-modal ul {
    margin-bottom: 12px;
  }
}
.inOrder-modal ul li {
  background: url(../../../../img/step-check.svg) 0 20px no-repeat;
  padding-left: 12px;
}

.inOrder-modal ul li.active {
  background: url(../../../../img/step-checked.svg) 0 20px no-repeat;
}

.inOrder-modal-item {
  display: grid;
  gap: 8px;
  padding: 18px 20px;
  align-items: center;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
}

.inOrder-modal-item-adress {
  color: #0e0e0e;
  grid-column: 1/3;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .inOrder-modal-item-adress {
    font-size: 14px;
    font-weight: 600;
  }
}
.inOrder-modal-item-time {
  color: #999999;
  grid-row: 2/3;
  grid-column: 1/2;
}

@media screen and (max-width: 767px) {
  .inOrder-modal-item-time {
    font-size: 14px;
  }
}
.inOrder-modal-item-date {
  grid-row: 2/3;
  grid-column: 2/3;
}

@media screen and (max-width: 767px) {
  .inOrder-modal-item-date {
    font-size: 14px;
  }
}
.inOrder-modal-btn-wrapper {
  padding-top: 10px;
}

@media screen and (max-width: 1023px) {
  .inOrder-modal-btn-wrapper {
    padding-top: 0;
  }
}
.inOrder-modal .inOrder-checkout-button.inOrder-web {
  display: inline-flex;
}

@media screen and (max-width: 1023px) {
  .inOrder-modal .inOrder-checkout-button.inOrder-web {
    display: none;
  }
}
.inOrder-modal .inOrder-checkout-button.inOrder-mobile {
  display: inline-flex;
}

@media screen and (min-width: 1024px) {
  .inOrder-modal .inOrder-checkout-button.inOrder-mobile {
    display: none;
  }
}
.inOrder-modal .is-close-btn {
  top: 8px;
  right: 8px;
}

.trade-calculate .container {
  overflow-x: visible;
}

.details__list {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  position: relative;
  max-width: 248px;
}

.details__list-item {
  cursor: pointer;
  list-style: none;
  border-radius: 8px;
  margin-bottom: 4px;
  transition: all 0.3s ease-in-out;
}

.details__list-item a {
  padding: 12px;
  font-family: "Inter";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.details__list-item:hover {
  background-color: #e1e1e3;
}

.details__list-item.selected {
  background-color: #0e0e0e;
}

.details__list-item.selected a {
  color: #fff;
  font-family: "Inter";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 4px;
}

.details__list-link {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border-radius: 8px;
  background-color: var(--light-gray);
  cursor: pointer;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  color: var(--black);
  white-space: nowrap;
  transition-property: background-color;
}

.details__list-link:hover {
  color: var(--black);
  background-color: var(--light-gray-hover);
}

.order-item-verification-block {
  margin-top: 24px;
  display: flex;
  align-items: center;
  font-size: 16px;
}

.order-item-verification-block p {
  font-weight: 600;
  color: #0e0e0e;
}

.order-item-verification-block .order-verification-code {
  border-radius: 6px;
  background-color: #000;
  color: #fff;
  padding: 4px 12px;
  margin-left: 24px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .order-item-verification-block {
    font-size: 12px;
  }
}
@media screen and (max-width: 479px) {
  .order-item-verification-block {
    justify-content: space-between;
  }
}
.orderDetail__wrapper .order-item-verification-block p {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .orderDetail__wrapper .order-item-verification-block p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .orderDetail__wrapper .order-item-verification-block .order-verification-code {
    font-size: 14px;
  }
}
.compare-page__clear {
  cursor: pointer;
  color: #d70015;
  font-size: 16px;
  line-height: 1.25;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}

@media screen and (max-width: 767px) {
  .compare-page__clear {
    font-size: 14px;
    line-height: 1.4285714286;
    -moz-column-gap: 2px;
         column-gap: 2px;
  }
}
.cookie-notice {
  position: fixed;
  bottom: 43px;
  right: 11%;
  padding: 8px 16px;
  border-radius: 8px;
  z-index: 98;
  max-width: 570px;
  background: #fff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1411764706);
}

@media screen and (max-width: 990px) {
  .cookie-notice {
    bottom: 72px;
  }
}
@media screen and (max-width: 767px) {
  .cookie-notice {
    left: 50%;
    transform: translateX(-50%);
    width: 301px;
    padding: 8px 13px;
  }
}
.cookie-notice__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  gap: 16px;
  color: #0e0e0e;
}

.cookie-notice__content p {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .cookie-notice__content {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    font-size: 12px;
    line-height: 20px;
  }
}
.cookie-notice__content button {
  font-size: 14px;
  width: 152px;
}

@media screen and (max-width: 767px) {
  .cookie-notice__content button {
    width: 100%;
    height: 32px;
    font-size: 12px;
  }
}
.p-relative {
  position: relative;
}

.color-white {
  color: #fff;
}

button {
  background-color: transparent;
}

.section {
  margin-top: 120px;
}

.container {
  max-width: 1608px;
  padding: 0 47px;
  margin: 0 auto;
  position: relative;
}

section .container {
  overflow-x: hidden;
}

.btn {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  border-radius: 8px;
}

.btn.light {
  background-color: #fff;
  color: #0e0e0e;
}

.slider-btn.swiper-button-prev,
.slider-btn.swiper-button-next,
.slider-btn.category-section__nav {
  cursor: pointer;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid #7d7d7d;
  transition: 0.3s;
  border-radius: 50%;
}

.slider-btn.category-section__nav.hidden {
  opacity: 0;
}

.slider-btn.swiper-button-prev,
.slider-btn.swiper-button-next {
  background-color: rgba(37, 37, 37, 0.6980392157);
  display: flex;
  z-index: 2;
}

.slider-btn:active {
  order: 1px solid #9c9c9c;
}

.slider-btn::after {
  display: none;
}

.home-hero {
  padding-top: 40px;
}

.home-hero__wrapper {
  position: relative;
}

.home-hero__slider {
  border-radius: 24px;
  overflow: hidden;
}

.home-hero__nav.swiper-button-prev {
  position: absolute;
  opacity: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.home-hero__nav_prev.swiper-button-prev {
  left: 17px;
}

.home-hero__nav_next.swiper-button-next {
  right: 17px;
}

.home-hero__inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
}

.home-hero__footer {
  position: absolute;
  bottom: 32px;
  left: 50%;
  translate: -50% 0;
  height: 24px;
  display: flex;
  z-index: 1;
  width: 100%;
  gap: 10px;
  padding-left: 24px;
  padding-right: 24px;
}

.home-hero__pagination {
  --progress: 0;
  position: relative !important;
  bottom: unset !important;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.home-hero__pagination span {
  margin: 0 !important;
  height: 100%;
  max-width: 117px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin: unset;
  background-color: unset;
  opacity: unset;
  border-radius: unset;
  position: relative;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  flex-shrink: 1;
}

.home-hero__pagination span::before,
.home-hero__pagination span::after {
  content: "";
  position: absolute;
  display: block;
  height: 3px;
  left: 0;
  top: 50%;
  translate: 0 -50%;
}

.home-hero__pagination span::before {
  background-color: rgba(144, 144, 144, 0.5019607843);
  width: 100%;
  z-index: 1;
}

.home-hero__pagination span::after {
  background-color: #fff;
  left: 0 !important;
  z-index: 2;
}

.home-hero__pagination span.swiper-pagination-bullet-active::after {
  opacity: 1;
  width: calc(var(--progress) * 1%);
}

.home-hero__stop .play {
  display: none;
}

.home-hero__stop.active .play {
  display: block;
}

.home-hero__stop.active .stop {
  display: none;
}

.hero-slide {
  height: 517px;
}

.hero-slide .mobile {
  display: none;
}

.hero-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.category-section__wrapper {
  display: flex;
  gap: 10px;
}

.category-section__list {
  gap: 10px;
}

.category-section__list:nth-child(1) {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

.category-section__list:nth-child(1) .category-section__item {
  height: 153px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(1) {
  flex: 0 0 426px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(2) {
  flex: 0 0 288px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(3) {
  flex: 1;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(4) {
  flex: 0 0 400px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(5) {
  flex: 0 0 240px;
}

.category-section__list:nth-child(1) .category-section__item:nth-child(6) {
  flex: 1;
}

.category-section__list:nth-child(2) {
  display: grid;
  grid-template-columns: 207px;
}

.category-section__list:nth-child(2) .category-section__item {
  height: 315px;
}

.category-section__list:nth-child(3) {
  display: grid;
  grid-template-columns: 161px 117px;
  grid-template-rows: 127px 178px;
}

.category-section__list:nth-child(3) .category-section__item:nth-child(3) {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.category-section__item {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2142857143;
  background-color: #f5f5f7;
}

.category-section__item:hover {
  background-color: #e1e1e3;
}

.category-section__item.center {
  text-align: center;
}

.category-section__item a {
  color: #0e0e0e;
}

.category-section__item span {
  position: relative;
  z-index: 1;
}

.category-section__item img {
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.category-section__nav {
  display: none;
}

.sales-section {
  padding: 120px 0;
  background: linear-gradient(to left, #363637, #0e0e0e);
  color: #fff;
}

.sales-section__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sales-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sales-section__link {
  color: #fff;
  font-size: 16px;
  line-height: 1.1875;
  position: relative;
}

.sales-section__link .mobile {
  display: none;
}

.sales-section__link::after {
  content: "";
  display: block;
  width: 100%;
  top: 100%;
  height: 1px;
  background-color: #fff;
  scale: 0;
  transform-origin: left;
  transition: 0.3s;
}

.sales-section__link:hover {
  color: #fff;
}

.sales-section__link:hover::after {
  scale: 1;
}

@media (max-width: 1023px) {
  .sales-section__link .desktop {
    display: none;
  }
  .sales-section__link .mobile {
    display: block;
  }
  .sales-section__link {
    font-size: 12px;
  }
}
.sales-section__main {
  position: relative;
}

.sales-section__nav_prev {
  left: 0;
  translate: -50% -50%;
}

.sales-section__nav_next {
  right: 0;
  translate: 50% -50%;
}

.sales-slide:hover .sales-slide__image img {
  scale: 1.1;
}

.sales-slide__image {
  border-radius: 8px;
  overflow: hidden;
}

.sales-slide__image img {
  transition: 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sales-slide__date {
  display: block;
  margin-top: 16px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.2142857143;
  color: #999999;
}

.sales-slide__title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.product-section {
  padding-top: 120px;
  padding-bottom: 96px;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
}

.product-section.grey {
  background-color: #f5f5f7;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.product-section.grey .catalog-body__item {
  background-color: #fff;
}

.product-section__wrapper {
  display: flex;
  flex-direction: column;
}

.product-section__title {
  color: #0e0e0e;
}

.product-section__main {
  position: relative;
}

.product-section__slider {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}

.product-section__slider .swiper-slide {
  max-width: 293px;
}

.product-section__nav {
  background-color: #fff;
  border: 1px solid #e1e1e3;
}

.product-section__nav svg {
  width: 24px;
  height: 24px;
}

.product-section__nav_prev {
  translate: -50% 0;
  left: 0 !important;
}

.product-section__nav_next {
  right: 0 !important;
  translate: 50% 0;
}

.product-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
  border-radius: 12px;
  background-color: #fff;
  transition: 0.3s;
}

.product-card:hover {
  box-shadow: 0px 8px 10px 0px rgba(195, 195, 195, 0.1411764706), 0px -11px 30px 0px rgba(195, 195, 195, 0.1411764706), 0px 16px 24px 0px rgba(195, 195, 195, 0.1411764706);
}

.product-card__header {
  position: relative;
}

.product-card__hidden {
  position: absolute;
  inset: 0;
  display: flex;
  flex-wrap: nowrap;
  z-index: 10;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.product-card__hidden li {
  border-left: 1px solid blue;
  background-color: red;
  flex: 1;
}

.product-card__banners {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.product-card__banners li {
  border-radius: 4px;
  height: 18px;
  padding: 0 8px;
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-card__banners li.black {
  background-color: #eeeef0;
  color: #0e0e0e;
}

.product-card__banners li.orange {
  background-color: rgba(243, 159, 60, 0.1019607843);
  color: #f39f3c;
}

.product-card__banners li.blue {
  background-color: rgba(60, 130, 255, 0.1019607843);
  color: #3c82ff;
}

.product-card__banners li.red {
  background-color: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}

.product-card__slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-card__slider .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-card__pagination {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  bottom: 0 !important;
  left: 50% !important;
  top: unset !important;
  right: unset !important;
  translate: -50% 0;
  height: 22px;
}

.product-card__pagination .swiper-pagination-bullet {
  margin: 0 !important;
  height: 2px;
  width: 40px;
  border-radius: 2px;
  background-color: #e1e1e3;
  transition: 0.3s;
  opacity: 1 !important;
}

.product-card__pagination .swiper-pagination-bullet-active {
  background-color: #0e0e0e;
}

.product-card__main {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.product-card__info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-card__price.actual {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  color: #0e0e0e;
}

.product-card__price.old {
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: left;
  color: #999999;
  text-decoration: line-through;
}

.product-card__small {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 20px;
}

.product-card__sale {
  font-size: 12px;
  background-color: #d70015;
  color: #fff;
  padding: 0 3px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.product-card__hint {
  width: -moz-fit-content;
  width: fit-content;
  height: 16px;
}

.product-card__actions {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.product-card__buy {
  height: 40px;
  background-color: #0e0e0e;
  color: #fff;
  white-space: nowrap;
  padding: 0;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
}

.product-card__buy img {
  display: none;
}

.news-section {
  padding: 120px 0;
  background: linear-gradient(262.96deg, #363637 0%, #0e0e0e 54.7%);
  color: #fff;
}

.news-section img {
  width: 100%;
  height: auto;
}

.news-section__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 108px;
  overflow: hidden;
}

.news-section__main {
  max-width: calc(100% - 635px);
}

.news-section__main:only-child {
  max-width: 100%;
}

.news-section__title.h2 {
  margin-bottom: 70px;
  color: #fff;
}

.news-section__title.h2 a {
  color: #fff;
}

.news-section__title.h2 a:hover {
  color: #fff;
}

.news-section__thumbs .swiper {
  position: relative;
}

.news-section__mobile-thumbs {
  display: none;
}

@media screen and (max-width: 1023px) {
  .news-section__mobile-thumbs {
    display: block;
    width: 700px;
    margin: 0 auto 32px;
  }
  .news-section__mobile-thumbs .swiper-slide {
    max-width: 500px;
  }
  .news-section__mobile-thumbs .news-section__mobile-thumbs-controllers {
    display: flex;
    margin: 12px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .news-section__mobile-thumbs {
    width: auto;
  }
  .news-section__mobile-thumbs .swiper-slide {
    max-width: 328px;
  }
}
@media screen and (max-width: 479px) {
  .news-section__mobile-thumbs .swiper-slide {
    max-width: 315px;
  }
}
@media screen and (max-width: 384px) {
  .news-section__mobile-thumbs .swiper-slide {
    max-width: 278px;
  }
}
.news-section__mobile-thumbs-thumbs-controllers {
  display: none;
}

.news-section__mobile-info {
  display: none;
}

.news-section__mobile-info .swiper-pagination {
  display: none;
}

.news-section__gallery {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  gap: 50px;
  align-items: center;
  max-width: 527px;
  max-height: 726px;
  overflow: hidden;
}

.news-section__gallery .swiper {
  height: 270px;
  overflow: initial;
}

.news-section__gallery .swiper-wrapper {
  align-items: center;
}

.news-section__gallery .swiper-slide {
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
  height: 270px;
  width: 400px;
  border: 1px solid #636364;
  flex: 0 0 270px;
  position: relative;
}

.news-section__gallery .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  transition: 0.3;
}

.news-section__gallery .swiper-slide-active::after {
  opacity: 0;
}

.news-section__controllers,
.product-day__controllers,
.promotion__controllers,
.promotion-mobile__controllers,
.news-section__mobile-thumbs-controllers {
  width: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 39px;
}

.news-section__controllers .swiper-pagination,
.product-day__controllers .swiper-pagination,
.promotion__controllers .swiper-pagination,
.promotion-mobile__controllers .swiper-pagination,
.news-section__mobile-thumbs-controllers .swiper-pagination {
  position: relative;
  top: unset !important;
  right: unset !important;
  left: unset !important;
  bottom: unset !important;
  transform: none !important;
  gap: 20px;
}

@media (min-width: 767px) {
  .news-section__controllers .swiper-pagination,
  .product-day__controllers .swiper-pagination,
  .promotion__controllers .swiper-pagination,
  .promotion-mobile__controllers .swiper-pagination,
  .news-section__mobile-thumbs-controllers .swiper-pagination {
    width: 100% !important;
  }
}
.news-section__controllers .swiper-pagination .swiper-pagination-bullet,
.product-day__controllers .swiper-pagination .swiper-pagination-bullet,
.promotion__controllers .swiper-pagination .swiper-pagination-bullet,
.news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet,
.promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  height: 3px;
  background: #414142;
  transition: 0.3s;
  border-radius: 2px;
  position: relative;
  margin: 10px 0 !important;
  width: 70px;
  opacity: 1 !important;
}

@media (min-width: 1023px) {
  .news-section__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
  .product-day__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
  .promotion__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
  .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
  .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next) {
    transform: scaleX(0.57) !important;
  }
}
@media (max-width: 1023px) {
  .news-section__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
  .product-day__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
  .promotion__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
  .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next),
  .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active-prev):not(.swiper-pagination-bullet-active-next) {
    transform: scaleX(1) !important;
  }
}
@media (min-width: 1023px) {
  .news-section__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
  .news-section__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
  .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
  .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet-active-next,
  .product-day__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
  .product-day__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
  .promotion__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
  .promotion__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
  .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
  .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet-active-next {
    transform: scaleX(0.85) !important;
    background-color: #69696a;
  }
}
@media (max-width: 1023px) {
  .news-section__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
  .news-section__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
  .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
  .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet-active-next,
  .product-day__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
  .product-day__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
  .promotion__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
  .promotion__controllers .swiper-pagination .swiper-pagination-bullet-active-next,
  .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet-active-prev,
  .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet-active-next {
    transform: scaleX(1) !important;
    background-color: #69696a;
  }
}
.news-section__controllers .swiper-pagination .swiper-pagination-bullet-active,
.product-day__controllers .swiper-pagination .swiper-pagination-bullet-active,
.promotion__controllers .swiper-pagination .swiper-pagination-bullet-active,
.news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet-active,
.promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

@media (max-width: 1600px) {
  .promotion__controllers,
  .product-day__controllers {
    width: 60px;
    gap: 31px;
  }
  .promotion__controllers .swiper-pagination .swiper-pagination-bullet,
  .product-day__controllers .swiper-pagination .swiper-pagination-bullet {
    width: 60px;
  }
}
@media (max-width: 1400px) {
  .promotion__controllers,
  .product-day__controllers {
    width: 34px;
    gap: 10px;
  }
  .promotion__controllers .swiper-pagination .swiper-pagination-bullet,
  .product-day__controllers .swiper-pagination .swiper-pagination-bullet {
    width: 34px;
    margin: 6px 0 !important;
  }
}
@media (max-width: 1023px) {
  .promotion-mobile__controllers {
    margin-top: 12px;
  }
  .promotion__controllers,
  .product-day__controllers {
    width: 100%;
  }
  .promotion__controllers .swiper-pagination .swiper-pagination-bullet,
  .product-day__controllers .swiper-pagination .swiper-pagination-bullet,
  .news-section__mobile-thumbs-controllers .swiper-pagination .swiper-pagination-bullet,
  .promotion-mobile__controllers .swiper-pagination .swiper-pagination-bullet {
    height: 2px;
    margin: 0 2px !important;
  }
}
.news-section__nav,
.product-day__nav,
.promotion__nav {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #7d7d7d;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  rotate: 90deg;
}

.news-section__nav img,
.product-day__nav img,
.promotion__nav img {
  width: 24px;
  height: 24px;
}

@media (max-width: 1600px) {
  .product-day__nav,
  .promotion__nav {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 1400px) {
  .product-day__nav,
  .promotion__nav {
    width: 20px;
    height: 20px;
  }
}
.news-slide__wrapper {
  display: flex;
  flex-direction: column;
}

.news-slide__image {
  display: flex;
  align-items: center;
  border-radius: 12px;
  overflow: hidden;
  height: 400px;
  width: 100%;
  margin-bottom: 32px;
}

.news-slide__image img {
  border-radius: 12px;
  border: 1px solid #2A2C36;
}

.news-slide__content {
  transition: 2s;
  display: flex;
  flex-direction: column;
}

.news-slide__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 60px;
}

.news-slide__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
}

.news-slide__title:hover {
  color: #fff;
}

.news-slide__subtitle {
  color: #fff;
}

.news-slide__buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}

.news-slide__read {
  color: #0e0e0e !important;
  background-color: #fff !important;
  display: flex;
  gap: 16px;
  transition: 0.3s;
}

.news-slide__read::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background: url(../img/icons/read-all-icon.svg) center/cover no-repeat;
}

.news-slide__read:hover {
  background-color: #e1e1e3 !important;
  color: #0e0e0e;
}

.news-slide__all {
  text-align: center;
  color: #fff;
  height: 48px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background-color: #0e0e0e;
  transition: 0.3s;
  border: 2px solid #0e0e0e;
  border-radius: 8px;
}

.news-slide__all:hover {
  background-color: #3a3a3c;
  border: 2px solid #3a3a3c;
  color: #fff;
}

.news-thumbs__pagination {
  display: none;
  width: 100px !important;
  justify-content: center;
}

.home-hero__stop,
.product-card__hint,
.product-card__like,
.product-card__share {
  border: none;
}

.product-card__title:hover {
  color: #0e0e0e;
}

@media (max-width: 1608px) {
  .category-section__list:nth-child(1) .category-section__item {
    height: 150px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
    flex: 1 1 19.8333333333vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
    flex: 1 1 16.2222222222vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
    flex: 1 1 18.2638888889vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
    flex: 1 1 18.4027777778vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
    flex: 1 1 14.2777777778vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
    flex: 1 1 21.6388888889vw;
  }
  .category-section__list:nth-child(2) {
    grid-template-columns: 14.375vw;
  }
  .category-section__list:nth-child(2) .category-section__item {
    height: 310px;
  }
  .category-section__list:nth-child(3) {
    grid-template-columns: 11.1805555556vw 8.125vw;
    grid-template-rows: 127px 173px;
  }
}
@media (max-width: 1600px) {
  .news-section__main {
    max-width: calc(100% - 579px);
  }
  .news-section__wrapper {
    gap: 52px;
  }
}
@media (max-width: 1440px) {
  .home-hero__nav_prev.swiper-button-prev {
    translate: -50% 0;
    left: 0px;
  }
  .home-hero__nav_next.swiper-button-next {
    translate: 50% 0;
    right: 0px;
  }
  .hero-slide {
    height: 461px;
  }
  .sales-section__swiper {
    width: 100vw;
    margin-left: -47px;
    padding-left: 47px;
    padding-right: 47px;
  }
  .sales-slide {
    max-width: 371px;
  }
  .product-section__slider {
    width: 100vw;
    margin-left: -47px;
    padding-left: 47px;
    padding-right: 47px;
    margin-right: unset;
  }
}
@media (max-width: 1400px) {
  .news-section__wrapper {
    gap: 20px;
  }
  .news-section {
    padding: 80px 0;
  }
  .news-section__title.h2 {
    margin-bottom: 32px;
  }
  .news-section__main {
    max-width: calc(100% - 378px);
  }
  .news-section__gallery .swiper {
    height: 180px;
  }
  .news-section__gallery .swiper-slide {
    height: 180px;
    width: 267px;
    flex: 0 0 180px;
  }
  .news-section__gallery {
    margin-top: 72px;
    max-width: 358px;
    max-height: 400px;
    gap: 21px;
  }
  .news-slide__buttons .btn {
    padding: 0 25px;
  }
  .category-section__list:nth-child(1) .category-section__item {
    height: 150px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
    flex: 1 1 20.1388888889vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
    flex: 1 1 8.3333333333vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
    flex: 1 1 17.7083333333vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
    flex: 1 1 17.7083333333vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
    flex: 1 1 14.5833333333vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
    flex: 1 1 19.875vw;
  }
}
@media (max-width: 1200px) {
  .category-section__list:nth-child(1) .category-section__item {
    height: 150px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
    flex: 1 1 20.1388888889vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
    flex: 1 1 8.3333333333vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
    flex: 1 1 17.7083333333vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
    flex: 1 1 16.3194444444vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
    flex: 1 1 13.1944444444vw;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
    flex: 1 1 20.875vw;
  }
}
@media (max-width: 1024px) {
  .container {
    padding: 0 20px;
  }
  .section {
    margin-top: 80px;
  }
  .home-hero__wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
  .home-hero__slider {
    border-radius: 0;
  }
  .home-hero__nav_prev.swiper-button-prev {
    left: 20px;
    translate: 0;
  }
  .home-hero__nav_next.swiper-button-next {
    right: 20px;
    translate: 0;
  }
  .home-hero__footer {
    bottom: 25px;
  }
  .hero-slide {
    height: 360px;
  }
  .category-section {
    position: relative;
  }
  .category-section__inner {
    scroll-behavior: smooth;
    overflow-x: auto;
    width: 100vw;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .category-section__inner:-webkit-scrollbar {
    display: none;
  }
  .category-section__wrapper {
    width: 1375px;
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .category-section__wrapper:-webkit-scrollbar {
    display: none;
    background-color: transparent;
    width: 0;
    height: 0;
  }
  .category-section__list:nth-child(1) .category-section__item {
    height: 153px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
    flex: 0 0 425px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
    flex: 0 0 288px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
    flex: 0 0 126px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
    flex: 0 0 398px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
    flex: 0 0 220px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
    flex: 0 0 222px;
  }
  .category-section__list:nth-child(2) {
    grid-template-columns: 207px;
  }
  .category-section__list:nth-child(2) .category-section__item {
    height: 313px;
  }
  .category-section__list:nth-child(3) {
    grid-template-columns: 161px 117px;
    grid-template-rows: 127px 173px;
  }
  .category-section__nav {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    display: flex;
    background-color: #fff;
    border: 1px solid #e1e1e3;
    cursor: pointer;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    z-index: 1;
  }
  .category-section__nav_prev {
    left: 20px;
  }
  .category-section__nav_next {
    right: 20px;
  }
  .category-section__nav svg path {
    stroke: #0e0e0e;
  }
  .sales-section {
    padding: 80px 0;
  }
  .sales-section__swiper {
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .product-section__slider .swiper-slide {
    max-width: 243px;
  }
  .product-section__nav_prev {
    translate: -30% 0;
    left: 0 !important;
  }
  .product-section__nav_next {
    right: 0 !important;
    translate: 30% 0;
  }
  .product-section {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .product-section__slider {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .product-card {
    padding: 12px;
  }
  .product-card__slider .swiper-slide img {
    width: 100%;
  }
  .product-card__title {
    font-size: 14px;
  }
  .product-card__price.actual {
    font-size: 16px;
  }
  .product-card__price.old {
    font-size: 12px;
  }
  .product-card__info {
    gap: 6px;
  }
  .product-card__buy {
    font-size: 14px;
  }
  .product-card__actions {
    gap: 12px;
  }
}
@media (max-width: 1023px) {
  .product-card:hover {
    box-shadow: none;
  }
  .news-section__gallery {
    display: none;
  }
  .news-section__desktop-thumbs {
    display: none;
  }
  .news-section__mobile-info {
    display: block;
  }
  .news-section__main {
    width: 100%;
    max-width: unset;
    gap: 24px;
  }
  .news-section__title.h2 {
    margin-bottom: 24px;
  }
  .news-slide__image {
    max-height: 250px;
    margin-bottom: 0;
  }
  .news-section__mobile-thumbs .swiper-slide {
    position: relative;
  }
  .news-section__mobile-thumbs .swiper-slide:not(.swiper-slide-active):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(0, 0, 0, 0.2);
    z-index: 5;
  }
  .news-slide__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .news-slide__all {
    background-color: #0e0e0e;
    border-radius: 8px;
  }
  .news-slide__read {
    gap: 12px;
  }
  .news-slide__read::after {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }
  .news-slide__read,
  .news-slide__all {
    height: 40px;
    font-size: 14px;
  }
  .news-slide__text {
    gap: 8px;
    margin-bottom: 40px;
  }
  .news-slide__title {
    font-size: 16px;
  }
  .news-slide__subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .home-hero {
    padding-top: 0px;
  }
  .h2 {
    font-size: 24px;
  }
  .home-hero__pagination span {
    width: 75px;
    flex: 0 0 75px;
  }
  .home-hero__footer {
    bottom: 12px;
  }
  .hero-slide {
    height: 300px;
  }
  .category-section__nav {
    display: none;
  }
  .sales-section {
    padding-top: 60px;
  }
  .sales-section__nav_prev {
    left: 20px;
  }
  .sales-section__nav_next {
    right: 20px;
  }
  .sales-section__link {
    font-size: 12px;
  }
  .sales-slide {
    max-width: 320px;
  }
  .sales-slide__date {
    font-size: 12px;
    margin-top: 14px;
  }
  .sales-slide__title {
    font-size: 14px;
  }
  .product-section__slider .swiper-slide {
    max-width: 228px;
  }
  .product-section__nav {
    display: none;
  }
  .product-card {
    max-width: 228px;
    padding: 0px;
  }
  .product-card__hidden {
    display: none;
  }
  .product-card__pagination {
    display: none;
  }
  .product-card__price.actual {
    font-size: 14px;
  }
  .product-card__main {
    gap: 8px;
  }
  .product-card__buy {
    font-size: 14px;
  }
  .product-card__actions {
    gap: 4px;
  }
  .product-card .swiper-slide {
    display: none;
  }
  .product-card .swiper-slide:nth-child(1) {
    display: flex;
  }
  .news-section {
    padding: 12px 0;
  }
  .news-section__main {
    gap: 16px;
  }
  .news-section__title.h2 {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 20px;
  }
  .news-slide__text {
    gap: 12px;
    margin-bottom: 24px;
  }
  .news-slide__buttons {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .news-slide__read::after {
    display: none;
  }
  .news-slide__content {
    padding: 0 12px;
  }
  .news-slide__image {
    max-height: 150px;
  }
  .news-section__mobile-thumbs {
    margin-bottom: 16px;
  }
  .news-section__wrapper {
    margin-left: -4px;
    margin-right: -4px;
  }
}
@media (max-width: 568px) {
  .container {
    padding: 0 12px;
  }
  .section {
    margin-top: 42px;
  }
  .h2 {
    font-size: 20px;
  }
  .home-hero__pagination span {
    width: 40px;
    flex: 0 0 40px;
  }
  .home-hero__footer {
    bottom: 4px;
  }
  .home-hero__nav {
    display: none;
  }
  .hero-slide {
    height: 406px;
  }
  .hero-slide .mobile {
    display: block;
  }
  .hero-slide .desktop {
    display: none;
  }
  .category-section__inner {
    overflow: hidden;
    margin-left: -12px;
    padding-left: 0;
    padding-right: 0;
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
    -webkit-overflow-scrolling: touch;
    scroll-behavior: auto;
  }
  .category-section__inner:-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background-color: transparent !important;
  }
  .category-section__wrapper {
    gap: 8px;
    width: unset;
    overflow: auto;
    width: 100vw;
    padding-left: 12px;
    padding-right: 12px;
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
    -webkit-overflow-scrolling: touch;
    scroll-behavior: auto;
  }
  .category-section__wrapper:-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background-color: transparent !important;
  }
  .category-section__list {
    height: 130px;
    gap: 8px;
  }
  .category-section__list:nth-child(1) {
    flex-wrap: nowrap;
  }
  .category-section__list:nth-child(1) .category-section__item {
    height: 130px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(1) {
    flex: 0 0 160px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(2) {
    flex: 0 0 160px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(3) {
    flex: 0 0 160px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(4) {
    flex: 0 0 160px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(5) {
    flex: 0 0 160px;
  }
  .category-section__list:nth-child(1) .category-section__item:nth-child(6) {
    flex: 0 0 160px;
  }
  .category-section__list:nth-child(2) {
    grid-template-columns: 160px;
  }
  .category-section__list:nth-child(2) .category-section__item {
    height: 130px;
  }
  .category-section__list:nth-child(3) {
    grid-template-columns: repeat(3, 160px);
  }
  .category-section__list:nth-child(3) .category-section__item:nth-child(3) {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .category-section__item {
    width: 160px !important;
    flex: 0 0 160px !important;
    height: 130px !important;
    font-size: 12px;
  }
  .sales-section {
    padding: 42px 0;
  }
  .sales-section__swiper {
    margin-left: -12px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .sales-section__nav {
    display: none;
  }
  .sales-slide {
    max-width: 180px;
  }
  .sales-slide__date {
    margin-top: 12px;
    margin-bottom: 10px;
  }
  .product-section__slider .swiper-slide {
    max-width: 171px;
  }
  .product-section {
    padding-top: 42px;
  }
  .product-section__slider {
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .product-card {
    border-radius: 8px;
    padding: 8px;
  }
  .product-card__slider .swiper-slide img {
    width: 100%;
  }
  .product-card__banners li {
    display: none;
  }
  .product-card__banners li:first-child {
    display: flex;
  }
  .product-card__main {
    gap: 0;
  }
  .product-card__actions {
    margin-top: 12px;
  }
  .product-card__title {
    margin-bottom: 8px;
  }
  .product-card__buy {
    height: 32px;
  }
  .product-card__buy span {
    display: none;
  }
  .product-card__buy img {
    display: block;
  }
  .product-card__like,
  .product-card__share {
    height: 32px;
    width: 32px;
    flex: 0 0 32px;
  }
  .product-card__like svg,
  .product-card__share svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .product-card__info {
    display: grid;
    grid-template-columns: auto 1fr;
    row-gap: 4px;
    -moz-column-gap: 6px;
    column-gap: 6px;
  }
  .product-card__hint {
    order: 2;
  }
  .product-card__small {
    gap: 4px;
    order: 3;
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
@media (hover: hover) {
  .slider-btn:hover {
    border: 1px solid #9c9c9c;
  }
}
.sales-section__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

@media (max-width: 1400px) {
  .sales-section__wrap {
    padding: 0 34px;
  }
}
@media (max-width: 1023px) {
  .sales-section__wrap {
    padding: 0px;
    justify-content: center;
  }
}
.sales-container.container {
  overflow-x: initial;
}

.sales-section-products {
  width: 100%;
  max-width: 650px;
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 1600px) {
  .sales-section-products {
    max-width: 572px;
  }
}
@media (max-width: 1400px) {
  .sales-section-products {
    max-width: 376px;
  }
}
.sales-section__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 1px;
  background: linear-gradient(to bottom, #19191a 0%, #ffffff 50%, #101010 100%);
}

@media (max-width: 1023px) {
  .sales-section__wrap::before {
    content: none;
  }
}
.sales-section__header.promotion {
  position: absolute;
  top: -24px;
  right: 0;
  transform: translateY(-100%);
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1400px) {
  .sales-section__header.promotion {
    top: -19px;
  }
}
.sales-section-actions {
  width: 100%;
  max-width: 650px;
  display: flex;
  align-items: center;
}

@media (max-width: 1600px) {
  .sales-section-actions {
    max-width: 572px;
  }
}
@media (max-width: 1400px) {
  .sales-section-actions {
    max-width: 376px;
  }
}
.product-day__gallery {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 419px;
  gap: 80px;
}

@media screen and (max-width: 1599px) {
  .product-day__gallery {
    height: 347px;
    gap: 42px;
  }
}
@media screen and (max-width: 1399px) {
  .product-day__gallery {
    height: 272px;
    gap: 42px;
  }
}
@media screen and (max-width: 1023px) {
  .product-day__gallery {
    display: none;
  }
}
.product-day__gallery .swiper-wrapper {
  width: calc(100% - 150px);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial) !important;
}

@media screen and (max-width: 1599px) {
  .product-day__gallery .swiper-wrapper {
    width: calc(100% - 102px);
  }
}
@media screen and (max-width: 1399px) {
  .product-day__gallery .swiper-wrapper {
    width: calc(100% - 76px);
  }
}
@media screen and (max-width: 1023px) {
  .product-day__gallery .swiper-wrapper {
    width: 100%;
  }
}
.product-day__gallery.mobile {
  display: none;
}

@media screen and (max-width: 1023px) {
  .product-day__gallery.mobile {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 632px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .product-day__gallery.mobile {
    width: 371px;
  }
}
@media screen and (max-width: 384px) {
  .product-day__gallery.mobile {
    width: 328px;
  }
}
.product-day__item {
  position: relative;
  height: 325px;
  border-radius: 24px;
  padding: 24px;
  background-color: #ffffff;
  display: flex;
}

@media screen and (min-width: 1024px) {
  .product-day__item {
    transition-property: transform, padding;
  }
}
@media screen and (max-width: 1599px) {
  .product-day__item {
    height: 280px;
  }
  .product-day__item .swiper-slide-prev {
    padding: 9px 17px;
  }
  .product-day__item .swiper-slide-next {
    padding: 1px 18px;
  }
}
@media screen and (max-width: 1399px) {
  .product-day__item {
    height: 170px;
    border-radius: 14px;
    padding: 12px 24px;
  }
}
@media screen and (max-width: 1023px) {
  .product-day__item .swiper-slide-prev {
    padding: 8px;
    padding-right: 24px;
  }
  .product-day__item .swiper-slide-next {
    padding: 8px;
    padding-right: 24px;
  }
}
@media screen and (max-width: 767px) {
  .product-day__item {
    padding: 7px;
  }
  .product-day__item .swiper-slide-prev {
    padding: 7px;
    padding-right: 12px;
  }
  .product-day__item .swiper-slide-next {
    padding: 7px;
    padding-right: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .product-day__item.mobile {
    padding-right: 24px;
    height: 250px;
    max-width: 422px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .product-day__item.mobile {
    max-width: 315px;
    height: 150px;
  }
}
@media screen and (max-width: 384px) {
  .product-day__item.mobile {
    padding-right: 12px;
    max-width: 278px;
    min-height: 136px;
  }
}
.product-day__item .product__day-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
}

@media screen and (max-width: 1599px) {
  .product-day__item .product__day-container {
    gap: 5px;
  }
}
.product-day__item:not(.swiper-slide-active):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: rgba(0, 0, 0, 0.2);
  z-index: 5;
}

@media (max-width: 1023px) {
  .sales-section-actions,
  .sales-section__header.promotion {
    display: none;
  }
  .sales-section-products {
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.promotion__image {
  width: 100%;
  background-size: cover;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}

.promotion__image > img {
  width: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (max-width: 1600px) {
  .promotion__image > img {
    -o-object-position: center;
       object-position: center;
  }
}
@media (max-width: 1600px) {
  .promotion__title {
    line-height: 20px;
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
  .promotion__title {
    font-size: 12px;
    line-height: 14px;
  }
}
.sales-section__slide {
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.swiper-pagination-wrapper {
  position: relative;
}

.swiper-pagination-scroll {
  position: absolute;
  top: -15px;
  bottom: -15px;
  right: -10px;
  left: -10px;
  z-index: 10;
  overscroll-behavior: none;
}

.product-day__title {
  font-family: "Inter";
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
  color: #000000;
}

@media (max-width: 1600px) {
  .product-day__title {
    font-size: 28px;
    line-height: 42px;
  }
}
@media (max-width: 1400px) {
  .product-day__title {
    font-size: 18px;
    line-height: 18px;
  }
}
@media (max-width: 1023px) {
  .product-day__title {
    display: none;
  }
}
.product-day__basket {
  width: 100%;
  text-align: center;
}

.product__day-wrapper {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  flex-grow: 1;
}

.product__day-image {
  width: 45%;
  max-width: 210px;
  aspect-ratio: 1/1;
}

.product__day-description {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 55%;
}

.product__day-image > img {
  width: 100%;
  height: auto;
}

.product__day-info {
  margin-bottom: 25px;
  flex-grow: 1;
}

@media (max-width: 1600px) {
  .product__day-info {
    margin-bottom: 18px;
  }
}
@media (max-width: 1400px) {
  .product__day-info {
    margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  .product__day-description {
    width: 124px;
  }
  .product__day-info {
    margin-bottom: 4px;
  }
  .product__day-image {
    width: calc(100% - 124px);
  }
}
@media (max-width: 767px) {
  .product__day-info {
    margin-bottom: 12px;
  }
  .product__day-description {
    width: 155px;
  }
  .product__day-image {
    width: calc(100% - 155px);
  }
}
.product__day-name {
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 12px;
}

@media (max-width: 1600px) {
  .product__day-name {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 7px;
    min-height: auto;
  }
}
@media (max-width: 1400px) {
  .product__day-name {
    font-size: 10px;
    line-height: 12.88px;
  }
  .product__day-container .catalog-body__basket {
    height: 25px;
    border-radius: 6px;
  }
  .product__day-container .catalog-body__basket_active,
  .product__day-container .catalog-body__basket_active:hover {
    background-image: url(/ajax/auth/img/icon/basket-ok.svg);
    color: transparent;
    padding: 5px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .product__day-price-wrapper {
    gap: 6px;
  }
  .catalog-body__price-info i {
    width: 11px;
    height: 11px;
  }
}
@media (max-width: 1023px) {
  .product__day-name {
    min-height: 40px;
    font-size: 10px;
    line-height: 12.88px;
    margin-bottom: 16px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
}
@media (max-width: 767px) {
  .product__day-name {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 6px;
  }
  .product__day-container .catalog-body__basket {
    max-width: 120px;
  }
}
.product__day-price {
  font-family: "Inter";
  font-weight: 800;
  font-size: 20px;
  line-height: 24.2px;
  color: #000000;
  white-space: nowrap;
}

@media (max-width: 1600px) {
  .product__day-price {
    font-size: 20px;
    line-height: 24.2px;
  }
}
@media (max-width: 1400px) {
  .product__day-price {
    font-size: 12px;
    line-height: 14.52px;
  }
}
@media (max-width: 1023px) {
  .product__day-price {
    font-size: 11px;
    line-height: 13.31px;
  }
}
@media (max-width: 767px) {
  .product__day-old-wrapper {
    gap: 6px;
    margin-bottom: 4px;
  }
}
.product__day-old-price {
  font-family: "Inter";
  font-weight: 400;
  font-size: 14px;
  line-height: 16.94px;
  color: #999999;
  white-space: nowrap;
  text-decoration: line-through;
}

@media (max-width: 1600px) {
  .product__day-old-price {
    font-size: 14px;
    line-height: 16.94px;
  }
}
@media (max-width: 1400px) {
  .product__day-old-price {
    font-size: 8px;
    line-height: 9.68px;
  }
}
@media (max-width: 1023px) {
  .product__day-old-price {
    font-size: 8px;
    line-height: 9.68px;
  }
}
@media (max-width: 767px) {
  .product__day-old-price {
    font-size: 9px;
    line-height: 10.89px;
  }
}
.catalog-body__price-sale {
  font-size: 12px;
  line-height: 14.52px;
}

@media (max-width: 1600px) {
  .catalog-body__price-sale {
    font-size: 12px;
    line-height: 14.52px;
  }
}
@media (max-width: 1400px) {
  .catalog-body__price-sale {
    padding: 1px 3px;
    font-size: 8px;
    line-height: 9.68px;
  }
}
@media (max-width: 1023px) {
  .catalog-body__price-sale {
    font-size: 10px;
    line-height: 12.1px;
  }
}
@media (max-width: 767px) {
  .catalog-body__price-sale {
    font-size: 8px;
    line-height: 9.68px;
  }
}
.product__day-time {
  font-family: "Inter";
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
  word-spacing: -2px;
  white-space: nowrap;
}

@media (max-width: 1600px) {
  .product__day-time {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 1400px) {
  .product__day-time {
    font-size: 10px;
    line-height: 18.04px;
    word-spacing: -3px;
  }
}
@media (max-width: 1023px) {
  .product__day-time {
    font-size: 10px;
    line-height: 18.04px;
    word-spacing: -2px;
  }
}
@media (max-width: 767px) {
  .product__day-time {
    font-size: 10px;
    line-height: 18.04px;
  }
}
.product__day-old-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  margin-bottom: 8px;
}

@media (max-width: 1600px) {
  .product__day-old-wrapper {
    gap: 8px;
    margin-bottom: 8px;
  }
}
@media (max-width: 1400px) {
  .product__day-old-wrapper {
    gap: 6px;
    margin-bottom: 6px;
    min-height: 19px;
  }
}
@media (max-width: 1023px) {
  .product__day-old-wrapper {
    gap: 6px;
    margin-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .product__day-old-wrapper {
    gap: 6px;
    margin-bottom: 4px;
  }
}
.product__day-price-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

@media (max-width: 1600px) {
  .product__day-price {
    gap: 10px;
  }
}
@media (max-width: 1400px) {
  .product__day-price {
    gap: 6px;
  }
}
@media (max-width: 1023px) {
  .product__day-price {
    gap: 6px;
  }
}
@media (max-width: 767px) {
  .product__day-old-wrapper {
    gap: 6px;
  }
}
.promotion__header.mobile {
  font-family: "Inter";
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  margin: 0;
  display: none;
}

@media (max-width: 1023px) {
  .promotion__header.mobile {
    display: block;
  }
}
.sales-section__main.mobile {
  display: none;
  background: linear-gradient(to right, #0e0e0e 0%, #363637 100%);
  padding: 24px 24px 32px;
}

@media (max-width: 1023px) {
  .sales-section__main.mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .sales-section__main.mobile {
    padding: 12px 12px 24px;
  }
}
.sales-section__link > .desktop {
  display: block;
}

.sales-section__header.promotion-mobile {
  display: none;
}

@media (max-width: 1023px) {
  .sales-section__header.promotion-mobile {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
  }
}
.promotion__mobile-item {
  position: relative;
  display: flex;
  height: auto;
  border-radius: 14px;
  background-color: #ffffff;
  padding: 4px 12px 7px;
}

@media screen and (max-width: 1023px) {
  .promotion__mobile-item {
    padding: 12px 19px 7px;
    max-width: 422px;
  }
}
@media screen and (max-width: 767px) {
  .promotion__mobile-item {
    max-width: 315px;
    height: 150px;
    padding: 12px 19px 0px;
  }
}
@media screen and (max-width: 384px) {
  .promotion__mobile-item {
    max-width: 278px;
  }
}
.promotion__mobile-item a {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-grow: 1;
  max-height: 300px;
}

@media screen and (max-width: 767px) {
  .promotion__mobile-item a {
    max-height: 175px;
  }
}
.promotion__mobile-image {
  width: 100%;
  overflow: auto;
}

.promotion__mobile-image img {
  width: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.promotion__mobile-name {
  font-family: "Inter";
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 767px) {
  .promotion__mobile-name {
    font-size: 10px;
    padding-bottom: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .promotion__mobile-gallery {
    max-width: 632px;
  }
}
@media screen and (max-width: 767px) {
  .promotion__mobile-gallery {
    width: 371px;
  }
}
@media screen and (max-width: 384px) {
  .promotion__mobile-gallery {
    width: 328px;
  }
}
.promotion__mobile-item:not(.swiper-slide-active):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: rgba(0, 0, 0, 0.2);
  z-index: 5;
}

.promotion-mobile__controllers > .swiper-pagination > .swiper-pagination-bullet,
.news-section__mobile-thumbs-controllers > .swiper-pagination > .swiper-pagination-bullet,
.product-day__controllers.mobile > .swiper-pagination > .swiper-pagination-bullet {
  width: 10px;
  background: #69696a;
}

.promotion-mobile__controllers > .swiper-pagination > .swiper-pagination-bullet-active,
.news-section__mobile-thumbs-controllers > .swiper-pagination > .swiper-pagination-bullet-active,
.product-day__controllers.mobile > .swiper-pagination > .swiper-pagination-bullet-active {
  background: #ffffff;
}

.products {
  padding-top: 72px;
  padding-bottom: 67px;
}

@media (max-width: 1600px) {
  .products {
    padding-bottom: 72px;
  }
}
@media (max-width: 1400px) {
  .products {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .products {
    padding: 24px 0 32px;
  }
}
@media (max-width: 767px) {
  .products {
    padding: 12px 0 24px;
  }
}
@media (max-width: 1023px) {
  a.product-day__basket {
    font-size: 0 !important;
    background-image: url(/ajax/auth/img/icon/basket.svg);
    min-width: 70px;
    height: 30px;
  }
}
@media (max-width: 1400px) {
  .sales-section__link.promotions {
    font-size: 14px;
  }
}
.app-container {
  margin: auto;
  padding-top: 78px;
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .app-container {
    padding-top: 30px;
    margin-top: 26px;
    margin-bottom: 26px;
  }
}
.app-container .app-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  border: 3px solid #fff;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

@media screen and (max-width: 767px) {
  .app-container .app-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 20px;
    -moz-column-gap: 9px;
         column-gap: 9px;
  }
}
.app-container .app-wrapper-download {
  max-width: 308px;
}

@media screen and (max-width: 767px) {
  .app-container .app-wrapper-download {
    flex-basis: 50%;
  }
}
.app-container .app-wrapper-download-header {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .app-container .app-wrapper-download-header {
    font-size: 12px;
    padding-bottom: 14px;
  }
}
.app-container .app-wrapper-download-block {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
}

@media screen and (max-width: 990px) {
  .app-container .app-wrapper-download-block {
    display: block;
  }
}
.app-container .app-wrapper-download-block-item {
  flex-basis: 141px;
  max-width: 141px;
}

@media screen and (max-width: 990px) {
  .app-container .app-wrapper-download-block-item {
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .app-container .app-wrapper-download-block-item {
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    max-width: 115px;
  }
}
.app-container .app-wrapper-image {
  max-width: 328px;
  margin-top: -78px;
}

@media screen and (max-width: 767px) {
  .app-container .app-wrapper-image {
    flex-basis: 50%;
    margin-top: -42px;
  }
}
.app-container .app-wrapper-qr {
  max-width: 364px;
}

@media screen and (max-width: 767px) {
  .app-container .app-wrapper-qr {
    display: none;
  }
}
.app-container .app-wrapper-qr-block {
  display: flex;
  -moz-column-gap: 42px;
       column-gap: 42px;
  align-items: center;
}

@media screen and (max-width: 990px) {
  .app-container .app-wrapper-qr-block {
    display: block;
  }
}
.app-container .app-wrapper-qr-block-image {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 990px) {
  .app-container .app-wrapper-qr-block-image {
    margin-bottom: 12px;
  }
}
.app-container .app-wrapper-qr-block-image img {
  -o-object-fit: contain;
     object-fit: contain;
}

.app-container .app-wrapper-qr-block-info {
  flex-basis: 152px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0;
}

.top-banner {
  margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
  .top-banner {
    display: none;
  }
}
.top-banner.mobile {
  display: block;
}

@media screen and (min-width: 768px) {
  .top-banner.mobile {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .top-banner.mobile .top-banner-container {
    border-radius: 10px;
  }
}
.top-banner-container {
  overflow: hidden;
  border-radius: 20px;
}

.top-banner-container img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .broadcast {
    display: none;
  }
}
.broadcast.mobile {
  display: block;
}

@media screen and (min-width: 768px) {
  .broadcast.mobile {
    display: none;
  }
}
.broadcast.mobile .broadcast-container {
  max-width: 400px;
}

.broadcast-off {
  display: none;
}

.broadcast-container {
  background-color: rgba(202, 202, 202, 0.2);
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  padding: 12px;
  font-size: 20px;
  text-align: center;
  border-radius: 12px;
  color: #3c3c3c;
}

@media screen and (max-width: 1023px) {
  .broadcast-container {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .broadcast-container {
    font-size: 14px;
    padding: 7px 12px;
  }
}
.broadcast-container a {
  color: #0084ff;
}

.broadcast-wrapper {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

@media screen and (max-width: 990px) {
  .broadcast-wrapper {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
.broadcast-wrapper-img img {
  width: 118px;
}

@media screen and (max-width: 1023px) {
  .broadcast-wrapper-img img {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .broadcast-wrapper-img img {
    width: 80px;
  }
}
.draw-header {
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #0e0e0e;
  margin-bottom: 16px;
}

@media screen and (max-width: 1023px) {
  .draw-header {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .draw-header {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 600;
  }
}
@media screen and (max-width: 767px) {
  .draw .conditions .draw-header {
    font-size: 20px;
    margin-bottom: 12px;
    text-align: center;
  }
}
.draw-mainheader {
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #0e0e0e;
  margin-bottom: 16px;
}

@media screen and (max-width: 1023px) {
  .draw-mainheader {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .draw-mainheader {
    display: none;
  }
}
.draw-result {
  font-size: 20px;
  font-weight: 700;
  color: #0e0e0e;
  text-align: center;
  margin-bottom: 16px;
}

@media screen and (max-width: 1023px) {
  .draw-result {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .draw-result {
    font-size: 12px;
    margin-bottom: 6px;
  }
}
.draw-period {
  font-size: 16px;
  font-weight: 400;
  color: #0e0e0e;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .draw-period {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .draw-period {
    font-size: 10px;
  }
}
.draw-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .draw .popular-slider__content {
    margin-bottom: 20px;
  }
}
.draw .popular-slider__content .popular-slider__wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 767px) {
  .draw .popular-slider__content .popular-slider__wrapper {
    padding: 0;
  }
}
.draw .catalog-body .catalog-body__desc {
  margin-bottom: 36px;
}

@media screen and (max-width: 1023px) {
  .draw .catalog-body .catalog-body__desc {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 767px) {
  .draw .catalog-body .catalog-body__desc {
    margin-bottom: 6px;
  }
}
.draw .catalog-body .catalog-body__label {
  background-color: #0e0e0e;
  color: #fff;
  display: none;
}

.draw .catalog-body .catalog-body__item:hover {
  box-shadow: none;
}

@media screen and (max-width: 479px) {
  .draw .catalog-body .catalog-body__item:nth-of-type(odd) {
    padding: 0;
  }
}
@media screen and (max-width: 479px) {
  .draw .catalog-body .catalog-body__item:nth-of-type(even) {
    padding: 0;
  }
}
.draw .catalog-body .catalog-body__item:nth-child(2n+1) {
  border-right: none;
}

@media screen and (max-width: 479px) {
  .draw .catalog-body .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border-radius: 50%;
  }
}
@media screen and (max-width: 767px) {
  .draw .catalog-body .catalog-body__img-sl {
    margin-right: auto;
  }
}
@media screen and (max-width: 479px) {
  .draw .button__height-s {
    height: 26px;
  }
}
.draw .finished .draw-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.draw .winner .catalog-body__label {
  display: block;
}

.draw-tabs {
  display: inline-flex;
  margin-bottom: 34px;
}

@media screen and (max-width: 767px) {
  .draw-tabs {
    display: flex;
    background-color: #f5f5f7;
    border-radius: 8px;
    margin-bottom: 22px;
  }
}
.draw-tabs-tab {
  font-weight: 600;
  font-size: 16px;
  border-bottom: 2px solid #e1e1e3;
  padding: 14px 33px;
}

@media screen and (max-width: 767px) {
  .draw-tabs-tab {
    font-size: 14px;
    text-align: center;
    flex-grow: 1;
    padding: 6px;
    border: 2px solid transparent;
    border-radius: 8px;
  }
}
.draw-tabs-tab a {
  color: #7d7d7d;
  text-decoration: none;
}

.draw-tabs-tab.active {
  border-color: #0e0e0e;
  background-color: #fff;
}

.draw-tabs-tab.active a {
  color: #0e0e0e;
}

.draw-tabs-content {
  display: none;
}

.draw-tabs-content.draw-tab-active {
  display: block;
}

.draw-empty {
  max-width: 500px;
  margin: 120px auto;
}

.draw-empty-flexbox {
  display: flex;
  justify-content: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  margin-top: 32px;
}

@media screen and (max-width: 767px) {
  .draw-empty-flexbox {
    display: none;
  }
}
.draw-empty-flexbox.mobile {
  display: flex;
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .draw-empty-flexbox.mobile {
    display: none;
  }
}
.draw-empty-flexbox.mobile button {
  height: 48px;
}

.draw-empty .draw-header {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .draw-empty .draw-header {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 767px) {
  .draw-empty .draw-period {
    font-size: 14px;
    margin-bottom: 24px;
  }
}
.chance-tabs {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
}

@media screen and (max-width: 767px) {
  .chance-tabs {
    display: none;
  }
}
.chance-tabs-tab {
  flex-basis: 45%;
  font-size: 16px;
  background-color: #f5f5f7;
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
}

.chance-tabs-tab a {
  color: #0e0e0e;
  text-decoration: none;
}

.chance-tabs-tab.active {
  background-color: #fff;
  font-weight: 700;
  border-color: #0e0e0e;
}

.chance-tabs-tab.active a {
  color: #0e0e0e;
}

.chance-tabs-content {
  display: none;
}

.chance-tabs-content.chance-tab-active {
  display: block;
}

@media screen and (max-width: 767px) {
  .chance-tabs-content.chance-tab-active {
    display: none;
  }
}
.chance-wrapper {
  border: 1px solid #e1e1e3;
  border-radius: 8px;
  padding: 32px;
}

@media screen and (max-width: 1023px) {
  .chance-wrapper {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .chance-wrapper {
    padding: 8px;
    border: none;
    border-radius: 0;
  }
}
.chance-item {
  padding: 20px;
  border-bottom: 1px solid #e1e1e3;
}

.chance-item:last-child {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .chance-item:last-child {
    border-bottom: 1px solid #e1e1e3;
  }
}
@media screen and (max-width: 1023px) {
  .chance-item {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .chance-item {
    padding: 8px;
    border: 1px solid #e1e1e3;
    border-radius: 8px;
    margin-bottom: 12px;
  }
}
.chance-item-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .chance-item-data {
    border-bottom: 0.5px solid #e1e1e3;
  }
}
.chance-item-data-order {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.chance-item-data-order-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}

@media screen and (max-width: 1023px) {
  .chance-item-data-order-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .chance-item-data-order-title {
    font-size: 14px;
  }
}
.chance-item-data-order-number {
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 1023px) {
  .chance-item-data-order-number {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .chance-item-data-order-number {
    font-size: 12px;
    color: #7d7d7d;
  }
}
.chance-item-cost {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}

@media screen and (max-width: 1023px) {
  .chance-item-cost {
    font-size: 18px;
    line-height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .chance-item-cost {
    font-size: 14px;
    line-height: 16px;
  }
}
.chance-item-products {
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.chance-item-products-img {
  flex-basis: 80px;
  position: relative;
}

.chance-item-products-img:hover {
  color: #0e0e0e;
}

.chance-item-info {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  -moz-column-gap: 4px;
       column-gap: 4px;
  pointer-events: none;
}

.chance-item-info-protect, .chance-item-info-count {
  flex-basis: 24px;
  background-color: #f5f5f7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  padding: 4px;
}

.chance-item-info-protect.item-one, .chance-item-info-count.item-one {
  display: none;
}

.chance-count {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.chance-count-info {
  display: inline-flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.chance-count-info-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #0e0e0e;
}

.chance-count-info-num {
  width: 16;
  height: 16;
  border-radius: 50%;
  padding-right: 6px;
  padding-left: 6px;
  border: 1px solid #0e0e0e;
}

.chance-count-data {
  font-size: 14px;
  line-height: 13px;
  letter-spacing: 0.07px;
  color: #7d7d7d;
}

.wysiwyg {
  margin-bottom: 20px;
  transition: max-height 0.3s ease-out;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .wysiwyg {
    font-size: 14px;
  }
}
.wysiwyg p,
.wysiwyg img {
  margin-bottom: 1rem;
}

.wysiwyg img {
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .wysiwyg img {
    border-radius: 10px;
  }
}
.wysiwyg.collapsed {
  max-height: 600px;
  overflow: hidden;
  position: relative;
}

.wysiwyg.collapsed::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(transparent, white);
}

.more-container {
  text-align: center;
  margin-bottom: 12px;
  display: none;
}

.more-container .more-link {
  font-size: 16px;
  color: #2a65c5;
}

.results .container,
.prizeList .container,
.splitList .container {
  max-width: 1580px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.prizeList .catalog-body__label {
  background-color: #0e0e0e;
  color: #fff;
  display: block;
}

.prizeList-wrapper {
  margin-top: 42px;
  margin-bottom: 42px;
}

.masonry > div {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.masonry-inner {
  position: relative;
  padding: 20px;
  display: block;
  flex-grow: 1;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 479px) {
  .masonry-inner {
    padding: 11px;
  }
}
.masonry .masonry-inner:hover {
  box-shadow: 0 8px 10px 0 rgba(195, 195, 195, 0.2), 0 -11px 30px 0 rgba(195, 195, 195, 0.12), 0 16px 24px 0 rgba(195, 195, 195, 0.14);
}

.masonry .catalog-body__img {
  position: static;
}

.results-wrapper {
  margin-top: 42px;
  margin-bottom: 42px;
  max-width: 760px;
}

.results-header {
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 24px;
  color: #0e0e0e;
}

@media screen and (max-width: 767px) {
  .results-header {
    text-align: center;
    font-size: 20;
    font-weight: 600;
  }
}
.results-list {
  margin-bottom: 42px;
}

.results-list-item {
  display: grid;
  grid-template-columns: 1fr minmax(100px, max-content);
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 20px;
}

.results-list-item-header {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .results-list-item-header {
    font-size: 14px;
  }
}
.results-list-item-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .results-list-item-name {
    font-size: 14px;
  }
}
.results-list-item-winner {
  text-align: right;
}

.results .media-wrapper {
  margin-bottom: 42px;
}

.media-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

@media screen and (max-width: 767px) {
  .media-wrapper {
    border-radius: 8px;
    overflow: hidden;
  }
}
.media-wrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .faq {
    display: none;
  }
}
.faq-item {
  border-bottom: 1px solid #e1e1e3;
  margin-bottom: 16px;
}

.faq-item:last-child {
  border-bottom: none;
}

.faq-item-header {
  position: relative;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.32px;
  padding-right: 2rem;
  margin-bottom: 18px;
  cursor: pointer;
}

.faq-item-header::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  font-weight: 300;
  background-image: url(/local/templates/cmstore/img/prizeDraw/chevron.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease-in-out;
}

.faq-item-header.active::after {
  content: "";
  transform: rotate(180deg);
  transform-origin: center;
}

.faq-item-main {
  font-size: 15px;
  font-weight: 400;
}
/*# sourceMappingURL=style.css.map */