: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;
    -webkit-animation: 2s linear infinite f-spinner-rotate;
    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);
    -webkit-animation: 2s ease-in-out infinite f-spinner-dash;
    animation: 2s ease-in-out infinite f-spinner-dash;
}

@-webkit-keyframes f-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes f-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-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;
    }
}

@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 {
    -webkit-animation: 0.2s ease-out 0.1s both f-zoomInUp;
    animation: 0.2s ease-out 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
    -webkit-animation: 0.2s ease-out both f-zoomOutDown;
    animation: 0.2s ease-out both f-zoomOutDown;
}

@-webkit-keyframes f-zoomInUp {
    from {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-zoomInUp {
    from {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

@keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

.f-throwOutUp {
    -webkit-animation: 175ms ease-out both f-throwOutUp;
    animation: 175ms ease-out both f-throwOutUp;
}

.f-throwOutDown {
    -webkit-animation: 175ms ease-out both f-throwOutDown;
    animation: 175ms ease-out both f-throwOutDown;
}

@-webkit-keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0);
        opacity: 0;
    }
}

@keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0);
        opacity: 0;
    }
}

@-webkit-keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0);
        opacity: 0;
    }
}

@keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0);
        opacity: 0;
    }
}

.f-fadeIn {
    z-index: 2;
    -webkit-animation: 0.2s both f-fadeIn-mob;
    animation: 0.2s both f-fadeIn-mob;
}

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

button,
a,
img {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
    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;
}

@-webkit-keyframes f-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes f-fadeIn-mob {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes f-fadeIn-mob {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes f-fadeOut {
    100% {
        opacity: 0;
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes f-fadeOut-mob {
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes f-fadeOut-mob {
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.f-fadeSlowIn {
    -webkit-animation: 0.5s both f-fadeSlowIn;
    animation: 0.5s both f-fadeSlowIn;
    z-index: 2;
}

.f-fadeSlowOut {
    -webkit-animation: 0.5s both f-fadeSlowOut;
    animation: 0.5s both f-fadeSlowOut;
    z-index: 1;
}

@-webkit-keyframes f-fadeSlowIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes f-fadeSlowOut {
    100% {
        opacity: 0;
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0;
    }
}

.f-fadeFastIn {
    -webkit-animation: 0.2s ease-out both f-fadeFastIn;
    animation: 0.2s ease-out both f-fadeFastIn;
    z-index: 2;
}

.f-fadeFastOut {
    -webkit-animation: 0.2s ease-out both f-fadeFastOut;
    animation: 0.2s ease-out both f-fadeFastOut;
    z-index: 2;
}

@-webkit-keyframes f-fadeFastIn {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-fadeFastIn {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes f-fadeFastOut {
    100% {
        opacity: 0;
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0;
    }
}

.f-crossfadeIn {
    -webkit-animation: 0.2s ease-out both f-crossfadeIn;
    animation: 0.2s ease-out both f-crossfadeIn;
    z-index: 2;
}

.f-crossfadeOut {
    -webkit-animation: 0.1s linear 0.1s both f-crossfadeOut;
    animation: 0.1s linear 0.1s both f-crossfadeOut;
    z-index: 1;
}

@-webkit-keyframes f-crossfadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes f-crossfadeOut {
    100% {
        opacity: 0;
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0;
    }
}

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

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

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

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

@-webkit-keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes f-slideOutNext {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes f-slideOutNext {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes f-slideOutPrev {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes f-slideOutPrev {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

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

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

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

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

@-webkit-keyframes f-classicInNext {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-classicInNext {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes f-classicInPrev {
    0% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-classicInPrev {
    0% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes f-classicOutNext {
    100% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0;
    }
}

@keyframes f-classicOutNext {
    100% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0;
    }
}

@-webkit-keyframes f-classicOutPrev {
    100% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0;
    }
}

@keyframes f-classicOutPrev {
    100% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0;
    }
}

.f-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: content-box;
    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);
    -webkit-box-shadow: var(--f-button-shadow);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    -webkit-transition: var(--f-button-transition);
    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;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    -webkit-transform: var(--f-button-transform);
    transform: var(--f-button-transform);
    -webkit-filter: var(--f-button-svg-filter);
    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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateX(-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 {
    -webkit-transform: rotate(90deg);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
    z-index: 1050;
    outline: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain;
    --fancybox-bg: rgba(17, 24, 28, 0.8);
}

.fancybox__container *,
.fancybox__container ::after,
.fancybox__container ::before {
    -webkit-box-sizing: inherit;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip;
}

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

.fancybox__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    height: 100%;
}

.fancybox__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    -webkit-transform: translate3d(0, 0, 0);
    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: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0;
    margin: auto;
}

.fancybox__content {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    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: -webkit-grab;
    cursor: grab;
}

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

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

.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    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;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.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 {
    -webkit-filter: blur(0);
    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;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0 4px 11px 0 rgba(22, 51, 85, 0.4);
    box-shadow: 0 4px 11px 0 rgba(22, 51, 85, 0.4);
    border-radius: 5px;
}

.fancybox__caption {
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 100%;
    -ms-flex-negative: 0;
    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);
    -webkit-transition: 0.25s;
    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 {
    -webkit-animation: 0.15s ease-out both f-fadeOut;
    animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    -webkit-animation: 0.15s ease-out both f-fadeOut;
    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;
    -ms-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;
    -ms-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) {
    -webkit-animation: 0.25s 0.1s backwards f-fadeIn;
    animation: 0.25s 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop {
    -webkit-animation: 0.35s backwards f-fadeIn;
    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) {
    -webkit-animation: 0.15s forwards f-fadeOut;
    animation: 0.15s forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden="true"] .fancybox__backdrop {
    -webkit-animation: 0.35s forwards f-fadeOut;
    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%;
    -ms-flex-negative: 1;
    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;
    -webkit-clip-path: inset(50%) !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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#ebeff2),
        to(#e2e8f0)
    );
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    will-change: transform;
}

.f-thumbs__slide {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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: -webkit-max-content;
    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)
    );
    -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    -webkit-transition: none;
    transition: none;
    pointer-events: none;
}

.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
    -webkit-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));
    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 > * {
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
}

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

.is-modern.is-resting .f-thumbs__slide,
.is-modern.is-resting .f-thumbs__slide > * {
    -webkit-transition: 0.33s;
    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;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    -webkit-transition: opacity 0.2s;
    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);
    -webkit-animation: 0.2s ease-out f-fadeIn;
    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);
    -webkit-box-sizing: border-box;
    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 {
    -ms-flex-wrap: wrap;
    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);
    -webkit-transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 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: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 0.1)),
        to(rgba(255, 255, 255, 0.05))
    );
    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: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 0.1)),
        to(rgba(255, 255, 255, 0.05))
    );
    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 {
    -webkit-transition: none !important;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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;
    -webkit-animation: 0.15s ease-out both f-fadeOut;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    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;
    -ms-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: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

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

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

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

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

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

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

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    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;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    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 {
    -webkit-transform: translate3d(0, 0, 0);
    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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    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 {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -ms-scroll-snap-type: none;
    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: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    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 {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    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 {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    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: -webkit-gradient(
        linear,
        right top,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    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: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    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: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    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: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    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;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    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 {
    -webkit-animation: 1s linear infinite swiper-preloader-spin;
    animation: 1s linear infinite swiper-preloader-spin;
}

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

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    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: 8;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    @include mix.bdown(hg) {
        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;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    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;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    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 {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    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;
    -webkit-box-shadow: none;
    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%;
    -webkit-transform: translate3d(0, -50%, 0);
    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%;
    -webkit-transform: translateY(-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;
    -webkit-transition: top 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, top 0.2s, -webkit-transform 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%;
    -webkit-transform: translateX(-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 {
    -webkit-transition: left 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}

.swiper-horizontal.swiper-rtl
    > .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    -webkit-transition: right 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, right 0.2s, -webkit-transform 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%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    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;
    -ms-touch-action: none;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: 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;
    -ms-touch-action: none;
    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 {
    -webkit-transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    margin: 0 auto;
    height: inherit;
}

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

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    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;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

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

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    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;
    -webkit-filter: blur(50px);
    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;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    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;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

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

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

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

html {
    font-family: sans-serif;
    // min-height: 100%;
    // height: 100%;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    // min-height: 100%;
    min-height: calc(100vh - (var(--headH)));
}

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

footer,
main {
    position: relative;
}

.page {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

a {
    background-color: transparent;
    color: #0E0E0E;
    -webkit-transition: 0.3s ease-out;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex--j-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

.flex--j-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex--j-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex--j-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex--a-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex--a-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.flex--a-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flex--a-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex--wrap {
    -ms-flex-wrap: 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;
        @include mix.bdown(sm) {
            color: #0E0E0E;
        }
    }
}
a svg {
    -webkit-transition: ease-out;
    transition: ease-out;
}

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

.button:hover {
    background-color: #2c2c2c;
    color: #fff;
    @include mix.bdown(sm) {
        background-color: #0E0E0E;
    }
}

.button__border {
    background: 0 0;
    border: 2px solid #0E0E0E;
    color: #0E0E0E;
}

.button__border:hover {
    border-color: #3a3a3c;
    @include mix.bdown(sm) {
        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;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    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::-webkit-input-placeholder {
    opacity: 1;
    color: #999;
}

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

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

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

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

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

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

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

.input-text:focus::-ms-input-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;
    -webkit-transition: 0.3s;
    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;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    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::-webkit-input-placeholder {
    opacity: 1;
    color: #999;
}

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

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

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

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

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

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

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

.textarea-text:focus::-ms-input-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;
    -webkit-transition: 0.3s;
    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%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 330px;
    padding: 16px;
    border-radius: 8px;
    background: var(--WHITE, #fff);
    -webkit-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);
    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;
}

@include mix.bdown(xxs) {
    .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%;
    -webkit-transform: translateX(-21px);
    transform: translateX(-21px);
    border: 22px solid transparent;
    border-bottom-color: #fff;
}

.ballon .availability__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

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

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

.ballon .availability__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: auto;
    gap: 4px;
    flex: 1;
}

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

.availability-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    transition: border-color 0.3s, background-color 0.3s;
}

.availability__li:hover {
    background-color: #f5f5f7;
}

.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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

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

.availability__sum-dotted {
    display: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 32px;
}

.basket-complect__head-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    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__text {
    line-height: 20px;
    margin-bottom: 32px;
}

.basket-empty__bt-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    padding: 8px 20px;
    border-top: 1px solid #e1e1e3;
    background: #fff;
    z-index: 7;
}

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

.basket-menu__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.basket-menu__price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.basket-recommendation__bt {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    -webkit-transition: border 0.2s;
    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 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.basket-recommendation__ok {
    position: fixed;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    bottom: 20px;
    left: 20px;
    border-radius: 12px;
    background: #fff;
    -webkit-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);
    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;
    -webkit-transform: translateY(calc(100% + 20px));
    transform: translateY(calc(100% + 20px));
    opacity: 0;
    -webkit-transition: 0.3s, opacity 0.3s;
    transition: 0.3s, opacity 0.3s;
}

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

.basket-recommendation__ok_active {
    opacity: 1;
    -webkit-transform: translateY(0);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.basket__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 120px;
}

.basket__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    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_kit {
        border-bottom-color: transparent;
        // &:not(:nth-last-child(1)):nth-child(3n + 2) {
        //     border-bottom: 1px solid #e1e1e3;
        // }
        &:not(.basket__item_kit_base) {
            padding-left: 120px;
            @include mix.bdown(sm) {
                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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
}

.basket__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
}

.basket__name {
    font-weight: 600;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

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

.basket__recommendation-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    @include mix.bdown(sm) {
        background: none;
    }
}

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

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

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

.basket__recommendation-link._active svg {
    -webkit-transform: rotate(180deg);
    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;
    -webkit-transform: rotate(-90deg);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.basket__counter-bt {
    display: -webkit-box;
    display: -ms-flexbox;
    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%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translate(-50%, -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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.basket__box._clone {
    display: none;
}

.basket__desc {
    position: relative;
}

.basket__desc-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.basket__insurance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s,
        -webkit-transform 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;
    -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s,
        -webkit-transform 0.2s;
    z-index: 22;
    -webkit-transform: translateY(100%);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    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 {
    -webkit-transform: rotate(180deg);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

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

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

.basket__sidebar-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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%;
    -webkit-transform: translateY(-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::-webkit-input-placeholder {
    color: #7d7d7d;
}

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

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

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

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

.basket__promocode:focus::-webkit-input-placeholder {
    color: transparent;
}

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

.basket__promocode:focus:-ms-input-placeholder {
    color: transparent;
}

.basket__promocode:focus::-ms-input-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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding-bottom: 4px;
}

.breadcrumps span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
}

.breadcrumps a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-transition: background-color 0.3s;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 605px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: 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;
    -webkit-transition: border 0.2s, opacity 0.2s, visibility 0.2s;
    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;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

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

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

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

.card-sliders .slick-dots {
    display: none !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

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

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

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

.card-sliders__thumb .slick-arrow.slick-prev:hover {
    -webkit-transform: translateX(-50%) translateY(-5px) rotate(-90deg);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    width: 90px;
    border-radius: 8px;
}

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

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

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

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

.slick-arrow.slick-next {
    -webkit-transform: translateX(-50%) rotate(180deg);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 2;
}

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

.card__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

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

.card__control-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../img/icon/compare-item.svg) 50% 50%/24px 24px no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    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;
    -webkit-transition: opacity 0.3s;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 204px;
    background: #fff;
    border-radius: 12px;
    -webkit-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);
    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);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s,
        -webkit-transform 0.3s;
    overflow: hidden;
}

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

.card__control-select-link:hover {
    color: #0E0E0E;
    background: #eeeef0;
    @include mix.bdown(sm) {
        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 {
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 480px);
}

.card__tabs._mobile {
    display: none;
}

.cart-fixed {
    position: fixed;
    top: 105px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 12px 0;
    -webkit-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);
    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;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}

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

.cart-fixed__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cart-fixed__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 280px;
}

.cart-fixed__price-box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
}

.swiper-slide {
    .catalog-body__control-icon-box-wrapper {
        @include mix.bdown(nm) {
            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;

    @include mix.bdown(nm) {
        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;
    -webkit-transform: translateY(0);
    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;
    -webkit-transition: 0.3s;
    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;
    -webkit-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);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.cart-parameter__color-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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 {
    position: relative;
    top: 0px;
    right: 0px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #999;
}

.cart-parameter__info._active {
    color: #0E0E0E;
}

.cart-parameter__info 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 8px;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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 {
    height: 24px;
    width: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    top: -2px;
}

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

.cart-purchase__shop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    margin-bottom: 12px;
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

.cart-purchase__guarantee-link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #2a65c5;
}

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

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

.cart-purchase__tradein-link svg {
    width: 24px;
    height: 24px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-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-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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-transition: color 0.3s;
    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 {
    -webkit-transition: color 0.3s;
    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 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
}

.catalog-mini_complect .catalog-mini__ptice {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 16px;
    font-weight: 600;
}

.catalog-mini_complect .catalog-mini__ptice p + p {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.catalog-mini__controll {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 6px;
    top: 6px;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    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;
    &__list {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        margin: 17px -12px 0;
        width: calc(100% + 24px);
        border-top: 0.5px solid #e1e1e3;
    }
    &__item {
        position: relative;
        width: 50%;
        padding: 12px;
        border-bottom: 0.5px solid #e1e1e3;
        transition: box-shadow 0.3s;
        &:nth-child(2n + 1) {
            border-right: 0.5px solid #e1e1e3;
        }
    }
    &__img-sl {
        max-width: 100%;
        margin: 0 auto;
        margin-right: 20px;
        background: #fff;
        .overlay-block {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            z-index: 1;
            &-item {
                flex: 1;
                cursor: pointer;
            }
        }
        &-slide {
            position: relative;
            height: 0;
            padding-top: 100%;

            img {
                position: absolute;
                top: 50%;
                left: 50%;
                object-fit: contain;
                max-height: none;
                width: 100%;
                height: auto;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                min-width: 110px;
                max-width: calc(100% - 50px);
            }
        }
        &-wrapper {
            position: relative;
        }
        &-pagination {
            bottom: 0 !important;
            .swiper-pagination-bullet {
                width: 30px;
                height: 3px;
                border-radius: 2px;
                background: #e1e1e3;
                opacity: 1;
            }
            .swiper-pagination-bullet-active {
                background: #0E0E0E;
            }
        }
    }
    &__in-order {
        font-size: 14px;
        color: #0060d5;
        &.text-black {
            color: #000;
        }
        @include mix.bdown(nm) {
            font-size: 11px;
        }
    }
    &__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;
    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: calc(1.2em * 3);
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.catalog-body__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    @include mix.bdown(sm) {
        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;
    @include mix.bdown(sm) {
        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;
    @include mix.bdown(sm) {
        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);
    @include mix.bup(sm) {
        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;
    @include mix.bdown(nm) {
        display: none;
    }
    &__button {
        background: #f5f5f7;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        color: #7d7d7d;
        border-radius: 8px;
        & * {
            pointer-events: none;
        }
        &:hover {
            color: #0E0E0E;
        }
        &_active {
            background: #0E0E0E;
            color: #fff;
            pointer-events: none;
            &:hover {
                color: #fff;
            }
        }
    }
}

.catalog-filter {
    display: block;
    position: sticky;
    top: 144px;
    background: #fff;
    width: 258px;
    @include mix.bdown(lg) {
        width: 243px;
        top: 24px;
    }
    @include mix.bdown(nm) {
        position: fixed;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        z-index: 9;
    }

    .bx-sidebar-block {
        height: 100%;
    }
    .bx-filter {
        height: 100%;
        &-section {
            height: 100%;
            position: relative;
        }
        &-block {
            max-height: 0;
            overflow: hidden;
            @include mix.transition;
        }
    }
    .checkbox {
        margin-bottom: 6px;
        .bx-filter-param-text {
            display: inline-block;
            position: relative;
            padding: 6px 6px 6px 35px;
            font-size: 14px;

            b {
                font-weight: 400;
                color: #2a65c5;
            }
            &:before {
                content: "";
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 3px;
                width: 18px;
                height: 18px;
                border: 2px solid #d7d7d7;
                border-radius: 4px;
            }
            span:not(.text) {
                color: #999;
                font-size: 12px;
            }
        }
        .bx-filter-input-checkbox {
            overflow: hidden;
            input {
                position: absolute;
                top: -9999px;
                left: -9999px;
                opacity: 0;
                visibility: inherit;
                &:checked ~ .bx-filter-param-text:before {
                    background: url(../img/icon/checkbox.svg) 50% 50% / contain
                        no-repeat;
                    border-color: #0E0E0E;
                    background-size: cover;
                }
                &:disabled ~ .bx-filter-param-text {
                    color: #999;
                    pointer-events: none;
                }
            }
        }
        &.checkbox-switcher {
            .bx-filter-param-text {
                padding: 9px 60px 9px 0;
                display: flex;
                font-size: 16px;
                align-items: center;
                &:before {
                    display: none !important;
                }
                &:after {
                    content: "";
                    position: absolute;
                    right: 15px;
                    width: 19px;
                    height: 19px;
                    -webkit-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.06),
                        0 3px 8px 0 rgba(0, 0, 0, 0.15);
                    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%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    border-radius: 50%;
                    transition: right 0.7s;
                    @include mix.bdown(nm) {
                        width: 27px;
                        height: 27px;
                        right: 21px;
                    }
                }
                &:hover .checkbox-switcher__bg {
                    color: #999;
                }
                span {
                    font-size: 12px;
                    color: #999;
                    margin-left: 4px;
                    margin-top: 2px;
                }
                .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;
                    @include mix.bdown(nm) {
                        width: 51px;
                        height: 31px;
                    }
                }
            }
            input:checked ~ .bx-filter-param-text .checkbox-switcher__bg {
                color: #0E0E0E;
            }
            input:checked ~ .bx-filter-param-text:after {
                right: 1px;
            }
        }
        &:not(.checkbox-switcher) {
            border-radius: 6px;
        }
        .text {
            transition: color 0.3s;
            &::first-letter {
                text-transform: none !important;
            }
        }
        &:hover {
            .text {
                color: #7d7d7d;
            }
            &:not(.checkbox-switcher) {
                color: #0E0E0E;
                background: #eeeef0;
                .text {
                    color: #0E0E0E;
                }

                @include mix.bdown(sm) {
                    background: none;
                }
            }
        }
    }

    .col-xs-12 {
        width: 100%;
    }

    .smartfilter {
        max-height: calc(var(--vh, 1vh) * 100);
        display: flex;
        flex-direction: column;
        height: 100%;

        &__title {
            position: relative;
            padding: 17px 20px;
            font-size: 19px;
            font-weight: 700;
            border-bottom: 0.5px solid #e1e1e3;
        }

        &__close {
            position: absolute;
            top: 20px;
            right: 23px;
            height: 24px;
            width: 24px;
            & * {
                pointer-events: none;
            }
        }
        &-filterRow {
            display: flow;
            flex-direction: column;
            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;
            @include mix.transition;
            &::-webkit-scrollbar {
                width: 4px;
            }
            &::-webkit-scrollbar-track {
                background: 0 0;
            }
            &:-webkit-scrollbar-thumb {
                background-color: transparent;
                border-radius: 27px;
            }
            &:hover {
                scrollbar-color: #c3c3c3 transparent;
                &::-webkit-scrollbar-thumb {
                    background-color: #c3c3c3;
                }
            }

            @include mix.bdown(nm) {
                max-height: none;
                padding: 20px;
                padding-bottom: 0;
                margin-bottom: 0;
                > div {
                    width: 100%;
                }
            }
        }
        &-buttonRow {
            margin-top: auto;
            margin-bottom: 160px;
            width: 246px;

            @include mix.bdown(nm) {
                position: relative;
                border-top: 1px solid #e1e1e3;
                height: fit-content;
                padding: 12px 20px;
                margin-bottom: 0;
                width: 100%;
                > div {
                    width: 100%;
                }
            }
            @include mix.bdown(xs) {
                padding: 12px;
            }

            .bx-filter-parameters-box-container {
                gap: 8px;
                padding-right: 0;
                @include mix.bdown(nm) {
                    row-gap: 0;
                }
            }
        }
    }

    .bx-filter-parameters-box {
        padding-bottom: 22px;
        overflow: hidden;
        transition: padding-top 0.3s;
        &-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;
            &::-webkit-scrollbar {
                width: 4px;
            }
            &::-webkit-scrollbar-track {
                background: 0 0;
            }
            &::-webkit-scrollbar-thumb {
                background-color: #c3c3c3;
                border-radius: 27px;
            }
            .catalog-chips {
                @include mix.bdown(nm) {
                    margin: 0 0 12px 0;
                    scrollbar-color: transparent transparent;
                    scrollbar-width: 0;
                }
            }
        }
        &-title {
            position: relative;
            margin-bottom: 16px;
            font-weight: 700;
            padding-right: 45px;
            cursor: pointer;
            -webkit-transition: color 0.3s;
            transition: color 0.3s;
            & * {
                pointer-events: none;
            }
            svg {
                position: absolute;
                width: 24px;
                height: 24px;
                right: 0;
                top: 50%;
                transform: translateY(-50%) rotate(180deg);
                transition: transform 0.3s;
            }
            @include mix.bdown(nm) {
                margin-bottom: 12px;
            }
        }
        &-hint {
            position: relative;
        }
        &._active {
            .bx-filter-parameters-box-hint:after {
                content: "";
                position: absolute;
                width: 6px;
                height: 6px;
                background: #2a65c5;
                right: -14px;
                bottom: 6px;
                border-radius: 50%;
            }
        }
        &.bx-active {
            .bx-filter-parameters-box-title {
                svg {
                    transform: translateY(-50%);
                }
            }
            .bx-filter-block {
                max-height: 1000px;
                @include mix.transition;
            }
        }
    }

    .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;
        &:hover {
            border-color: #3a3a3c;
            background-color: #3a3a3c;
            color: #fff;
        }
        &:disabled {
            background-color: #999;
            border-color: #999;
            pointer-events: none;
        }
        @include mix.bdown(nm) {
            display: none;
        }
    }

    .filter-button {
        cursor: pointer;
        order: 2;
        height: 38px !important;
    }

    .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;
    &__input {
        position: absolute;
        top: -9999px;
        left: -9999px;
        opacity: 0;
        visibility: hidden;
        &: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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
    padding: 4px 4px 4px 32px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    min-height: 20px;
}

.checkbox__text:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 3px;
    width: 20px;
    height: 20px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    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 {
    -webkit-transform: rotate(180deg) translateY(-2px);
    transform: rotate(180deg) translateY(-2px);
}

.filter-open {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0E0E0E;
    gap: 4px;
    font-size: 14px;
}

.filter-open svg {
    width: 24px;
    height: 24px;
}

.filter-open__counter {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: 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 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
    padding: 0;
}

.catalog-pagin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.catalog-pagin__button {
    margin: 32px 0;
    width: 100%;
}

.catalog-pagin__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 42px;
}

.catalog-pagin__arrow svg {
    width: 24px;
    height: 24px;
}

.catalog-pagin__arrow_prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.catalog-pagin__arrow_disabled {
    pointer-events: none;
    color: #d7d7d7;
}

.catalog-pagin__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px;
}

.catalog__box {
    width: 100%;
}

.categories-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.city-search__input-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    right: 36px;
    -webkit-transition: 0.3s;
    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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 36px;
    color: #999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.city-search__clear:hover {
    color: #0E0E0E;
}

.city-search__clear svg {
    pointer-events: none;
}

.city-search__input {
    -webkit-transition: 0.3s;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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;
    @include mix.bdown(sm) {
        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;
    &-app-wrapper {
        display: flex;
        column-gap: 12px;
    }
}

.footer__sn-title {
    color: #fff;
    margin-bottom: 6px;
}

.footer__sn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.footer__sn-link-color,
.footer__sn-link-hover {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    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;
    -webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s,
        opacity 0.3s;
    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;
    -webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}

.footer__callback-input::-webkit-input-placeholder {
    color: #7d7d7d;
    opacity: 1;
}

.footer__callback-input::-moz-placeholder {
    color: #7d7d7d;
    opacity: 1;
}

.footer__callback-input:-ms-input-placeholder {
    color: #7d7d7d;
    opacity: 1;
}

.footer__callback-input::-ms-input-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::-webkit-input-placeholder {
    opacity: 0;
}

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

.footer__callback-input:focus:-ms-input-placeholder {
    opacity: 0;
}

.footer__callback-input:focus::-ms-input-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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px;
    gap: 20px;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 12px;
    -webkit-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);
    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;
    -webkit-transform: translateY(calc(100% + 20px));
    transform: translateY(calc(100% + 20px));
    opacity: 0;
    -webkit-transition: 0.3s, opacity 0.3s;
    transition: 0.3s, opacity 0.3s;
}

.footer__callback-send_active {
    opacity: 1;
    -webkit-transform: translateY(0);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: 14px;
}

.header-city__link * {
    pointer-events: none;
}

.header-city._active .header-city__question {
    opacity: 1;
    visibility: visible;
}

.header-city__question {
    position: absolute;
    width: 348px;
    top: calc(100% + 26px);
    left: 0;
    padding: 24px;
    border-radius: 12px;
    background: #fff;
    -webkit-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);
    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;
    opacity: 0;
    visibility: hidden;
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-item {
    display: grid;
    grid-template-columns: 72px 304px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    gap: 16px;
    color: #0E0E0E;
    min-height: 72px;
}

.header-item__sum {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #7d7d7d;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    -webkit-transition: top 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s, transform 0.3s, -webkit-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;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.header-item__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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,
        -webkit-transform 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;
    @include mix.bdown(sm) {
        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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 8px;
    border: 2px solid #5b5b6a;
    height: 48px;
    padding: 0 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.header-small__tel:hover {
    color: #d7d7d7;
}

.header {
    background: #fff;
}

.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.header__hhead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0E0E0E;
    padding: 6px 0;
    color: #fff;
}

.header__hhead-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.header__shop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
}

.header__hhead-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__hhead-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    gap: 11px;
    color: #fff;
}

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

.header__buyers-link svg {
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.header__buyers-link:hover {
    color: #d7d7d7;
}

.header__buyers-link_active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header__buyers-link_active ~ .header__buyers-select {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
}

.header__buyers-select {
    position: absolute;
    top: 100%;
    left: -32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    z-index: 1;
    border-radius: 12px;
    background: #fff;
    -webkit-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);
    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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s,
        -webkit-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;
    @include mix.bdown(sm) {
        background: none;
    }
}

.header__bhead {
    position: relative;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e3;
}

.header__bhead-left {
    width: calc(100% - 442px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 31px;
}

.header__bhead-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

.header__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
}

.header__logo svg {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.header__logo:hover {
    color: #3a3a3c;
}

.header__search {
    -ms-flex-preferred-size: 1000px;
    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%;
    -webkit-transform: translateY(-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;
    @include mix.bdown(sm) {
        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;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999;
    cursor: pointer;
}

.header__search-button:hover {
    color: #0E0E0E;
}

.header__bhead-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 402px;
}

.header__controll {
    position: relative;
}

.header__controll:hover .header__controll-hide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}

.header__controll-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    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;
    -webkit-transition: opacity 0.3s;
    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;
    -webkit-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);
    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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding: 10px 8px 0 0;
    -webkit-transition: opacity 0.2s 0.3s, visibility 0.2s 0.3s,
        -webkit-transform 0.2s 0.3s;
    transition: opacity 0.2s 0.3s, visibility 0.2s 0.3s, transform 0.2s 0.3s,
        -webkit-transform 0.2s 0.3s;
}

.header__controll-hide_active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(9px);
    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 {
    -webkit-animation: 0.6s ease-in-out updCountBounce;
    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;
}

@-webkit-keyframes updCountBounce {
    0%,
    100% {
        -webkit-transform: scale(100%) translate(0, 0);
        transform: scale(100%) translate(0, 0);
    }
    30% {
        -webkit-transform: scale(90%) translate(2px, -5px);
        transform: scale(90%) translate(2px, -5px);
    }
}

@keyframes updCountBounce {
    0%,
    100% {
        -webkit-transform: scale(100%) translate(0, 0);
        transform: scale(100%) translate(0, 0);
    }
    30% {
        -webkit-transform: scale(90%) translate(2px, -5px);
        transform: scale(90%) translate(2px, -5px);
    }
}

.insurance-advantage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 12px;
    border: 1px solid #e1e1e3;
    background: #fff;
    gap: 20px;
    -ms-flex-wrap: wrap;
    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: -webkit-box;
    display: -ms-flexbox;
    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;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.insurance-foot__select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 216px;
    min-width: 216px;
    padding: 10px;
    border-radius: 8px;
    background: #f5f5f7;
    border: 2px solid #f5f5f7;
    gap: 20px;
    -webkit-transform: border-color 0.2s ease;
    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;
    -webkit-transition: padding 0.3s;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.insurance-offers__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 20px;
    border-radius: 12px;
    border: 1px solid #e1e1e3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 12px;
}

.insurance-offers__li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 10px;
    width: 100%;
}

.menu-catalog__label {
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    padding: 1px 5px 2px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    font-weight: 300;
    margin-left: 8px;
}

.menu-catalog__link {
    font-size: 14px;
    color: #0E0E0E;
    font-weight: 300;
    @include mix.bdown(sm) {
        &:hover {
            color: #0E0E0E;
        }
    }
    &-name {
        display: none;
        @include mix.bdown(sm) {
            // &:hover {
            //     color: #0E0E0E;
            // }
        }
    }
    &_title {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 4px;
    }
    &_sub-title {
        font-weight: 600;
    }
    &_all {
        display: none;
    }
    &-show {
        display: inline-flex;
        align-items: center;
        gap: 2px;
        font-size: 12px;
        color: #2a65c5;
        font-weight: 500;
        margin: -6px 0 -4px;
        svg {
            transition: transform 0.3s;
        }
        &:hover {
            color: #0c47a7;
        }
    }
    span {
        pointer-events: none;
    }
}

.menu-catalog__link-show._active svg {
    -webkit-transform: rotate(180deg);
    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;

    &__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;
        span {
            pointer-events: none;
        }
        &:hover {
            @include mix.bdown(sm) {
                color: #0E0E0E;
            }
        }
    }

    &__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);
    -webkit-transition: padding-bottom 0.3s;
    transition: padding-bottom 0.3s;
}

.menu-footer__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu-footer__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 75px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    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%;
    // height: calc(
    //     var(--vh, 1vh) * 103 - var(--headH) - var(--safe-area-inset-bottom, 0px)
    // );
    // 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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-height: 100%;
}

.menu-open {
    overflow: hidden;
    body {
        position: fixed;
        top: 0;
        width: 100%;
    }
}

.modal {
    display: none;
    max-width: 862px;
    width: 100%;
    padding: 27px 20px;
    border-radius: 12px;
    color: #0E0E0E;
}

.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;
}

@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;
    -webkit-transition: 0.3s;
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 8px 0;
    color: #2a65c5;
    line-height: 20px;
}

.modal__link:hover {
    color: #0c47a7;
}

.modal__link-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-transition: color 0.3s;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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;
    &-title {
        font-size: 32px;
        font-weight: 700;
        padding-right: 40px;
        @include mix.bdown(nm) {
            font-size: 24px;
            font-weight: 600;
            line-height: 28px;
            padding: 40px 40px 20px 20px;
            border-bottom: 1px solid #e1e1e3;
        }
        @include mix.bdown(sm) {
            font-size: 20px;
            padding: 20px 40px 20px 20px;
            line-height: 24px;
        }
    }

    &-text-box {
        padding: 20px;
        border-radius: 8px;
        border: 0.5px solid #e1e1e3;
        background: #f5f5f7;
        margin-bottom: 32px;
        @include mix.bdown(nm) {
            margin-bottom: 20px;
        }

        @include mix.bdown(sm) {
            padding: 12px;
        }
    }

    &-text {
        font-size: 14px;
        line-height: 16px;
        color: #7d7d7d;
    }
    &-text-title {
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 4px;
        @include mix.bdown(sm) {
            font-size: 14px;
        }
    }

    &-foot {
        padding: 0;
        @include mix.bdown(nm) {
            padding: 20px;
        }

        @include mix.bdown(sm) {
            padding: 24px 12px;
        }
    }

    &-bt-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    &-sum {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
        margin-bottom: 32px;
        @include mix.bdown(nm) {
            margin-bottom: 40px;
        }
        @include mix.bdown(sm) {
            margin-bottom: 20px;
        }
        dt {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
        }
        dd {
            font-size: 24px;
            font-weight: 600;
            line-height: 28px;
        }
    }

    &-bt {
        &::before {
            content: attr(data-mob);
        }
    }

    &-body {
        overflow: auto;
        max-height: 400px;
        padding: 16px 16px 32px;
        scrollbar-width: thin;
        scrollbar-color: #c3c3c3 transparent;
        @include mix.bdown(nm) {
            padding: 20px;
        }
        @include mix.bdown(sm) {
            padding: 20px 12px;
            height: 354px;
        }
    }

    &-items {
        display: flex;
        flex-flow: column;
        gap: 12px;

        @include mix.bdown(sm) {
            gap: 8px;
        }
    }

    &-item {
        display: grid;
        align-items: center;
        gap: 20px;
        @include mix.bdown(sm) {
            gap: 12px 20px;
            grid-template-columns: 80px 1fr;
            grid-template-areas: "a b" "a c";
        }
        &-name {
            @include mix.bdown(sm) {
                grid-area: b;
                line-height: 19px;
                height: 38px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
        }
        &-price-box {
            text-align: right;
            @include mix.bdown(sm) {
                grid-area: c;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
        }
        &-price {
            font-weight: 600;
            line-height: 20px;
            white-space: nowrap;
            margin-bottom: 8px;
        }
        &-sum {
            display: inline-flex;
            color: #7d7d7d;
            line-height: 20px;
            gap: 8px;
        }

        &-img {
            @include mix.bdown(sm) {
                grid-area: a;
            }
        }
    }
    @include mix.bdown(nm) {
        .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 {
    -ms-flex-wrap: nowrap;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    -webkit-transition: border 0.2s;
    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 {
    -webkit-transform: rotate(180deg);
    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-slider__content {
        padding-left: 10px;
        padding-right: 10px;

        @include mix.bdown(sm) {
            padding-left: 0;
            padding-right: 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;
    -webkit-box-shadow: 0 0 0 0 var(--thumb-color);
    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 ease;
    transition: background-color 0.15s;
}

price-range input[type="range"]::-ms-thumb:hover {
    background: #3a3a3c;
}

.price-range-input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.receipts {
    display: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.reviews__sort {
    display: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.reviews__name {
    color: #0E0E0E;
    font-size: 20px;
    font-weight: 800;
}

.reviews__info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.reviews__date {
    color: #7d7d7d;
    font-size: 14px;
}

.reviews__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
}

.reviews__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 16px;
    margin-bottom: 20px;
}

.reviews__text b {
    font-weight: 700;
}

.reviews__grade {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.reviews__grade i {
    width: 1px;
    height: 16px;
    background: #e1e1e3;
}

.reviews__grade-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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 {
    -webkit-transform: rotate(180deg);
    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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
}

.reviews__result-head-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    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%;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    background: #0E0E0E;
    border-radius: 30px;
}

.reviews__result-sort span {
    display: inline-block;
    width: 44px;
}

.reviews__result-sort-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.search-result-output__category-link {
    border-radius: 6px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    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;
    @include mix.bup(sm) {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    @include mix.bdown(sm) {
        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;
    @include mix.bdown(sm) {
        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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    &:not(:last-child) {
        margin-bottom: 4px;
    }
    &:hover {
        color: #0E0E0E;
        background: #eeeef0;
        @include mix.bdown(sm) {
            background: none;
        }
        .search-result__link-remove {
            opacity: 1;
        }
    }
    span {
        color: #2a65c5;
    }
    img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2px;
    }
    svg {
        width: 12px;
        height: 24px;
    }
}

.search-result__link-remove {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    svg {
        pointer-events: none;
        width: 100%;
        height: 100%;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
        color: #999;
    }
    &: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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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;
    -webkit-transition: border-color 0.3s;
    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;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.select-box-js__current_active {
    border-radius: 8px 8px 0 0;
}

.select-box-js__current_active:after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.select-box-js__current_active + .select-box__list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.select-box__list {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    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;
    -webkit-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);
    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;
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    -webkit-transition: opacity 0.2s, visibility 0.2s, padding-bottom 0.3s,
        -webkit-transform 0.2s;
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s,
        padding-bottom 0.3s, -webkit-transform 0.2s;
    padding-bottom: var(--safe-area-inset-bottom, 0);
}

.select-box__li {
    padding: 15px 20px;
    cursor: pointer;
    font-size: 14px;
    color: #999;
    -webkit-transition: color 0.3s;
    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;
    -webkit-transition: color 0.3s, border-color 0.3s;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #7d7d7d;
    font-size: 14px;
}

.tabs__container dl dt span {
    position: relative;
    display: inline-block;
    background: #fff;
    z-index: 1;
}

.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__info {
    top: auto;
    bottom: 0;
    position: absolute;
    right: -21px;
    width: 19px;
    height: 19px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 0;
}

.tooltip {
    position: absolute;
    font-size: 14px;
    left: var(--left);
    background: #fff;
    color: #0E0E0E;
    font-style: normal;
    padding: 16px;
    line-height: normal;
    border-radius: 8px;
    -webkit-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;
    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;
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s,
        -webkit-transform 0.3s;
    width: 286px;
    z-index: 9;
}

.tooltip:before {
    content: "";
    position: absolute;
    top: -35px;
    left: calc(50% - 21px);
    border: 21px solid transparent;
    border-bottom-color: #fff;
    z-index: 2;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}

.tooltip__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 11px;
}

.tooltip__close {
    position: absolute;
    top: 24px;
    right: 20px;
}

.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);
}

.viewed {
    margin-bottom: 120px;
}

.viewed__slider {
    padding: 25px;
    margin: -25px;
}

.viewed__slider-slide {
    width: 370px;
}

.viewed__slider-arrow {
    display: none;
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #e1e1e3;
    color: #0E0E0E;
    background: #fff;
    -webkit-transition: border 0.2s;
    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 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.viewed .catalog-mini__item {
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-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 {
        -webkit-animation: 0.2s both f-fadeIn;
        animation: 0.2s both f-fadeIn;
    }

    .f-fadeOut {
        -webkit-animation: 0.2s both 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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .breadcrumps {
        font-size: 14px;
    }

    .card {
        margin-bottom: 78px;
    }

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

    .card__control {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .catalog-body_list .catalog-body__sales {
        padding-top: 19px;
    }

    .catalog-body_list .catalog-body__control {
        -ms-flex-wrap: wrap;
        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;
        @include mix.bdown(md) {
            max-width: 100%;
            padding: 40px 20px calc(var(--safe-area-inset-bottom, 0) + 40px);
        }
        @include mix.bdown(sm) {
            padding: 20px 12px calc(var(--safe-area-inset-bottom, 0) + 20px);
        }
    }

    .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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .receipts {
        gap: 16px;
    }

    .search-result__link-remove {
        opacity: 0;
    }

    .viewed__slider-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1023px) {
    .viewed .catalog-mini__item:hover {
        -webkit-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);
        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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        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;
        max-height: 100%;
        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 {
        height: 100%;
        max-height: none;
    }

    .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 {
        -ms-flex-wrap: wrap;
        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;
    }

    .tooltip__bg {
        display: none !important;
    }
}

@media (min-width: 1440px) {
    :root {
        --headH: 117px;
    }

    .breadcrumps {
        margin-top: 20px;
    }

    .card-sliders__thumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        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;
        // padding: 16px 23px;
        // margin: -16px -23px;
    }

    .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 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        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;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .header-phone-menu._active .header-phone-menu__list {
        -webkit-transform: translate(0, 19px);
        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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        position: sticky;
        top: 120px;
        width: calc(100% - 448px);
    }

    .card-sliders__main-box {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        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 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        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;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        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: -webkit-box;
        display: -ms-flexbox;
        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__label-box {
        // width: calc(80% + 15px);
    }

    .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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        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: 1024px) {
    .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 {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .availability-tabs {
        height: calc(100% - 64px);
    }

    .availability-tabs__links {
        display: -webkit-box;
        display: -ms-flexbox;
        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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 12px;
    }

    .availability__sum {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 70px;
    }

    .availability__button-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .banner {
        display: none;
    }

    .basket-recommendation__ok {
        font-size: 16px;
        gap: 10px;
        bottom: 69px;
        -webkit-transform: translateY(calc(100% + 69px));
        transform: translateY(calc(100% + 69px));
        padding: 16px;
    }

    .basket-recommendation__ok_active {
        -webkit-transform: translateY(0);
        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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .card-sliders__main .slick-arrow {
        display: none;
    }

    .card-sliders .slick-dots {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        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;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(100%);
        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;
        -webkit-box-shadow: none;
        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%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .cart-fixed .cart-fixed__buy-button {
        display: -webkit-box;
        display: -ms-flexbox;
        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;
        -webkit-transform: translateY(100%);
        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;
        -webkit-box-align: center;
        -ms-flex-align: center;
        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%;
        -webkit-box-shadow: none;
        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;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .footer__menu {
        width: 100%;
        -ms-flex-wrap: wrap;
        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;
        -webkit-transition: max-height 0.3s, padding 0.3s;
        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;
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    .footer__menu-title_active:before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .footer__menu-link-box {
        margin-bottom: 12px;
    }

    .footer__menu-link-box:last-child {
        margin-bottom: 20px;
    }

    .footer__contacts {
        width: 410px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        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;
        -webkit-transform: translateY(calc(100% + 69px));
        transform: translateY(calc(100% + 69px));
    }

    .footer__callback-send_active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .footer__button-service {
        display: none;
    }

    .footer__button-service_tablet {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        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;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(100%);
        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 {
        -webkit-transform: translate(0, 0);
        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;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .insurance-offers__li {
        width: calc(50% - 4px);
    }

    .menu-bg {
        display: none;
        -webkit-transition: opacity 0.3s 0.1s;
        transition: opacity 0.3s 0.1s;
    }

    .menu-catalog._hide {
        overflow-x: hidden;
    }

    .menu-catalog {
        position: fixed;
        // top: var(--scroll);
        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;
        -webkit-transform: translateX(-100%);
        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;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
        height: calc(100% - 120px);
        padding: 11px 20px;
        gap: 0;
    }

    .menu-catalog__content_active {
        -webkit-transform: translateX(-100%);
        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_all {
        display: block;
    }

    .menu-catalog__link-show {
        display: none;
    }

    .menu-footer__wrapper {
        padding: 0;
    }

    html:has(#basket-root) {
        .menu {
            @include mix.bdown(nm) {
                top: var(--scroll);
                height: calc(100% - 100px);
            }
        }
    }

    .menu {
        // top: var(--scroll);
        top: 105px;

        // max-height: none;
        // height: calc(100vh - var(--scroll) - 49px);
        // height: calc(
        //     var(--vh, 1vh) * 100 - var(--scroll) - 49px -
        //         var(--safe-area-inset-bottom, 0px)
        // );
        height: calc(100% - 150px);
        bottom: calc(57px + env(safe-area-inset-bottom, 0px));
        overflow: hidden;
    }

    .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) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .fancybox__container.-is-card-qr .fancybox__slide:not(.has-image) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fancybox__slide:has(#modal-gift-card-info) {
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch !important;
    }

    .fancybox__slide.has-image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        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;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        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 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        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;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 16px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .reviews__result-head {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 249px;
        -ms-flex-wrap: wrap;
        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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        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 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        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 {
        -ms-flex-wrap: nowrap;
        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;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        z-index: 1;
    }

    .select-box__li_active {
        background-position: calc(100% - 21px) 50%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        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 !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 9;
        padding: 25px 20px max(25px, var(--safe-area-inset-bottom, 0));
        border-radius: 8px 8px 0 0;
        -webkit-transform: translateY(100%);
        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 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .viewed .catalog-mini__name {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0;
    }

    .viewed .catalog-mini__ptice {
        margin-bottom: 4px;
        font-weight: 800;
    }

    @media (max-width: 991px) {
        .fancybox__slide::after,
        .fancybox__slide::before {
            display: none;
        }
    }

    @media (max-width: 767px) {
        .card h1 {
            font-size: 16px;
            margin-bottom: 12px;
        }
    }

    .modal__link-button {
        width: 100%;
        height: 48px;
        min-height: 48px;
        padding: 0 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: 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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        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 {
        // overflow: visible;
        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__item:hover
        .catalog-body__inner {
        padding: 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);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        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 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        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
} */

    .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%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: 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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: 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;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .basket__info {
        padding: 0;
        grid-template-columns: 1fr;
    }

    .basket__counter-text {
        width: 23px;
    }

    .basket__price {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        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 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .basket__insurance {
        margin-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

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

    .basket__insurance-control {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        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;
        // width: calc(100% - 122px);
    }

    .card__control-link span {
        display: none;
    }

    .card__tabs {
        display: block;
        margin-top: 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 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: -webkit-box;
        display: -ms-flexbox;
        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 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        gap: 12px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        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;
        -webkit-box-shadow: none;
        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 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        height: 42px;
    }

    .header__search_focus .header__search-form {
        position: fixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        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 {
        display: flex !important;
        align-items: center;
        padding: 12px 18px;
        height: 64px;
        flex-shrink: 0;
    }

    .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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        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));
    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: 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;
    }
}

.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;
}

.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;
    .swiper-pagination-hidden-wrapper {
        position: absolute;
        overflow: hidden;
        left: 50%;
        transform: translateX(calc(-50% + 5px));
        bottom: 0;
        height: 30px;
        width: 191px;
        .swiper-pagination-bullets-dynamic {
            transform: translateX(-50%);
        }

        .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;
}

.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);
    @include mix.bdown(sm) {
        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;
    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;
    -webkit-transition: 0.4s;
    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;
    -webkit-transition: 0.4s;
    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;
        @include mix.transition;
        @include mix.bup(nm) {
            font-size: 12px;
        }
        &::after {
            content: "*";
            color: #2a65c5;
            font-size: 14px;
            display: inline;
        }
        &.not-required::after {
            content: none;
        }
    }
    &-summ {
        font-weight: 300;
        font-size: 14px;
        line-height: 24px;
        pointer-events: none;
        & ~ input::placeholder {
            opacity: 1 !important;
        }
        @include mix.bdown(nm) {
            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;
            &::after {
                content: "*";
                color: #2a65c5;
                font-size: 12px;
            }
        }
    }
    .withVal ~ .cm-gcf--nominal-value-picker--input-text {
        top: 0;
        left: 1rem;
        transform: translateY(-50%);
    }

    textarea:focus ~ .cm-gcf--nominal-value-picker--input-text,
    input:focus ~ .cm-gcf--nominal-value-picker--input-text {
        top: 0;
        left: 1rem;
        transform: translateY(-50%);
    }
    textarea::placeholder,
    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;
    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;
    @include mix.bup(xs) {
        display: none !important;
    }
    &-image {
        img {
            width: 50px;
            height: 50px;
        }
    }
    &-btn {
        .button {
            font-size: 12px;
            height: 32px;
            width: 100%;
        }
    }
    &-info {
        font-weight: 400;
        font-size: 12px;
        display: flex;
        justify-content: center;
        text-align: center;
        @include mix.bdown(xxs) {
            font-size: 10px;
        }
        &-text {
            text-align: center;
        }
    }

    &-hidden {
        transform: translateY(-100%);
        @include mix.transition;
    }

    #app-banner-close {
        position: static !important;
        width: 12px;
        height: 12px;
        z-index: 110;
    }
}
.compare-stat__main {
    .swiper-wrapper {
        height: inherit;
    }

    .swiper-slide {
        height: auto;
        display: grid;
    }
    .compare-stat__subitem {
        display: grid;
        grid-auto-rows: 30px 1fr;
        &.compare-hidden {
            display: none;
        }
    }
}

.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;

    &.active {
        transition: all 0.3s ease-in-out;
        transform: scale(1);
    }
}

.inOrder-modal {
    border-radius: 12px;
    padding: 40px;
    max-width: 510px;
    @include mix.bdown(nm) {
        max-width: none;
        width: 100%;
        height: 100%;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    @include mix.bdown(sm) {
        padding: 20px;
    }
    &-header {
        text-align: center;
        margin-bottom: 32px;
        .modal-title {
            margin-bottom: 16px;
        }
        @include mix.bdown(sm) {
            margin-bottom: 12px;
        }
    }
    &-container {
        scrollbar-width: thin;
        overflow: auto;
        max-height: 450px;
        @include mix.bdown(nm) {
            max-height: none;
            height: calc(100% - 126px);
        }
    }
    ul {
        list-style-type: none;
        margin-bottom: 32px;
        height: 100%;
        @include mix.bdown(sm) {
            margin-bottom: 12px;
        }
        li {
            background: url(../../../../img/step-check.svg) 0 20px no-repeat;
            padding-left: 12px;
            &.active {
                background: url(../../../../img/step-checked.svg) 0 20px
                    no-repeat;
            }
        }
    }
    &-item {
        display: grid;
        gap: 8px;
        padding: 18px 20px;
        align-items: center;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        &-adress {
            color: #0E0E0E;
            grid-column: 1/3;
            font-size: 16px;
            @include mix.bdown(sm) {
                font-size: 14px;
                font-weight: 600;
            }
        }
        &-time {
            color: #999999;
            grid-row: 2/3;
            grid-column: 1/2;
            @include mix.bdown(sm) {
                font-size: 14px;
            }
        }
        &-date {
            grid-row: 2/3;
            grid-column: 2/3;
            @include mix.bdown(sm) {
                font-size: 14px;
            }
        }
    }
    &-btn-wrapper {
        padding-top: 10px;
        @include mix.bdown(nm) {
            padding-top: 0;
        }
    }
    .inOrder-checkout-button {
        &.inOrder-web {
            display: inline-flex;
            @include mix.bdown(nm) {
                display: none;
            }
        }
        &.inOrder-mobile {
            display: inline-flex;
            @include mix.bup(nm) {
                display: none;
            }
        }
    }
    .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;
    // &:after {
    //     content: "";
    //     position: absolute;
    //     height: 1px;
    //     bottom: 0;
    //     left: 0;
    //     right: 0;
    //     background: var(--light-gray-hover);
    // }
    &-item {
        cursor: pointer;
        list-style: none;
        border-radius: 8px;
        margin-bottom: 4px;
        @include mix.transition;
        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%;
        }
        &:hover {
            background-color: #e1e1e3;
        }
        &.selected {
            background-color: #0E0E0E;

            a {
                color: #fff;
                font-family: "Inter";
                font-weight: 400;
                font-size: 16px;
                line-height: 20px;
                margin-bottom: 4px;
            }
        }
    }
    &-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;
        &:hover {
            color: var(--black);
            background-color: var(--light-gray-hover);
        }
    }
}