.product-card {
    background-color: var(--c-white);
    border-radius: var(--borderRadius);
    display: flex;
    flex-direction: column;
    padding: 22px 17px 20px;
    width: 100%
}

a.product-card__buy-btn svg path {
    fill: #fff !important
}

.dom-is-ready .product-card {
    transition: var(--transition-all)
}

.product-card:hover .product-card__actions {
    opacity: 1;
    visibility: visible
}

@media (max-width: 1024px) {
    .product-card {
        border: var(--border)
    }
}

.product-card--bordered {
    border: var(--border)
}

.product-card--always-visible .product-card__actions {
    opacity: 1;
    visibility: visible
}

.product-card__header {
    position: relative
}

.product-card__header:not(:last-child) {
    margin-bottom: 12px
}

.product-card__image-wrapper {
    --size: 192px;
    display: flex;
    height: var(--size);
    margin-left: auto;
    margin-right: auto;
    max-width: var(--size);
    width: 100%
}

.product-card__image-wrapper:hover {
    transform: scale(1.05)
}

.product-card__image-wrapper:not(:last-child) {
    margin-bottom: 10px
}

#product-card__image-wrapper {
    --size: 192px;
    display: flex;
    height: var(--size);
    margin-left: auto;
    margin-right: auto;
    max-width: var(--size);
    width: 100%
}

#product-card__image-wrapper:hover {
    transform: scale(1.05)
}

#product-card__image-wrapper:not(:last-child) {
    margin-bottom: 10px
}

.product-card__image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

a.uk-text-nowrap.uk-text-small.uk-link-muted {
    color: var(--c-gray-9);
    font-size: 14px;
    text-transform: lowercase;
    font-style: italic
}

.product-card__stickers {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    top: 0
}

.product-card__sticker {
    border-radius: 100px;
    color: var(--c-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    padding: 2px 10px
}

.product-card__sticker:not(:last-child) {
    margin-bottom: 4px
}

.product-card__sticker--bestseller {
    background-color: var(--с-bestseller)
}

.product-card__sticker--novelty {
    background-color: var(--с-novelty)
}

.product-card__sticker--promo {
    background-color: var(--c-promo)
}

.product-card__sticker--recommendation {
    background-color: var(--recommendation)
}

.product-card__additional-buttons {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 10%
}

.product-card__additional-btn {
    --size: 20px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    height: var(--size);
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: left;
    width: var(--size)
}

.product-card__additional-btn:active {
    transform: scale(1.05) translateZ(0)
}

.product-card__additional-btn:not(:last-child) {
    margin-bottom: 20px
}

.product-card__additional-btn .i-icon {
    --size: 100%
}

.product-card__additional-btn path {
    fill: #fff0;
    stroke: var(--c-gray-6)
}

.product-card__additional-btn.is-added path, .product-card__additional-btn:hover path {
    stroke: var(--c-main)
}

.product-card__additional-btn.is-added path {
    fill: var(--c-main)
}

.product-card__body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.product-card__body:not(:last-child) {
    margin-bottom: 15px
}

.product-card__opinion {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.product-card__rating-preview {
    display: flex
}

.product-card__rating-preview:not(:last-child) {
    margin-right: 30px
}

.product-card__reviews-link {
    color: var(--c-gray-9);
    font-size: 16px
}

.product-card__title:not(:last-child) {
    margin-bottom: 8px
}

.product-card__brand {
    color: var(--c-gray-9);
    font-size: 16px
}

.product-card__brand:not(:last-child) {
    margin-bottom: 6px
}

.product-card__price {
    align-items: center;
    display: flex;
    font-weight: 500
}

.product-card__current-price {
    font-size: 18px
}

.product-card__current-price:not(:last-child) {
    margin-right: 12px
}

.product-card__old-price {
    color: var(--c-gray-10);
    font-size: 14px;
    position: relative;
    text-decoration: line-through
}

.product-card__actions {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden
}

.dom-is-ready .product-card__actions {
    transition: var(--transition-all)
}

@media (max-width: 1024px) {
    .product-card__actions {
        opacity: 1;
        visibility: visible
    }
}

.product-card__quantity {
    margin-right: 12px
}

.dom-is-ready .product-card__quantity {
    transition: var(--transition-all)
}

.product-card__buy-btn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    background-color: #e31235;
    border: 0;
    border: 2px solid #e31235;
    border-radius: 25px;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    margin: 0;
    max-width: 108px;
    padding: 0;
    text-align: left;
    width: 100%
}

.product-card__buy-btn:hover {
    background-color: var(--c-white)
}

.product-card__buy-btn:hover .product-card__buy-btn-icon path {
    fill: var(--c-main)
}

.product-card__buy-btn:active {
    transform: scale(1.05)
}

.product-card__buy-btn.is-added {
    position: relative
}

.product-card__buy-btn.is-added:after {
    background: url(icon-check-white.svg) 50%/80% no-repeat;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px
}

.product-card__buy-btn.is-added:hover:after {
    background-image: url(icon-check-red.svg)
}

.product-card__buy-btn.is-added .product-card__buy-btn-icon {
    display: none
}

.product-card__buy-btn.is-added ~ .product-card__quantity {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden
}

.product-card__buy-btn * {
    pointer-events: none
}

.product-card__buy-btn-icon.i-icon {
    height: 20px;
    width: 20px
}

.product-card.no-buy .quantity__btn {
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

.fancybox__container {
    -webkit-tap-highlight-color: #fff0;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4));
    bottom: 0;
    box-sizing: border-box;
    color: var(--fancybox-color, #fff);
    direction: ltr;
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: 1050
}

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

.fancybox__container :focus {
    outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgb(1 210 232 / .94))
}

@media (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    background: var(--fancybox-bg, rgb(24 24 27 / .92));
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.fancybox__carousel {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    position: relative;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.fancybox__viewport {
    cursor: default;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    -ms-scroll-chaining: none;
    -webkit-overflow-scrolling: touch;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0;
    max-width: 100%;
    outline: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 48px 8px 8px;
    position: relative;
    width: 100%
}

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

@media (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

.fancybox__content {
    align-self: center;
    background: var(--fancybox-content-bg, #fff);
    color: var(--fancybox-content-color, #374151);
    display: flex;
    flex-direction: column;
    margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
    padding: 36px;
    position: relative;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    box-shadow: none;
    outline: thin dotted
}

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

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container > .carousel__dots {
    color: var(--fancybox-color, #fff);
    top: 100%
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }
}

.carousel__button.is-close {
    position: absolute;
    right: 8px;
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    top: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    z-index: 40
}

@media (min-width: 1024px) {
    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content > .carousel__button.is-close {
    color: var(--fancybox-color, #fff);
    position: absolute;
    right: 0;
    top: -40px
}

.fancybox__no-click, .fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    color: var(--fancybox-color, currentColor);
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    -webkit-animation: fancybox-rotate 2s linear infinite;
    animation: fancybox-rotate 2s linear infinite;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke: currentColor;
    -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
    animation: fancybox-dash 1.5s ease-in-out infinite
}

@-webkit-keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.carousel__button.is-close, .carousel__dots, .fancybox__backdrop, .fancybox__caption, .fancybox__nav {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    -webkit-animation: fancybox-fadeIn .15s ease backwards;
    animation: fancybox-fadeIn .15s ease backwards
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav {
    -webkit-animation: fancybox-fadeOut .15s ease both;
    animation: fancybox-fadeOut .15s ease both
}

.fancybox-fadeIn {
    -webkit-animation: fancybox-fadeIn .15s ease both;
    animation: fancybox-fadeIn .15s ease both
}

.fancybox-fadeOut {
    -webkit-animation: fancybox-fadeOut .1s ease both;
    animation: fancybox-fadeOut .1s ease both
}

.fancybox-zoomInUp {
    -webkit-animation: fancybox-zoomInUp .2s ease both;
    animation: fancybox-zoomInUp .2s ease both
}

.fancybox-zoomOutDown {
    -webkit-animation: fancybox-zoomOutDown .15s ease both;
    animation: fancybox-zoomOutDown .15s ease both
}

.fancybox-throwOutUp {
    -webkit-animation: fancybox-throwOutUp .15s ease both;
    animation: fancybox-throwOutUp .15s ease both
}

.fancybox-throwOutDown {
    -webkit-animation: fancybox-throwOutDown .15s ease both;
    animation: fancybox-throwOutDown .15s ease both
}

@-webkit-keyframes fancybox-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@-webkit-keyframes fancybox-zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.97) translate3d(0, 16px, 0);
        transform: scale(.97) translate3d(0, 16px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }
}

@keyframes fancybox-zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.97) translate3d(0, 16px, 0);
        transform: scale(.97) translate3d(0, 16px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }
}

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

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

@-webkit-keyframes fancybox-throwOutUp {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }
}

@keyframes fancybox-throwOutUp {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }
}

@-webkit-keyframes fancybox-throwOutDown {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
}

@keyframes fancybox-throwOutDown {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0)
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-color: #ccc hsl(0 0% 100% / .1);
    scrollbar-width: thin
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: hsl(0 0% 100% / .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgb(0 0 0 / .2)
}

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

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

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

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

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

.fancybox__image {
    touch-action: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.has-image .fancybox__content {
    background: #fff0;
    min-height: 1px;
    padding: 0
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    height: auto;
    max-width: 100%
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    height: 100%;
    width: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

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

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

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    height: 540px;
    max-height: 100%;
    max-width: 100%;
    width: 960px
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    background: rgb(24 24 27 / .9);
    color: #fff;
    padding: 0
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video, .fancybox__iframe {
    background: #fff0;
    border: 0;
    display: block;
    height: 100%;
    width: 100%
}

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

.fancybox__thumbs {
    flex: 0 0 auto;
    opacity: var(--fancybox-opacity, 1);
    padding: 0 3px;
    position: relative
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    -webkit-animation: fancybox-fadeIn .15s ease-in backwards;
    animation: fancybox-fadeIn .15s ease-in backwards
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    align-items: center;
    box-sizing: initial;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin: 0;
    overflow: visible;
    padding: 8px 3px;
    width: var(--fancybox-thumbs-width, 96px)
}

.fancybox__thumbs .carousel__slide .fancybox__thumb:after {
    border: 5px solid var(--fancybox-accent-color, rgb(34 213 233 / .96));
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .15s ease
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide > * {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__thumb {
    background-color: hsl(0 0% 100% / .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
    padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
    position: relative;
    width: 100%
}

.fancybox__toolbar {
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    background: linear-gradient(0deg, transparent 0, rgb(0 0 0 / .006) 8.1%, rgb(0 0 0 / .021) 15.5%, rgb(0 0 0 / .046) 22.5%, rgb(0 0 0 / .077) 29%, rgb(0 0 0 / .114) 35.3%, rgb(0 0 0 / .155) 41.2%, rgb(0 0 0 / .198) 47.1%, rgb(0 0 0 / .242) 52.9%, rgb(0 0 0 / .285) 58.8%, rgb(0 0 0 / .326) 64.7%, rgb(0 0 0 / .363) 71%, rgb(0 0 0 / .394) 77.5%, rgb(0 0 0 / .419) 84.5%, rgb(0 0 0 / .434) 91.9%, rgb(0 0 0 / .44));
    display: flex;
    justify-content: space-between;
    left: 0;
    opacity: var(--fancybox-opacity, 1);
    padding: 0;
    position: absolute;
    right: 0;
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgb(0 0 0 / .4));
    top: 0;
    touch-action: none;
    z-index: 20
}

@media (min-width: 1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    -webkit-animation: fancybox-fadeIn .15s ease-in backwards;
    animation: fancybox-fadeIn .15s ease-in backwards
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media (max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

.fancybox__counter {
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    line-height: var(--carousel-button-height, 48px);
    min-width: 72px;
    padding: 0 10px;
    text-align: center
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgb(34 213 233 / .96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 30
}

.fancybox__container:-webkit-full-screen::backdrop {
    opacity: 0
}

.fancybox__container:-ms-fullscreen::backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::-webkit-backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2), .fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

.quantity, .quantity__btn {
    align-items: center;
    display: flex
}

.quantity__btn {
    --size: 46px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    border: 2px solid var(--c-gray-1);
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    font-size: 20px;
    height: var(--size);
    justify-content: center;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    text-align: left;
    width: var(--size)
}

.quantity__btn:hover {
    border-color: var(--c-main)
}

.quantity__btn:active {
    transform: scale(1.05) translateZ(0)
}

.quantity__input {
    --marginX: 5px;
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    line-height: 1.62;
    margin-left: var(--marginX);
    margin-right: var(--marginX);
    max-width: 38px;
    text-align: center
}

.quantity__input::selection {
    background-color: var(--c-gray-1)
}

.gre {
    background-color: var(--c-gray-1);
    min-height: 78px;
    min-width: 304px
}

.gre.is-rendered.is-invalid {
    animation: shake .25s ease-in-out 2
}

.gre.is-rendered {
    background-color: var(--c-white)
}

.gre:not(.is-rendered) {
    cursor: wait
}

.gre:not(.is-rendered) * {
    pointer-events: none
}

.file-attach.is-invalid .btn {
    --btnColor: var(--c-red)
}

.file-attach.is-invalid .btn__icon {
    animation: shake .2s linear 4
}

.file-attach__btn {
    display: flex
}

.file-attach__btn .i-icon {
    --size: 24px
}

.file-attach__btn .i-icon:not(:last-child) {
    margin-right: 7px
}

.file-attach__btn:hover .i-icon {
    transform: scale(1.05)
}

.file-attach__btn:hover .file-attach__label {
    text-shadow: 0 0 1px var(--c-main)
}

.file-attach__btn:active .i-icon {
    transform: scale(1.25)
}

.file-attach__label {
    color: var(--c-main);
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 1.73
}

.dom-is-ready .file-attach__label {
    transition: var(--transition-all)
}

.comparing-card {
    --cellHeight: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

@media (min-width: 1025px) {
    .comparing-card {
        border-radius: 16px;
        padding: 22px 14px 0;
        transition: box-shadow .4s;
        width: 320px
    }

    .comparing-card:hover {
        box-shadow: 0 2px 12px rgb(35 38 44 / .16)
    }

    .comparing-card:hover .comparing-card__action, .comparing-card:hover:before {
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 1024px) {
    .comparing-card {
        padding: 20px 15px
    }
}

.comparing-card__link {
    color: var(--c-gray-6)
}

.comparing-card__link:hover {
    color: var(--c-black)
}

.comparing-card .comparing-card__title {
    --marginBottom: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: inherit;
    display: -webkit-box;
    font-size: 18px !important;
    font-weight: 500;
    overflow: hidden;
    text-align: center
}

@media (max-width: 1024px) {
    .comparing-card .comparing-card__title {
        --marginBottom: 10px;
        font-weight: 500
    }
}

@media (max-width: 767px) {
    .comparing-card .comparing-card__title {
        font-size: 15px !important;
        line-break: anywhere;
        overflow-wrap: break-word
    }
}

.comparing-card__image {
    height: 140px;
    margin: 0 auto 10px;
    position: relative;
    width: 140px;
    z-index: -1
}

.comparing-card__image img {
    max-height: 100%;
    object-fit: contain
}

.comparing-card__actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.comparing-card__action {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden
}

@media (min-width: 1025px) {
    .comparing-card__action {
        cursor: pointer;
        position: absolute
    }
}

@media (max-width: 1024px) {
    .comparing-card__action {
        opacity: 1;
        visibility: visible
    }
}

.comparing-card__action {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    text-align: left
}

.comparing-card__basket {
    --iconColor: var(--c-main);
    align-items: center;
    background-color: initial;
    border: 2px solid var(--c-main);
    border-radius: 50%;
    display: flex;
    height: 50px;
    justify-content: center;
    width: 50px
}

@media (min-width: 1025px) {
    .comparing-card__basket {
        left: 20px;
        top: 13px
    }
}

.comparing-card__basket.added {
    pointer-events: none
}

.comparing-card__basket:hover {
    --iconColor: var(--c-white);
    background-color: var(--c-main)
}

.comparing-card__basket svg {
    --size: 22px;
    pointer-events: none
}

.comparing-card__basket svg path {
    fill: var(--iconColor)
}

.comparing-card__remove {
    --iconColor: var(--c-gray-2);
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

@media (min-width: 1025px) {
    .comparing-card__remove {
        right: 30px;
        top: 22px
    }
}

.comparing-card__remove:hover {
    --iconColor: var(--c-main)
}

.comparing-card__remove svg path {
    fill: var(--iconColor)
}

.comparing-card__options {
    grid-gap: 15px;
    align-items: start;
    display: grid
}

.comparing-card__options-item, .comparing-card__spacer {
    height: var(--cellHeight)
}

.comparing-card__options-item {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: var(--cellHeight);
    line-height: 1;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    visibility: visible
}

.carousel {
    box-sizing: border-box;
    position: relative
}

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

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

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

.carousel__viewport {
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.carousel__track {
    display: flex
}

.carousel__slide {
    -ms-scroll-chaining: none;
    -webkit-overflow-scrolling: touch;
    flex: 0 0 auto;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
    position: relative;
    touch-action: pan-y;
    width: var(--carousel-slide-width, 60%)
}

.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.carousel__dots {
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc(100% + .5rem);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    cursor: pointer;
    display: block;
    height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 22px
}

.carousel__dots .carousel__dot:after {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 50%;
    opacity: .25;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity .15s ease-in-out;
    width: 8px
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    align-items: center;
    background: var(--carousel-button-bg, transparent);
    border: 0;
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    color: var(--carousel-button-color, currentColor);
    cursor: pointer;
    display: flex;
    height: var(--carousel-button-height, 48px);
    justify-content: center;
    padding: 0;
    pointer-events: all;
    transition: opacity .15s ease;
    width: var(--carousel-button-width, 48px)
}

.carousel__button.is-next, .carousel__button.is-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    -webkit-filter: var(--carousel-button-svg-filter, none);
    filter: var(--carousel-button-svg-filter, none);
    height: var(--carousel-button-svg-height, 50%);
    pointer-events: none;
    width: var(--carousel-button-svg-width, 50%)
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    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") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

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

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

.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

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

.swiper-container-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

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

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

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

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

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

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

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

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgb(0 0 0 / .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgb(0 0 0 / .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgb(0 0 0 / .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgb(0 0 0 / .5), transparent)
}

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

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

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

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

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

:root {
    --swiper-navigation-size: 44px
}

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

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

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

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

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

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

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

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

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

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

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
}

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

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

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

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

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

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

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

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

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

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

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

.swiper-pagination-progressbar {
    background: rgb(0 0 0 / .25);
    position: absolute
}

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

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

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

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

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgb(0 0 0 / .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-container-horizontal > .swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-container-vertical > .swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgb(0 0 0 / .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

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

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

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

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

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

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

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

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

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

.catalog-overlay {
    --paddingHor: 21.875vw
}

@media (max-width: 1480px) {
    .catalog-overlay {
        --paddingHor: 15vw
    }
}

@media (max-width: 1366px) {
    .catalog-overlay {
        --paddingHor: 12vw
    }
}

@media (max-width: 1320px) {
    .catalog-overlay {
        --paddingHor: 10vw
    }
}

@media (max-width: 1280px) {
    .catalog-overlay {
        --paddingHor: 8vw
    }
}

@media (max-width: 1024px) {
    .catalog-overlay {
        --paddingHor: 5vw
    }
}

.catalog-overlay__btn.is-open .btn__icon rect {
    transform-box: view-box;
    transform-origin: center
}

.catalog-overlay__btn.is-open .btn__icon rect:first-child {
    transform: rotate(-45deg) translateY(6px)
}

.catalog-overlay__btn.is-open .btn__icon rect:nth-child(2) {
    transform: scale(0)
}

.catalog-overlay__btn.is-open .btn__icon rect:nth-child(3) {
    transform: rotate(45deg) translateY(-6px)
}

.catalog-overlay__body {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-overlay);
    display: flex;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 5vw;
    padding-left: var(--paddingHor);
    padding-right: var(--paddingHor);
    position: fixed;
    visibility: hidden;
    width: 100%;
    z-index: var(--layerOverlay)
}

.dom-is-ready .catalog-overlay__body {
    transition: all .5s ease
}

.catalog-overlay__body:not(.is-open) {
    pointer-events: none
}

.catalog-overlay__body.is-open {
    opacity: 1;
    transform: none;
    visibility: visible
}

@media (max-width: 767px) {
    .catalog-overlay__body {
        padding: 0;
        transform: translateX(-200%)
    }
}

.catalog-overlay__menu {
    border-radius: 0 0 var(--borderRadius) var(--borderRadius);
    width: 100%
}

@media (max-width: 767px) {
    .catalog-overlay__menu {
        height: inherit;
        width: 100%
    }
}

.catalog-overlay__column {
    height: 100%;
    max-width: calc(33.33333vw - var(--paddingHor) * 2 / 3)
}

@media (max-width: 767px) {
    .catalog-overlay__column {
        max-width: 100%
    }

    .catalog-overlay__category-column {
        height: inherit;
        padding-top: 30px
    }
}

.catalog-overlay__category-list, .catalog-overlay__complementary-category-list, .catalog-overlay__subcategory-list {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

@media (max-width: 767px) {
    .catalog-overlay__category-list, .catalog-overlay__complementary-category-list, .catalog-overlay__subcategory-list {
        overflow: initial
    }

    .catalog-overlay__subcategory-list {
        padding-bottom: 15px;
        padding-top: 15px
    }

    .catalog-overlay__complementary-category-list {
        padding-bottom: 5px;
        padding-top: 5px
    }
}

.catalog-overlay__category-column, .catalog-overlay__complementary-category-column, .catalog-overlay__subcategory-column {
    --paddingY: 30px;
    background-color: var(--c-white);
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY);
    width: 100%
}

@media (max-width: 1024px) {
    .catalog-overlay__category-column, .catalog-overlay__complementary-category-column, .catalog-overlay__subcategory-column {
        --paddingY: 20px
    }
}

.catalog-overlay__category-column, .catalog-overlay__subcategory-column {
    position: relative
}

.catalog-overlay__complementary-category-column, .catalog-overlay__subcategory-column {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-left: 1px solid var(--c-gray-2);
    left: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateY(-200%);
    transition: all .4s linear;
    visibility: hidden;
    width: 100%
}

@media (max-width: 767px) {
    .catalog-overlay__complementary-category-column, .catalog-overlay__subcategory-column {
        --paddingY: 0;
        border-left: initial;
        height: 0;
        opacity: 1;
        overflow: hidden;
        position: static;
        transform: none;
        transition: height .6s ease;
        visibility: initial
    }
}

.catalog-overlay__category-column, .catalog-overlay__category-list {
    border-radius: 0 0 0 var(--borderRadius)
}

@media (max-width: 767px) {
    .catalog-overlay__category-column, .catalog-overlay__category-list {
        border-radius: initial
    }

    .catalog-overlay__category-list {
        height: inherit;
        overflow-y: auto;
        padding-bottom: 30px
    }
}

.catalog-overlay__complementary-category-column, .catalog-overlay__complementary-category-list {
    border-radius: 0 0 var(--borderRadius) 0
}

.catalog-overlay__complementary-category-column {
    overflow: hidden
}

.catalog-overlay__category-item, .catalog-overlay__complementary-category-item, .catalog-overlay__subcategory-item {
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width: 1024px) {
    .catalog-overlay__category-item, .catalog-overlay__complementary-category-item, .catalog-overlay__subcategory-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

.catalog-overlay__category-item, .catalog-overlay__subcategory-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.catalog-overlay__category-item.is-open > a .catalog-overlay__arrow-btn, .catalog-overlay__subcategory-item.is-open > a .catalog-overlay__arrow-btn {
    transform: rotate(180deg)
}

.catalog-overlay__category-item.is-open > a .catalog-overlay__arrow-btn path, .catalog-overlay__subcategory-item.is-open > a .catalog-overlay__arrow-btn path {
    fill: var(--c-main)
}

.catalog-overlay__category-item.is-open > .catalog-overlay__mobile-arrow-btn, .catalog-overlay__subcategory-item.is-open > .catalog-overlay__mobile-arrow-btn {
    transform: rotate(90deg)
}

.catalog-overlay__category-item.is-open > .catalog-overlay__mobile-arrow-btn path, .catalog-overlay__subcategory-item.is-open > .catalog-overlay__mobile-arrow-btn path {
    fill: var(--c-main)
}

.catalog-overlay__category-item.is-open > .catalog-overlay__column, .catalog-overlay__subcategory-item.is-open > .catalog-overlay__column {
    opacity: 1;
    visibility: visible
}

@media (min-width: 768px) {
    .catalog-overlay__category-item.is-open > .catalog-overlay__column, .catalog-overlay__subcategory-item.is-open > .catalog-overlay__column {
        transform: none
    }
}

@media (hover: hover) {
    .catalog-overlay__category-item:hover > a .catalog-overlay__arrow-btn, .catalog-overlay__subcategory-item:hover > a .catalog-overlay__arrow-btn {
        transform: rotate(180deg)
    }

    .catalog-overlay__category-item:hover > a .catalog-overlay__arrow-btn path, .catalog-overlay__subcategory-item:hover > a .catalog-overlay__arrow-btn path {
        fill: var(--c-main)
    }

    .catalog-overlay__category-item:hover > .catalog-overlay__mobile-arrow-btn, .catalog-overlay__subcategory-item:hover > .catalog-overlay__mobile-arrow-btn {
        transform: rotate(90deg)
    }

    .catalog-overlay__category-item:hover > .catalog-overlay__mobile-arrow-btn path, .catalog-overlay__subcategory-item:hover > .catalog-overlay__mobile-arrow-btn path {
        fill: var(--c-main)
    }

    .catalog-overlay__category-item:hover > .catalog-overlay__column, .catalog-overlay__subcategory-item:hover > .catalog-overlay__column {
        opacity: 1;
        transform: none;
        visibility: visible
    }
}

@media (max-width: 767px) {
    .catalog-overlay__category-item, .catalog-overlay__subcategory-item {
        display: block;
        position: relative
    }
}

@media (hover: hover) {
    .catalog-overlay__category-item:hover .catalog-overlay__category-link:after, .catalog-overlay__category-item:hover .catalog-overlay__category-link:before {
        opacity: 1;
        transform: none;
        visibility: visible
    }
}

@media (max-width: 767px) {
    .catalog-overlay__category-item {
        padding-left: 12px;
        padding-right: 12px
    }
}

.catalog-overlay__category-item.is-open .catalog-overlay__category-link:after, .catalog-overlay__category-item.is-open .catalog-overlay__category-link:before {
    opacity: 1;
    transform: none;
    visibility: visible
}

@media (max-width: 767px) {
    .catalog-overlay__category-item.is-open .catalog-overlay__category-link:before {
        display: none
    }
}

.catalog-overlay__category-item.is-open + .catalog-overlay__category-item .catalog-overlay__category-link:before {
    opacity: 1;
    transform: none;
    visibility: visible
}

.catalog-overlay__category-item:first-child .catalog-overlay__category-link {
    border-top: var(--border)
}

.catalog-overlay__complementary-category-item:first-child .catalog-overlay__link, .catalog-overlay__subcategory-item:first-child .catalog-overlay__link {
    padding-top: 0
}

@media (max-width: 767px) {
    .catalog-overlay__complementary-category-item, .catalog-overlay__subcategory-item {
        padding-left: 25px;
        padding-right: 0
    }
}

.catalog-overlay__subcategory-item:hover .catalog-overlay__subcategory-link {
    color: var(--c-main)
}

.catalog-overlay__category-link, .catalog-overlay__complementary-category-link, .catalog-overlay__subcategory-link {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.catalog-overlay__category-link {
    --paddingY: 16px;
    position: relative
}

.catalog-overlay__category-link:after, .catalog-overlay__category-link:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-main);
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.catalog-overlay__category-link:before {
    top: -1px
}

.catalog-overlay__category-link:after {
    bottom: -1px
}

.catalog-overlay__category-link:hover:after, .catalog-overlay__category-link:hover:before {
    opacity: 1;
    visibility: visible
}

.catalog-overlay__category-link {
    border-bottom: var(--border);
    font-size: 16px;
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY)
}

.catalog-overlay__category-link:after {
    bottom: -2px
}

.catalog-overlay__complementary-category-link, .catalog-overlay__subcategory-link {
    --paddingY: 8px;
    font-size: 15px;
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY)
}

.catalog-overlay__complementary-category-link:hover, .catalog-overlay__subcategory-link:hover {
    color: var(--c-main)
}

.catalog-overlay__complementary-category-link {
    color: var(--c-gray-6)
}

.catalog-overlay__arrow-btn, .catalog-overlay__mobile-arrow-btn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin: 0 0 0 12px;
    padding: 0;
    pointer-events: auto;
    text-align: left
}

@media (max-width: 767px) {
    .catalog-overlay__arrow-btn {
        display: none
    }
}

.catalog-overlay__mobile-arrow-btn {
    display: none;
    position: absolute;
    right: 10px;
    top: 15px;
    transform: rotate(-90deg);
    z-index: var(--layerControls)
}

.catalog-overlay__subcategory-item .catalog-overlay__mobile-arrow-btn {
    right: 0;
    top: 5px
}

@media (max-width: 767px) {
    .catalog-overlay__mobile-arrow-btn {
        display: flex
    }
}

.catalog-overlay__arrow-icon {
    --size: 50%;
    height: var(--size);
    width: var(--size)
}

.catalog-overlay__category-arrow-btn {
    --size: 30px;
    height: var(--size);
    width: var(--size)
}

.catalog-overlay__subcategory-arrow-btn {
    --size: 24px;
    height: var(--size);
    width: var(--size)
}

.burger-button {
    background-color: initial;
    border: none;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 30px;
    width: 30px
}

.burger-button:focus {
    outline: none
}

.burger-button svg {
    height: 100%;
    width: 100%
}

.burger-button__line {
    fill: none;
    stroke: var(--c-black);
    stroke-width: 6;
    stroke-linecap: round;
    transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)
}

.burger-button__line--1 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.burger-button__line--2 {
    stroke-dasharray: 60 60;
    stroke-width: 6
}

.burger-button__line--3 {
    stroke-dasharray: 60 207;
    stroke-width: 6
}

.burger-button.is-open .burger-button__line {
    stroke: var(--c-main)
}

.burger-button.is-open .burger-button__line--1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.burger-button.is-open .burger-button__line--2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6
}

.burger-button.is-open .burger-button__line--3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6
}

.header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--layerControls)
}

.header.is-scrolled {
    pointer-events: none
}

.header.is-scrolled .header__body, .header.is-scrolled .header__top {
    pointer-events: auto
}

.header.is-scrolled .header__categories {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden
}

.header__body, .header__categories, .header__top {
    background-color: var(--c-white)
}

.header__body-inner, .header__categories-inner, .header__top-inner {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .header__top {
        display: none
    }
}

.header__nav:not(:last-child) {
    margin-right: 30px
}

.header__body {
    border-bottom: var(--border);
    border-top: var(--border);
    padding-bottom: 16px;
    padding-top: 16px
}

@media (max-width: 1024px) {
    .header__body {
        padding-bottom: 8px;
        padding-top: 8px
    }
}

@media (max-width: 767px) {
    .header__body {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media (max-width: 1024px) {
    .header__body-inner {
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .header__body-inner {
        position: relative
    }
}

.header__mobile-menu {
    display: none
}

@media (max-width: 767px) {
    .header__mobile-menu {
        display: block
    }
}

@media (max-width: 1024px) {
    .header__contacts {
        align-items: flex-end;
        display: flex;
        flex-direction: column
    }
}

.header__contacts-link {
    position: relative
}

.header__contacts-link:after {
    background-color: var(--c-main);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 0
}

.header__contacts-link:hover:after {
    width: 100%
}

.header__contacts-link:active:after {
    transform: scale(1.05)
}

.header__contacts-link {
    color: #333;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 8px;
    padding-top: 8px
}

.header__contacts-link:hover {
    color: var(--c-main)
}

.header__contacts-link:not(:last-child) {
    margin-right: min(2.08vw, 40px)
}

@media (max-width: 1024px) {
    .header__contacts-link:not(:last-child) {
        margin-right: 0
    }
}

@media (max-width: 1280px) {
    .header__contacts-link {
        font-size: 14px
    }
}

.header__logo {
    display: flex;
    flex: 0 0 18%
}

.header__logo:not(:last-child) {
    margin-right: min(-2.3125vw, 90px)
}

@media (max-width: 1280px) {
    .header__logo:not(:last-child) {
        margin-right: min(2.08vw, 40px)
    }
}

@media (max-width: 767px) {
    .header__logo:not(:last-child) {
        margin-right: 0
    }
}

@media (max-width: 1024px) {
    .header__logo {
        flex: 0 0 160px
    }
}

@media (max-width: 767px) {
    .header__logo {
        flex: initial;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 140px
    }
}

.header__categories {
    border-bottom: var(--border);
    transition: var(--transition-all)
}

@media (max-width: 767px) {
    .header__categories {
        display: none !important
    }
}

.header__categories-list {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.header__categories-item:not(:last-child) {
    margin-right: min(1.5625vw, 30px)
}

.header__categories-link {
    position: relative
}

.header__categories-link:after {
    background-color: var(--c-main);
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 0
}

.header__categories-link:hover:after {
    width: 100%
}

.header__categories-link:active:after {
    transform: scale(1.05)
}

.header__categories-link {
    display: block;
    font-size: 16px;
    padding-bottom: 16px;
    padding-top: 16px
}

.header__categories-link.is-active, .header__categories-link:hover {
    color: var(--c-main)
}

@media (max-width: 1480px) {
    .header__categories-link {
        font-size: 14px;
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center
    }
}

@media (max-width: 1024px) {
    .header__categories-link {
        font-size: 13px;
        line-height: 1
    }
}

.header__catalog {
    flex-shrink: 0
}

.header__catalog:not(:last-child) {
    margin-right: min(2.08vw, 40px)
}

@media (max-width: 767px) {
    .header__catalog .catalog-overlay__btn {
        display: none
    }
}

.header__search {
    width: 100%
}

.header__search:not(:last-child) {
    border-right: var(--border);
    margin-right: min(2.08vw, 40px);
    padding-right: min(2.08vw, 40px)
}

@media (max-width: 1024px) {
    .header__search:not(:last-child) {
        border-right: none;
        flex-grow: 1;
        margin-right: 0;
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .header__search:not(:last-child) {
        padding-right: 12px
    }
}

@media (max-width: 1024px) {
    .header__search {
        flex: 0 0 40%
    }
}

@media (max-width: 767px) {
    .header__search {
        background-color: var(--c-white);
        border-radius: 0 0 var(--borderRadius) var(--borderRadius);
        border-top: 1px solid var(--c-gray-2);
        box-shadow: 0 10px 13px -4px rgb(35 38 44 / .16);
        left: -12px;
        opacity: 0;
        padding: 17px 12px;
        position: absolute;
        top: calc(100% + 20px);
        transform: translateY(-200%);
        visibility: hidden;
        width: calc(100% + 24px);
        z-index: var(--layerOverlay)
    }

    .dom-is-ready .header__search {
        transition: var(--transition-all)
    }

    .header__search.is-open {
        opacity: 1;
        transform: none;
        visibility: visible
    }
}

.header__open-search-btn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    display: none;
    height: 24px;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 24px
}

.header__open-search-btn-icon.i-icon {
    height: 100%;
    width: 100%
}

.header__open-search-btn-icon.i-icon path {
    fill: #fff0
}

.header__open-search-btn:hover {
    transform: scale(1.05)
}

@media (max-width: 767px) {
    .header__open-search-btn {
        display: flex
    }
}

@media (max-width: 1024px) {
    .header__actions {
        display: flex;
        flex: 0 0 100%;
        justify-content: flex-end;
        margin-top: 12px
    }
}

@media (max-width: 767px) {
    .header__actions {
        display: none
    }
}

.catalog-nav__category-item, .catalog-nav__subcategory-item {
    position: relative
}

.catalog-nav__category-item.opened > .catalog-nav__link, .catalog-nav__subcategory-item.opened > .catalog-nav__link {
    color: var(--c-main)
}

.catalog-nav__category-item.opened > .catalog-nav__arrow-btn, .catalog-nav__subcategory-item.opened > .catalog-nav__arrow-btn {
    transform: rotate(-180deg)
}

.catalog-nav__category-item.opened > .catalog-nav__arrow-btn path, .catalog-nav__subcategory-item.opened > .catalog-nav__arrow-btn path {
    fill: var(--c-main)
}

.catalog-nav__category-link, .catalog-nav__subcategory-link {
    padding-right: 40px
}

.catalog-nav__category-item {
    border-bottom: var(--border)
}

.catalog-nav__category-item:first-child {
    border-top: var(--border)
}

.catalog-nav__category-item.opened .catalog-nav__link:after, .catalog-nav__category-item.opened + .catalog-nav__category-item .catalog-nav__link:before {
    opacity: 1;
    transform: none;
    visibility: visible
}

.catalog-nav__category-link {
    --paddingY: 16px;
    position: relative
}

.catalog-nav__category-link:after, .catalog-nav__category-link:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-main);
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.catalog-nav__category-link:before {
    top: -1px
}

.catalog-nav__category-link:after {
    bottom: -1px
}

.catalog-nav__category-link:hover:after, .catalog-nav__category-link:hover:before {
    opacity: 1;
    visibility: visible
}

.catalog-nav__category-link {
    font-size: 16px;
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY)
}

.catalog-nav__category-arrow-btn {
    top: 12px
}

.catalog-nav__complementary-category-list, .catalog-nav__subcategory-list {
    height: 0;
    min-height: 0;
    overflow: hidden;
    transition: min-height .6s ease
}

.catalog-nav__complementary-category-link, .catalog-nav__subcategory-link {
    font-size: 15px
}

.catalog-nav__subcategory-item {
    --paddingY: 6px;
    padding-bottom: var(--paddingY);
    padding-left: 25px;
    padding-top: var(--paddingY)
}

.catalog-nav__subcategory-item:first-child {
    padding-top: calc(var(--paddingY) * 2)
}

.catalog-nav__subcategory-item:last-child {
    padding-bottom: calc(var(--paddingY) * 2)
}

.catalog-nav__subcategory-item.opened .catalog-nav__complementary-category-list {
    height: auto
}

.catalog-nav__subcategory-item .catalog-nav__arrow-btn {
    top: 4px
}

.catalog-nav__subcategory-link.active {
    color: var(--c-main)
}

.catalog-nav__complementary-category-item {
    --paddingY: 4px;
    padding-bottom: var(--paddingY);
    padding-left: 28px;
    padding-top: var(--paddingY)
}

.catalog-nav__complementary-category-item:first-child {
    padding-top: calc(var(--paddingY) * 2)
}

.catalog-nav__complementary-category-link {
    color: var(--c-gray-6)
}

.catalog-nav__category-item.opened .catalog-nav__subcategory-list {
    height: auto
}

.catalog-nav__link {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.catalog-nav__arrow-btn {
    --size: 32px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    height: var(--size);
    justify-content: center;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: left;
    width: var(--size)
}

.catalog-nav__arrow-btn:hover path {
    fill: var(--c-main)
}

.catalog-nav__arrow-btn-icon {
    height: 8px;
    width: 12px
}

.catalog-nav__arrow-btn path {
    fill: var(--c-gray-2)
}

.preloader {
    --margin: 60px;
    display: grid;
    height: 100vh;
    left: 0;
    place-items: center;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100vw;
    z-index: var(--layerModal)
}

@supports (-webkit-touch-callout:none) {
    .preloader {
        height: -webkit-fill-available
    }
}

@media (max-width: 1024px) {
    .preloader {
        --margin: 40px
    }
}

@media (max-width: 767px) {
    .preloader {
        --margin: 20px
    }
}

.preloader.is-open {
    visibility: visible
}

.preloader__left, .preloader__right {
    align-items: center;
    background-color: var(--c-white);
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all .65s ease-out;
    visibility: hidden;
    width: 50%
}

.preloader.is-open .preloader__left, .preloader.is-open .preloader__right {
    transform: none;
    transition: initial;
    visibility: visible
}

@media (max-width: 767px) {
    .preloader__left, .preloader__right {
        align-items: center;
        flex-direction: column;
        height: 50%;
        width: 100%
    }
}

.preloader__left {
    justify-content: flex-end;
    left: 0;
    padding-right: var(--margin);
    transform: translateX(-100%)
}

@media (max-width: 767px) {
    .preloader__left {
        padding-bottom: var(--margin);
        padding-right: 0;
        transform: translateY(-100%)
    }
}

.preloader__right {
    padding-left: var(--margin);
    right: 0;
    transform: translateX(100%)
}

@media (max-width: 767px) {
    .preloader__right {
        bottom: 0;
        padding-left: 0;
        padding-top: var(--margin);
        top: auto;
        transform: translateY(100%)
    }
}

.preloader__logo {
    display: flex;
    pointer-events: none
}

.preloader__counter {
    align-items: flex-end;
    display: flex;
    font-size: 42px;
    line-height: 1.2
}

.preloader__nums {
    height: 1em;
    position: relative;
    width: 32px
}

.preloader__num {
    font-size: 42px;
    left: 50%;
    line-height: 1.2;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .1s ease-in-out
}

.preloader__num:not(.is-active) {
    transform: translate(-50%, 50%)
}

.preloader__num.is-leave, .preloader__num:not(.is-active) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden
}

.preloader__num.is-leave {
    transform: translate(-50%, -150%)
}

.preloader__sign {
    color: var(--c-main);
    font-size: .75em
}

.date-picker {
    --pmuButtonColor: var(--c-black);
    --pmuNotInMotnColor: var(--c-gray-1);
    --pmuNavButtonColor: var(--c-main);
    position: relative;
    width: 100%
}

.date-picker__input-wrap {
    display: flex;
    position: relative
}

.date-picker__toggle {
    --sizes: 30px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    height: var(--sizes);
    justify-content: center;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    width: var(--sizes)
}

@media (max-width: 767px) {
    .date-picker__toggle {
        right: 10px
    }
}

.date-picker__toggle:before {
    content: "";
    height: 150%;
    position: absolute;
    right: -20px;
    top: -8px;
    width: 150%
}

@media (max-width: 767px) {
    .date-picker__toggle:before {
        right: -8px
    }
}

.date-picker__toggle:hover path {
    fill: var(--c-main)
}

.date-picker .pickmeup {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-white);
    border: 1px solid var(--c-gray-2);
    border-radius: 16px;
    opacity: 0;
    position: absolute !important;
    top: calc(100% + 10px);
    transform: translateY(5%);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out;
    visibility: hidden;
    z-index: 10
}

.date-picker .pmu-instance nav .pmu-month {
    color: var(--pmuButtonColor);
    transition: color .2s
}

.date-picker .pmu-instance nav .pmu-month:hover {
    color: var(--c-main) !important
}

.date-picker .pmu-days .pmu-button, .date-picker .pmu-months .pmu-button, .date-picker .pmu-years .pmu-button {
    border-radius: 5px;
    transition: color .3s, background-color .3s
}

.date-picker .pmu-days .pmu-button.pmu-selected, .date-picker .pmu-days .pmu-button:hover, .date-picker .pmu-months .pmu-button.pmu-selected, .date-picker .pmu-months .pmu-button:hover, .date-picker .pmu-years .pmu-button.pmu-selected, .date-picker .pmu-years .pmu-button:hover {
    background-color: var(--c-main) !important;
    color: var(--c-white) !important
}

.date-picker .pmu-days .pmu-button.pmu-not-in-month, .date-picker .pmu-months .pmu-button.pmu-not-in-month, .date-picker .pmu-years .pmu-button.pmu-not-in-month {
    color: var(--c-gray-1)
}

.date-picker .pmu-days .pmu-button.pmu-today, .date-picker .pmu-months .pmu-button.pmu-today, .date-picker .pmu-years .pmu-button.pmu-today {
    background-color: initial;
    color: var(--pmuButtonColor)
}

.date-picker .pmu-days .pmu-button.pmu-disabled, .date-picker .pmu-months .pmu-button.pmu-disabled, .date-picker .pmu-years .pmu-button.pmu-disabled {
    opacity: .4
}

.date-picker .pmu-days .pmu-button.pmu-disabled:hover, .date-picker .pmu-months .pmu-button.pmu-disabled:hover, .date-picker .pmu-years .pmu-button.pmu-disabled:hover {
    background-color: initial !important;
    color: var(--c-gray-1) !important
}

.date-picker .pmu-days .pmu-button:not(.pmu-not-in-month), .date-picker .pmu-months .pmu-button:not(.pmu-not-in-month), .date-picker .pmu-years .pmu-button:not(.pmu-not-in-month) {
    color: var(--pmuButtonColor)
}

.date-picker .pmu-button.pmu-next, .date-picker .pmu-button.pmu-prev {
    color: var(--c-main) !important;
    transition: color .4s
}

.date-picker .pmu-button.pmu-next:hover, .date-picker .pmu-button.pmu-prev:hover {
    color: var(--c-black) !important
}

.date-picker.is-shown .pickmeup {
    opacity: 1;
    transform: none;
    visibility: visible
}

.pickmeup {
    background: #000;
    border-radius: .4em;
    box-sizing: initial;
    display: inline-block;
    position: absolute;
    touch-action: manipulation
}

.pickmeup * {
    box-sizing: border-box
}

.pickmeup.pmu-flat {
    position: relative
}

.pickmeup.pmu-hidden {
    display: none
}

.pickmeup .pmu-instance {
    display: inline-block;
    height: 13.8em;
    padding: .5em;
    text-align: center;
    width: 15em
}

.pickmeup .pmu-instance .pmu-button {
    color: #eee;
    cursor: pointer;
    outline: none;
    text-decoration: none
}

.pickmeup .pmu-instance .pmu-today {
    background: #17384d;
    color: #88c5eb
}

.pickmeup .pmu-instance .pmu-button:hover {
    background: #fff0;
    color: #88c5eb
}

.pickmeup .pmu-instance .pmu-not-in-month {
    color: #666
}

.pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover {
    color: #333;
    cursor: default
}

.pickmeup .pmu-instance .pmu-selected {
    background: #136a9f;
    color: #eee
}

.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
    background: #17384d
}

.pickmeup .pmu-instance nav {
    color: #eee;
    display: flex;
    line-height: 2em
}

.pickmeup .pmu-instance nav :first-child :hover {
    color: #88c5eb
}

.pickmeup .pmu-instance nav .pmu-next, .pickmeup .pmu-instance nav .pmu-prev {
    display: none;
    height: 2em;
    width: 1em
}

.pickmeup .pmu-instance nav .pmu-month {
    width: 14em
}

.pickmeup .pmu-instance .pmu-months *, .pickmeup .pmu-instance .pmu-years * {
    display: inline-block;
    line-height: 3.6em;
    width: 3.5em
}

.pickmeup .pmu-instance .pmu-day-of-week {
    color: #999;
    cursor: default
}

.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    line-height: 1.5em;
    width: 2em
}

.pickmeup .pmu-instance .pmu-day-of-week * {
    line-height: 1.8em
}

.pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next {
    display: block
}

.pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month {
    width: 13em
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: 12em
}

.pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
    display: none
}

.rating {
    --height: 21px;
    --actionColor: var(--c-accent);
    display: inline-block;
    font-size: var(--height);
    height: var(--height);
    line-height: var(--height);
    position: relative
}

.rating:hover .rating__label:hover .rating__input ~ .rating__icon path, .rating:not(:hover) .rating__input:checked ~ .rating__icon path {
    fill: var(--actionColor)
}

.rating__checkbox.is-invalid:not(:checked) ~ .rating__label path {
    stroke: var(--c-red)
}

.rating:hover .rating__label .rating__icon path {
    stroke: var(--c-gray-9)
}

.rating__label {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.rating__label:last-child {
    position: static
}

.rating__label:last-child .rating__icon {
    color: var(--c-black)
}

.rating__label:first-child {
    z-index: 5
}

.rating__label:nth-child(2) {
    z-index: 4
}

.rating__label:nth-child(3) {
    z-index: 3
}

.rating__label:nth-child(4) {
    z-index: 2
}

.rating__label:nth-child(5) {
    z-index: 1
}

.rating__input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.rating__icon {
    align-items: center;
    display: flex;
    float: left;
    justify-content: center
}

.rating__icon:not(:last-child) {
    margin-right: 10px
}

.rating__icon .i-icon {
    --size: var(--height)
}

.rating__icon path {
    fill: #fff0;
    stroke: var(--c-gray-9)
}

.auth-tile {
    background: var(--c-white);
    border-radius: 16px;
    box-shadow: 0 2px 12px rgb(35 38 44 / .16);
    max-width: 480px;
    padding: 20px 80px;
    width: 100%
}

@media (max-width: 767px) {
    .auth-tile {
        padding: 22px 20px 30px
    }
}

.auth-tile__title {
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center
}

.auth-tile__body {
    margin-bottom: 16px
}

.auth-tile__success {
    text-align: center
}

.auth-tile__success-image {
    height: 140px;
    margin: 0 auto 30px;
    width: 130px
}

.auth-tile__success .btn {
    width: 160px
}

.auth-tile__success-text {
    margin-bottom: 30px
}

.auth-tile__bottom--border {
    border-top: 1px solid var(--c-gray-2);
    padding-top: 16px
}

.auth-tile__bottom-link {
    cursor: pointer;
    font-size: 16px;
    justify-content: center;
    text-align: center;
    width: 100%
}

.login-form .btn {
    width: 100%
}

.footer {
    --indentHor: min(100px, 6vw);
    background-color: var(--c-black);
    color: var(--c-white)
}

@media (max-width: 1480px) {
    .footer {
        --indentHor: min(80px, 4vw)
    }
}

@media (max-width: 1366px) {
    .footer {
        --indentHor: min(20px, 3vw)
    }
}

.footer__body {
    --paddingVer: 40px;
    border-bottom: 1px solid var(--c-gray-7);
    padding-bottom: var(--paddingVer);
    padding-top: var(--paddingVer)
}

@media (max-width: 767px) {
    .footer__body .container {
        padding: 0
    }

    .footer__body {
        --paddingVer: 20px;
        padding-bottom: 30px
    }
}

.footer__body-inner {
    display: flex
}

@media (max-width: 1080px) {
    .footer__body-inner {
        display: block
    }
}

@media (max-width: 767px) {
    .footer__body-inner {
        padding: 0
    }
}

.footer__info {
    padding-bottom: 14px;
    padding-top: 20px
}

@media (max-width: 767px) {
    .footer__info {
        padding-bottom: 70px;
        padding-top: 30px
    }
}

.footer__info-inner {
    display: flex
}

@media (max-width: 1080px) {
    .footer__info-inner {
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .footer__info-inner {
        flex-direction: column;
        text-align: center
    }
}

.footer__about, .footer__copyright {
    flex: 0 0 25%;
    padding-right: calc(var(--indentHor) * .4)
}

@media (max-width: 1080px) {
    .footer__about, .footer__copyright {
        padding-right: 0
    }
}

.footer__about {
    align-items: flex-start;
    border-right: 1px solid var(--c-gray-7);
    display: flex;
    flex-direction: column
}

@media (max-width: 1080px) {
    .footer__about {
        border-bottom: 1px solid var(--c-gray-7);
        border-right: initial;
        display: grid;
        grid-template-columns:1fr 1fr;
        margin-bottom: 40px;
        padding-bottom: 40px
    }

    .footer__about > :not(:last-child) {
        grid-column: 1/2
    }

    .footer__about > :last-child {
        grid-column: 2/3;
        grid-row: 1/2
    }

    .footer__about > :last-child .socials__item:not(:last-child) {
        margin-right: 40px
    }

    @media (max-width: 767px) {
        .footer__about {
            display: flex;
            margin-bottom: 30px;
            padding-bottom: 30px;
            padding-left: 12px;
            padding-right: 12px
        }
    }
}

.footer__copyright:not(:last-child) {
    margin-bottom: 0
}

@media (max-width: 1080px) {
    .footer__copyright:not(:last-child) {
        margin-right: 30px
    }
}

@media (max-width: 767px) {
    .footer__copyright:not(:last-child) {
        margin-right: 0
    }

    .footer__copyright:not(:last-child), .footer__policy-link:not(:last-child) {
        margin-bottom: 30px
    }

    .footer__logo {
        max-width: 40vw
    }
}

.footer__logo:not(:last-child) {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .footer__logo:not(:last-child) {
        margin-bottom: 14px
    }
}

.footer__logo path {
    fill: var(--c-white)
}

.footer__address {
    font-size: 16px
}

.footer__address:not(:last-child) {
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .footer__address:not(:last-child) {
        margin-bottom: 18px
    }
}

.footer__phone-link {
    color: inherit;
    font-size: 24px;
    font-weight: 500
}

.footer__phone-link:not(:last-child) {
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .footer__phone-link:not(:last-child) {
        margin-bottom: 18px
    }
}

.footer__email-link {
    color: var(--c-main);
    font-size: 16px
}

.footer__email-link:hover {
    text-decoration: underline
}

.footer__email-link:not(:last-child) {
    margin-bottom: 40px
}

@media (max-width: 1080px) {
    .footer__email-link:not(:last-child) {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .footer__email-link:not(:last-child) {
        margin-bottom: 18px
    }
}

.footer__link {
    color: inherit;
    font-size: 16px
}

.footer__navigation {
    width: 100%
}

.footer__main-nav {
    border-bottom: 1px solid var(--c-gray-7);
    margin-left: calc(var(--indentHor) * .4);
    padding-bottom: 40px;
    padding-left: calc(var(--indentHor) * .6);
    padding-right: calc(var(--indentHor) * .6)
}

.footer__main-nav:not(:last-child) {
    margin-bottom: 35px
}

@media (max-width: 767px) {
    .footer__main-nav:not(:last-child) {
        margin-bottom: 30px
    }
}

@media (max-width: 1080px) {
    .footer__main-nav {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .footer__main-nav {
        padding-bottom: 30px;
        padding-left: 12px;
        padding-right: 12px
    }
}

.footer__main-nav-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 15px max(30px, calc(var(--indentHor) * .52))
}

@media (max-width: 1080px) {
    .footer__main-nav-list {
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .footer__main-nav-list {
        grid-gap: 25px;
        display: grid;
        grid-template-columns:1fr 1fr
    }
}

.footer__main-nav-link {
    display: block
}

.footer__extra-nav {
    display: flex
}

@media (max-width: 767px) {
    .footer__extra-nav {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .footer__extra-nav-list:first-child {
        border-right: initial
    }

    .footer__extra-nav-list:not(:last-child) {
        border-bottom: 1px solid var(--c-gray-7);
        margin-bottom: 30px;
        padding-bottom: 30px
    }

    .footer__extra-nav-list {
        padding-left: 12px;
        padding-right: 12px
    }
}

.footer__extra-nav-item:not(:last-child) {
    margin-bottom: 10px
}

.footer__extra-nav-link {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
}

.footer__extra-nav-list:not(:last-child), .footer__policy-link {
    margin-right: var(--indentHor)
}

@media (max-width: 767px) {
    .footer__extra-nav-list:not(:last-child), .footer__policy-link {
        margin-right: 0
    }
}

.footer__extra-nav-list:first-child, .footer__policy-link {
    margin-left: var(--indentHor);
    padding-right: calc(var(--indentHor) * .875)
}

@media (max-width: 1080px) {
    .footer__extra-nav-list:first-child, .footer__policy-link {
        flex: initial;
        margin-left: 0;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .footer__extra-nav-list:first-child, .footer__policy-link {
        margin-right: 0;
        padding-right: 0
    }

    .footer__extra-nav-list:first-child {
        padding-left: 12px;
        padding-right: 12px
    }
}

.footer__copyright, .footer__policy-link, .footer__sitemap-link {
    font-size: 15px
}

.footer__policy-link, .footer__sitemap-link {
    color: inherit
}

.footer__de {
    margin-left: auto
}

@media (max-width: 767px) {
    .footer__de {
        margin-right: auto;
        margin-top: 30px
    }
}

.breadcrumbs {
    clear: both;
    color: var(--c-gray-9);
    display: flex;
    flex-flow: row wrap;
    font-size: 15px;
    list-style: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.breadcrumbs:not(:last-child) {
    margin-bottom: 50px
}

.breadcrumbs__item {
    display: flex
}

.breadcrumbs__item:not(:last-child):after {
    content: "/";
    margin-left: 12px;
    margin-right: 12px
}

.breadcrumbs__link {
    color: currentColor;
    max-width: calc(100vw - var(--gridPadding) * 2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumbs__link:hover {
    color: var(--c-main)
}

.copyright {
    display: flex
}

.copyright img {
    border: 0;
    display: block;
    max-width: 100%;
    margin: -3px 0 0 0
}

.logo {
    display: inline-flex
}

.logo__link {
    border: 0;
    color: inherit;
    color: #fff0;
    display: inherit;
    text-decoration: none
}

.logo__link:hover {
    color: #fff0;
    transform: scale(1.025) translateZ(0)
}

.logo svg {
    height: 100%;
    max-width: 270px;
    width: 100%
}

.btn {
    --btnDisplay: inline-flex;
    --btnWidth: auto;
    --btnHeight: var(--inputHeight);
    --btnHorPaddings: 24px;
    --btnFontSize: 16px;
    --btnLineHeight: 1;
    --btnFontWeight: 500;
    --btnTextColor: var(--c-main);
    --btnHoverTextColor: var(--c-white);
    --btnBgColor: var(--c-white);
    --btnHoverBgColor: var(--c-main);
    --btnBorder: 2px solid var(--c-main);
    --btnHoverBorderColor: var(--c-main);
    --btnBorderRadius: 25px;
    --btnCursor: pointer;
    --btnTextAlign: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--btnBgColor);
    border: var(--btnBorder);
    border-radius: var(--btnBorderRadius);
    color: var(--btnTextColor);
    cursor: var(--btnCursor);
    display: var(--btnDisplay);
    font-size: var(--btnFontSize);
    font-weight: var(--btnFontWeight);
    height: var(--btnHeight);
    justify-content: center;
    line-height: var(--btnLineHeight);
    outline: none;
    text-align: var(--btnTextAlign);
    text-decoration: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: var(--btnWidth)
}

.btn__label {
    position: relative
}

.btn__label:only-child {
    margin-left: var(--btnHorPaddings);
    margin-right: var(--btnHorPaddings)
}

.btn__label:not(:only-child):first-child {
    margin-left: var(--btnHorPaddings);
    margin-right: calc(var(--btnHorPaddings) / 2)
}

.btn__label:not(:only-child):last-child {
    margin-left: calc(var(--btnHorPaddings) / 2);
    margin-right: var(--btnHorPaddings)
}

.btn__label--suffix:last-child {
    padding-right: var(--btnHorPaddings)
}

.btn__label--suffix:last-child .btn__suffix {
    left: auto;
    right: 0
}

.btn__icon--before, .btn__label--suffix ~ .btn__icon--after {
    margin-left: var(--btnHorPaddings)
}

.btn__icon--after {
    margin-right: var(--btnHorPaddings)
}

.btn:hover {
    background-color: var(--btnHoverBgColor);
    border-color: var(--btnHoverBorderColor);
    color: var(--btnHoverTextColor)
}

.btn:hover .btn__icon * {
    fill: var(--btnHoverTextColor)
}

.btn:active {
    transform: scale(1.015) translateZ(0)
}

.btn[disabled] {
    --btnCursor: not-allowed;
    border-color: var(--c-gray-2);
    color: var(--c-gray-2)
}

.btn[disabled]:hover {
    background-color: initial
}

.btn--blank {
    --btnBorder: 0;
    --btnHeight: auto;
    --btnBgColor: transparent;
    --btnHoverBgColor: transparent;
    --btnTextAlign: left;
    --btnHorPaddings: 0;
    justify-content: flex-start
}

.btn--blank:hover {
    color: var(--c-main)
}

.btn--blank:active {
    transform: none
}

.btn--colorful {
    --btnTextColor: var(--c-white);
    --btnHoverTextColor: var(--c-main);
    --btnBgColor: var(--c-main);
    --btnHoverBgColor: var(--c-white)
}

.btn--colorful[disabled] {
    border-color: var(--c-gray-2);
    color: var(--c-white)
}

.btn--colorful[disabled], .btn--colorful[disabled]:hover {
    background-color: var(--c-gray-2)
}

.btn--on-dark-bg {
    background-color: initial;
    border-color: var(--c-white);
    color: var(--c-white)
}

.btn--on-dark-bg .btn__icon * {
    fill: var(--c-white)
}

.btn--on-dark-bg.btn--colorful {
    background-color: var(--c-white);
    border-color: var(--c-white);
    color: var(--c-black)
}

.btn--on-dark-bg.btn--colorful .btn__icon * {
    fill: var(--c-black)
}

.btn--on-dark-bg.btn--colorful:hover {
    background-color: var(--c-main);
    border-color: var(--c-main);
    color: var(--c-white)
}

.btn--on-dark-bg.btn--colorful:hover .btn__icon * {
    fill: var(--c-white)
}

.btn--wide {
    width: 100%
}

.btn * {
    pointer-events: none
}

.btn__icon * {
    fill: var(--btnTextColor)
}

.btn__suffix {
    bottom: 4px;
    font-weight: 400;
    left: calc(100% + 7px);
    position: absolute
}

.btn.is-loading {
    opacity: .5;
    pointer-events: none
}

@media (max-width: 767px) {
    .btn--compact-on-mobile .btn__label {
        margin-left: 15px;
        margin-right: 15px
    }
}

.form-input {
    --width: 100%;
    --height: var(--inputHeight);
    --textareaHeight: 180px;
    --padding: var(--inputPadding);
    --fontSize: var(--inputFontSize);
    --fontColor: var(--c-black);
    --bgColor: var(--c-white);
    --border: 1px solid var(--c-gray-3);
    --borderRadius: var(--inputBorderRadius);
    --placeHolderColor: var(--c-gray-2);
    --hoverBorderColor: var(--c-gray-6);
    --focusBorderColor: var(--c-black);
    --errorBorderColor: var(--c-main);
    --cursor: text;
    background-color: var(--bgColor);
    border: var(--border);
    border-radius: var(--borderRadius);
    color: var(--fontColor);
    cursor: var(--cursor);
    font-size: var(--fontSize);
    height: var(--height);
    line-height: var(--lineHeight);
    padding: var(--padding);
    width: var(--width)
}

.form-input[disabled], .form-input[readonly] {
    --cursor: not-allowed
}

textarea.form-input {
    height: var(--textareaHeight);
    padding-bottom: 18px;
    padding-top: 18px
}

.form-input::-ms-input-placeholder {
    color: var(--placeHolderColor);
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-input::placeholder {
    color: var(--placeHolderColor);
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-input:hover {
    border-color: var(--hoverBorderColor)
}

.form-input:focus:not(button) {
    border-color: var(--focusBorderColor)
}

.form-input.is-invalid {
    border-color: var(--errorBorderColor)
}

.form-input--textarea {
    border-radius: var(--borderRadius);
    max-height: 75vh
}

.checkbox, .radio {
    --size: 18px;
    --iconSize: 12px;
    --iconScale: 0;
    --iconOpacity: 0;
    --iconOffset: 12px;
    --iconFilter: grayscale(100%);
    --iconCheckedFilter: brightness(0) invert(1);
    --iconTransform: none;
    --iconCheckedTransform: none;
    --iconHoverTransform: none;
    cursor: default;
    display: flex;
    pointer-events: none;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox label, .radio label {
    display: inherit
}

.checkbox:hover .checkbox__input:not([disabled]):not(:checked) ~ .form-input, .checkbox:hover .radio__input:not([disabled]):not(:checked) ~ .form-input, .radio:hover .checkbox__input:not([disabled]):not(:checked) ~ .form-input, .radio:hover .radio__input:not([disabled]):not(:checked) ~ .form-input {
    border-color: var(--hoverBorderColor)
}

.checkbox__input, .radio__input {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.checkbox__input.is-invalid ~ .checkbox__emulator, .checkbox__input.is-invalid ~ .radio__emulator, .radio__input.is-invalid ~ .checkbox__emulator, .radio__input.is-invalid ~ .radio__emulator {
    border-color: var(--c-main)
}

.checkbox__input[disabled] ~ .form-input, .checkbox__input[disabled] ~ label .form-input, .radio__input[disabled] ~ .form-input, .radio__input[disabled] ~ label .form-input {
    --cursor: not-allowed;
    --hoverBorderColor: var(--c-gray-6);
    opacity: .25
}

.checkbox__input[disabled] ~ .checkbox__label, .checkbox__input[disabled] ~ .radio__label, .checkbox__input[disabled] ~ label .checkbox__label, .checkbox__input[disabled] ~ label .radio__label, .radio__input[disabled] ~ .checkbox__label, .radio__input[disabled] ~ .radio__label, .radio__input[disabled] ~ label .checkbox__label, .radio__input[disabled] ~ label .radio__label {
    cursor: not-allowed
}

.checkbox__input:checked:hover ~ .form-input, .checkbox__input:checked:hover ~ label .form-input, .radio__input:checked:hover ~ .form-input, .radio__input:checked:hover ~ label .form-input {
    border-color: var(--hoverBorderColor)
}

.checkbox__input:checked:hover ~ .checkbox__emulator.form-input:after, .checkbox__input:checked:hover ~ .radio__emulator.form-input:after, .radio__input:checked:hover ~ .checkbox__emulator.form-input:after, .radio__input:checked:hover ~ .radio__emulator.form-input:after {
    background-image: url(icon-check-red.svg);
    filter: none
}

.checkbox__input:checked ~ .form-input:after, .checkbox__input:checked ~ label .form-input:after, .radio__input:checked ~ .form-input:after, .radio__input:checked ~ label .form-input:after {
    opacity: 1;
    transform: var(--iconCheckedTransform);
    visibility: visible
}

.checkbox__input:checked ~ .checkbox__label, .checkbox__input:checked ~ .radio__label, .radio__input:checked ~ .checkbox__label, .radio__input:checked ~ .radio__label {
    color: var(--c-black)
}

.checkbox__input:checked ~ .checkbox__label .checkbox__suffix, .checkbox__input:checked ~ .checkbox__label .radio__suffix, .checkbox__input:checked ~ .radio__label .checkbox__suffix, .checkbox__input:checked ~ .radio__label .radio__suffix, .radio__input:checked ~ .checkbox__label .checkbox__suffix, .radio__input:checked ~ .checkbox__label .radio__suffix, .radio__input:checked ~ .radio__label .checkbox__suffix, .radio__input:checked ~ .radio__label .radio__suffix {
    color: var(--c-main)
}

.checkbox__input:checked ~ .radio__emulator, .radio__input:checked ~ .radio__emulator {
    border-color: var(--c-main)
}

.checkbox__input:checked ~ .checkbox__error, .checkbox__input:checked ~ .radio__error, .radio__input:checked ~ .checkbox__error, .radio__input:checked ~ .radio__error {
    display: none
}

.checkbox__emulator.form-input, .radio__emulator.form-input {
    --width: var(--size);
    --height: var(--size);
    --padding: 0;
    --hoverBorderColor: var(--c-main);
    --cursor: pointer;
    align-items: center;
    border: 2px solid var(--c-black);
    border-radius: 2px;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    pointer-events: auto;
    position: relative;
    top: 2px
}

.dom-is-ready .checkbox__emulator.form-input, .dom-is-ready .radio__emulator.form-input {
    transition: var(--transition-all)
}

.checkbox__emulator.form-input:after, .radio__emulator.form-input:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(icon-check.svg) no-repeat 50% 50%/var(--iconSize) var(--iconSize);
    content: "";
    filter: var(--iconFilter);
    height: 100%;
    opacity: 0;
    opacity: var(--iconOpacity);
    transform: var(--iconTransform);
    transform-origin: 50% 50%;
    visibility: hidden;
    width: 100%
}

.checkbox__error, .radio__error {
    left: 0;
    position: absolute;
    top: calc(100% + 10px)
}

.checkbox__label, .radio__label {
    color: var(--c-gray-6);
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 1.62;
    padding-left: var(--iconOffset);
    pointer-events: auto
}

.checkbox__label--flex, .radio__label--flex {
    display: flex;
    flex-flow: row wrap
}

.checkbox__label a, .radio__label a {
    text-decoration: underline
}

.checkbox__suffix, .radio__suffix {
    bottom: 10px;
    font-size: 14px;
    line-height: 1.57;
    position: relative
}

.checkbox__emulator {
    border-radius: 0
}

.radio {
    --iconTransform: scale(0) translateZ(0);
    --iconHoverTransform: var(--iconTransform);
    --iconCheckedTransform: scale(1) translateZ(0);
    --iconCheckedFilter: none
}

.radio__emulator.form-input {
    border-radius: 50%
}

.radio__emulator.form-input:after {
    --size: 10px;
    background: var(--c-main);
    border-radius: inherit;
    filter: none;
    height: var(--size);
    width: var(--size)
}

.checkbox-card {
    --iconWrapperSize: 60px;
    height: 100%;
    padding-top: calc(var(--iconWrapperSize) / 2)
}

.checkbox-card__input:checked ~ .checkbox-card__icon-wrapper {
    background-color: var(--c-main);
    border-color: var(--c-main)
}

.checkbox-card__input:checked ~ .checkbox-card__icon-wrapper path {
    fill: var(--c-white)
}

.checkbox-card__input:checked ~ .checkbox-card__title {
    text-shadow: 0 0 0 var(--c-black)
}

.checkbox-card__input:checked ~ .checkbox-card__border {
    border-color: var(--c-main)
}

.checkbox-card__label {
    align-items: flex-start;
    background-color: var(--c-white);
    border: var(--border);
    border-radius: var(--borderRadius);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 37px 18px 22px;
    position: relative
}

.checkbox-card__label:hover {
    box-shadow: var(--boxShadow)
}

.checkbox-card__icon-wrapper {
    align-items: center;
    background-color: var(--c-white);
    border: var(--border);
    border-radius: 50%;
    bottom: calc(100% - var(--iconWrapperSize) / 2);
    display: flex;
    height: var(--iconWrapperSize);
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: var(--transition-all);
    width: var(--iconWrapperSize);
    z-index: 1
}

.checkbox-card__icon-wrapper svg {
    --size: 34px
}

.checkbox-card__icon-wrapper path {
    fill: var(--c-main)
}

.checkbox-card__title {
    transition: var(--transition-all)
}

.checkbox-card__title:not(:last-child) {
    margin-bottom: 9px
}

.checkbox-card__subtitle {
    color: var(--c-gray-6);
    font-size: 15px
}

.checkbox-card__subtitle:not(:last-child) {
    margin-bottom: 20px
}

.checkbox-card__border {
    border: 2px solid #fff0;
    border-radius: inherit;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%
}

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

a.attachment:not(:hover) {
    color: var(--c-white)
}

a.attachment:after {
    content: none
}

a.attachment .attachment__info {
    padding-right: 0
}

.attachment__info {
    padding-right: 30px
}

.attachment__name {
    cursor: help;
    max-width: 299px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dom-is-ready .attachment__name {
    transition: color .2s
}

.attachment__name:hover {
    color: var(--c-main)
}

.attachment__remove {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    right: -13px;
    top: -2px;
    width: 30px
}

.attachment__remove:hover path {
    fill: var(--c-main)
}

.attachment__remove .i-icon {
    --size: 14px
}

.attachment__remove path {
    fill: var(--c-black)
}

.attachment__size {
    font-size: 12px
}

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

.socials__item:not(:last-child) {
    margin-right: 12px
}

.socials__link {
    --size: 46px;
    align-items: center;
    border: 2px solid var(--c-gray-2);
    border-radius: 50%;
    display: flex;
    height: var(--size);
    justify-content: center;
    width: var(--size)
}

.socials__link[title=RUTUBE] svg {
    height: auto;
    max-height: 100%;
    max-width: calc(100% - 8px);
    width: auto
}

.socials__link:hover {
    border-color: var(--c-main)
}

.socials__link:hover .socials__icon * {
    fill: var(--c-main)
}

.socials__link:active {
    transform: scale(1.05) translateZ(0)
}

.banner, .banner__body, .banner__item.swiper-slide, .banner__list.swiper-wrapper, .banner__slider, .banner__swiper-container.swiper-container {
    height: 100%
}

.banner__item {
    border-radius: var(--borderRadius);
    max-height: 445px;
    min-height: 178px;
    overflow: hidden
}

.banner__picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.banner__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.banner__body {
    padding: 96px 5%
}

@media (max-width: 767px) {
    .banner__body {
        padding: 40px 15px 60px
    }
}

@media (max-width: 600px) {
    .banner__body {
        padding: 20px 15px 50px
    }
}

.banner__title.h2, h2.banner__title {
    font-size: calc(11.53846px + 1.79487vw)
}

@media (min-width: 1921px) {
    .banner__title.h2, h2.banner__title {
        font-size: 46px
    }
}

.banner__title.h2, h2.banner__title {
    font-weight: 500
}

.banner__title {
    max-width: 68%
}

@media (max-width: 600px) {
    .banner__title {
        max-width: 80%
    }
}

.banner__controls {
    bottom: 27px;
    left: 5%;
    position: absolute;
    z-index: var(--layerControls)
}

@media (max-width: 767px) {
    .banner__controls {
        bottom: 15px
    }
}

@media (max-width: 600px) {
    .banner__controls {
        bottom: 10px
    }
}

.slider-buttons {
    align-items: center;
    display: flex
}

@media (max-width: 767px) {
    .slider-buttons {
        display: none
    }
}

.slider-buttons__btn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 20px
}

.slider-buttons__btn:hover {
    transform: scale(1.05)
}

.slider-buttons__btn:disabled {
    pointer-events: none
}

.slider-buttons__btn--prev {
    margin-right: 24px
}

.slider-buttons__btn-icon.i-icon {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.slider-buttons__btn-icon.i-icon path {
    fill: var(--c-main)
}

.slider-buttons__btn[disabled] .slider-buttons__btn-icon.i-icon path {
    fill: var(--c-gray-2)
}

.slider-controls {
    align-items: center;
    display: flex
}

.slider-controls__buttons:not(:last-child) {
    margin-right: 36px
}

@media (max-width: 767px) {
    .slider-controls__buttons {
        display: none
    }
}

.slider-controls__pagination {
    align-items: center;
    display: flex
}

.slider-controls .swiper-pagination-bullet {
    background: initial;
    border-radius: initial;
    height: 20px;
    position: relative;
    width: 30px
}

.dom-is-ready .slider-controls .swiper-pagination-bullet {
    transition: var(--transition-all)
}

.slider-controls .swiper-pagination-bullet:before {
    background-color: var(--c-gray-8);
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.slider-controls .swiper-pagination-bullet-active {
    width: 60px
}

.slider-controls .swiper-pagination-bullet-active:before {
    background-color: var(--c-black)
}

.slider-controls .swiper-pagination-bullet:not(:last-child) {
    margin-right: 12px
}

.rating-preview {
    align-items: center;
    display: inline-flex
}

.rating-preview__star {
    height: 16px;
    width: 17px
}

.rating-preview__star:not(:last-child) {
    margin-right: 8px
}

.rating-preview__star--0 path, .rating-preview__star--50 path:first-child {
    fill: var(--c-gray-2)
}

.rating-preview__star--100 path, .rating-preview__star--50 path:last-child {
    fill: var(--c-accent)
}

.news-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.news-card__image-wrapper {
    display: block;
    flex-grow: 1;
    margin-bottom: 20px
}

.news-card__image-wrapper img {
    border-radius: clamp(10px, .8vw, 16px);
    height: 100%;
    max-height: 220px;
    object-fit: cover;
    width: 100%
}

.news-card__top {
    color: var(--c-gray-9);
    display: flex;
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 12px;
    position: relative
}

.news-card__date:not(:only-child) {
    align-items: center;
    display: flex
}

.news-card__date:not(:only-child):after {
    background-color: var(--c-gray-9);
    content: "";
    display: block;
    flex: 1 0 24px;
    height: 2px;
    margin: 0 8px;
    width: 24px
}

.news-card__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: block;
    display: -webkit-box;
    margin-bottom: 20px;
    overflow: hidden
}

.news-card__title h3 {
    --tabletFontSize: 16px;
    --mobileFontSize: 16px;
    font-size: calc(15.53846px + .12821vw)
}

@media (min-width: 1921px) {
    .news-card__title h3 {
        font-size: 18px
    }
}

.news-card__link {
    font-size: 16px
}

@media (min-width: 1081px) {
    .news-card--horizontal {
        flex-direction: row
    }
}

.news-card--horizontal .news-card__image-wrapper {
    margin-bottom: 0
}

@media (min-width: 1081px) {
    .news-card--horizontal .news-card__image-wrapper {
        flex: 0 1 380px;
        margin-right: 20px
    }
}

@media (max-width: 1080px) {
    .news-card--horizontal .news-card__image-wrapper {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 1080px) {
    .news-card--horizontal .news-card__image-wrapper img {
        height: 220px
    }
}

.news-card--horizontal .news-card__content {
    flex-basis: calc(50% - 20px);
    flex-grow: 1;
    flex-shrink: 0
}

.subscribe-form {
    align-items: center
}

.subscribe-form.form {
    flex-direction: row
}

@media (max-width: 480px) {
    .subscribe-form.form {
        flex-direction: column
    }
}

.subscribe-form .form-label {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.subscribe-form__input:not(:last-child) {
    margin-right: 20px
}

@media (max-width: 480px) {
    .subscribe-form__input:not(:last-child) {
        margin-bottom: 10px;
        margin-right: 0
    }
}

.datalist__item {
    grid-column-gap: 10px;
    display: grid;
    font-size: 14px;
    grid-template-columns:max-content auto
}

.datalist__item dt {
    color: var(--c-gray-6);
    font-weight: 500
}

.datalist__item dd {
    grid-column-start: 2
}

.datalist__item:not(:last-child) {
    margin-bottom: 10px
}

.pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.pagination__list {
    display: flex;
    margin-left: 25px;
    margin-right: 25px
}

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

.pagination__item:not(:last-child) {
    margin-right: 20px
}

@media (max-width: 767px) {
    .pagination__item:not(:last-child) {
        margin-right: 10px
    }
}

.pagination__link {
    line-height: 1.5
}

.pagination__link.current, .pagination__link:hover {
    color: var(--c-main)
}

.pagination__link.current {
    font-size: 20px;
    line-height: 1.5
}

.pagination__arrow {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.pagination__arrow-icon.i-icon {
    height: 12px;
    width: 8px
}

.pagination__arrow:hover {
    transform: scale(1.05) translateZ(0)
}

.tooltip-product-card {
    display: flex;
    position: relative
}

.tooltip-product-card:hover .tooltip-product-card__remove-btn {
    opacity: 1;
    visibility: visible
}

.tooltip-product-card__image-wrapper {
    --size: 100px;
    flex-shrink: 0;
    height: var(--size);
    width: var(--size)
}

.tooltip-product-card__image-wrapper:not(:last-child) {
    margin-right: 5px
}

.tooltip-product-card__image-wrapper:hover {
    transform: scale(1.025) translateZ(0)
}

.tooltip-product-card__image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.tooltip-product-card__body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-right: 30px
}

.tooltip-product-card__name {
    color: var(--c-gray-6);
    flex-grow: 1;
    font-size: 16px;
    line-height: 1.37
}

.tooltip-product-card__name:not(:last-child) {
    margin-bottom: 19px
}

.tooltip-product-card__price {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.tooltip-product-card__price:only-child {
    justify-content: flex-end
}

.tooltip-product-card__old-price {
    color: var(--c-gray-9);
    font-size: 15px;
    line-height: 1.87;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.tooltip-product-card__old-price:not(:last-child) {
    flex-grow: 1;
    margin-right: 10px
}

.tooltip-product-card__current-price {
    font-weight: 500;
    line-height: 1.56
}

.tooltip-product-card__current-price:first-child:last-child {
    margin-left: auto
}

.tooltip-product-card__amount {
    align-self: flex-end;
    color: var(--c-gray-9);
    height: 1.56em
}

.tooltip-product-card__remove-btn {
    --size: 28px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    height: var(--size);
    justify-content: center;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: -2px;
    width: var(--size)
}

.tooltip-product-card__remove-btn:hover path {
    fill: var(--c-main)
}

.tooltip-product-card__remove-btn--desktop {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden
}

@media (max-width: 1024px) {
    .tooltip-product-card__remove-btn--desktop {
        opacity: 1;
        visibility: visible
    }
}

.tooltip-product-card__remove-btn--mobile {
    display: none
}

.tooltip-product-card__remove-btn--mobile path {
    fill: var(--c-gray-2)
}

.tooltip-product-card__remove-btn .i-icon {
    --size: 14px;
    height: var(--size);
    width: var(--size)
}

.tooltip-product-card__remove-btn * {
    pointer-events: none
}

.catalog-card {
    --padding: 8px;
    height: 100%
}

.catalog-card__link {
    align-items: center;
    border: var(--border);
    border-radius: var(--borderRadius);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: var(--padding);
    position: relative
}

.catalog-card--tab .catalog-card__link {
    background-color: initial;
    width: 100%
}

.catalog-card__link:hover {
    border-color: #fff0
}

.catalog-card__link:hover:before {
    opacity: 1;
    visibility: visible
}

.catalog-card__link:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 2px solid var(--c-main);
    border-radius: 16px;
    content: "";
    height: calc(100% + 2px);
    left: -1px;
    opacity: 0;
    position: absolute;
    top: -1px;
    transition: var(--transition-all);
    visibility: hidden;
    width: calc(100% + 2px)
}

.catalog-card__image-wrapper {
    height: 202px;
    width: 100%
}

.catalog-card__image-wrapper:not(:last-child) {
    margin-bottom: calc(var(--padding) * 2)
}

@media (max-width: 767px) {
    .catalog-card__image-wrapper {
        height: auto
    }
}

.catalog-card__image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

@media (max-width: 767px) {
    .catalog-card__image {
        height: auto;
        object-fit: fill;
        width: 100%
    }
}

.catalog-card__name {
    font-size: 16px;
    text-align: center
}

@media (max-width: 767px) {
    .catalog-card__name {
        font-size: 14px
    }
}

.catalog-card__name img {
    display: inline-block;
    vertical-align: middle
}

.catalog-card__name img:not([class]):not(:last-child) {
    margin-bottom: 0
}

@media (max-width: 480px) {
    .catalog-card--small-img {
        margin-left: auto;
        margin-right: auto;
        max-width: 75%
    }
}

.catalog-card--small-img .catalog-card__link {
    padding-top: 60px;
    position: relative
}

.catalog-card--small-img .catalog-card__image-wrapper {
    height: 60px;
    position: absolute;
    top: -15px;
    width: 60px
}

.catalog-card--only-text .catalog-card__link {
    justify-content: center;
    min-height: 115px
}

.catalog-card.active .catalog-card__link {
    border-color: var(--c-main)
}

.return-link {
    align-items: center;
    color: var(--c-main);
    display: flex;
    flex: 0 0 100%
}

@media (max-width: 767px) {
    .return-link {
        display: none
    }
}

.return-link:hover {
    text-decoration: underline
}

.return-link:not(:last-child) {
    margin-bottom: 30px
}

.return-link__icon {
    flex-shrink: 0;
    height: 16px;
    width: 9px
}

.return-link__icon:not(:last-child) {
    margin-right: 13px
}

.return-link__icon path {
    fill: var(--c-main)
}

.flow-container .table-styled {
    border-collapse: initial;
    border-spacing: 0;
    color: var(--c-gray-6);
    font-size: 16px
}

.flow-container .table-styled td:not(:first-child), .flow-container .table-styled th {
    color: var(--c-gray-6)
}

.flow-container .table-styled td:last-child {
    text-align: center;
    width: 170px
}

.flow-container .table-styled thead th {
    --cellPadding: 0 0 30px 0;
    border: 0;
    vertical-align: top
}

@media (max-width: 767px) {
    .flow-container .table-styled thead th:nth-child(2) {
        --cellPadding: 0 160px 30px 5px;
        text-align: left
    }
}

.flow-container .table-styled tbody tr:nth-child(2n) td {
    background-color: var(--c-gray-4)
}

.flow-container .table-styled tbody tr td:not(:first-child) {
    border-left: 0
}

.flow-container .table-styled tbody tr:first-child td:first-child {
    border-top-left-radius: 16px
}

.flow-container .table-styled tbody tr:first-child td:last-child {
    border-top-right-radius: 16px
}

.flow-container .table-styled tbody tr:last-child td:first-child {
    border-bottom-left-radius: 16px
}

.flow-container .table-styled tbody tr:last-child td:last-child {
    border-bottom-right-radius: 16px
}

.flow-container .table-styled tbody tr:not(:last-child) td {
    border-bottom: 0
}

.flow-container .table-styled td:first-child {
    --cellPadding: 6px 8px;
    text-align: center;
    width: 65px
}

.flow-container .table-styled td.td {
    --cellPadding: inherit;
    --cellColor: var(--c-gray-6);
    border-left-width: 0;
    text-align: inherit;
    width: auto
}

.flow-container .table-styled--rowspans {
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--c-gray-6);
    font-size: 16px
}

.flow-container .table-styled--rowspans td, .flow-container .table-styled--rowspans th {
    --cellColor: var(--c-gray-6)
}

.flow-container .table-styled--rowspans thead th {
    --cellPadding: 0 0 30px 0;
    border-width: 0;
    vertical-align: top
}

@media (max-width: 767px) {
    .flow-container .table-styled--rowspans thead th:nth-child(2) {
        --cellPadding: 0 160px 30px 5px;
        text-align: left
    }
}

.flow-container .table-styled--rowspans tbody {
    position: relative
}

.flow-container .table-styled--rowspans tbody:before {
    border: 1px solid var(--c-gray-1);
    border-radius: 16px;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.flow-container .table-styled--rowspans tbody tr:first-child td {
    border-top-width: 0
}

.flow-container .table-styled--rowspans td {
    border-width: 1px 1px 0 0
}

.flow-container .table-styled--rowspans td:first-child:not(.skip) {
    --cellColor: var(--c-black);
    text-align: center
}

.flow-container .table-styled--rowspans td:last-child:not(.skip) {
    --cellColor: var(--c-black);
    border-left-width: 1px;
    border-right-width: 0;
    text-align: center
}

.favorite-card {
    grid-gap: 20px;
    align-items: center;
    border: var(--border);
    display: grid;
    grid-template-columns:34% 170px 130px 100px 100px 1fr;
    padding: 20px;
    position: relative
}

@media (max-width: 1480px) {
    .favorite-card {
        grid-template-columns:37% 150px 130px 80px 80px 1fr;
        padding: 15px 12px
    }
}

@media (max-width: 1320px) {
    .favorite-card {
        grid-template-columns:37% 170px 130px 90px 90px 1fr
    }
}

@media (max-width: 1170px) {
    .favorite-card {
        grid-template-columns:38% 145px 130px 50px 60px 1fr
    }
}

@media (max-width: 1024px) {
    .favorite-card {
        grid-template-columns:minmax(360px, 38%) 1fr 1fr 50px 50px
    }
}

@media (max-width: 920px) {
    .favorite-card {
        grid-template-columns:minmax(320px, 38%) 1fr 1fr 50px
    }
}

@media (max-width: 767px) {
    .favorite-card {
        grid-gap: 5px;
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows:repeat(3, max-content)
    }
}

.favorite-card:hover {
    box-shadow: none
}

.favorite-card__title {
    font-weight: 500
}

.favorite-card.in-cart .favorite-card__counter {
    opacity: .5;
    pointer-events: none
}

.favorite-card.in-cart .favorite-card__buy-btn {
    background-color: var(--c-main);
    color: var(--c-white);
    pointer-events: none
}

.favorite-card.in-cart .favorite-card__buy-btn .add-to-cart {
    display: none
}

.favorite-card.in-cart .favorite-card__buy-btn .item-in-cart {
    display: block
}

.favorite-card__preview {
    align-items: center;
    display: flex
}

@media (max-width: 767px) {
    .favorite-card__preview {
        grid-column: span 2;
        width: 100%
    }
}

@media (min-width: 921px) {
    .favorite-card__actions {
        display: contents
    }
}

@media (max-width: 920px) {
    .favorite-card__actions {
        grid-gap: 10px;
        display: grid
    }
}

@media (max-width: 767px) {
    .favorite-card__actions {
        grid-row-start: 2;
        justify-self: end
    }
}

.favorite-card__image-wrapper {
    --sizes: 140px;
    display: flex;
    flex-shrink: 0;
    height: var(--sizes);
    width: var(--sizes)
}

.favorite-card__image-wrapper:not(:last-child) {
    margin-right: 10px
}

@media (max-width: 767px) {
    .favorite-card__image-wrapper:not(:last-child) {
        margin-left: -8px;
        margin-right: 0
    }
}

@media (max-width: 1024px) {
    .favorite-card__image-wrapper {
        --sizes: 90px
    }
}

.favorite-card__info {
    display: flex;
    flex-direction: column;
    min-width: 240px
}

@media (max-width: 767px) {
    .favorite-card__info {
        margin-right: 0;
        min-width: unset;
        width: 100%
    }
}

.favorite-card__buy {
    justify-self: end;
    width: clamp(120px, 8.3vw, 160px)
}

@media (max-width: 1024px) {
    .favorite-card__buy {
        display: flex;
        grid-column: span 5;
        justify-content: center;
        justify-self: center;
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .favorite-card__buy {
        grid-column: 2/-1;
        grid-row-start: 3;
        justify-self: end;
        margin-top: 0;
        width: 160px
    }
}

.favorite-card__buy-btn {
    width: 100%
}

@media (max-width: 1024px) {
    .favorite-card__buy-btn {
        max-width: 250px
    }
}

@media (max-width: 767px) {
    .favorite-card__buy-btn {
        max-width: unset
    }
}

.favorite-card__buy-btn .item-in-cart {
    display: none
}

@media (max-width: 1024px) {
    .favorite-card .favorite-card__counter {
        justify-self: center
    }
}

@media (max-width: 767px) {
    .favorite-card .favorite-card__counter {
        grid-row-start: 3;
        justify-self: start
    }

    .favorite-card .favorite-card__counter .quantity__btn {
        --size: 40px
    }

    .favorite-card .favorite-card__counter .quantity__input {
        width: 25px
    }
}

.favorite-card .favorite-card__counter:before {
    transform: translateX(29%)
}

.favorite-card__price {
    color: var(--c-gray-9);
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

@media (max-width: 767px) {
    .favorite-card__price {
        grid-row-start: 2
    }
}

.favorite-card__old-price {
    font-size: 15px;
    text-decoration: line-through
}

.favorite-card__current-price {
    color: var(--c-black);
    font-weight: 500
}

.favorite-card__total {
    color: var(--c-gray-9)
}

.favorite-card__opinion {
    align-items: center;
    display: flex
}

@media (max-width: 767px) {
    .favorite-card__opinion {
        display: none
    }
}

.favorite-card__action-btn, .favorite-card__comparing, .favorite-card__remove {
    align-items: center;
    display: flex;
    justify-content: center
}

.favorite-card__action-btn {
    --sizes: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    height: var(--sizes);
    margin: 0;
    padding: 0;
    text-align: left;
    width: var(--sizes)
}

.favorite-card__action-btn.is-added path {
    stroke: var(--c-main)
}

.favorite-card__action-btn--comparing svg path {
    stroke: var(--c-black)
}

.favorite-card__action-btn--comparing:hover svg path {
    stroke: var(--c-main)
}

.favorite-card__action-btn--remove:hover svg path {
    fill: var(--c-main)
}

.favorite-card .favorite-card__action-btn--remove.is-added path {
    stroke: none
}

.basket-card {
    grid-gap: 50px;
    grid-template-columns:auto 140px 140px 100px 100px
}

@media (max-width: 1700px) {
    .basket-card {
        grid-gap: 20px
    }
}

@media (max-width: 1280px) {
    .basket-card {
        grid-gap: 15px;
        grid-template-columns:auto 140px 140px 60px 60px
    }
}

@media (max-width: 1080px) {
    .basket-card {
        grid-gap: 30px
    }
}

@media (max-width: 920px) {
    .basket-card {
        grid-row-gap: 15px;
        grid-template-columns:2fr 2fr 1fr
    }
}

@media (max-width: 480px) {
    .basket-card {
        grid-column-gap: 15px
    }
}

.basket-card {
    align-items: center;
    border: var(--border);
    border-radius: var(--borderRadius);
    display: grid;
    padding: 20px
}

@media (max-width: 1366px) {
    .basket-card {
        padding: 15px
    }
}

@media (max-width: 920px) {
    .basket-card {
        padding: 20px
    }
}

@media (max-width: 480px) {
    .basket-card {
        padding: 15px
    }
}

.basket-card__preview {
    align-items: center;
    display: flex
}

@media (max-width: 920px) {
    .basket-card__preview {
        grid-column: span 3
    }
}

.basket-card__image-wrapper {
    --size: 140px;
    display: flex;
    flex-shrink: 0;
    height: var(--size);
    transition: var(--transition-all);
    width: var(--size)
}

@media (max-width: 1366px) {
    .basket-card__image-wrapper {
        --size: 120px
    }
}

@media (max-width: 767px) {
    .basket-card__image-wrapper {
        --size: 100px
    }
}

.basket-card__image-wrapper:hover {
    transform: scale(1.025) translateZ(0)
}

.basket-card__image-wrapper:not(:last-child) {
    margin-right: 30px
}

@media (max-width: 1366px) {
    .basket-card__image-wrapper:not(:last-child) {
        margin-right: 15px
    }
}

@media (max-width: 767px) {
    .basket-card__image-wrapper:not(:last-child) {
        margin-right: 5px
    }
}

.basket-card__image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.basket-card__info {
    width: 100%
}

.basket-card__info:not(:last-child) {
    margin-right: 16px
}

.basket-card__info-header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

@media (max-width: 1366px) {
    .basket-card__info-header {
        flex-direction: column-reverse
    }
}

@media (max-width: 920px) {
    .basket-card__info-header {
        flex-direction: row
    }
}

.basket-card__info-header:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .basket-card__info-header:not(:last-child) {
        margin-bottom: 8px
    }
}

.basket-card__vendor-code {
    color: var(--c-gray-6)
}

.basket-card__to-favorite-btn {
    --size: 20px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: var(--c-gray-6);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: inherit;
    height: var(--size);
    justify-content: center;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: left;
    width: var(--size)
}

.basket-card__to-favorite-btn .i-icon {
    --size: 100%
}

.basket-card__to-favorite-btn path {
    fill: #fff0;
    stroke: var(--c-gray-6)
}

.basket-card__to-favorite-btn.is-added path, .basket-card__to-favorite-btn:hover path {
    stroke: var(--c-main)
}

.basket-card__to-favorite-btn.is-added path {
    fill: var(--c-main)
}

.basket-card__to-favorite-btn-label-after {
    display: none
}

.basket-card__title {
    display: inline-block;
    font-weight: 500;
    margin-bottom: .5em
}

.basket-card__title:last-child {
    margin-bottom: 0
}

@media (max-width: 920px) {
    .basket-card__price, .basket-card__quantity {
        grid-row: 2/4
    }

    .basket-card__quantity {
        align-self: flex-end;
        grid-column: 2/3
    }
}

.basket-card__quantity .quantity__btn {
    --size: 40px
}

@media (max-width: 480px) {
    .basket-card__quantity .quantity__input {
        --marginX: 2px;
        font-size: 14px
    }
}

.basket-card__price {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

@media (max-width: 920px) {
    .basket-card__price {
        grid-column: 1/2
    }
}

.basket-card__old-price, .basket-card__total-price {
    color: var(--c-gray-9)
}

.basket-card__old-price {
    font-size: 15px;
    line-height: 1.87;
    text-decoration: line-through
}

.basket-card__current-price, .basket-card__total-price {
    font-size: 18px;
    line-height: 1.56
}

.basket-card__current-price {
    color: var(--c-black);
    font-weight: 500
}

@media (max-width: 920px) {
    .basket-card__remove, .basket-card__select {
        grid-column: 3/4;
        justify-self: flex-end
    }

    .basket-card__select, .basket-card__to-favorite-btn {
        margin-right: 7px
    }

    .basket-card__select {
        margin-bottom: 20px
    }
}

.basket-card__select .form__block {
    align-items: center
}

.basket-card__select .checkbox__label {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.basket-card__remove, .basket-card__remove-btn {
    display: flex;
    justify-content: center
}

.basket-card__remove-btn {
    --size: 30px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    height: var(--size);
    margin: 0;
    padding: 0;
    text-align: left;
    width: var(--size)
}

.basket-card__remove-btn:hover path {
    fill: var(--c-main)
}

.basket-card__remove-btn * {
    pointer-events: none
}

@supports (display:contents) {
    @media (max-width: 767px) {
        .basket-card--w-params .basket-card__preview {
            display: grid;
            grid-template-columns:105px 1fr 30px
        }
    }.basket-card--w-params .basket-card__image-wrapper {
    grid-column: 1/1;
    grid-row: 1/span 2
}

    @media (max-width: 767px) {
        .basket-card--w-params .basket-card__info {
            display: contents
        }

        .basket-card--w-params .basket-card__info-header, .basket-card--w-params .basket-card__title {
            grid-column: 2/span 1
        }

        .basket-card--w-params .basket-card__to-favorite-btn {
            grid-column: 3/span 1;
            grid-row: 1/span 2
        }

        .basket-card--w-params .basket-card__params {
            grid-column: 1/span 3
        }
    }
}

.review-card {
    align-items: center;
    background-color: var(--c-gray-4);
    border-radius: var(--borderRadius);
    display: flex;
    padding: 13px 20px
}

@media (max-width: 767px) {
    .review-card {
        display: block;
        padding-left: 15px;
        padding-right: 15px
    }
}

.review-card__info {
    align-items: flex-start;
    display: flex;
    flex: 0 0 20%;
    flex-direction: column
}

.review-card__info:not(:last-child) {
    margin-right: 30px
}

@media (max-width: 767px) {
    .review-card__info:not(:last-child) {
        margin-bottom: 15px;
        margin-right: 0
    }
}

.review-card__body {
    max-width: 648px
}

.review-card__name {
    color: var(--c-gray-6);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.37
}

.review-card__name:not(:last-child) {
    margin-bottom: 25px
}

.review-card__rating-preview {
    margin-bottom: 20px
}

.review-card__date {
    color: var(--c-gray-6);
    font-size: 14px;
    line-height: 1.57
}

.faq-card {
    --paddingX: 15px;
    color: var(--c-gray-6);
    padding-left: var(--paddingX);
    padding-right: var(--paddingX)
}

@media (max-width: 767px) {
    .faq-card {
        --paddingX: 12px
    }
}

.faq-card__ask:not(:last-child) {
    margin-bottom: 20px
}

.faq-card__ask .faq-card__name {
    font-weight: 500
}

.faq-card__ask .faq-card__text {
    color: var(--c-black)
}

.faq-card__reply {
    padding-left: 55px
}

@media (max-width: 767px) {
    .faq-card__reply {
        padding-left: 25px
    }
}

.faq-card__person-info {
    align-items: center;
    display: flex
}

.faq-card__person-info:not(:last-child) {
    margin-bottom: 18px
}

.faq-card__name {
    font-size: 16px;
    line-height: 1.37
}

.faq-card__name:not(:last-child) {
    margin-right: 76px
}

.faq-card__date {
    font-size: 14px;
    line-height: 1.57
}

.cabinet-nav__list {
    margin-bottom: 16px
}

@media (max-width: 1024px) {
    .cabinet-nav__list {
        border-bottom: 1px solid var(--c-gray-2);
        display: flex;
        margin-bottom: 30px;
        overflow-x: auto;
        width: 100%
    }

    .cabinet-nav__list::-webkit-scrollbar {
        background-color: var(--c-gray-1);
        height: 0;
        width: 0
    }

    .cabinet-nav__list::-webkit-scrollbar-thumb {
        background-color: var(--c-gray-2)
    }
}

.cabinet-nav__item.is-active .cabinet-nav__link {
    color: var(--c-main)
}

@media (max-width: 1024px) {
    .cabinet-nav__item.is-active .cabinet-nav__link {
        position: relative
    }

    .cabinet-nav__item.is-active .cabinet-nav__link:after {
        background-color: var(--c-main);
        border-radius: 3px;
        bottom: 0;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%
    }
}

.cabinet-nav__item.is-active .cabinet-nav__link path {
    fill: var(--c-main)
}

@media (min-width: 1025px) {
    .cabinet-nav__item:last-child .cabinet-nav__link {
        border-bottom: var(--border)
    }
}

@media (max-width: 1024px) {
    .cabinet-nav__item {
        flex-shrink: 0
    }

    .cabinet-nav__item:not(:last-child) {
        margin-right: 34px
    }
}

.cabinet-nav__link {
    position: relative
}

.cabinet-nav__link:after, .cabinet-nav__link:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-main);
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.cabinet-nav__link:before {
    top: -1px
}

.cabinet-nav__link:after {
    bottom: -1px
}

.cabinet-nav__link:hover:after, .cabinet-nav__link:hover:before {
    opacity: 1;
    visibility: visible
}

@media (min-width: 1025px) {
    .cabinet-nav__link {
        --border: 1px solid var(--c-gray-2);
        align-items: center;
        border-top: var(--border);
        display: flex;
        justify-content: space-between;
        padding: 16px 0;
        position: relative
    }

    .cabinet-nav__link-arrow {
        margin-left: 10px
    }

    .cabinet-nav__link-arrow path {
        fill: var(--c-black)
    }
}

@media (max-width: 1024px) {
    .cabinet-nav__link {
        display: block;
        padding-bottom: 10px
    }

    .cabinet-nav__link:after, .cabinet-nav__link:before {
        all: unset
    }

    .cabinet-nav__link-arrow {
        display: none
    }
}

.cabinet-nav__logout {
    --iconColor: var(--c-main);
    align-items: center;
    color: var(--c-main);
    display: flex
}

.cabinet-nav__logout:hover {
    --iconColor: var(--c-black);
    color: var(--c-black)
}

.cabinet-nav__logout-icon {
    margin-left: 26px
}

.cabinet-nav__logout-icon path {
    fill: var(--iconColor)
}

.order-goods {
    grid-gap: 30px;
    align-items: center;
    border: 1px solid var(--c-gray-1);
    border-radius: 16px;
    display: grid;
    grid-template-columns:minmax(300px, 1.6fr) minmax(100px, 1fr) minmax(35px, .5fr) minmax(100px, .5fr);
    min-height: 167px;
    padding: 15px 30px 10px 10px
}

@media (max-width: 767px) {
    .order-goods {
        grid-gap: 30px 20px;
        grid-template-columns:minmax(100px, 1fr) 1fr minmax(100px, 1fr);
        padding: 20px 6px 10px 16px
    }
}

@media (max-width: 359px) {
    .order-goods {
        grid-gap: 30px 10px
    }
}

.order-goods__preview {
    align-items: center;
    display: flex
}

@media (max-width: 767px) {
    .order-goods__preview {
        grid-column: span 3
    }
}

.order-goods__image {
    --sizes: 140px;
    height: var(--sizes);
    width: var(--sizes)
}

@media (max-width: 1170px) {
    .order-goods__image {
        --sizes: 100px
    }
}

@media (max-width: 767px) {
    .order-goods__image {
        margin-right: 16px
    }
}

.order-goods__link, .order-goods__params {
    margin-left: 30px
}

@media (max-width: 1170px) {
    .order-goods__link, .order-goods__params {
        margin-left: 16px
    }
}

@media (max-width: 767px) {
    .order-goods__link, .order-goods__params {
        margin-left: 0
    }
}

.order-goods__link {
    display: block;
    margin-bottom: 1em;
    max-width: 250px
}

@media (min-width: 768px) {
    .order-goods__link {
        max-width: none
    }
}

.order-goods__link:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .order-goods__params {
        margin-bottom: 1rem
    }
}

.order-goods .order-goods__title {
    --tabletFontSize: 18px;
    --mobileFontSize: 18px;
    font-size: 18px;
    margin: 0
}

@media (max-width: 767px) {
    .order-goods .order-goods__title {
        font-size: 16px;
        font-weight: 500
    }
}

.order-goods__price {
    font-weight: 500
}

@media (min-width: 768px) {
    .order-goods__price {
        justify-self: center
    }
}

.order-goods__mobile-label {
    position: relative
}

@media (max-width: 767px) {
    .order-goods__mobile-label:before {
        color: var(--c-gray-6);
        content: attr(data-css-label);
        font-size: 16px;
        font-weight: 400;
        left: 0;
        position: absolute;
        top: 0;
        transform: translateY(-100%);
        width: 100%
    }
}

.order-goods__amount {
    font-size: 16px;
    justify-self: center
}

@media (max-width: 767px) {
    .order-goods__amount {
        justify-self: start;
        width: 100%
    }
}

.order-goods__total-price {
    font-weight: 500;
    justify-self: end
}

@media (min-width: 360px) and (max-width: 767px) {
    .order-goods__total-price {
        justify-self: start
    }
}

.order-card {
    grid-gap: 20px;
    align-items: center;
    border: 1px solid var(--c-gray-2);
    border-radius: 16px;
    display: grid;
    grid-template-columns:1fr repeat(3, minmax(120px, 1.2fr)) .8fr .6fr;
    min-height: 80px;
    padding-left: 24px;
    padding-right: 50px;
    position: relative
}

@media (max-width: 1280px) {
    .order-card {
        padding-right: 20px
    }
}

@media (max-width: 767px) {
    .order-card {
        grid-gap: 30px 20px;
        grid-template-columns:1fr 1fr minmax(100px, 1fr);
        padding: 12px 10px
    }

    .order-card__mobile-label {
        grid-gap: 10px;
        display: grid;
        font-size: 15px;
        height: 100%;
        position: relative
    }

    .order-card__mobile-label:before {
        color: var(--c-gray-9);
        content: attr(data-css-label);
        display: block;
        font-size: 15px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .order-card__more {
        justify-self: center
    }

    .order-card__cancel {
        justify-self: end
    }
}

.order-card__action-btn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 30px
}

.order-card__action-btn:hover path {
    fill: var(--c-main)
}

.order-card__action-btn:disabled {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.load-more {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: var(--c-main);
    cursor: pointer;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
    line-height: 1.56;
    margin: 0;
    padding: 0;
    text-align: left;
    text-align: center;
    width: 100%
}

.load-more:hover .load-more__line:before {
    transform: none
}

.load-more:active .load-more__label {
    text-shadow: 0 0 1px var(--c-main)
}

.load-more__line {
    background-color: var(--c-gray-2);
    height: 1px;
    position: relative;
    width: 100%
}

.load-more__line:before {
    background-color: var(--c-main);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transform-origin: right center;
    transition-duration: 1s !important;
    width: 100%
}

.load-more__line:first-child:before {
    right: 0
}

.load-more__line:last-child:before {
    left: 0;
    transform-origin: left center
}

.load-more__label {
    cursor: pointer;
    flex-shrink: 0;
    margin-left: 16px;
    margin-right: 16px
}

.dom-is-ready .load-more__label {
    transition: var(--transition-all)
}

.load-more__label--after {
    display: none
}

.load-more * {
    pointer-events: none
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

[hidden] {
    display: none
}

body {
    line-height: 1
}

menu, ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.i-icon {
    --size: 1em;
    fill: currentColor;
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-flex;
    height: var(--size);
    justify-content: center;
    vertical-align: middle;
    width: var(--size)
}

.i-icon--reverse {
    transform: scaleX(-1)
}

.i-icon--large {
    --size: 30px
}

.i-icon--medium {
    --size: 18px
}

.i-icon--small {
    --size: 14px
}

.icon-user {
    fill: none
}

* {
    -webkit-touch-callout: none;
    border: 0;
    box-sizing: border-box;
    margin: 0;
    outline: 0;
    padding: 0
}

:after, :before {
    box-sizing: inherit
}

::selection {
    background-color: var(--c-gray-1);
    color: var(--c-black)
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font: var(--baseFontWeight) var(--baseFontSize)/var(--baseLineHeight) var(--baseFontFamily);
    height: 100% !important;
    min-height: 100vh;
    scroll-behavior: smooth;
    scroll-padding-top: var(--headerHeight, 200px)
}

@supports (-webkit-touch-callout:none) {
    html {
        min-height: -webkit-fill-available
    }
}

html.lock {
    overflow: hidden
}

body {
    -webkit-overflow-scrolling: touch;
    background-color: var(--c-white);
    color: var(--c-black);
    font: inherit;
    min-height: inherit;
    min-width: var(--siteMinWidth);
    overflow-x: hidden;
    overflow-y: scroll
}

.with-fancybox body, body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

#svg-sprite, template {
    display: none !important
}

svg {
    fill: currentColor;
    display: block
}

.flow-container {
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: var(--siteMaxWidth);
    position: relative;
    width: 100%
}

.bx_panel {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.bx-panel-opened .header {
    padding-top: 40px
}

.container {
    margin: auto;
    max-width: var(--gridWidth);
    padding: 0 var(--gridPadding);
    width: 100%
}

@media (max-width: 767px) {
    .container {
        --gridPadding: 12px
    }
}

.not-selectable {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@font-face {
    font-display: swap;
    font-family: Graphik LCG;
    font-style: normal;
    font-weight: 400;
    src: url(GraphikLCG-Regular.woff) format("woff"), url(GraphikLCG-Regular.woff2) format("woff2"), url(GraphikLCG-Regular.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LCG;
    font-style: normal;
    font-weight: 500;
    src: url(GraphikLCG-Medium.woff) format("woff"), url(GraphikLCG-Medium.woff2) format("woff2"), url(GraphikLCG-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LCG;
    font-style: normal;
    font-weight: 600;
    src: url(GraphikLCG-Semibold.woff) format("woff"), url(GraphikLCG-Semibold.woff2) format("woff2"), url(GraphikLCG-Semibold.ttf) format("truetype")
}

input {
    box-shadow: none;
    filter: none
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

input ::-ms-reveal {
    display: none
}

@supports (-ms-ime-align:auto) {
    input::-ms-clear, input::-ms-reveal {
        display: none
    }
}

input:-webkit-autofill {
    -webkit-box-shadow: none
}

input::-webkit-auto-fill-button, input::-webkit-caps-lock-indicator, input::-webkit-credentials-auto-fill-button {
    display: none
}

input::-webkit-contacts-auto-fill-button {
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden
}

button, input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    box-shadow: none;
    font-family: inherit
}

button, input, optgroup, select, textarea {
    line-height: inherit
}

textarea {
    resize: none
}

.edge select::-ms-expand {
    display: none
}

.form {
    --rowMargin: 20px;
    display: flex;
    flex-flow: column;
    width: 100%
}

.form__row {
    display: flex;
    flex-flow: row wrap
}

.form__row:not(:last-child) {
    margin-bottom: var(--rowMargin)
}

@media (min-width: 481px) {
    .form__captcha-row {
        align-items: flex-end;
        display: flex;
        flex-wrap: nowrap
    }

    .form__captcha-row > :last-child {
        margin-left: 30px
    }
}

@media (max-width: 375px) {
    .form__captcha-row > :last-child {
        margin-top: 10px
    }
}

.form__col {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.form__col:not(:last-child) {
    margin-bottom: var(--marginBottom)
}

.form__col--centered-content {
    justify-content: center
}

.form__col.align-end {
    align-items: flex-end
}

.form__text {
    font-size: 16px
}

.form__text--centered {
    text-align: center
}

.form__block {
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    position: relative;
    width: 100%
}

.form__link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: var(--c-main);
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-align: left
}

.form__link:hover {
    color: var(--c-black)
}

.form__link--medium {
    font-weight: 500
}

.form-error {
    align-items: center;
    color: var(--c-main);
    display: flex;
    font-size: 14px;
    line-height: 1.86;
    margin-top: 4px
}

.form-label {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.62;
    margin-bottom: 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-note {
    color: var(--c-gray-6);
    display: block;
    font-size: 15px;
    margin-top: 5px;
    width: 100%
}

.form-star-required {
    color: var(--c-red)
}

.file-attach {
    position: relative
}

.dom-is-ready .file-attach {
    transition: opacity .1s
}

.file-attach.is-dragging {
    opacity: .5
}

.file-attach.is-dragging * {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.file-attach.is-invalid .btn {
    animation: shake .2s linear 4
}

.file-attach__dropzone {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.file-attach__tip {
    color: var(--c-gray);
    display: block;
    padding-left: 40px;
    width: 100%
}

.file-attach__list {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.file-attach__list:not(:first-child) {
    margin-top: 30px
}

.file-attach__list:not(:last-child) {
    margin-bottom: 30px
}

.file-attach__list-item:not(:last-child) {
    margin-bottom: 20px
}

.file-attach__input, .file-attach__list:empty {
    display: none
}

.form-select .custom-select-container {
    background-color: var(--c-gray-4);
    border-radius: 25px;
    max-width: 25em;
    width: 100%
}

.form-select .custom-select-container.is-open .custom-select-panel {
    opacity: 1;
    transform: none;
    visibility: visible
}

.form-select .custom-select-opener {
    color: var(--c-black);
    padding: 12px 20px;
    width: 100%
}

.form-select .custom-select-opener:after {
    right: 20px
}

.form-select .custom-select-panel {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden
}

html:not(.safari) .form-select .custom-select-panel {
    scrollbar-color: var(--c-gray-2) var(--c-gray-1);
    scrollbar-width: thin
}

html:not(.safari) .form-select .custom-select-panel::-webkit-scrollbar {
    background-color: var(--c-gray-1);
    height: 4px;
    width: 4px
}

html:not(.safari) .form-select .custom-select-panel::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-2)
}

.form-select .custom-select-panel {
    left: 0;
    max-height: unset;
    top: calc(100% + 10px);
    transform: translateY(5%);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out;
    width: 100%
}

html:not(.safari) body {
    scrollbar-color: var(--c-gray-2) var(--c-gray-1);
    scrollbar-width: thin
}

html:not(.safari) body::-webkit-scrollbar {
    background-color: var(--c-gray-1);
    height: 10px;
    width: 10px
}

html:not(.safari) body::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-2)
}

body::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

body {
    font: var(--baseFontWeight) var(--baseFontSize)/var(--baseLineHeight) var(--baseFontFamily)
}

@media (max-width: 767px) {
    body {
        font-size: 16px;
        transition: padding-top .4s
    }

    body.mobile-search-is-open {
        padding-top: calc(var(--headerHeight) + 6rem)
    }
}

body.lock, main {
    overflow: hidden
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    --marginBottom: 40px;
    --paddingBottom: 0;
    --fontWeight: 400;
    --mobileFontSize: 24px;
    --tabletFontSize: 32px;
    --lineHeight: 1.2777;
    display: block;
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    padding-bottom: var(--paddingBottom)
}

.h1:not(:last-child), .h2:not(:last-child), .h3:not(:last-child), .h4:not(:last-child), .h5:not(:last-child), .h6:not(:last-child), h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child) {
    margin-bottom: var(--marginBottom)
}

@media (max-width: 1280px) {
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        --marginBottom: 30px;
        font-size: var(--tabletFontSize) !important
    }
}

@media (max-width: 767px) {
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        --marginBottom: 20px;
        font-size: var(--mobileFontSize) !important
    }
}

.h1, h1 {
    font-size: calc(19.84615px + 1.15385vw)
}

@media (min-width: 1921px) {
    .h1, h1 {
        font-size: 42px
    }
}

.h1, h1 {
    --lineHeight: 1.190;
    --tabletFontSize: 30px;
    --mobileFontSize: 24px
}

.h2, h2 {
    font-size: calc(19.69231px + .64103vw)
}

@media (min-width: 1921px) {
    .h2, h2 {
        font-size: 32px
    }
}

.h2, h2 {
    --lineHeight: 1.250;
    --tabletFontSize: 28px;
    --mobileFontSize: 22px
}

.h3, h3 {
    font-size: calc(18.15385px + .51282vw)
}

@media (min-width: 1921px) {
    .h3, h3 {
        font-size: 28px
    }
}

.h3, h3 {
    --lineHeight: 1.143;
    --tabletFontSize: 24px;
    --mobileFontSize: 20px
}

.h4, h4 {
    font-size: calc(16.61538px + .38462vw)
}

@media (min-width: 1921px) {
    .h4, h4 {
        font-size: 24px
    }
}

.h4, h4 {
    --lineHeight: 1.167;
    --tabletFontSize: 20px;
    --mobileFontSize: 18px
}

.h5, h5 {
    font-size: calc(14.61538px + .38462vw)
}

@media (min-width: 1921px) {
    .h5, h5 {
        font-size: 22px
    }
}

.h5, h5 {
    --lineHeight: 1.091;
    --tabletFontSize: 18px;
    --mobileFontSize: 16px
}

.h6, h6 {
    --marginBottom: 20px;
    font-size: calc(13.84615px + .32051vw)
}

@media (min-width: 1921px) {
    .h6, h6 {
        font-size: 20px
    }
}

.h6, h6 {
    --lineHeight: 1.222;
    --tabletFontSize: 16px;
    --mobileFontSize: 15px
}

.link, a {
    color: var(--c-black);
    outline: none;
    position: relative;
    text-decoration: none
}

.link:hover, a:hover {
    color: var(--c-main)
}

.link[href^="fax:"], .link[href^="mailto:"], .link[href^="tel:"], a[href^="fax:"], a[href^="mailto:"], a[href^="tel:"] {
    white-space: nowrap
}

.link *, a * {
    pointer-events: none
}

.link {
    --iconColor: var(--c-black);
    --linkColor: var(--c-black);
    grid-gap: 12px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    display: inline-grid;
    grid-auto-flow: column;
    margin: 0;
    padding: 0;
    text-align: left
}

.link, .link:hover {
    color: var(--linkColor)
}

.link:hover {
    --iconColor: var(--c-main);
    --linkColor: var(--c-main)
}

.link__icon path {
    fill: var(--iconColor)
}

.link--main-c {
    --iconColor: var(--c-main);
    --linkColor: var(--c-main)
}

.link--main-c:hover {
    --iconColor: var(--c-black);
    --linkColor: var(--c-black)
}

.link--disabled {
    --iconColor: var(--c-gray-2);
    --linkColor: var(--c-gray-2);
    pointer-events: none
}

a:not([class]) {
    color: var(--c-main)
}

a:not([class]):hover {
    color: var(--c-black)
}

.ol, .ul, ol:not([class]), ul:not([class]) {
    list-style-type: none;
    overflow: auto
}

.ol > *, .ul > *, ol:not([class]) > *, ul:not([class]) > * {
    padding-left: 28px
}

.ol:not(:last-child), .ul:not(:last-child), ol:not([class]):not(:last-child), ul:not([class]):not(:last-child) {
    margin-bottom: 20px
}

.ul.ul-columns, ul:not([class]).ul-columns {
    column-gap: 40px
}

.ul.ul-columns li, ul:not([class]).ul-columns li {
    overflow: hidden
}

@media (max-width: 767px) {
    .ul.ul-columns, ul:not([class]).ul-columns {
        column-count: 1 !important
    }
}

.ul.ul-columns--4, ul:not([class]).ul-columns--4 {
    column-count: 4
}

.ul.ul-columns--3, ul:not([class]).ul-columns--3 {
    column-count: 3
}

.ul.ul-columns--2, ul:not([class]).ul-columns--2 {
    column-count: 2
}

.ul > *, ul:not([class]) > * {
    position: relative
}

.ul > :before, ul:not([class]) > :before {
    background-color: var(--c-black);
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 12px;
    position: absolute;
    top: .5em;
    width: 5px
}

.ul > li > .ol, .ul > li > .ol .ol, .ul > li > .ol .ul, .ul > li > .ol ol, .ul > li > .ol ul, .ul > li > .ul, .ul > li > .ul .ol, .ul > li > .ul .ul, .ul > li > .ul ol, .ul > li > .ul ul, .ul > li > ol, .ul > li > ol .ol, .ul > li > ol .ul, .ul > li > ol ol, .ul > li > ol ul, .ul > li > ul, .ul > li > ul .ol, .ul > li > ul .ul, .ul > li > ul ol, .ul > li > ul ul, ul:not([class]) > li > .ol, ul:not([class]) > li > .ol .ol, ul:not([class]) > li > .ol .ul, ul:not([class]) > li > .ol ol, ul:not([class]) > li > .ol ul, ul:not([class]) > li > .ul, ul:not([class]) > li > .ul .ol, ul:not([class]) > li > .ul .ul, ul:not([class]) > li > .ul ol, ul:not([class]) > li > .ul ul, ul:not([class]) > li > ol, ul:not([class]) > li > ol .ol, ul:not([class]) > li > ol .ul, ul:not([class]) > li > ol ol, ul:not([class]) > li > ol ul, ul:not([class]) > li > ul, ul:not([class]) > li > ul .ol, ul:not([class]) > li > ul .ul, ul:not([class]) > li > ul ol, ul:not([class]) > li > ul ul {
    margin-top: 20px
}

.ul > li > .ol .ol li, .ul > li > .ol .ul li, .ul > li > .ol ol li, .ul > li > .ol ul li, .ul > li > .ul .ol li, .ul > li > .ul .ul li, .ul > li > .ul ol li, .ul > li > .ul ul li, .ul > li > ol .ol li, .ul > li > ol .ul li, .ul > li > ol ol li, .ul > li > ol ul li, .ul > li > ul .ol li, .ul > li > ul .ul li, .ul > li > ul ol li, .ul > li > ul ul li, ul:not([class]) > li > .ol .ol li, ul:not([class]) > li > .ol .ul li, ul:not([class]) > li > .ol ol li, ul:not([class]) > li > .ol ul li, ul:not([class]) > li > .ul .ol li, ul:not([class]) > li > .ul .ul li, ul:not([class]) > li > .ul ol li, ul:not([class]) > li > .ul ul li, ul:not([class]) > li > ol .ol li, ul:not([class]) > li > ol .ul li, ul:not([class]) > li > ol ol li, ul:not([class]) > li > ol ul li, ul:not([class]) > li > ul .ol li, ul:not([class]) > li > ul .ul li, ul:not([class]) > li > ul ol li, ul:not([class]) > li > ul ul li {
    padding-left: 16px
}

.ul > li > .ol .ol li:before, .ul > li > .ol .ul li:before, .ul > li > .ol ol li:before, .ul > li > .ol ul li:before, .ul > li > .ul .ol li:before, .ul > li > .ul .ul li:before, .ul > li > .ul ol li:before, .ul > li > .ul ul li:before, .ul > li > ol .ol li:before, .ul > li > ol .ul li:before, .ul > li > ol ol li:before, .ul > li > ol ul li:before, .ul > li > ul .ol li:before, .ul > li > ul .ul li:before, .ul > li > ul ol li:before, .ul > li > ul ul li:before, ul:not([class]) > li > .ol .ol li:before, ul:not([class]) > li > .ol .ul li:before, ul:not([class]) > li > .ol ol li:before, ul:not([class]) > li > .ol ul li:before, ul:not([class]) > li > .ul .ol li:before, ul:not([class]) > li > .ul .ul li:before, ul:not([class]) > li > .ul ol li:before, ul:not([class]) > li > .ul ul li:before, ul:not([class]) > li > ol .ol li:before, ul:not([class]) > li > ol .ul li:before, ul:not([class]) > li > ol ol li:before, ul:not([class]) > li > ol ul li:before, ul:not([class]) > li > ul .ol li:before, ul:not([class]) > li > ul .ul li:before, ul:not([class]) > li > ul ol li:before, ul:not([class]) > li > ul ul li:before {
    background-color: var(--c-black);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: .5em;
    width: 4px
}

.ol, ol:not([class]) {
    counter-reset: list 0
}

.ol > *, ol:not([class]) > * {
    margin-top: 20px;
    padding: 0;
    position: relative
}

.ol > :before, ol:not([class]) > :before {
    content: counter(list) ".";
    counter-increment: list;
    display: inline-block;
    min-width: 20px
}

.ol > li > .ol, .ol > li > .ul, .ol > li > ol, .ol > li > ul, ol:not([class]) > li > .ol, ol:not([class]) > li > .ul, ol:not([class]) > li > ol, ol:not([class]) > li > ul {
    margin-left: 38px;
    margin-top: 20px
}

.ol > li > .ol .ol li, .ol > li > .ol .ul li, .ol > li > .ol ol li, .ol > li > .ol ul li, .ol > li > .ul .ol li, .ol > li > .ul .ul li, .ol > li > .ul ol li, .ol > li > .ul ul li, .ol > li > ol .ol li, .ol > li > ol .ul li, .ol > li > ol ol li, .ol > li > ol ul li, .ol > li > ul .ol li, .ol > li > ul .ul li, .ol > li > ul ol li, .ol > li > ul ul li, ol:not([class]) > li > .ol .ol li, ol:not([class]) > li > .ol .ul li, ol:not([class]) > li > .ol ol li, ol:not([class]) > li > .ol ul li, ol:not([class]) > li > .ul .ol li, ol:not([class]) > li > .ul .ul li, ol:not([class]) > li > .ul ol li, ol:not([class]) > li > .ul ul li, ol:not([class]) > li > ol .ol li, ol:not([class]) > li > ol .ul li, ol:not([class]) > li > ol ol li, ol:not([class]) > li > ol ul li, ol:not([class]) > li > ul .ol li, ol:not([class]) > li > ul .ul li, ol:not([class]) > li > ul ol li, ol:not([class]) > li > ul ul li {
    padding-left: 16px
}

.ol > li > .ol .ol li:before, .ol > li > .ol .ul li:before, .ol > li > .ol ol li:before, .ol > li > .ol ul li:before, .ol > li > .ul .ol li:before, .ol > li > .ul .ul li:before, .ol > li > .ul ol li:before, .ol > li > .ul ul li:before, .ol > li > ol .ol li:before, .ol > li > ol .ul li:before, .ol > li > ol ol li:before, .ol > li > ol ul li:before, .ol > li > ul .ol li:before, .ol > li > ul .ul li:before, .ol > li > ul ol li:before, .ol > li > ul ul li:before, ol:not([class]) > li > .ol .ol li:before, ol:not([class]) > li > .ol .ul li:before, ol:not([class]) > li > .ol ol li:before, ol:not([class]) > li > .ol ul li:before, ol:not([class]) > li > .ul .ol li:before, ol:not([class]) > li > .ul .ul li:before, ol:not([class]) > li > .ul ol li:before, ol:not([class]) > li > .ul ul li:before, ol:not([class]) > li > ol .ol li:before, ol:not([class]) > li > ol .ul li:before, ol:not([class]) > li > ol ol li:before, ol:not([class]) > li > ol ul li:before, ol:not([class]) > li > ul .ol li:before, ol:not([class]) > li > ul .ul li:before, ol:not([class]) > li > ul ol li:before, ol:not([class]) > li > ul ul li:before {
    background-color: var(--c-black);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: .5em;
    width: 4px
}

ul.check-mark li {
    padding-left: 40px;
    position: relative
}

ul.check-mark li:before {
    background: url(icon-check-black.svg) 50%/contain no-repeat;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 22px
}

ul.check-mark li:not(:last-child) {
    margin-bottom: 20px
}

ul.check-mark--white li:before {
    background-image: url(icon-check-white.svg)
}

p {
    --marginBottom: 20px
}

p:not(:last-child) {
    margin-bottom: var(--marginBottom)
}

.gallery-container {
    --marginBottom: 20px
}

.gallery-container:not(:last-child) {
    margin-bottom: var(--marginBottom)
}

.gallery-container a {
    display: inline-block
}

img:not([class]) {
    --marginBottom: 20px
}

img:not([class]):not(:last-child) {
    margin-bottom: var(--marginBottom)
}

img[data-js-modal-open] {
    cursor: zoom-in
}

.c-gray-6 {
    color: var(--c-gray-6)
}

.bold, b, strong {
    font-weight: 700
}

.small, small, sub, sup {
    font-size: 80%
}

.small {
    line-height: 1
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub
}

img {
    --offset: 30px;
    border: 0;
    display: block;
    height: auto;
    max-width: 100%;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 767px) {
    img[height]:not([class]) {
        height: auto !important
    }
}

img[align=right], img[style*="float: right"], img[style*="float:right"] {
    float: right;
    margin-left: var(--offset);
    margin-top: 0;
    max-width: 66%
}

img[align=right]:not(:only-child), img[style*="float: right"]:not(:only-child), img[style*="float:right"]:not(:only-child) {
    margin-bottom: calc(var(--offset) / 2)
}

@media (max-width: 1280px) {
    img[align=right], img[style*="float: right"], img[style*="float:right"] {
        float: none;
        margin-left: 0;
        max-width: 100% !important
    }
}

img[align=left], img[style*="float: left"], img[style*="float:left"] {
    float: left;
    margin-right: var(--offset);
    margin-top: 0;
    max-width: 66%
}

img[align=left]:not(:only-child), img[style*="float: left"]:not(:only-child), img[style*="float:left"]:not(:only-child) {
    margin-bottom: calc(var(--offset) / 2)
}

@media (max-width: 1280px) {
    img[align=left], img[style*="float: left"], img[style*="float:left"] {
        float: none;
        margin-right: 0;
        max-width: 100% !important
    }
}

iframe, object, video {
    border: 0;
    display: block;
    max-width: 100%
}

cite {
    color: var(--c-black);
    display: block;
    text-align: right
}

blockquote {
    background: var(--c-gray-4);
    padding: 30px
}

.flow-container table {
    --cellPadding: 12px 20px;
    --cellBorder: 1px solid var(--c-gray-1);
    --cellBg: var(--c-white);
    --cellAlign: middle;
    --cellColor: var(--c-black);
    --cellMinWidth: 55px;
    border-collapse: collapse
}

.flow-container table:not([width]) {
    width: 100%
}

.flow-container table tbody {
    border-radius: var(--borderRadius)
}

.flow-container table td, .flow-container table th {
    background-clip: padding-box;
    background-color: var(--cellBg);
    border: var(--cellBorder);
    color: var(--cellColor);
    min-width: var(--cellMinWidth);
    padding: var(--cellPadding);
    position: relative;
    vertical-align: var(--cellAlign)
}

.flow-container table th {
    --cellAlign: bottom;
    --cellColor: var(--c-gray-6);
    text-align: center
}

address {
    font-style: normal
}

address, hr {
    display: block
}

hr {
    --vMargin: 30px;
    background-color: var(--c-gray-2);
    height: 1px
}

hr:not(:first-child) {
    margin-top: var(--vMargin)
}

hr:not(:last-child) {
    margin-bottom: var(--vMargin)
}

.flex-row {
    --offsetX: 60px;
    --offsetY: 40px
}

@media (max-width: 1280px) {
    .flex-row {
        --offsetX: 40px;
        --offsetY: 30px
    }
}

@media (max-width: 767px) {
    .flex-row {
        --offsetX: 30px;
        --offsetY: 20px
    }
}

.flex-row {
    display: flex;
    flex-flow: row wrap
}

.flex-row:not(:last-child) {
    margin-bottom: var(--offsetY)
}

.flex-row > * {
    margin-bottom: 10px
}

.flex-row > :not(:last-child) {
    margin-right: var(--offsetX)
}

.flex-row .form {
    max-width: 574px
}

@media (max-width: 767px) {
    .flex-row .form {
        max-width: 100%
    }
}

.dom-is-ready ::-ms-input-placeholder {
    -ms-transition: var(--transition-all);
    transition: var(--transition-all)
}

.dom-is-ready ::placeholder, .dom-is-ready :after, .dom-is-ready :before, .dom-is-ready a, .dom-is-ready button, .dom-is-ready input, .dom-is-ready label, .dom-is-ready svg, .dom-is-ready svg *, .dom-is-ready textarea {
    transition: var(--transition-all)
}

a:focus-visible, button:focus-visible, html.safari a:focus, html.safari button:focus {
    outline: 1px dashed var(--c-black)
}

.info-notice {
    background-color: var(--c-black);
    border-radius: var(--borderRadius);
    color: var(--c-white);
    font-weight: 500;
    max-width: 680px;
    padding: 16px 36px;
    text-align: center;
    width: 100%
}

.info-notice--blank {
    background-color: initial;
    color: var(--c-black);
    padding-right: 0
}

.info-notice::selection {
    color: var(--c-gray-6)
}

@media (max-width: 767px) {
    .info-notice {
        font-size: 14px;
        padding: 10px 16px
    }
}

html:not(.safari) .custom-scrollbar {
    scrollbar-color: var(--c-gray-2) var(--c-gray-1);
    scrollbar-width: thin
}

html:not(.safari) .custom-scrollbar::-webkit-scrollbar {
    background-color: var(--c-gray-1);
    height: 4px;
    width: 4px
}

html:not(.safari) .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-2)
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.vacancies .accordion__content-inner a[href*="hh.ru"], .vacancies .accordion__content-inner a[href^=mailto], .vacancies .accordion__content-inner a[href^=tel] {
    align-items: center;
    color: var(--c-main);
    display: flex;
    line-height: 1;
    position: relative;
    width: max-content
}

.vacancies .accordion__content-inner a[href*="hh.ru"]:before, .vacancies .accordion__content-inner a[href^=mailto]:before, .vacancies .accordion__content-inner a[href^=tel]:before {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 30px;
    margin-right: 8px;
    width: 30px
}

.vacancies .accordion__content-inner a[href*="hh.ru"]:hover, .vacancies .accordion__content-inner a[href^=mailto]:hover, .vacancies .accordion__content-inner a[href^=tel]:hover {
    color: var(--c-black)
}

.vacancies .accordion__content-inner a[href*="hh.ru"]:not(:last-child), .vacancies .accordion__content-inner a[href^=mailto]:not(:last-child), .vacancies .accordion__content-inner a[href^=tel]:not(:last-child) {
    margin-bottom: 30px
}

.vacancies .accordion__content-inner a[href^=mailto]:before {
    background-image: url(icon-mail.svg);
    background-size: 20px 16px
}

.vacancies .accordion__content-inner a[href^=tel] {
    background-size: 18px;
    color: var(--c-black)
}

.vacancies .accordion__content-inner a[href^=tel]:before {
    background-image: url(icon-phone.svg)
}

.vacancies .accordion__content-inner a[href^=tel]:hover {
    color: var(--c-main)
}

.vacancies .accordion__content-inner a[href*="hh.ru"]:before {
    background-image: url(icon-hh.svg);
    background-size: 30px
}

.adm-workarea button, .adm-workarea input, .adm-workarea optgroup, .adm-workarea select, .adm-workarea textarea {
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: auto
}

.about__inner {
    color: var(--c-gray-6)
}

@media (max-width: 767px) {
    .about__inner {
        padding-bottom: 40px
    }
}

.about__inner-content {
    max-width: 946px
}

@media (max-width: 767px) {
    .about__inner-content {
        margin-bottom: 20px
    }
}

.about__map {
    display: flex;
    margin-top: -150px;
    width: 100%
}

@media (max-width: 1480px) {
    .about__map {
        margin-top: -100px
    }
}

@media (max-width: 1280px) {
    .about__map {
        margin-top: 0
    }
}

.scroll-effect .about__map {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-timing-function: ease;
    visibility: hidden
}

.dom-is-ready .scroll-effect .about__map {
    transition-duration: 2.4s, 1.2s
}

.scroll-effect--visible .about__map {
    opacity: 1;
    transform: none;
    transition-delay: var(--delay);
    visibility: visible
}

.scroll-effect--visible .about__map:first-child {
    --delay: 0.25s
}

.scroll-effect--visible .about__map:nth-child(2) {
    --delay: 0.5s
}

.scroll-effect--visible .about__map:nth-child(3) {
    --delay: 0.75s
}

.scroll-effect--visible .about__map:nth-child(4) {
    --delay: 1s
}

.scroll-effect--visible .about__map:nth-child(5) {
    --delay: 1.25s
}

.scroll-effect--visible .about__map:nth-child(6) {
    --delay: 1.5s
}

.scroll-effect--visible .about__map:nth-child(7) {
    --delay: 1.75s
}

.scroll-effect--visible .about__map:nth-child(8) {
    --delay: 2s
}

.scroll-effect--visible .about__map:nth-child(9) {
    --delay: 2.25s
}

.scroll-effect--visible .about__map:nth-child(10) {
    --delay: 2.5s
}

.scroll-effect--visible .about__map:nth-child(11) {
    --delay: 2.75s
}

.scroll-effect--visible .about__map:nth-child(12) {
    --delay: 3s
}

.scroll-effect--visible .about__map:nth-child(13) {
    --delay: 3.25s
}

.scroll-effect--visible .about__map:nth-child(14) {
    --delay: 3.5s
}

.scroll-effect--visible .about__map:nth-child(15) {
    --delay: 3.75s
}

.scroll-effect--visible .about__map:nth-child(16) {
    --delay: 4s
}

.scroll-effect--visible .about__map:nth-child(17) {
    --delay: 4.25s
}

.scroll-effect--visible .about__map:nth-child(18) {
    --delay: 4.5s
}

.scroll-effect--visible .about__map:nth-child(19) {
    --delay: 4.75s
}

.scroll-effect--visible .about__map:nth-child(20) {
    --delay: 5s
}

.scroll-effect--visible .about__map:nth-child(21) {
    --delay: 5.25s
}

.scroll-effect--visible .about__map:nth-child(22) {
    --delay: 5.5s
}

.scroll-effect--visible .about__map:nth-child(23) {
    --delay: 5.75s
}

.scroll-effect--visible .about__map:nth-child(24) {
    --delay: 6s
}

.about__news {
    margin-bottom: 30px
}

.about__subscribe {
    position: relative
}

.about__subscribe:before {
    background: var(--c-gray-11);
    bottom: -40px;
    content: "";
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: absolute;
    right: 50%;
    top: 0;
    width: 100vw;
    z-index: -1
}

.accordion__header {
    list-style: none
}

.accordion__header::-webkit-details-marker, .accordion__header::marker {
    display: none
}

.accordion__header:hover .accordion__btn-icon path {
    fill: var(--c-main)
}

.accordion__header-line {
    --paddingY: 5px;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: space-between;
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY)
}

.accordion__item.is-open .accordion__btn {
    background-color: initial
}

.accordion__item.is-open .accordion__btn-icon {
    transform: rotate(90deg) translateZ(0)
}

.accordion__item.is-open .accordion__btn-icon path {
    fill: var(--c-main)
}

.accordion__item.is-fully-expanded .accordion__content {
    overflow: initial
}

.accordion__title {
    cursor: pointer;
    font-weight: 500;
    margin-right: 23px
}

.accordion__title:not(:last-child) {
    margin-bottom: 0
}

.accordion__btn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 30px;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 30px
}

.accordion__btn-icon {
    height: 16px;
    transform: rotate(270deg);
    width: 10px
}

.accordion__btn-icon path {
    fill: var(--c-black)
}

.accordion__content-inner {
    padding-top: 40px
}

.accordion__content {
    overflow: hidden
}

.accordion__content p:last-child {
    padding-bottom: 25px
}

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

.actions__item {
    position: relative
}

.actions__item:not(:last-child) {
    margin-right: 24px
}

.actions__btn {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 50px;
    justify-content: center;
    min-width: 50px;
    position: relative
}

.actions__btn:hover .i-icon {
    color: initial
}

.actions__btn:hover ~ .tooltip {
    opacity: 1;
    transform: none;
    visibility: visible
}

.actions__btn ~ .tooltip {
    right: 0;
    transform-origin: 100% 0
}

.actions__btn-icon {
    --size: 20px
}

.actions__btn-icon.icon-favorite path {
    fill: #fff0;
    stroke: var(--c-black)
}

.actions__counter {
    align-items: center;
    background-color: #e31235;
    border-radius: 10px;
    color: var(--c-white);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 16px;
    justify-content: center;
    left: calc(50% + 12px);
    line-height: 1.25;
    min-width: 16px;
    padding: 3px;
    position: absolute;
    top: 0;
    transform: translate3d(-50%, 0, 0);
    transform-origin: 0 50%;
    width: auto
}

.dom-is-ready .actions__counter {
    transition: var(--transition-all)
}

.actions__counter.is-empty {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: translate3d(-50%, 0, 0) scale(0);
    visibility: hidden
}

.actions__label {
    font-size: 15px
}

.adaptive-table {
    --shadowStart: #fff;
    --shadowEnd: hsla(0, 0%, 100%, 0);
    position: relative;
    width: 100%
}

.adaptive-table__wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 0 1px
}

@media (max-width: 1280px) {
    .adaptive-table__wrapper table {
        min-width: 150%
    }
}

@media (max-width: 375px) {
    .adaptive-table__wrapper table {
        min-width: 200%
    }
}

.adaptive-table.is-left-edge:before, .adaptive-table.is-right-edge:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden
}

.adaptive-table:after, .adaptive-table:before {
    background: linear-gradient(to right, var(--shadowStart), var(--shadowEnd));
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 2
}

.dom-is-ready .adaptive-table:after, .dom-is-ready .adaptive-table:before {
    transition: opacity .1s, visibility .1s
}

@media (max-width: 1280px) {
    .adaptive-table:after, .adaptive-table:before {
        content: ""
    }
}

@media (max-width: 375px) {
    .adaptive-table:after, .adaptive-table:before {
        width: 15%
    }
}

.adaptive-table:before {
    left: -1px
}

.adaptive-table:after {
    --shadowStart: hsla(0, 0%, 100%, 0);
    --shadowEnd: #fff;
    right: -1px
}

.adaptive-table::-webkit-scrollbar {
    width: 0 !important
}

.adaptive-table {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none
}

.advantages {
    background-color: var(--c-black);
    color: var(--c-white);
    padding-bottom: 40px;
    padding-top: 40px
}

.advantages__header {
    align-items: flex-start;
    border-top: 1px solid var(--c-gray-2);
    display: flex;
    justify-content: space-between;
    padding-top: 30px
}

.advantages__header:not(:last-child) {
    margin-bottom: 60px
}

@media (max-width: 767px) {
    .advantages__header:not(:last-child) {
        margin-bottom: 40px
    }

    .advantages__header {
        display: block
    }
}

.advantages__description {
    line-height: 1.33;
    max-width: 1080px
}

.advantages__description:not(:last-child) {
    margin-right: 60px
}

@media (max-width: 767px) {
    .advantages__description:not(:last-child) {
        margin-right: 0
    }
}

.advantages__description.h4:not(:last-child) {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .advantages__description.h4:not(:last-child) {
        margin-bottom: 20px
    }
}

.advantages__btn {
    flex-shrink: 0
}

@media (max-width: 767px) {
    .advantages__btn--desktop {
        display: none
    }
}

.advantages__list {
    grid-gap: 20px 7%;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    opacity: .8
}

@media (max-width: 1024px) {
    .advantages__list {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 767px) {
    .advantages__list {
        grid-gap: 10px;
        grid-template-columns:1fr
    }
}

.advantages__footer {
    align-items: center;
    display: none;
    justify-content: center;
    margin-top: 20px
}

@media (max-width: 767px) {
    .advantages__footer {
        display: flex
    }
}

.all-brands__brand-symbols:not(:last-child) {
    margin-bottom: 46px
}

.all-brands__brand-logos:not(:last-child), .article-gallery__images {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .article-gallery__images {
        margin-bottom: 20px
    }
}

.article-gallery__images .swiper-slide {
    max-height: 447px;
    width: 100% !important
}

.article-gallery__images .swiper-slide img {
    height: auto;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    width: auto
}

.article-gallery__thumbs {
    position: relative
}

.article-gallery__thumbs .swiper-container {
    margin: 0 auto;
    max-width: 900px;
    position: relative;
    width: 90%;
    z-index: 2
}

@media (max-width: 767px) {
    .article-gallery__thumbs .swiper-container {
        width: 100%
    }
}

.article-gallery__thumbs .swiper-slide {
    cursor: pointer
}

@media (min-width: 1025px) {
    .article-gallery__thumbs .swiper-slide {
        width: 28%
    }
}

@media (max-width: 1024px) {
    .article-gallery__thumbs .swiper-slide {
        margin-right: 30px
    }
}

.article-gallery__thumbs .swiper-slide img {
    width: 100%
}

@media (min-width: 1281px) {
    .article-gallery__thumbs .swiper-slide img {
        max-height: 144px
    }
}

.article-gallery .article-gallery__thumbs-controls {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1
}

.article-gallery .article-gallery__thumbs-controls .slider-buttons {
    justify-content: space-between
}

.article-gallery__image-link {
    width: 100%
}

.article-gallery img {
    object-fit: cover
}

.article__header {
    margin-bottom: 16px
}

.article__date {
    color: var(--c-main);
    font-size: 15px
}

.article__gallery {
    margin-bottom: 30px
}

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

.article img {
    border-radius: clamp(6px, 2vw, 16px)
}

.attachment__name {
    font-weight: 700;
    width: 100%
}

.attachment__info {
    display: flex;
    flex-flow: column;
    position: relative
}

.attachment__size {
    color: var(--c-gray)
}

.attachment__remove {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -25px;
    text-align: left;
    top: 1px
}

.attachment__remove * {
    pointer-events: none
}

.auth {
    background: url(auth-bg.png) no-repeat 0 0/cover;
    min-height: 90vh
}

@media (max-width: 1280px) {
    .auth {
        background-position: 0 0;
        background-size: cover
    }
}

@media (max-width: 767px) {
    .auth {
        background: none
    }
}

.auth__inner {
    display: flex;
    justify-content: center;
    padding-top: 50px
}

.basket-empty {
    max-width: 541px
}

.basket-empty__title {
    --marginBottom: 16px
}

.basket-empty__subtitle {
    --marginBottom: 35px;
    color: var(--c-gray-6)
}

.basket-form .form-label {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.basket-summary {
    border: var(--border);
    border-radius: var(--borderRadius);
    position: relative
}

.basket-summary__body, .basket-summary__footer, .basket-summary__header {
    padding: 15px
}

.basket-summary__body, .basket-summary__header {
    border-bottom: var(--border)
}

.basket-summary__list:not(:last-child) {
    margin-bottom: 24px
}

.basket-summary__item {
    align-items: flex-start;
    display: flex;
    font-size: 15px;
    justify-content: space-between;
    line-height: 1.47
}

.basket-summary__item:not(:last-child) {
    margin-bottom: 15px
}

.basket-summary__item--major {
    font-size: 18px;
    line-height: 1.56
}

.basket-summary__item--major:not(:last-child) {
    margin-bottom: 24px
}

.basket-summary__item--major .basket-summary__value {
    font-size: 22px;
    line-height: 1.36
}

.basket-summary__label {
    color: var(--c-gray-6)
}

.basket-summary__label:not(:last-child) {
    margin-right: 15px
}

.basket-summary__value {
    flex: 1 0 auto;
    font-weight: 500;
    text-align: right
}

.basket-summary__value--total {
    color: var(--c-main);
    font-size: 22px;
    line-height: 1.36
}

.basket-summary .btn {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px
}

.basket-summary .btn:not(:last-child) {
    margin-bottom: 15px
}

.basket-summary__agreement {
    color: var(--c-gray-9);
    display: inline-block;
    font-size: 15px;
    line-height: 1.47
}

.basket-tooltip {
    --paddingX: 8px;
    min-width: 360px;
    padding: 16px 0 11px var(--paddingX)
}

html:not(.safari) .basket-tooltip__body {
    scrollbar-color: var(--c-gray-2) var(--c-gray-1);
    scrollbar-width: thin
}

html:not(.safari) .basket-tooltip__body::-webkit-scrollbar {
    background-color: var(--c-gray-1);
    height: 4px;
    width: 4px
}

html:not(.safari) .basket-tooltip__body::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-2)
}

.basket-tooltip__body {
    max-height: 493px;
    overflow-y: auto;
    padding-right: var(--paddingX)
}

.basket-tooltip__body::-webkit-scrollbar-thumb {
    border-radius: 2px
}

.basket-tooltip__body:not(:last-child) {
    margin-bottom: 14px
}

@media (min-width: 1025px) and (max-height: 700px) {
    .basket-tooltip__body {
        max-height: 55vh
    }
}

.basket-tooltip__item:not(:last-child) {
    margin-bottom: 10px
}

.basket-tooltip__footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-left: calc(var(--paddingX) * 2);
    padding-right: 13px
}

.basket-tooltip__amount {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.basket-tooltip__amount:not(:last-child) {
    margin-right: 30px
}

.basket-tooltip__total {
    font-weight: 500;
    line-height: 1.22
}

.basket-tooltip__total:not(:last-child) {
    margin-bottom: 9px
}

.basket-tooltip__total-without-discount {
    color: var(--c-gray-6);
    font-size: 13px;
    line-height: 1.38;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.basket {
    --contentMarginRight: 60px;
    --asideWidth: 360px
}

@media (max-width: 1480px) {
    .basket {
        --contentMarginRight: 30px;
        --asideWidth: 320px
    }
}

@media (max-width: 1280px) {
    .basket {
        --contentMarginRight: 15px;
        --asideWidth: 310px
    }
}

.basket__inner {
    display: flex;
    position: relative
}

@media (max-width: 1080px) {
    .basket__inner {
        flex-direction: column-reverse
    }
}

.basket__content {
    flex-grow: 1
}

.basket__content:not(:last-child) {
    margin-right: var(--contentMarginRight)
}

@media (max-width: 1080px) {
    .basket__content:not(:last-child) {
        margin-right: 0
    }
}

.basket__actions {
    align-items: center;
    bottom: calc(100% + 62px);
    display: flex;
    font-size: 18px;
    line-height: 1.44;
    position: absolute;
    right: calc(var(--asideWidth) + var(--contentMarginRight))
}

@media (max-width: 1700px) {
    .basket__actions {
        font-size: 16px
    }
}

@media (max-width: 1080px) {
    .basket__actions {
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-bottom: 30px;
        position: static
    }
}

.basket__actions .checkbox {
    flex-direction: row-reverse
}

.basket__actions .checkbox__label {
    color: var(--c-black);
    font-size: inherit;
    line-height: inherit;
    padding-left: 0;
    padding-right: var(--iconOffset)
}

.basket__actions .form__block {
    width: auto
}

.basket__remove-selected-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    flex-shrink: 0;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: left
}

.basket__remove-selected-btn:hover {
    color: var(--c-main)
}

.basket__remove-selected-btn:not(:first-child) {
    margin-left: 37px
}

@media (max-width: 1080px) {
    .basket__remove-selected-btn:not(:first-child) {
        margin-left: 0;
        margin-right: 30px
    }
}

.basket__aside {
    flex: 0 0 var(--asideWidth)
}

@media (max-width: 1080px) {
    .basket__aside {
        margin-bottom: 30px
    }
}

.basket__labels {
    --offset: 20px;
    grid-gap: 50px;
    grid-template-columns:auto 140px 140px 100px 100px
}

@media (max-width: 1700px) {
    .basket__labels {
        grid-gap: 20px
    }
}

@media (max-width: 1280px) {
    .basket__labels {
        grid-gap: 15px;
        grid-template-columns:auto 140px 140px 60px 60px
    }
}

@media (max-width: 1080px) {
    .basket__labels {
        grid-gap: 30px
    }
}

@media (max-width: 920px) {
    .basket__labels {
        grid-row-gap: 15px;
        grid-template-columns:2fr 2fr 1fr
    }
}

@media (max-width: 480px) {
    .basket__labels {
        grid-column-gap: 15px
    }
}

.basket__labels {
    color: var(--c-gray-6);
    display: grid;
    font-size: 16px;
    margin-left: calc(var(--offset) * -1);
    padding-left: var(--offset);
    padding-right: var(--offset)
}

@media (max-width: 1366px) {
    .basket__labels {
        --offset: 15px
    }
}

@media (max-width: 1280px) {
    .basket__labels {
        font-size: 14px
    }
}

@media (max-width: 1080px) {
    .basket__labels {
        display: none
    }
}

.basket__labels:not(:last-child) {
    margin-bottom: 25px
}

.basket__label:not(:first-child) {
    text-align: center
}

.basket__label:nth-child(3) {
    text-align: left
}

.basket__body:not(:last-child) {
    margin-bottom: 10px
}

.basket__list {
    position: relative
}

.basket__item:not(:last-child) {
    margin-bottom: 12px
}

.basket__info-notice {
    display: flex;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .basket__info-notice {
        flex-wrap: wrap
    }
}

.basket__info-notice .info-notice--blank {
    text-align: right
}

@media (max-width: 1024px) {
    .basket__info-notice .info-notice--blank {
        padding-left: 0;
        text-align: left
    }
}

.basket__info-notice:not(:last-child) {
    margin-bottom: 35px
}

.brand-info {
    align-items: center;
    display: flex;
    max-width: 1080px
}

@media (max-width: 767px) {
    .brand-info {
        flex-direction: column
    }
}

.brand-info__image {
    --margin: 30px;
    height: auto;
    max-width: 240px;
    width: 100%
}

.brand-info__image:not(:last-child) {
    margin-right: var(--margin)
}

@media (max-width: 767px) {
    .brand-info__image:not(:last-child) {
        margin-bottom: var(--margin);
        margin-right: 0
    }
}

.brand-info__body {
    font-size: 16px;
    line-height: 1.62
}

.brand-logos__list {
    grid-gap: 10px 30px;
    display: grid;
    grid-template-columns:repeat(9, 1fr)
}

@media (max-width: 1024px) {
    .brand-logos__list {
        grid-template-columns:repeat(6, 1fr)
    }
}

@media (max-width: 767px) {
    .brand-logos__list {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 480px) {
    .brand-logos__list {
        grid-template-columns:repeat(2, 1fr)
    }
}

.brand-logos__link {
    display: flex
}

.brand-logos__link:hover {
    transform: scale(1.025) translateZ(0)
}

.brand-logos__image {
    width: 100%
}

.brand-symbols__list {
    border-bottom: var(--border);
    display: flex;
    flex-wrap: wrap
}

.brand-symbols__item {
    --marginX: 36px;
    --paddingY: 6px;
    margin-right: var(--marginX);
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY)
}

@media (max-width: 767px) {
    .brand-symbols__item {
        --marginX: 24px
    }
}

.brand-symbols__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: var(--c-main);
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left
}

.brand-symbols__btn:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-main);
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.brand-symbols__btn:hover {
    text-shadow: 0 0 0 var(--c-main)
}

.brand-symbols__btn:hover:after {
    opacity: 1;
    visibility: visible
}

.brand-symbols__btn:active {
    transform: scale(1.05) translateZ(0)
}

.brand-symbols__btn[disabled] {
    color: var(--c-gray-5);
    cursor: not-allowed
}

.brands {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    width: 100%
}

@media (max-width: 767px) {
    .brands {
        align-items: flex-end;
        flex-direction: column
    }
}

@media (max-width: 480px) {
    .brands {
        align-items: center
    }
}

.brands__slider {
    --paddingX: 80px;
    max-width: 100%;
    padding-left: var(--paddingX);
    padding-right: var(--paddingX);
    position: relative
}

.brands__slider:not(:last-child) {
    margin-right: 40px
}

@media (max-width: 767px) {
    .brands__slider:not(:last-child) {
        margin-bottom: 20px;
        margin-right: 0
    }
}

@media (max-width: 1280px) {
    .brands__slider {
        --paddingX: 50px
    }
}

@media (max-width: 767px) {
    .brands__slider {
        --paddingX: 0
    }
}

.brands__buttons {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.brands__buttons .slider-buttons {
    justify-content: space-between;
    width: 100%
}

.brands__item, .brands__link {
    align-items: center;
    display: flex;
    justify-content: center
}

.brands__link {
    filter: grayscale(1);
    height: 50px;
    opacity: .5;
    width: 160px
}

@media (max-width: 767px) {
    .brands__link {
        height: 40px;
        width: 120px
    }
}

.brands__link:active, .brands__link:hover {
    transform: scale(1.05) translateZ(0)
}

.brands__link:hover {
    filter: grayscale(0);
    opacity: 1
}

.brands__image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

@media (max-width: 767px) {
    .cabinet .section__header {
        margin-bottom: 30px !important
    }
}

.cabinet__wrapper {
    display: flex
}

@media (max-width: 1024px) {
    .cabinet__wrapper {
        flex-direction: column
    }
}

.cabinet__content {
    width: 100%
}

.cabinet__nav {
    flex-shrink: 0;
    margin-right: clamp(50px, 6.3vw, 180px);
    order: -1
}

@media (min-width: 1025px) {
    .cabinet__nav {
        width: clamp(230px, 13.1vw, 250px)
    }
}

@media (max-width: 1480px) {
    .cabinet__nav {
        margin-right: 50px
    }
}

@media (max-width: 1080px) {
    .cabinet__nav {
        margin-right: 30px
    }
}

@media (max-width: 1024px) {
    .cabinet__nav {
        margin-bottom: 30px;
        margin-right: 0
    }
}

.catalog .section__content, .catalog__inner {
    align-items: flex-start;
    display: flex
}

.scroll-effect .catalog__nav {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
    transition-property: opacity, transform;
    transition-timing-function: ease;
    visibility: hidden
}

.dom-is-ready .scroll-effect .catalog__nav {
    transition-duration: 2.4s, 1.2s
}

.scroll-effect--visible .catalog__nav {
    opacity: 1;
    transform: none;
    transition-delay: var(--delay);
    visibility: visible
}

.scroll-effect--visible .catalog__nav:first-child {
    --delay: 0.25s
}

.scroll-effect--visible .catalog__nav:nth-child(2) {
    --delay: 0.5s
}

.scroll-effect--visible .catalog__nav:nth-child(3) {
    --delay: 0.75s
}

.scroll-effect--visible .catalog__nav:nth-child(4) {
    --delay: 1s
}

.scroll-effect--visible .catalog__nav:nth-child(5) {
    --delay: 1.25s
}

.scroll-effect--visible .catalog__nav:nth-child(6) {
    --delay: 1.5s
}

.scroll-effect--visible .catalog__nav:nth-child(7) {
    --delay: 1.75s
}

.scroll-effect--visible .catalog__nav:nth-child(8) {
    --delay: 2s
}

.scroll-effect--visible .catalog__nav:nth-child(9) {
    --delay: 2.25s
}

.scroll-effect--visible .catalog__nav:nth-child(10) {
    --delay: 2.5s
}

.scroll-effect--visible .catalog__nav:nth-child(11) {
    --delay: 2.75s
}

.scroll-effect--visible .catalog__nav:nth-child(12) {
    --delay: 3s
}

.scroll-effect--visible .catalog__nav:nth-child(13) {
    --delay: 3.25s
}

.scroll-effect--visible .catalog__nav:nth-child(14) {
    --delay: 3.5s
}

.scroll-effect--visible .catalog__nav:nth-child(15) {
    --delay: 3.75s
}

.scroll-effect--visible .catalog__nav:nth-child(16) {
    --delay: 4s
}

.scroll-effect--visible .catalog__nav:nth-child(17) {
    --delay: 4.25s
}

.scroll-effect--visible .catalog__nav:nth-child(18) {
    --delay: 4.5s
}

.scroll-effect--visible .catalog__nav:nth-child(19) {
    --delay: 4.75s
}

.scroll-effect--visible .catalog__nav:nth-child(20) {
    --delay: 5s
}

.scroll-effect--visible .catalog__nav:nth-child(21) {
    --delay: 5.25s
}

.scroll-effect--visible .catalog__nav:nth-child(22) {
    --delay: 5.5s
}

.scroll-effect--visible .catalog__nav:nth-child(23) {
    --delay: 5.75s
}

.scroll-effect--visible .catalog__nav:nth-child(24) {
    --delay: 6s
}

.catalog__nav {
    flex: 0 0 380px;
    order: -1
}

@media (max-width: 768px) {
    .catalog__nav {
        flex-basis: auto
    }
}

.catalog__nav:not(:first-child) {
    margin-right: 40px
}

@media (max-width: 768px) {
    .catalog__nav:not(:first-child) {
        margin-bottom: 30px;
        margin-right: 0
    }

    .catalog__nav {
        display: none
    }
}

.catalog__body {
    width: 100%
}

.catalog__body .container {
    --gridPadding: 0
}

.catalog__list {
    --cardMinWidth: 25%;
    grid-gap: 20px;
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(var(--cardMinWidth), 1fr))
}

@media (max-width: 768px) {
    .catalog__list {
        --cardMinWidth: 166px;
        grid-gap: 15px
    }
}

.catalog .popular-categories__list {
    grid-column-gap: 14%;
    grid-template-columns:1fr 1fr
}

@media (max-width: 1366px) {
    .catalog .popular-categories__list {
        grid-column-gap: 40px
    }
}

@media (max-width: 1170px) {
    .catalog .popular-categories__list {
        grid-template-columns:1fr
    }

    .catalog .popular-categories__item {
        grid-column: initial
    }
}

.catalog .news-overview__list {
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 1366px) {
    .catalog .news-overview__list {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 1170px) {
    .catalog .news-overview__list {
        grid-template-columns:1fr
    }

    .catalog .news-overview__btn-wrapper {
        display: flex
    }

    .catalog .news-overview__btn--desktop {
        display: none
    }

    .catalog .news-overview__btn--mobile {
        display: flex
    }
}

.catalog__description:not(:first-child) {
    margin-top: 60px
}

@media (min-width: 921px) {
    .change-password {
        max-width: 310px;
        width: 100%
    }
}

.change-password__form .btn {
    width: 100%
}

.change-password .form__row:last-child {
    margin-top: 20px
}

.change-phone {
    margin: 0 auto;
    max-width: 320px
}

.change-phone__code-btn .btn, .change-phone__submit-btn .btn {
    width: 100%
}

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

.characteristics__item:not(:last-child) {
    margin-bottom: 22px
}

.small .characteristics__item:not(:last-child) {
    margin-bottom: .5em
}

.characteristics__key {
    align-items: baseline;
    display: flex;
    flex-grow: 1
}

.characteristics__key:after {
    border-bottom: 1px dotted var(--c-gray-5);
    content: "";
    width: 100%
}

.small .characteristics__key:after {
    flex-grow: 1;
    min-width: 20px;
    width: auto
}

.characteristics__key span {
    flex-shrink: 0
}

.characteristics__value {
    color: var(--c-gray-6);
    max-width: 40%;
    text-align: right
}

.checkbox-cards__list {
    grid-gap: 30px 10px;
    display: grid;
    grid-template-columns:repeat(4, 1fr)
}

@media (max-width: 1280px) {
    .checkbox-cards__list {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 767px) {
    .checkbox-cards__list {
        grid-row-gap: 20px;
        grid-template-columns:1fr
    }
}

.checkbox-cards__item.is-active {
    display: block
}

.checkbox-cards__item.is-disabled {
    display: none
}

.compare-tooltip {
    --paddingX: 8px;
    min-width: 360px;
    padding: 16px 0 11px var(--paddingX)
}

html:not(.safari) .compare-tooltip__body {
    scrollbar-color: var(--c-gray-2) var(--c-gray-1);
    scrollbar-width: thin
}

html:not(.safari) .compare-tooltip__body::-webkit-scrollbar {
    background-color: var(--c-gray-1);
    height: 4px;
    width: 4px
}

html:not(.safari) .compare-tooltip__body::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-2)
}

.compare-tooltip__body {
    max-height: 493px;
    overflow-y: auto;
    padding-right: var(--paddingX)
}

.compare-tooltip__body::-webkit-scrollbar-thumb {
    border-radius: 2px
}

.compare-tooltip__body:not(:last-child) {
    margin-bottom: 14px
}

a.footer__email-link {
    color: #fff
}

footer.footer a:hover {
    color: #e31235
}

@media (min-width: 1025px) and (max-height: 700px) {
    .compare-tooltip__body {
        max-height: 55vh
    }
}

.compare-tooltip__footer {
    padding-right: var(--paddingX)
}

.compare-tooltip.is-empty .compare-tooltip__footer {
    display: none
}

.compare-tooltip__item:not(:last-child) {
    margin-bottom: 31px
}

.compare-tooltip__btn {
    width: 100%
}

.compare-tooltip__message {
    display: none;
    padding: .5em;
    text-align: center
}

.compare-tooltip.is-empty .compare-tooltip__message {
    display: block
}

.compare-tooltip:not(.is-init) {
    display: none
}

.comparing {
    --cellHeight: 30px
}

@media (max-width: 1024px) {
    .comparing .section__header {
        margin-bottom: 30px !important
    }
}

.comparing__inner {
    display: flex
}

@media (max-width: 1024px) {
    .comparing__inner {
        flex-direction: column
    }
}

.comparing__inner--empty {
    align-items: flex-start;
    display: flex;
    min-height: 500px
}

@media (max-width: 1024px) {
    .comparing__inner--empty {
        align-items: stretch;
        flex-direction: row;
        min-height: 250px
    }

    .comparing__items-wrapper {
        display: flex;
        margin-bottom: 30px
    }

    .comparing__options-list {
        grid-row-gap: 20px;
        display: grid;
        width: 100%
    }

    .comparing__options-list:not(.comparing__options-list--one-item) {
        grid-template-columns:repeat(2, 1fr)
    }
}

.comparing__option-name {
    color: var(--c-gray-6);
    margin-bottom: 10px !important
}

@media (max-width: 1024px) {
    .comparing__option-name {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .comparing__option-name {
        font-size: 16px
    }
}

@media (max-width: 1024px) {
    .comparing__option-value {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .comparing__option-value {
        font-size: 14px
    }
}

.comparing__slider-counter {
    color: var(--c-gray-6);
    font-size: 14px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 100%
}

.comparing__body {
    overflow: hidden
}

@media (min-width: 1025px) {
    .comparing__body {
        display: flex;
        padding: 20px
    }
}

.comparing__body {
    width: 100%
}

.comparing__body .comparing__add:not(.comparing__body .comparing__add--mobile) {
    flex-shrink: 0;
    margin-left: 180px;
    margin-top: 80px
}

.comparing__body .swiper-container {
    flex-flow: row nowrap
}

.comparing__body .swiper-container.swiper-container {
    margin: -30px;
    padding: 30px;
    width: calc(100% + 60px)
}

@media (max-width: 1024px) {
    .comparing__body .swiper-container {
        margin: 0 !important;
        padding: 58px 0 0 !important;
        width: 100% !important
    }

    .comparing__body .swiper-container .swiper-pagination-bullets {
        bottom: auto;
        top: 42px
    }

    .comparing__body .swiper-container .swiper-pagination-bullet {
        background-color: var(--c-gray-2)
    }

    .comparing__body .swiper-container .swiper-pagination-bullet-active {
        background-color: var(--c-gray-6)
    }
}

.comparing__body .swiper-scrollbar {
    background: var(--c-gray-1);
    border-radius: 2px;
    bottom: 10px
}

.comparing__body .swiper-scrollbar-drag {
    background: var(--c-gray-2);
    border-radius: 2px
}

@media (min-width: 1025px) {
    .comparing__body .swiper-slide {
        width: 310px
    }
}

.comparing .comparing-card {
    flex-shrink: 0
}

.comparing .comparing-card:not(:last-child) {
    margin-right: 40px
}

.comparing__mode-form {
    margin-bottom: 185px
}

@media (max-width: 1024px) {
    .comparing__mode-form {
        margin-bottom: 30px
    }

    .comparing__mode-form .comparing__toggles {
        grid-gap: 20px;
        display: grid;
        grid-template-columns:repeat(2, 30%)
    }
}

@media (max-width: 767px) {
    .comparing__mode-form .comparing__toggles {
        grid-template-columns:none
    }
}

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

@media (max-width: 1024px) {
    .comparing__empty {
        flex-direction: column;
        width: 100%
    }

    .comparing__empty .comparing__add {
        margin: auto 0
    }
}

.comparing__empty-text {
    margin-right: 30px
}

@media (max-width: 1024px) {
    .comparing__empty-text {
        align-self: flex-start;
        margin-bottom: 50px;
        margin-right: 0
    }
}

.comparing__aside {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 16px;
    justify-content: space-between
}

@media (min-width: 1025px) {
    .comparing__aside {
        margin-right: 20px;
        padding-bottom: 16px;
        width: 220px
    }
}

.comparing__options {
    grid-gap: 15px;
    color: var(--c-gray-6);
    display: grid;
    font-size: 14px;
    position: relative
}

.comparing__options-item, .comparing__spacer {
    height: var(--cellHeight)
}

.comparing__options-item {
    padding-right: 10px
}

.comparing__column {
    border: 1px solid var(--c-gray-2);
    border-left: 0;
    width: 50%
}

@media (max-width: 767px) {
    .comparing__column:first-child .comparing-card {
        padding: 20px 10px 20px 0
    }
}

.comparing__column:last-child {
    border-right: 0
}

@media (max-width: 767px) {
    .comparing__column:last-child .comparing-card {
        padding: 20px 0 20px 10px
    }
}

.comparing__column--empty {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (min-width: 1025px) {
    .contacts__inner {
        display: flex;
        justify-content: space-between
    }
}

.contacts__left {
    flex-shrink: 0
}

@media (min-width: 1025px) {
    .contacts__left {
        margin-right: clamp(20px, 3.958vw, 76px)
    }
}

@media (max-width: 1024px) {
    .contacts__left {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .contacts__left {
        margin-bottom: 20px
    }
}

.contacts__right {
    max-width: 1000px;
    width: 100%
}

.contacts__item:not(:last-child) {
    margin-bottom: 20px
}

.contacts__item--department {
    padding-bottom: 20px;
    position: relative
}

.contacts__item--department:not(:last-child) {
    margin-bottom: 20px
}

.contacts__item--department:not(:last-child):after {
    background-color: var(--c-gray-1);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    max-width: 320px;
    position: absolute;
    width: 100%
}

.contacts__title:not(:last-child) {
    margin-bottom: 15px
}

.contacts__socials {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .contacts__socials .socials__list {
        justify-content: center
    }
}

.contacts__map .map {
    height: clamp(455px, 33.563vw, 602px);
    width: 100%
}

.contacts__map .map > ymaps {
    border-radius: 16px;
    overflow: hidden
}

.content {
    flex-grow: 1
}

.content__top {
    margin-bottom: 30px
}

.content__top--news-detail .container {
    position: relative
}

.content__top--news-detail .return-link {
    left: 0;
    position: absolute;
    top: 72px
}

@media (max-width: 1366px) {
    .content__top--news-detail .return-link {
        position: static
    }
}

@media (min-width: 1025px) {
    .content__top--news-detail h1 {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--newsArticleMaxWidth)
    }
}

.content__sections {
    padding: 5px 0 40px
}

.content__sections--no-pb {
    padding-bottom: 0
}

.delivery-card {
    border: var(--border);
    border-radius: var(--borderRadius);
    padding: 10px 20px;
    position: relative
}

@media (max-width: 767px) {
    .delivery-card {
        padding-bottom: 24px;
        padding-top: 32px
    }
    .content__top {
        margin-bottom: 10px !important;
    }
}

.delivery-card__icon-wrapper {
    --size: 60px;
    align-items: center;
    background-color: var(--c-white);
    border: var(--border);
    border-radius: 50%;
    display: flex;
    height: var(--size);
    justify-content: center;
    left: 50%;
    padding: 10px;
    position: absolute;
    top: calc(var(--size) / 2 * -1);
    transform: translateX(-50%);
    width: var(--size)
}

.delivery-card__icon-wrapper svg {
    --size: 34px
}

.delivery-card__body:not(:last-child) {
    margin-bottom: 15px
}

.delivery-card__title {
    --marginBottom: 10px;
    color: var(--c-main);
    font-size: 18px;
    font-weight: 700
}

.delivery-card__description {
    color: var(--c-gray-6);
    font-size: 16px
}

.delivery-card__info {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.delivery-card__info-caption {
    align-items: center;
    display: flex;
    font-size: 16px
}

@media (max-width: 767px) {
    .delivery-card__info-caption {
        display: block
    }
}

.delivery-card__info-caption:not(:last-child) {
    margin-right: 50px
}

@media (max-width: 767px) {
    .delivery-card__info-caption:not(:last-child) {
        margin-bottom: 20px;
        margin-right: 0
    }
}

.delivery-card__info-caption span {
    color: var(--c-main);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    margin-left: 20px
}

.delivery-form {
    --labelMarginBottom: 10px
}

.delivery-form__item:not(:last-child) {
    margin-bottom: 30px
}

.delivery-form__label {
    --marginBottom: var(--labelMarginBottom);
    font-size: 16px;
    font-weight: 500
}

.delivery-form__preview {
    align-items: center;
    display: flex
}

@media (max-width: 767px) {
    .delivery-form__preview {
        align-items: flex-start;
        flex-direction: column-reverse
    }
}

.delivery-form__image-wrapper {
    --size: 140px;
    align-items: center;
    display: flex;
    height: var(--size);
    justify-content: center;
    width: var(--size)
}

.delivery-form__image-wrapper:hover {
    transform: scale(1.025) translateZ(0)
}

.delivery-form__image-wrapper:not(:last-child) {
    margin-right: 30px
}

@media (max-width: 767px) {
    .delivery-form__image-wrapper:not(:last-child) {
        margin-right: 0;
        margin-top: 15px
    }
}

.delivery-form__image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.delivery-form .checkbox {
    font-size: 16px
}

.delivery-form .checkbox .checkbox__label {
    color: var(--c-black)
}

.delivery-form__address .form-label {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.delivery-form__address .form-input {
    max-width: 628px
}

.delivery-form__address-info {
    align-items: center;
    display: flex
}

.delivery-form__address-info:not(:first-child) {
    margin-top: 15px
}

.delivery-form__address-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: var(--c-main);
    cursor: pointer;
    font-size: 16px;
    margin: 0 0 0 20px;
    padding: 0;
    text-align: left
}

.delivery-form__address-btn:hover {
    color: var(--c-black)
}

.delivery-form__delivery-variants:not(:first-child) {
    margin-top: 28px
}

.delivery-info__title {
    --marginBottom: 16px;
    font-weight: 500
}

.delivery-info__list:not(:last-child) {
    margin-bottom: 24px
}

.delivery-info__item {
    align-items: flex-start;
    display: flex;
    font-size: 15px;
    line-height: 1.47
}

.delivery-info__item:not(:last-child) {
    margin-bottom: 24px
}

.delivery-info__label span {
    color: var(--c-gray-6)
}

.delivery-info__icon {
    --size: 24px;
    flex-shrink: 0
}

.delivery-info__icon:not(:last-child) {
    margin-right: 6px
}

.delivery-info__promo {
    align-items: center;
    background-color: var(--c-black);
    border-radius: var(--borderRadius);
    color: var(--c-white);
    display: flex;
    font-size: 14px;
    justify-content: center;
    padding: 10px 12px;
    text-align: center
}

.delivery-info__promo:not(:last-child) {
    margin-bottom: 15px
}

.delivery-info__btn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: var(--c-main);
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: 0;
    text-align: left
}

.delivery-info__btn:hover {
    color: var(--c-black)
}

.delivery-info__btn:active .i-icon {
    transform: scale(1.05) translateZ(0)
}

.delivery-info__btn * {
    pointer-events: none
}

.delivery-variants__item:not(:last-child) {
    margin-bottom: 53px
}

.equipment {
    overflow: hidden
}

.equipment__info:not(:last-child) {
    margin-bottom: 50px
}

.equipment__title {
    --marginBottom: 30px
}

@media (max-width: 767px) {
    .equipment__title {
        --marginBottom: 20px
    }
}

.equipment__description {
    color: var(--c-gray-6)
}

.equipment__list {
    display: grid
}

.equipment__list:not(:last-child) {
    margin-bottom: 30px
}

.scroll-effect .equipment__item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-timing-function: ease;
    visibility: hidden
}

.dom-is-ready .scroll-effect .equipment__item {
    transition-duration: 2.4s, 1.2s
}

.scroll-effect--visible .equipment__item {
    opacity: 1;
    transform: none;
    transition-delay: var(--delay);
    visibility: visible
}

.scroll-effect--visible .equipment__item:first-child {
    --delay: 0.25s
}

.scroll-effect--visible .equipment__item:nth-child(2) {
    --delay: 0.5s
}

.scroll-effect--visible .equipment__item:nth-child(3) {
    --delay: 0.75s
}

.scroll-effect--visible .equipment__item:nth-child(4) {
    --delay: 1s
}

.scroll-effect--visible .equipment__item:nth-child(5) {
    --delay: 1.25s
}

.scroll-effect--visible .equipment__item:nth-child(6) {
    --delay: 1.5s
}

.scroll-effect--visible .equipment__item:nth-child(7) {
    --delay: 1.75s
}

.scroll-effect--visible .equipment__item:nth-child(8) {
    --delay: 2s
}

.scroll-effect--visible .equipment__item:nth-child(9) {
    --delay: 2.25s
}

.scroll-effect--visible .equipment__item:nth-child(10) {
    --delay: 2.5s
}

.scroll-effect--visible .equipment__item:nth-child(11) {
    --delay: 2.75s
}

.scroll-effect--visible .equipment__item:nth-child(12) {
    --delay: 3s
}

.scroll-effect--visible .equipment__item:nth-child(13) {
    --delay: 3.25s
}

.scroll-effect--visible .equipment__item:nth-child(14) {
    --delay: 3.5s
}

.scroll-effect--visible .equipment__item:nth-child(15) {
    --delay: 3.75s
}

.scroll-effect--visible .equipment__item:nth-child(16) {
    --delay: 4s
}

.scroll-effect--visible .equipment__item:nth-child(17) {
    --delay: 4.25s
}

.scroll-effect--visible .equipment__item:nth-child(18) {
    --delay: 4.5s
}

.scroll-effect--visible .equipment__item:nth-child(19) {
    --delay: 4.75s
}

.scroll-effect--visible .equipment__item:nth-child(20) {
    --delay: 5s
}

.scroll-effect--visible .equipment__item:nth-child(21) {
    --delay: 5.25s
}

.scroll-effect--visible .equipment__item:nth-child(22) {
    --delay: 5.5s
}

.scroll-effect--visible .equipment__item:nth-child(23) {
    --delay: 5.75s
}

.scroll-effect--visible .equipment__item:nth-child(24) {
    --delay: 6s
}

.equipment__item--2-cols {
    grid-column: span 2
}

@media (max-width: 920px) {
    .equipment__item--2-cols {
        grid-column: initial
    }
}

.equipment__intro {
    padding-bottom: 20px
}

.equipment__intro:not(:last-child) {
    margin-bottom: 40px
}

.equipment__intro-text {
    color: var(--c-gray-6)
}

.equipment__links-list {
    grid-gap: 30px clamp(30px, 3.5vw, 64px);
    display: grid;
    padding-bottom: 30px
}

.equipment__links-list:not(:last-child) {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .equipment__links-list {
        grid-template-columns:repeat(2, minmax(250px, 1fr))
    }
}

.equipment__intro, .equipment__links-list {
    border-bottom: 1px solid var(--c-gray-1)
}

.equipment__notice {
    font-weight: 400;
    max-width: unset
}

.equipment__notice:not(:last-child) {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .equipment__notice {
        font-size: 18px;
        padding: 20px 12px
    }
}

.equipment__notice .small {
    color: var(--c-gray-12);
    font-size: 16px
}

.equipment__list {
    grid-gap: 65px 70px;
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
    padding-top: 15px
}

@media (max-width: 920px) {
    .equipment__list {
        grid-gap: 45px 70px
    }
}

@media (max-width: 480px) {
    .equipment__list {
        grid-gap: 45px 20px;
        grid-template-columns:1fr
    }
}

.equipment--subsection .equipment__list {
    grid-gap: 30px;
    grid-template-columns:1fr;
    padding-top: 0
}

@media (min-width: 1281px) {
    .equipment--subsection .equipment__list {
        max-width: 565px
    }
}

@media (min-width: 921px) {
    .equipment--subsection .equipment__list {
        margin-left: clamp(30px, 7vw, 100px)
    }
}

@media (max-width: 1080px) {
    .equipment--detail .catalog__nav {
        display: none
    }
}

.equipment__body {
    overflow: hidden
}

.equipment__table {
    display: none
}

.dom-is-ready .equipment__table {
    animation: fadeIn .8s ease
}

.equipment__table.active {
    display: block
}

.equipment .catalog-card__name {
    color: var(--c-gray-6)
}

.error-page__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: clamp(0px, 5.208vw, 100px)
}

@media (max-width: 767px) {
    .error-page__inner {
        padding-bottom: 100px;
        padding-top: 0
    }
}

.error-page__inner img {
    margin-bottom: clamp(60px, 4.167vw, 80px);
    width: clamp(254px, 22%, 357px)
}

.error-page__inner p {
    margin-bottom: clamp(30px, 2.5vw, 40px);
    text-align: center
}

.error-page__inner .btn {
    padding: 0 var(--btnHorPaddings)
}

@media (max-width: 1320px) {
    .favorites .section__header {
        margin-bottom: 30px !important
    }
}

.favorites__inner {
    display: flex;
    position: relative
}

@media (max-width: 1320px) {
    .favorites__inner {
        flex-direction: column
    }
}

.favorites__body {
    margin-right: 40px;
    max-width: 1220px;
    position: relative;
    width: 100%
}

.favorites__list {
    grid-gap: 16px;
    display: grid;
    grid-template-columns:minmax(0, 1fr)
}

@media (max-width: 767px) {
    .favorites__list {
        grid-gap: 30px
    }
}

.favorites__labels {
    grid-gap: 20px;
    color: var(--c-gray-9);
    display: grid;
    font-size: 16px;
    grid-template-columns:37% 148px 131px 106px 100px 1fr;
    margin-bottom: 10px;
    padding: 0 20px;
    width: 100%
}

@media (max-width: 1480px) {
    .favorites__labels {
        grid-template-columns:37% 150px 130px 80px 80px
    }
}

@media (max-width: 1320px) {
    .favorites__labels {
        grid-template-columns:37% 170px 130px 90px 90px 14%
    }
}

@media (max-width: 1170px) {
    .favorites__labels {
        display: none
    }
}

.favorites__actions {
    grid-gap: 30px;
    align-content: start;
    display: grid
}

@media (min-width: 1321px) {
    .favorites__actions {
        flex: 0 0 228px
    }
}

@media (max-width: 1320px) {
    .favorites__actions {
        grid-gap: 36px;
        grid-template-columns:repeat(2, 30%);
        margin-bottom: 30px;
        order: -1;
        width: 100%
    }
}

@media (max-width: 920px) {
    .favorites__actions {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .favorites__actions {
        grid-gap: 20px;
        grid-template-columns:none
    }
}

.favorites__actions .btn {
    width: 100%
}

.favorites__cart-btn span {
    margin-left: 5px
}

.favorites--empty .favorites__actions, .favorites--empty .favorites__body, .favorites__empty-msg {
    display: none
}

.favorites--empty .favorites__empty-msg {
    display: block;
    height: clamp(250px, 20vw, 500px);
    padding-top: 20px
}

.favorites.all-items-in-cart .favorites__cart-btn {
    opacity: .5;
    pointer-events: none
}

[data-js-favorites-counter]:empty, data-js-favorites-basket-counter:empty {
    display: none
}

.filter {
    --mobileFilterHeaderHeight: 76px
}

.filter__form {
    background-color: var(--c-white);
    border: var(--border);
    border-radius: var(--borderRadius);
    padding: 20px
}

.dom-is-ready .filter__form {
    transition: var(--transition-all)
}

@media (max-width: 768px) {
    .filter__form {
        border: initial;
        border-radius: initial;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        padding: 0
    }
}

.filter__header {
    align-items: center;
    border-bottom: 1px solid var(--c-gray-2);
    display: none;
    justify-content: space-between;
    padding: 20px 12px;
    position: relative
}

@media (max-width: 768px) {
    .filter__header {
        background-color: var(--c-white);
        display: flex;
        height: var(--mobileFilterHeaderHeight);
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: var(--layerControls)
    }

    .filter__body, .filter__footer {
        padding: 20px
    }

    .filter__body {
        margin-top: var(--mobileFilterHeaderHeight)
    }
}

.filter__body:not(:last-child) {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .filter__body:not(:last-child) {
        flex-grow: 1;
        margin-bottom: 0
    }
}

.filter__reset-btn-mobile {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: var(--c-main);
    font-size: 18px;
    line-height: 1.56;
    margin: 0;
    padding: 0;
    text-align: left
}

.filter__reset-btn-mobile:hover {
    text-decoration: underline
}

.filter__reset-btn-mobile:not(:last-child) {
    margin-right: 30px
}

.filter__close-btn {
    --size: 32px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    display: flex;
    height: var(--size);
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: left;
    width: var(--size)
}

.filter__close-btn-icon {
    height: calc(var(--size) / 2);
    width: calc(var(--size) / 2)
}

.filter__close-btn-icon path {
    fill: var(--c-black)
}

.filter__open-btn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    height: 30px;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 30px
}

.filter__open-btn:hover {
    transform: scale(1.05) translateZ(0)
}

@media (max-width: 768px) {
    .filter__reset-btn {
        display: none
    }
}

.filter__reset-btn:not(:last-child) {
    margin-bottom: 12px
}

.filter__item:not(:last-child) {
    --offsetY: 16px;
    border-bottom: 1px solid var(--c-gray-2);
    margin-bottom: var(--offsetY);
    padding-bottom: var(--offsetY)
}

.filter__header-line {
    padding: 0;
    width: 100%
}

.filter__content {
    padding-top: 16px
}

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

.filter__price .form-label {
    display: none
}

.filter__price .form-input {
    background-color: var(--c-gray-4)
}

.filter__price .form-input:not(:last-child) {
    margin-right: 19px
}

.filter__manufacturer-search:not(:last-child) {
    margin-bottom: 24px
}

.filter__see-more-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: var(--c-main);
    cursor: pointer;
    font-size: 15px;
    margin: 20px 0 0;
    padding: 0;
    text-align: left
}

.filter__see-more-btn:hover {
    text-decoration: underline
}

.filter__see-more-btn.hidden {
    display: none
}

.filter__checkbox-group .form__block:not(:last-child) {
    margin-bottom: 8px
}

.filter__checkbox-group .form__block.hidden {
    display: none
}

.filter__checkbox-group-body--additional {
    max-height: 0;
    overflow: hidden
}

.dom-is-ready .filter__checkbox-group-body--additional {
    transition: all .5s ease
}

.filter__checkbox-group-body--additional .form__block:first-child {
    margin-top: 10px
}

.filter__amount {
    --marginX: 4px;
    margin-left: var(--marginX);
    margin-right: var(--marginX)
}

.filter .checkbox__label, .filter .radio__label {
    font-size: 14px
}

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

@media (max-width: 767px) {
    .hero__inner {
        flex-direction: column
    }
}

.hero__banner {
    order: 1
}

.hero__popular {
    --width: 380px;
    flex: 0 0 var(--width);
    order: 2
}

@media (max-width: 1280px) {
    .hero__popular {
        display: none;
        flex: auto;
        margin-left: auto;
        margin-right: auto;
        max-width: calc(var(--width) * 2 + 100px);
        width: 100%
    }
}

.hero__popular ~ .hero__banner {
    margin-right: 40px;
    width: calc(100% - 420px)
}

@media (max-width: 1280px) {
    .hero__popular ~ .hero__banner {
        margin-bottom: 40px;
        margin-right: 0;
        width: 100%
    }
}

@media (max-width: 600px) {
    .hero__popular ~ .hero__banner {
        margin-bottom: 20px
    }
}

.hero__brands {
    --width: 100%;
    flex: 0 0 var(--width);
    max-width: 100%;
    order: 3;
    width: var(--width)
}

.hero__brands:not(:first-child) {
    margin-top: 40px
}

.hero__brands .brands__slider {
    max-width: 100%
}

@media (max-width: 767px) {
    .hero__brands .brands__slider {
        max-width: 100%
    }
}

.infodiv {
    background: var(--c-gray-11);
    bottom: 50px;
    left: 0;
    max-height: 80%;
    overflow: auto;
    padding: 20px 0;
    position: fixed;
    right: 0;
    z-index: 10
}

@media (min-width: 768px) {
    .infodiv {
        bottom: 0
    }
}

@media (min-width: 1025px) {
    .infodiv__content {
        max-width: 60%
    }
}

@media (max-width: 767px) {
    .infodiv__action {
        text-align: center;
        width: 100%
    }
}

@media (min-width: 1025px) {
    .infodiv__action {
        align-self: center
    }
}

.infodiv.is-closed {
    display: none
}

.items-counter {
    color: var(--c-gray-9);
    font-size: 24px;
    position: relative;
    top: -5px
}

.link-adding {
    --sizes: 89px;
    --iconColor: var(--c-main);
    --iconOpacity: 0.5;
    align-items: center;
    border: 2px solid var(--c-main);
    border-radius: 50%;
    display: flex;
    height: var(--sizes);
    justify-content: center;
    width: var(--sizes)
}

.link-adding:hover {
    --iconColor: var(--c-white);
    --iconOpacity: 1;
    background-color: var(--c-main)
}

.link-adding svg path {
    fill-opacity: var(--iconOpacity);
    fill: var(--iconColor)
}

.js-preloader {
    --size: 200px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    bottom: 0;
    cursor: wait;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 100%;
    z-index: 15
}

.with-fancybox .js-preloader {
    z-index: 10001
}

.compensate-for-scrollbar .js-preloader, .scroll-is-disabled .js-preloader {
    right: var(--scrollBarSize)
}

.dom-is-ready .js-preloader {
    transition: opacity .2s ease-in-out, visibility 2s ease-in-out
}

.js-preloader * {
    pointer-events: inherit
}

.js-preloader--fixed {
    position: fixed
}

.js-preloader__el {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: var(--size);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: inherit;
    width: var(--size);
    z-index: 20
}

.js-preloader--fade:before {
    background: hsl(0 0% 100% / .6);
    content: "";
    cursor: default;
    display: inherit;
    height: 100%;
    pointer-events: none;
    position: inherit;
    width: 100%
}

.js-preloader--full-fade:before {
    background: var(--c-white)
}

.js-preloader--show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.js-preloader svg {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.manufacturer-search {
    --iconSize: 18px;
    position: relative
}

.manufacturer-search .form-label {
    display: none
}

.manufacturer-search__input {
    background-color: var(--c-gray-4);
    padding-right: calc(var(--inputPaddingX) + var(--iconSize))
}

.manufacturer-search__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    height: var(--iconSize);
    margin: 0;
    padding: 0;
    position: absolute;
    right: 13px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    width: var(--iconSize)
}

.manufacturer-search__btn:hover {
    transform: translate3d(0, -50%, 0) scale(1.05)
}

.manufacturer-search__btn-icon path {
    fill: #fff0
}

.map .ymaps-2-1-78-copyright__content, .map .ymaps-2-1-78-gototech {
    display: none !important
}

.map .placemark__inner {
    align-items: center;
    display: flex;
    min-width: 250px
}

@media (max-width: 767px) {
    .map .placemark__inner {
        align-items: flex-start;
        flex-direction: column
    }
}

.map .placemark__inner svg {
    margin-right: 15px
}

@media (max-width: 767px) {
    .map .placemark__inner svg {
        margin-bottom: 10px;
        margin-right: 0
    }
}

.map .placemark__content {
    background-color: var(--c-white);
    border-radius: 5px;
    flex-grow: 1;
    font-size: 18px;
    min-width: 150px;
    padding: 10px 5px
}

.map .placemark__content:empty {
    display: none
}

.mobile-menu__overlay {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-overlay);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100vw;
    z-index: var(--layerOverlay)
}

@supports (-webkit-touch-callout:none) {
    .mobile-menu__overlay {
        height: -webkit-fill-available
    }
}

.dom-is-ready .mobile-menu__overlay {
    transition: var(--transition-all)
}

.is-open .mobile-menu__overlay {
    opacity: 1;
    visibility: visible
}

.mobile-menu__body {
    background-color: var(--c-white);
    height: 100%;
    max-width: 75vw;
    overflow-y: auto;
    padding-bottom: 50px
}

.dom-is-ready .mobile-menu__body {
    transition: var(--transition-all)
}

.mobile-menu__body.lock {
    max-width: 100%;
    overflow: hidden
}

.mobile-menu__categories, .mobile-menu__info, .mobile-menu__nav {
    padding-left: 20px;
    padding-right: 20px
}

.mobile-menu__info, .mobile-menu__nav {
    border-bottom: 1px solid var(--c-gray-2)
}

.mobile-menu__categories, .mobile-menu__nav {
    padding-bottom: 10px;
    padding-top: 10px
}

.mobile-menu__info {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center
}

.mobile-menu__catalog-btn:not(:last-child) {
    margin-bottom: 18px
}

.mobile-menu__links {
    display: flex;
    flex-direction: column
}

.mobile-menu__link {
    color: var(--c-main);
    font-weight: 600
}

.mobile-menu__link:first-child {
    font-weight: 500
}

.mobile-menu__link:not(:last-child) {
    margin-bottom: 20px
}

.mobile-menu__nav-list {
    grid-column-gap: 15px;
    display: grid
}

.mobile-menu__categories-link, .mobile-menu__nav-link {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px
}

.mobile-menu__actions {
    background-color: var(--c-white);
    bottom: 0;
    box-shadow: 0 -2px 12px rgb(35 38 44 / .16);
    left: 0;
    position: fixed;
    width: 100%
}

.dom-is-ready .mobile-menu__actions {
    transition: var(--transition-all)
}

.is-open .mobile-menu__actions {
    display: none
}

.mobile-menu__actions .actions__list {
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px
}

.mobile-menu__actions .actions__item:not(:last-child) {
    margin-right: 0
}

.mobile-menu__actions .actions__counter {
    top: 8px
}

.mobile-menu__body.lock .mobile-menu__actions {
    max-width: 100%
}

.fancybox-error {
    align-items: center;
    display: flex;
    font-size: 125%;
    height: 160px;
    justify-content: center;
    text-align: center;
    width: 420px
}

@media (max-width: 767px) {
    .fancybox__slide {
        padding: 12px
    }
}

.fancybox__slide.has-error {
    animation: show-modal .25s
}

.fancybox__slide.has-image .fancybox__content > .carousel__button.is-close {
    bottom: 100%;
    left: 100%;
    right: auto;
    top: auto
}

@media (max-width: 767px) {
    .fancybox__slide.has-image .fancybox__content > .carousel__button.is-close {
        left: auto;
        right: 0
    }
}

.fancybox__content {
    --padding: 0;
    border-radius: var(--borderRadius);
    padding: var(--padding)
}

.fancybox__content > .carousel__button.is-close {
    --offset: 12px;
    right: var(--offset);
    top: var(--offset)
}

.fancybox__content > .carousel__button.is-close:active {
    transform: scale(1.05) translateZ(0)
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.carousel__button {
    --carousel-button-width: 28px;
    --carousel-button-height: 28px
}

.carousel__button:hover path {
    fill: var(--c-main)
}

.carousel__button:disabled {
    pointer-events: none
}

.carousel__button svg {
    --carousel-button-svg-width: 16px;
    --carousel-button-svg-height: 16px;
    --carousel-button-svg-stroke-width: 0;
    --carousel-button-border-radius: 0;
    --carousel-button-svg-filter: none
}

[data-fancybox-close] * {
    pointer-events: none
}

.dom-is-ready .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close, .dom-is-ready .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .dom-is-ready .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .dom-is-ready .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .dom-is-ready .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    transition: var(--transition-all)
}

.fancybox__container input:focus {
    outline: none
}

.fancybox__nav .carousel__button {
    border-radius: 0;
    height: 100%;
    width: 5vw
}

.fancybox__nav .carousel__button.is-prev {
    left: 0
}

.fancybox__nav .carousel__button.is-next {
    right: 0
}

.modal {
    --maxWidth: 574px;
    --margin: 40px;
    --contentMargin: 40px;
    --padding: 30px 40px;
    --titlePadding: 0 10%;
    --modalAlign: middle;
    --textWeight: 400;
    --textAlign: center;
    --color: var(--c-black);
    --bg: var(--c-white);
    --transformOrigin: 50% 50%;
    align-self: center;
    animation-fill-mode: backwards;
    background: var(--bg);
    border-radius: var(--borderRadius);
    color: var(--color);
    cursor: default;
    display: none;
    margin: auto var(--margin);
    max-width: var(--maxWidth);
    padding: var(--padding);
    position: relative;
    text-align: var(--textAlign);
    transform-origin: var(--transformOrigin);
    vertical-align: var(--modalAlign);
    width: 100%
}

@media (max-width: 767px) {
    .modal {
        --margin: 0;
        --padding: 30px 15px
    }
}

.carousel__slide .modal, .fancybox__content > .modal, .modal.fancybox__content {
    display: block
}

.modal--auth {
    --maxWidth: 640px
}

.modal--confirm .modal__closer .btn {
    --btnWidth: 180px
}

.modal--confirm, .modal--error {
    --maxWidth: 470px
}

.modal--confirm-cancel-order {
    --maxWidth: 700px
}

.modal--confirm-cancel-order .modal__heading {
    --mobileFontSize: 20px;
    font-size: 24px
}

.modal--confirm-cancel-order .modal__closer .btn {
    --btnWidth: 214px
}

@media (max-width: 767px) {
    .modal--confirm-cancel-order .modal__closer .btn {
        margin-right: 0 !important
    }

    .modal--confirm-cancel-order .modal__closer .btn:first-child {
        margin-bottom: 30px
    }

    .modal--confirm-cancel-order .modal__closer {
        align-items: center;
        flex-direction: column
    }

    .modal--change-phone {
        --padding: 30px 10px
    }
}

.modal--delivery {
    --maxWidth: 820px;
    --paddingX: 50px;
    padding-left: var(--paddingX);
    padding-right: var(--paddingX)
}

@media (max-width: 767px) {
    .modal--delivery {
        --paddingX: 15px
    }
}

.modal--delivery .modal__text {
    text-align: initial
}

.modal--faq, .modal--quick-order, .modal--quick-order-success, .modal--reviews {
    --paddingX: 35px;
    padding-left: var(--paddingX);
    padding-right: var(--paddingX)
}

@media (max-width: 767px) {
    .modal--faq, .modal--quick-order, .modal--quick-order-success, .modal--reviews {
        --paddingX: 15px
    }
}

.modal--faq, .modal--reviews {
    max-width: 700px
}

.modal--faq .form .btn, .modal--faq .form .checkbox, .modal--reviews .form .btn, .modal--reviews .form .checkbox {
    margin-left: auto;
    margin-right: auto
}

.modal--faq .form .checkbox, .modal--reviews .form .checkbox {
    max-width: 480px
}

.modal-show {
    animation: show-modal .25s
}

.modal-hide {
    animation: hide-modal .25s
}

.modal__closer {
    display: flex;
    justify-content: center;
    margin-top: var(--contentMargin)
}

.modal__closer .btn:not(:last-child) {
    margin-right: 20px
}

.modal__heading {
    --marginBottom: 36px;
    padding: var(--titlePadding)
}

.modal__heading + .modal__closer {
    margin-top: 0
}

.modal__text {
    font-weight: var(--textWeight)
}

.modal__text:empty {
    display: none
}

.modal__state-icon {
    --size: 135px;
    height: var(--size);
    margin-left: auto;
    margin-right: auto;
    width: var(--size)
}

.modal__state-icon:not(:last-child) {
    margin-bottom: 40px
}

.nav__item, .nav__list {
    display: flex
}

.nav__item {
    align-items: center;
    position: relative
}

.nav__item:hover .nav__link {
    color: var(--c-main)
}

.nav__item:hover .nav__sublist {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.nav__item:not(:last-child) {
    margin-right: min(2.08vw, 40px)
}

.nav__link, .nav__sublink {
    display: block;
    font-size: 15px;
    padding-bottom: 8px;
    padding-top: 8px
}

.nav__link--disabled {
    pointer-events: none
}

.nav__link.is-active {
    color: var(--c-main)
}

.nav__sublist {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-white);
    border-radius: 0 0 var(--borderRadius) var(--borderRadius);
    box-shadow: var(--boxShadow);
    left: 0;
    opacity: 0;
    padding-bottom: 4px;
    padding-top: 4px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: auto;
    z-index: var(--layerControls)
}

.dom-is-ready .nav__sublist {
    transition: var(--transition-all)
}

.nav__sublist:hover {
    opacity: 1;
    visibility: visible
}

.nav__sublink {
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap
}

.nav__sublink:hover {
    background-color: var(--c-gray-4);
    color: var(--c-main)
}

.news-detail__inner {
    --contentMarginBottom: 40px;
    width: 100%
}

@media (min-width: 1025px) {
    .news-detail__inner {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--newsArticleMaxWidth)
    }
}

@media (max-width: 767px) {
    .news-detail__inner {
        --contentMarginBottom: 30px
    }
}

.news-detail__content {
    margin-bottom: var(--contentMarginBottom)
}

.news-detail__bottom {
    align-items: center;
    border-top: 1px solid var(--c-gray-2);
    display: flex;
    justify-content: space-between;
    padding-top: var(--contentMarginBottom)
}

.news-detail__bottom-next {
    text-align: right
}

.news-detail__bottom .link {
    line-height: 1
}

@media (max-width: 767px) {
    .news-detail__bottom .link {
        grid-gap: 6px;
        font-size: 14px
    }
}

.news-overview__inner {
    border-top: 1px solid var(--c-gray-2);
    padding-top: 30px
}

.news-overview__list {
    grid-gap: 40px;
    display: grid;
    grid-template-columns:repeat(4, 1fr)
}

@media (max-width: 1280px) {
    .news-overview__list {
        grid-gap: 20px;
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 1024px) {
    .news-overview__list {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .news-overview__list {
        grid-gap: initial;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -35px
    }

    .news-overview__item {
        display: none;
        flex-basis: 100%;
        margin-bottom: 35px
    }

    .news-overview__item:first-child, .news-overview__item:nth-child(2) {
        display: block
    }
}

.news-overview__btn-wrapper {
    display: none;
    justify-content: center
}

@media (max-width: 767px) {
    .news-overview__btn-wrapper {
        display: flex
    }
}

.news-overview__btn-wrapper:not(:first-child) {
    margin-top: 20px
}

@media (max-width: 767px) {
    .news-overview__btn--desktop {
        display: none
    }
}

.news-overview__btn--mobile {
    display: none
}

@media (max-width: 767px) {
    .news-overview__btn--mobile {
        display: flex
    }
}

.news__list {
    grid-gap: 50px clamp(20px, 3.125vw, 60px);
    display: grid;
    grid-template-columns:1fr 1fr
}

.news__list.is-loading {
    opacity: .5;
    pointer-events: none
}

@media (max-width: 767px) {
    .news__list {
        grid-gap: 30px 0;
        grid-template-columns:none;
        justify-items: center
    }
}

.scroll-effect .news__item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, transform;
    transition-timing-function: ease;
    visibility: hidden
}

.dom-is-ready .scroll-effect .news__item {
    transition-duration: 2.4s, 1.2s
}

.scroll-effect--visible .news__item {
    opacity: 1;
    transform: none;
    transition-delay: var(--delay);
    visibility: visible
}

.scroll-effect--visible .news__item:first-child {
    --delay: 0.25s
}

.scroll-effect--visible .news__item:nth-child(2) {
    --delay: 0.5s
}

.scroll-effect--visible .news__item:nth-child(3) {
    --delay: 0.75s
}

.scroll-effect--visible .news__item:nth-child(4) {
    --delay: 1s
}

.scroll-effect--visible .news__item:nth-child(5) {
    --delay: 1.25s
}

.scroll-effect--visible .news__item:nth-child(6) {
    --delay: 1.5s
}

.scroll-effect--visible .news__item:nth-child(7) {
    --delay: 1.75s
}

.scroll-effect--visible .news__item:nth-child(8) {
    --delay: 2s
}

.scroll-effect--visible .news__item:nth-child(9) {
    --delay: 2.25s
}

.scroll-effect--visible .news__item:nth-child(10) {
    --delay: 2.5s
}

.scroll-effect--visible .news__item:nth-child(11) {
    --delay: 2.75s
}

.scroll-effect--visible .news__item:nth-child(12) {
    --delay: 3s
}

.scroll-effect--visible .news__item:nth-child(13) {
    --delay: 3.25s
}

.scroll-effect--visible .news__item:nth-child(14) {
    --delay: 3.5s
}

.scroll-effect--visible .news__item:nth-child(15) {
    --delay: 3.75s
}

.scroll-effect--visible .news__item:nth-child(16) {
    --delay: 4s
}

.scroll-effect--visible .news__item:nth-child(17) {
    --delay: 4.25s
}

.scroll-effect--visible .news__item:nth-child(18) {
    --delay: 4.5s
}

.scroll-effect--visible .news__item:nth-child(19) {
    --delay: 4.75s
}

.scroll-effect--visible .news__item:nth-child(20) {
    --delay: 5s
}

.scroll-effect--visible .news__item:nth-child(21) {
    --delay: 5.25s
}

.scroll-effect--visible .news__item:nth-child(22) {
    --delay: 5.5s
}

.scroll-effect--visible .news__item:nth-child(23) {
    --delay: 5.75s
}

.scroll-effect--visible .news__item:nth-child(24) {
    --delay: 6s
}

@media (min-width: 768px) {
    .news__item--pagination {
        grid-column: span 2
    }
}

.order-amount {
    --padding: 15px;
    background-color: var(--c-white);
    border: var(--border);
    border-radius: var(--borderRadius);
    position: relative
}

.order-amount__info {
    padding: var(--padding) calc(var(--padding) * 2);
    position: relative
}

@media (max-width: 767px) {
    .order-amount__info {
        --padding: 10px
    }
}

.order-amount__info.is-open .order-amount__arrow-btn {
    transform: translateY(-50%) rotate(-180deg)
}

.order-amount__caption {
    --marginBottom: 0;
    color: var(--c-gray-6);
    font-size: 16px;
    line-height: 1.59
}

.order-amount__total-sum {
    color: var(--c-black);
    font-size: 20px;
    font-weight: 500
}

.order-amount__arrow-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 920px) {
    .order-amount__arrow-btn {
        display: block
    }

    .order-amount__body {
        max-height: var(--maxHeight);
        overflow: hidden
    }

    .dom-is-ready .order-amount__body {
        transition: all .5s ease
    }
}

.order-amount__list {
    padding: var(--padding)
}

@media (max-width: 767px) {
    .order-amount__list {
        --padding: 5px
    }
}

.order-amount__item:not(:last-child) {
    margin-bottom: 12px
}

.order-amount__item .tooltip-product-card {
    --paddingY: 15px;
    border-radius: var(--borderRadius);
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY);
    transition: var(--transition-all)
}

.order-amount__item .tooltip-product-card:hover {
    box-shadow: var(--boxShadow)
}

.order-amount__item .tooltip-product-card__body {
    padding-right: 50px;
    width: 100%
}

.order-amount__item .tooltip-product-card__remove-btn {
    --offset: 5px;
    right: var(--offset);
    top: var(--offset)
}

@media (max-width: 920px) {
    .order-amount__item .tooltip-product-card__remove-btn--desktop {
        display: none
    }

    .order-amount__item .tooltip-product-card__remove-btn--mobile {
        display: flex
    }
}

.order-data {
    grid-gap: 20px;
    display: grid
}

.order-data--main {
    grid-template-columns:repeat(3, 1fr) minmax(300px, 1fr)
}

@media (max-width: 767px) {
    .order-data--main {
        grid-template-columns:none
    }
}

.order-data--payment {
    grid-template-columns:repeat(3, 1fr) minmax(300px, 1fr)
}

@media (max-width: 767px) {
    .order-data--payment {
        grid-template-columns:none
    }
}

.order-data--goods {
    grid-gap: 30px;
    grid-template-columns:minmax(300px, 1.6fr) minmax(100px, 1fr) minmax(35px, .5fr) minmax(100px, .5fr);
    margin-bottom: 30px;
    padding-right: 30px
}

.order-data--goods .order-data__item:nth-child(2), .order-data--goods .order-data__item:nth-child(3) {
    justify-self: center
}

.order-data--goods .order-data__item:last-child {
    justify-self: end
}

@media (max-width: 767px) {
    .order-data--goods {
        display: none
    }
}

.order-data__label {
    color: var(--c-gray-9);
    display: block;
    flex-grow: 0;
    font-size: 16px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .order-data__label {
        margin-bottom: 10px
    }
}

.order-data__value {
    flex-grow: 0;
    font-size: 20px
}

@media (max-width: 1080px) {
    .order-data__value {
        font-size: 18px
    }
}

.order-filter__form {
    grid-gap: 80px;
    align-items: center;
    display: grid;
    grid-template-columns:max-content minmax(0, 1fr) max-content
}

@media (max-width: 1700px) {
    .order-filter__form {
        grid-gap: 40px 30px
    }
}

@media (max-width: 1280px) {
    .order-filter__form {
        grid-template-columns:max-content 1fr
    }
}

@media (max-width: 767px) {
    .order-filter__form {
        grid-gap: 20px;
        grid-template-columns:none
    }
}

.order-filter__label {
    color: var(--c-gray-9);
    margin-right: 24px
}

@media (max-width: 767px) {
    .order-filter__label {
        display: none
    }
}

.order-filter__status {
    align-items: center;
    display: flex
}

.order-filter__status .custom-select-container {
    background-color: var(--c-gray-4);
    border-radius: 25px;
    width: 240px
}

@media (max-width: 1280px) {
    .order-filter__status .custom-select-container {
        width: 100%
    }
}

.order-filter__status .custom-select-container.is-open .custom-select-panel {
    opacity: 1;
    transform: none;
    visibility: visible
}

.order-filter__status .custom-select-opener {
    color: var(--c-black);
    padding: 12px 20px;
    width: 100%
}

.order-filter__status .custom-select-opener:after {
    right: 20px
}

.order-filter__status .custom-select-panel {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden
}

html:not(.safari) .order-filter__status .custom-select-panel {
    scrollbar-color: var(--c-gray-2) var(--c-gray-1);
    scrollbar-width: thin
}

html:not(.safari) .order-filter__status .custom-select-panel::-webkit-scrollbar {
    background-color: var(--c-gray-1);
    height: 4px;
    width: 4px
}

html:not(.safari) .order-filter__status .custom-select-panel::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-2)
}

.order-filter__status .custom-select-panel {
    left: 0;
    max-height: unset;
    top: calc(100% + 10px);
    transform: translateY(5%);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out;
    width: 100%
}

.order-filter__period {
    align-items: center;
    display: flex
}

@media (max-width: 1280px) {
    .order-filter__period {
        grid-row-start: 2
    }
}

.order-filter__range {
    align-items: center;
    display: flex
}

@media (max-width: 767px) {
    .order-filter__range {
        grid-gap: 5px;
        display: grid;
        grid-template-columns:repeat(2, 1fr)
    }
}

.order-filter__date {
    position: relative
}

.order-filter__date:first-child {
    align-items: center;
    display: flex
}

.order-filter__date:first-child:after {
    background-color: var(--c-gray-9);
    border-radius: 2px;
    content: "";
    display: block;
    height: 2px;
    margin: 0 10px;
    width: 20px
}

@media (max-width: 767px) {
    .order-filter__date:first-child:after {
        flex-shrink: 0;
        margin: 0 0 0 5px;
        width: 10px
    }

    .order-filter__date:first-child .pickmeup {
        left: 0
    }

    .order-filter__date:last-child .pickmeup {
        right: 0
    }

    .order-filter__date {
        width: 100%
    }
}

.order-filter__date .form-input {
    background-color: var(--c-gray-4)
}

@media (min-width: 768px) and (max-width: 1080px) {
    .order-filter__date .form-input {
        --inputWidth: 210px;
        width: var(--inputWidth)
    }
}

@media (max-width: 767px) {
    .order-filter__date .form-input {
        --inputFontSize: 15px;
        --inputPaddingX: 15px
    }
}

.order-filter__reset {
    margin-left: auto;
    width: 150px
}

@media (max-width: 1480px) {
    .order-filter__reset {
        grid-row-start: 2;
        margin-left: 0
    }
}

@media (max-width: 1280px) {
    .order-filter__reset {
        grid-column-start: 2
    }
}

@media (max-width: 767px) {
    .order-filter__reset {
        grid-column-start: 1;
        grid-row-start: 3;
        width: 100%
    }
}

.order-info__item {
    padding-bottom: 30px
}

.order-info__item:not(:last-child) {
    border-bottom: 1px solid var(--c-gray-1)
}

.order-info__title {
    color: var(--c-main);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px
}

.order-info__item:not(:last-child) {
    margin-bottom: 30px
}

.order-info__goods-list {
    grid-gap: 12px;
    display: grid
}

.order-info .form__row {
    grid-gap: 50px;
    display: grid;
    grid-template-columns:repeat(2, 310px)
}

@media (max-width: 767px) {
    .order-info .form__row {
        grid-gap: 30px;
        grid-template-columns:repeat(2, minmax(150px, 1fr))
    }
}

@media (max-width: 359px) {
    .order-info .form__row {
        grid-gap: 20px;
        grid-template-columns:none
    }
}

.order-info .form__col.is-inactive {
    display: none
}

.order-info .form .btn {
    width: 100%
}

.order-preview {
    background-color: var(--c-white);
    border: var(--border);
    border-radius: var(--borderRadius);
    padding: 24px;
    width: 100%
}

@media (max-width: 1024px) {
    .order-preview {
        padding-left: 16px;
        padding-right: 16px
    }
}

.order-preview__actions:not(:last-child), .order-preview__price:not(:last-child) {
    margin-bottom: 32px
}

.order-preview__price {
    align-items: center;
    display: flex;
    font-weight: 500
}

.order-preview__current-price {
    --marginBottom: 0;
    font-weight: inherit
}

@media (max-width: 480px) {
    .order-preview__current-price {
        font-size: 24px
    }
}

.order-preview__current-price:not(:last-child) {
    margin-right: 20px
}

.order-preview__current-price:only-child {
    margin-left: auto;
    margin-right: auto
}

.order-preview__old-price {
    color: var(--c-gray-10);
    font-weight: inherit;
    text-decoration: line-through
}

@media (max-width: 1480px) {
    .order-preview__actions {
        align-items: center;
        display: flex
    }
}

@media (max-width: 1024px) {
    .order-preview__actions {
        display: block
    }
}

@media (max-width: 920px) {
    .order-preview__actions {
        display: flex
    }
}

@media (max-width: 1280px) {
    .order-preview__actions .btn {
        max-width: 334px
    }
}

@media (max-width: 920px) {
    .order-preview__actions .btn {
        max-width: 100%
    }
}

@media (max-width: 480px) {
    .order-preview__actions .btn {
        --btnHorPaddings: 10px;
        font-size: 14px
    }
}

.order-preview__actions .btn:not(:last-child) {
    --margin: 10px;
    margin-bottom: var(--margin)
}

@media (max-width: 1480px) {
    .order-preview__actions .btn:not(:last-child) {
        margin-bottom: 0;
        margin-right: var(--margin)
    }
}

@media (max-width: 1024px) {
    .order-preview__actions .btn:not(:last-child) {
        margin-bottom: var(--margin);
        margin-right: 0
    }
}

@media (max-width: 920px) {
    .order-preview__actions .btn:not(:last-child) {
        margin-bottom: 0;
        margin-right: var(--margin)
    }
}

.order-preview__buy-btn .btn__icon {
    display: none
}

.order-preview__buy-btn .btn__icon * {
    stroke: var(--c-white)
}

.order-preview__buy-btn:not(.is-added) .btn__label:first-child {
    margin-left: calc(var(--btnHorPaddings) / 2)
}

.order-preview__buy-btn.is-added:hover .btn__icon * {
    stroke: var(--c-main)
}

.order-preview__buy-btn.is-added .btn__icon {
    display: block
}

.order-preview__params {
    margin-bottom: 32px
}

.order-summary {
    position: relative
}

.order-summary__item {
    align-items: baseline;
    display: flex;
    font-size: 15px;
    justify-content: space-between
}

@media (max-width: 480px) {
    .order-summary__item {
        align-items: flex-start;
        flex-direction: column
    }
}

.order-summary__item:not(:last-child) {
    margin-bottom: 20px
}

@media (max-width: 480px) {
    .order-summary__item:not(:last-child) {
        margin-bottom: 12px
    }
}

.order-summary__caption, .order-summary__value {
    flex-shrink: 0
}

.order-summary__caption {
    color: var(--c-gray-6)
}

@media (max-width: 480px) {
    .order-summary__caption:not(:last-child) {
        margin-bottom: 10px
    }
}

.order-summary__dots {
    border-bottom: 1px dotted var(--c-gray-1);
    flex-grow: 1;
    height: 1px;
    width: 100%
}

@media (max-width: 480px) {
    .order-summary__dots {
        display: none
    }
}

.order-summary__value {
    font-weight: 500
}

.order-summary__value--major {
    font-size: 22px;
    line-height: 1.36
}

.order-summary__value--colorful {
    color: var(--c-main)
}

.ordering-form__item {
    display: none
}

.ordering-form__item:not(:last-child) {
    margin-bottom: 35px
}

.ordering-form__item.is-active {
    display: block
}

.ordering-form__item .form__block:not(:last-child) {
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .ordering-form__item .form__block:not(:last-child) {
        margin-bottom: 10px
    }
}

.ordering-form__title {
    --marginBottom: 16px;
    font-weight: 500
}

.ordering-form__subtitle {
    --marginBottom: 10px;
    color: var(--c-gray-6)
}

.ordering-form__contacts, .ordering-form__order-summary {
    max-width: 628px
}

@media (max-width: 920px) {
    .ordering-form__contacts, .ordering-form__order-summary {
        max-width: 100%
    }
}

.ordering-form__contacts .ordering-form__title {
    --marginBottom: 34px
}

.ordering-form__contacts .form-label {
    color: var(--c-gray-6);
    font-weight: 400
}

.ordering-form__contacts .form__row {
    grid-gap: 30px 10px;
    display: grid;
    grid-template-columns:1fr
}

.ordering-form__contacts .form__row:not(:last-child) {
    margin-bottom: 30px
}

.ordering-form__contacts .form__row--2-cols {
    grid-template-columns:1fr 1fr
}

@media (max-width: 480px) {
    .ordering-form__contacts .form__row--2-cols {
        grid-template-columns:1fr
    }
}

.ordering-form__contacts .form__row--3-cols {
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 480px) {
    .ordering-form__contacts .form__row--3-cols {
        grid-template-columns:1fr
    }
}

.ordering-form__form-wrapper:not(:last-child) {
    margin-bottom: 40px
}

.ordering-form__order-summary:not(:last-child) {
    margin-bottom: 30px
}

@media (max-width: 480px) {
    .ordering-form__order-btn {
        display: flex;
        margin-left: auto;
        margin-right: auto
    }
}

.ordering-success .section__header:not(:last-child) {
    margin-bottom: 20px
}

.ordering-success__inner {
    max-width: 1147px
}

.ordering-success__body:not(:last-child), .ordering-success__description:not(:last-child) {
    margin-bottom: 45px
}

@media (max-width: 767px) {
    .ordering-success__body:not(:last-child), .ordering-success__description:not(:last-child) {
        margin-bottom: 30px
    }
}

.ordering-success__description {
    color: var(--c-gray-6)
}

.ordering-success__body {
    border: var(--border);
    border-radius: var(--borderRadius);
    padding: 15px 20px 25px
}

.ordering-success__list {
    grid-gap: 30px;
    display: grid;
    grid-template-columns:repeat(4, 1fr)
}

@media (max-width: 1024px) {
    .ordering-success__list {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 767px) {
    .ordering-success__list {
        grid-template-columns:1fr
    }
}

.ordering-success__item {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.ordering-success__caption {
    color: var(--c-gray-6);
    flex-grow: 1;
    font-size: 15px
}

.ordering-success__caption:not(:last-child) {
    margin-bottom: 32px
}

@media (max-width: 1024px) {
    .ordering-success__caption:not(:last-child) {
        margin-bottom: 15px
    }
}

@media (max-width: 480px) {
    .ordering-success__actions {
        display: flex;
        justify-content: space-between
    }
}

.ordering-success__actions .btn {
    min-width: 150px
}

@media (max-width: 480px) {
    .ordering-success__actions .btn {
        min-width: auto
    }
}

.ordering-success__actions .btn:not(:last-child) {
    margin-right: 45px
}

.ordering__inner {
    grid-column-gap: 12px;
    display: grid;
    grid-template-columns:auto 360px
}

@media (max-width: 920px) {
    .ordering__inner {
        grid-template-columns:1fr
    }
}

.ordering__content {
    grid-column: 1/2
}

@media (max-width: 920px) {
    .ordering__content {
        grid-column: initial;
        order: 1
    }
}

.ordering__aside {
    grid-column: 2/3
}

@media (max-width: 920px) {
    .ordering__aside {
        grid-column: initial;
        margin-bottom: 30px
    }
}

.orders__filter, .orders__list {
    margin-bottom: 30px
}

.orders__list {
    grid-gap: 16px;
    display: grid
}

.orders__list.is-loading {
    opacity: .5;
    pointer-events: none
}

.orders__item--pagination {
    margin-top: 10px
}

.orders__empty {
    margin-top: 20px;
    text-align: center
}

.orders__empty b {
    font-size: 22px;
    font-weight: 600
}

@media (max-width: 767px) {
    .orders__empty b {
        font-size: 20px
    }
}

.orders__empty p:nth-child(2) {
    color: var(--c-gray-9)
}

.orders__empty a {
    font-weight: 500
}

@media (min-width: 768px) {
    .orders__labels {
        display: grid;
        grid-template-columns:.9fr repeat(3, minmax(120px, 1fr)) .8fr .6fr;
        padding-left: 24px
    }
}

@media (max-width: 767px) {
    .orders__labels {
        display: none
    }
}

@media (min-width: 768px) {
    .orders__label {
        color: var(--c-gray-9);
        font-size: 16px
    }

    .orders__label:nth-last-child(2) {
        justify-self: center
    }

    .orders__label:last-child {
        justify-self: end
    }
}

.orders__load-more {
    margin-bottom: 30px
}

.popular-categories__list {
    grid-column-gap: 40px;
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 1366px) {
    .popular-categories__list {
        grid-column-gap: 30px
    }
}

@media (max-width: 1280px) {
    .popular-categories__list {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 767px) {
    .popular-categories__list {
        grid-template-columns:1fr
    }
}

.popular-categories__item:nth-child(-n+3) .popular-categories__link {
    border-top: var(--border)
}

@media (max-width: 1280px) {
    .popular-categories__item:nth-child(-n+3) .popular-categories__link {
        border-top: initial
    }

    .popular-categories__item:nth-child(-n+2) .popular-categories__link {
        border-top: var(--border)
    }
}

@media (max-width: 767px) {
    .popular-categories__item:nth-child(-n+2) .popular-categories__link {
        border-top: initial
    }

    .popular-categories__item:first-child .popular-categories__link {
        border-top: var(--border)
    }
}

.popular-categories__item--pagination {
    grid-column: span 2;
    margin-top: 30px
}

.popular-categories__link {
    position: relative
}

.popular-categories__link:after, .popular-categories__link:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-main);
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.popular-categories__link:before {
    top: -1px
}

.popular-categories__link:after {
    bottom: -1px
}

.popular-categories__link:hover:after, .popular-categories__link:hover:before {
    opacity: 1;
    visibility: visible
}

.popular-categories__link {
    font-size: calc(15.07692px + .25641vw)
}

@media (min-width: 1921px) {
    .popular-categories__link {
        font-size: 20px
    }
}

.popular-categories__link {
    align-items: center;
    border-bottom: var(--border);
    display: block;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%
}

svg.popular-categories__arrow.i-icon.icon-arrow-right {
    float: right
}

.popular-categories__link:hover .popular-categories__arrow * {
    fill: var(--c-main)
}

.popular-categories__quantity {
    font-size: calc(11.07692px + .25641vw)
}

@media (min-width: 1921px) {
    .popular-categories__quantity {
        font-size: 16px
    }
}

.popular-categories__quantity {
    bottom: 8px;
    color: var(--c-main);
    position: relative
}

.popular-categories__arrow * {
    fill: var(--c-black)
}

@media (max-width: 767px) {
    .popular-categories__btn--desktop {
        display: none
    }
}

.popular-categories__footer {
    align-items: center;
    display: none;
    justify-content: center;
    margin-top: 20px
}

@media (max-width: 767px) {
    .popular-categories__footer {
        display: flex
    }
}

.popular__slider {
    position: relative
}

.popular__swiper-container {
    --cardWidth: 304px;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--cardWidth)
}

@media (max-width: 1280px) {
    .popular__swiper-container {
        flex: auto;
        max-width: calc(var(--width) * 2);
        width: 100%
    }
}

@media (max-width: 767px) {
    .popular__swiper-container {
        max-width: 100%
    }
}

.popular__controls {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.popular__controls .slider-buttons {
    justify-content: space-between;
    width: 100%
}

.popular__controls .slider-buttons__btn {
    position: relative;
    z-index: var(--layerControls)
}

.product-actions {
    color: var(--c-gray-6)
}

.product-actions__list {
    display: grid;
    grid-template-columns:1fr 1fr
}

@media (max-width: 1280px) {
    .product-actions__list {
        display: flex
    }

    .product-actions__item {
        margin-right: 30px
    }
}

@media (max-width: 480px) {
    .product-actions__item:last-child {
        display: flex;
        justify-content: flex-end
    }
}

.product-actions__btn {
    --iconColor: var(--c-gray-6);
    --iconColorHover: var(--c-main);
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    text-align: left
}

.product-actions__btn:hover {
    color: var(--c-main)
}

.product-actions__btn:active svg {
    transform: scale(1.05) translateZ(0)
}

.product-actions__btn--favorite path {
    stroke: var(--iconColor);
    fill: #fff0
}

.product-actions__btn--favorite.is-added path, .product-actions__btn--favorite:hover path {
    stroke: var(--iconColorHover);
    fill: var(--iconColorHover)
}

.product-actions__btn--comparison path {
    stroke: var(--iconColor)
}

.product-actions__btn--comparison.is-added path, .product-actions__btn--comparison:hover path {
    stroke: var(--iconColorHover)
}

.product-actions__btn .i-icon {
    --size: 20px;
    margin-right: 16px
}

.product-added {
    max-width: 1105px;
    padding: 30px 60px
}

@media (max-width: 1024px) {
    .product-added {
        padding: 30px
    }
}

@media (max-width: 480px) {
    .product-added {
        padding-left: 15px;
        padding-right: 15px
    }
}

.product-added__title {
    --marginBottom: 24px;
    text-align: center
}

.product-added__product {
    align-items: flex-start;
    display: flex
}

@media (max-width: 1024px) {
    .product-added__product:not(:last-child) {
        margin-bottom: 12px
    }
}

@media (max-width: 767px) {
    .product-added__product {
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.product-added__product-image-wrapper {
    --size: 250px;
    flex-shrink: 0;
    height: var(--size);
    width: var(--size)
}

@media (max-width: 767px) {
    .product-added__product-image-wrapper {
        --size: 160px
    }
}

.dom-is-ready .product-added__product-image-wrapper {
    transition: var(--transition-all)
}

.product-added__product-image-wrapper:hover {
    transform: scale(1.025) translateZ(0)
}

.product-added__product-image-wrapper:not(:last-child) {
    margin-right: 20px
}

@media (max-width: 480px) {
    .product-added__product-image-wrapper:not(:last-child) {
        margin-bottom: 12px;
        margin-right: 0
    }
}

.product-added__product-image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.product-added__product-body {
    text-align: left
}

@media (max-width: 767px) {
    .product-added__product-body {
        display: contents
    }
}

.product-added__product-title {
    --marginBottom: 32px
}

@media (max-width: 767px) {
    .product-added__product-title {
        --marginBottom: 10px;
        flex-basis: 100%;
        order: -1
    }
}

.product-added__product-price {
    align-items: flex-end;
    display: flex
}

@media (max-width: 767px) {
    .product-added__product-price {
        align-items: flex-start;
        flex-direction: column
    }
}

.product-added__product-current-price {
    --marginBottom: 0;
    color: var(--c-main);
    font-weight: 700
}

.product-added__product-current-price:not(:last-child) {
    margin-right: 32px
}

@media (max-width: 767px) {
    .product-added__product-current-price:not(:last-child) {
        margin-bottom: 6px;
        margin-right: 0
    }
}

.product-added__product-old-price {
    color: var(--c-gray-6);
    text-decoration: line-through
}

.product-added__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: -25px
}

@media (max-width: 1024px) {
    .product-added__actions {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .product-added__actions {
        align-items: center;
        justify-content: space-between
    }
}

.product-added__actions:not(:last-child) {
    margin-bottom: 2px
}

@media (max-width: 1024px) {
    .product-added__actions:not(:last-child) {
        margin-bottom: 20px
    }
}

.product-added__close-btn:not(:last-child) {
    margin-right: 32px
}

@media (max-width: 767px) {
    .product-added__close-btn:not(:last-child) {
        margin-right: 0
    }
}

.product-added__slider-title {
    --marginBottom: 12px;
    align-items: center;
    color: var(--c-gray-6);
    display: flex;
    line-height: 2;
    white-space: nowrap
}

.product-added__slider-title:after {
    background-color: var(--c-gray-2);
    content: "";
    height: 1px;
    margin-left: 11px;
    width: 100%
}

.product-added__slider {
    text-align: left
}

.product-added__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.product-added__controls:not(:last-child) {
    margin-bottom: 27px
}

.product-added--multiple {
    max-width: 600px
}

.product-added--multiple .product-added__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 150px
}

.product-added--multiple .product-added__title {
    margin-bottom: 30px
}

.product-added--multiple .product-added__actions {
    margin-top: 0
}

.product-added .product-card {
    transform: scale(.95)
}

.product-added .product-card__additional-buttons, .product-added .product-card__stickers {
    opacity: 0;
    transition: opacity var(--transition-all)
}

.product-added .product-card:hover .product-card__additional-buttons, .product-added .product-card:hover .product-card__stickers {
    opacity: 1
}

.product-faq__btn:not(:last-child) {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .product-faq__btn:not(:last-child) {
        margin-bottom: 35px
    }
}

.product-faq__item:not(:last-child) {
    border-bottom: var(--border);
    margin-bottom: 34px;
    padding-bottom: 32px
}

@media (max-width: 767px) {
    .product-faq__item:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 10px
    }
}

.product-faq__empty {
    max-width: 502px
}

.product-info .tabs__caption.active .product-info__title span {
    text-shadow: 0 0 0 var(--c-gray-9)
}

.product-info__title span {
    color: var(--c-gray-9)
}

.product-info__content-inner {
    max-height: var(--maxHeight);
    overflow: hidden;
    position: relative
}

.dom-is-ready .product-info__content-inner {
    transition: all 1s ease
}

.product-info__content-inner:after {
    background: var(--gradient);
    bottom: 0;
    content: "";
    height: 25%;
    left: 0;
    position: absolute;
    width: 100%
}

.product-info__content-inner:not(:last-child) {
    margin-bottom: 30px
}

.product-info__content-inner--empty {
    max-height: 100%
}

.product-info__content-inner--empty:after, .product-info__content-inner--empty ~ .load-more {
    display: none
}

.product-info__content-inner.is-open:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden
}

.product-info__description {
    max-width: 1040px
}

.product-info__characteristics, .product-info__product-faq, .product-info__product-reviews {
    max-width: 940px
}

.product-info__characteristics .table-styled td:first-child, .product-info__characteristics table td {
    padding: 13px 18px
}

.product-info__characteristics .table-styled td:first-child, .product-info__characteristics .table-styled td:last-child {
    text-align: left
}

.product-info__characteristics .table-styled td:not(:first-child) {
    color: var(--c-gray-6)
}

@media (max-width: 480px) {
    .product-info__characteristics .adaptive-table:after, .product-info__characteristics .adaptive-table:before {
        display: none
    }

    .product-info__characteristics .table-styled {
        border: var(--border);
        border-radius: var(--borderRadius);
        font-size: 14px;
        min-width: auto;
        overflow: hidden
    }

    .product-info__characteristics .table-styled tbody tr:first-child td:first-child {
        border-radius: initial
    }

    .product-info__characteristics .table-styled td, .product-info__characteristics .table-styled th {
        border: initial
    }

    .product-info__characteristics .table-styled td:first-child, .product-info__characteristics .table-styled th:first-child {
        padding-bottom: 5px
    }

    .product-info__characteristics .table-styled td:last-child, .product-info__characteristics .table-styled th:last-child {
        padding-top: 5px
    }

    .product-info__characteristics .table-styled tr {
        display: flex;
        flex-direction: column
    }

    .product-info__characteristics .table-styled tr td {
        min-width: 100%
    }
}

.product-info .load-more.is-open .load-more__label--before {
    display: none
}

.product-info .load-more.is-open .load-more__label--after {
    display: block
}

.product-preview {
    align-items: center;
    display: flex
}

@media (max-width: 920px) {
    .product-preview {
        flex-direction: column-reverse
    }
}

.product-preview__thumbs-slider {
    --paddingX: 50px;
    --paddingY: 50px;
    flex-shrink: 0;
    max-width: 100px;
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY);
    position: relative
}

@media (max-width: 920px) {
    .product-preview__thumbs-slider {
        --paddingY: 0;
        padding-left: var(--paddingX);
        padding-right: var(--paddingX)
    }
}

@media (max-width: 480px) {
    .product-preview__thumbs-slider {
        --paddingX: 40px
    }
}

.product-preview__thumbs-slider:not(:last-child) {
    margin-right: 16px
}

@media (max-width: 920px) {
    .product-preview__thumbs-slider:not(:last-child) {
        margin-right: 0
    }
}

.product-preview__thumbs-swiper-container {
    max-height: 360px
}

.product-preview__thumbs-item {
    --size: 100px;
    align-items: center;
    border: 1px solid #fff0;
    border-radius: var(--borderRadius);
    cursor: pointer;
    display: flex;
    height: var(--size);
    justify-content: center;
    min-height: var(--size);
    min-width: var(--size);
    overflow: hidden;
    transition: var(--transition-all);
    width: var(--size)
}

@media (max-width: 767px) {
    .product-preview__thumbs-item {
        --size: 70px
    }
}

@media (max-width: 480px) {
    .product-preview__thumbs-item {
        border-radius: calc(var(--borderRadius) / 2)
    }
}

.product-preview__thumbs-item:hover {
    border-color: var(--c-gray-3)
}

.product-preview__thumbs-item.swiper-slide-thumb-active {
    border-color: var(--c-main)
}

.product-preview__thumbs-controls {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

@media (max-width: 920px) {
    .product-preview__thumbs-controls {
        height: auto;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%
    }
}

.product-preview__thumbs-image {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.product-preview .slider-buttons {
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

@media (max-width: 920px) {
    .product-preview .slider-buttons {
        flex-direction: row
    }
}

@media (max-width: 767px) {
    .product-preview .slider-buttons {
        display: flex
    }
}

.product-preview .slider-buttons__btn {
    transform: rotate(90deg)
}

@media (max-width: 920px) {
    .product-preview .slider-buttons__btn {
        transform: none
    }
}

.product-preview .slider-buttons__btn--prev {
    margin-right: 0
}

.product-preview .slider-buttons__btn:active {
    transform: rotate(90deg) scale(1.05) translateZ(0)
}

@media (max-width: 920px) {
    .product-preview .slider-buttons__btn:active {
        transform: scale(1.05) translateZ(0)
    }
}

.product-preview__main-slider {
    max-width: 400px
}

.product-preview__main-item, .product-preview__main-link {
    align-items: center;
    display: flex;
    justify-content: center
}

.product-preview__main-item {
    border-radius: var(--borderRadius);
    height: 400px;
    min-width: 250px;
    overflow: hidden
}

.product-preview__main-link {
    height: 100%;
    width: 100%
}

.product-preview__main-link:hover {
    transform: scale(1.005) translateZ(0)
}

.product-preview__main-image {
    height: 100%;
    object-fit: scale-down;
    width: 100%
}

.product-reviews__header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .product-reviews__header {
        flex-wrap: wrap;
        justify-content: normal
    }
}

.product-reviews__header:not(:last-child) {
    margin-bottom: 26px
}

.product-reviews__btn:not(:last-child), .product-reviews__rating-preview:not(:last-child) {
    margin-right: 32px
}

@media (max-width: 767px) {
    .product-reviews__rating-preview:not(:last-child) {
        margin-right: 10px
    }
}

.product-reviews__rating-value {
    --marginBottom: 0;
    --offsetX: 30px;
    --paddingY: 11px;
    font-weight: 500;
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY)
}

@media (max-width: 767px) {
    .product-reviews__rating-value {
        --offsetX: 10px
    }
}

.product-reviews__rating-value:not(:last-child) {
    border-right: var(--border);
    margin-right: var(--offsetX);
    padding-right: var(--offsetX)
}

.product-reviews__btn {
    flex-shrink: 0
}

@media (max-width: 480px) {
    .product-reviews__btn {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .product-reviews__btn:not(:last-child) {
        margin-right: 0
    }
}

.product-reviews__description {
    color: var(--c-gray-6);
    font-size: 16px;
    line-height: 1.62
}

@media (max-width: 767px) {
    .product-reviews__description {
        flex: 0 0 100%;
        margin-top: 20px
    }
}

.product-reviews__item:not(:last-child) {
    border-bottom: var(--border);
    margin-bottom: 21px;
    padding-bottom: 16px
}

@media (max-width: 767px) {
    .product-reviews__item:not(:last-child) {
        margin-bottom: 11px;
        padding-bottom: 9px
    }
}

.product-reviews__empty {
    max-width: 502px
}

.product-sliders {
    --borderContent: 1px solid var(--c-gray-2);
    --paddingX: 35px
}

@media (max-width: 920px) {
    .product-sliders {
        --paddingX: 20px
    }
}

@media (max-width: 767px) {
    .product-sliders {
        --paddingX: 15px
    }
}

@media (max-width: 600px) {
    .product-sliders {
        --paddingX: 0
    }
}

.product-sliders__inner {
    display: flex;
    flex-wrap: wrap
}

.product-sliders__bestseller, .product-sliders__novelty, .product-sliders__promo {
    padding-top: 30px;
    width: 100%
}

.product-sliders__bestseller, .product-sliders__promo {
    padding-bottom: 20px
}

.product-sliders__bestseller {
    max-width: 100%;
    padding-right: var(--paddingX)
}

@media (max-width: 1480px) {
    .product-sliders__bestseller {
        max-width: 100%
    }
}

@media (max-width: 1280px) {
    .product-sliders__bestseller {
        max-width: 100%
    }
}

@media (max-width: 920px) {
    .product-sliders__bestseller {
        max-width: 50%
    }
}

@media (max-width: 600px) {
    .product-sliders__bestseller {
        border-right: initial;
        max-width: 100%
    }
}

.product-sliders__promo {
    max-width: 40%;
    padding-left: var(--paddingX)
}

@media (max-width: 1480px) {
    .product-sliders__promo {
        max-width: 50%
    }
}

@media (max-width: 1280px) {
    .product-sliders__promo {
        max-width: 33.33333%
    }
}

@media (max-width: 920px) {
    .product-sliders__promo {
        max-width: 50%
    }
}

@media (max-width: 600px) {
    .product-sliders__promo {
        max-width: 100%
    }
}

.product-sliders__novelty {
    max-width: 100%
}

.product-sliders__swiper-container.swiper-container {
    margin: -30px;
    padding: 30px;
    width: calc(100% + 60px)
}

.dom-is-ready .product-sliders .swiper-slide {
    transition: var(--transition-all);
    border: 1px solid var(--c-gray-1);
    border-radius: var(--borderRadius)
}

.product-sliders .swiper-slide:hover {
    filter: var(--filterShadow)
}

.content__sections.content__sections--no-pb.trakcontent section.section.scroll-effect.scroll-effect--init.scroll-effect--visible {
    padding-bottom: 0
}

@media (max-width: 920px) {
    .product-sliders .slider-buttons__btn--prev {
        margin-right: 16px
    }
}

.product {
    --mainSliderWidth: 400px;
    --thumbsSlizeWidth: 100px;
    --sliderMarginX: 40px;
    --sliderPaddingX: 16px;
    --orderPreviewWidth: 380px;
    --infoOffset: 40px
}

@media (max-width: 1480px) {
    .product {
        --sliderMarginX: 20px;
        --sliderPaddingX: 10px;
        --orderPreviewWidth: calc(100% - var(--mainSliderWidth) - var(--thumbsSlizeWidth) - var(--sliderMarginX) - var(--sliderPaddingX))
    }
}

@media (max-width: 920px) {
    .product {
        --sliderMarginX: 0;
        --sliderPaddingX: 0;
        --orderPreviewWidth: 100%;
        --thumbsSlizeWidth: calc(100vw - var(--gridPadding) * 2)
    }
}

@media (max-width: 480px) {
    .product {
        --mainSliderWidth: calc(100vw - var(--gridPadding) * 2)
    }
}

.product.section:not(:last-child) {
    margin-bottom: 40px
}

.product .product-preview__main-slider {
    max-width: var(--mainSliderWidth)
}

@media (max-width: 920px) {
    .product .product-preview__main-slider {
        margin-bottom: 10px
    }
}

.product .product-preview__thumbs-slider {
    max-width: var(--thumbsSlizeWidth)
}

.product .product-preview__thumbs-slider:not(:last-child) {
    margin-right: var(--sliderPaddingX)
}

.product__header {
    align-items: flex-start;
    display: none;
    justify-content: space-between
}

@media (max-width: 920px) {
    .product__header {
        display: flex
    }
}

.product__body {
    align-items: flex-start;
    display: flex;
    height: 100%
}

@media (max-width: 1480px) {
    .product__body {
        flex-wrap: wrap
    }
}

@media (max-width: 920px) {
    .product__body {
        flex-direction: column
    }
}

.product__body:not(:last-child) {
    margin-bottom: 24px
}

.product__body--params {
    --orderPreviewWidth: 580px
}

@media (max-width: 1280px) {
    .product__body--params {
        --orderPreviewWidth: 100%
    }
}

@media (min-width: 1281px) {
    .product__body--params .product__order-preview {
        flex-grow: 1
    }
}

@media (min-width: 768px) {
    .product__body--params .order-preview {
        display: flex
    }
}

@media (min-width: 1481px) {
    .product__body--params .order-preview__col {
        flex: 0 0 50%
    }

    .product__body--params .order-preview__col:first-child:last-child {
        flex-basis: 100%
    }

    .product__body--params .order-preview__price {
        flex-wrap: wrap
    }
}

.product__info {
    flex-grow: 1
}

@media (max-width: 1480px) {
    .product__info {
        order: 1
    }
}

.product__info:not(:last-child) {
    margin-right: var(--infoOffset)
}

@media (max-width: 1480px) {
    .product__info:not(:last-child) {
        margin-right: 0;
        margin-top: 30px
    }

    .product__order-preview .form-group, .mb-3 {
        margin-bottom: 0rem !important
    }
}

.product__order-preview {
    flex: 0 0 var(--orderPreviewWidth)
}

@media (max-width: 920px) {
    .product__order-preview {
        width: 100%
    }
}

.product__actions:not(:last-child) {
    --offsetY: 30px;
    margin-bottom: var(--offsetY)
}

@media (max-width: 920px) {
    .product__actions:not(:last-child) {
        margin-top: var(--offsetY)
    }
}

.product__order-preview {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.product__vendor-code {
    color: var(--c-gray-6);
    font-size: 15px;
    line-height: 1.87
}

.product__vendor-code:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width: 920px) {
    .product__vendor-code--desktop {
        display: none
    }
}

.product__vendor-code--mobile {
    display: none
}

@media (max-width: 920px) {
    .product__vendor-code--mobile {
        display: block
    }
}

.product__preview {
    flex-shrink: 0
}

@media (max-width: 920px) {
    .product__preview {
        display: flex;
        flex-direction: column-reverse
    }
}

.product__preview:not(:last-child) {
    margin-right: var(--sliderMarginX)
}

.product__rating-preview {
    align-items: baseline;
    color: var(--c-gray-6);
    cursor: pointer;
    display: flex
}

.product__rating-preview:hover {
    color: var(--c-main)
}

.product__rating-preview:not(:last-child) {
    margin-bottom: 50px
}

@media (max-width: 920px) {
    .product__rating-preview--desktop {
        display: none
    }
}

.product__rating-preview--mobile {
    display: none
}

@media (max-width: 920px) {
    .product__rating-preview--mobile {
        display: block
    }
}

.product__rating-preview .rating-preview:not(:last-child) {
    margin-right: 10px
}

.product__rating-preview .rating-preview__star--0 path, .product__rating-preview .rating-preview__star--50 path:first-child {
    fill: #fff0;
    stroke: var(--c-accent)
}

.product__review-label {
    transition: var(--transition-all)
}

.product__description {
    border-bottom: var(--border);
    padding-bottom: 12px
}

.product__description:not(:last-child) {
    margin-bottom: 24px
}

.product__label {
    --marginBottom: 16px;
    color: var(--c-main);
    font-weight: 500
}

.product__short-description {
    --marginBottom: 12px
}

.product__more-details-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    color: var(--c-main);
    cursor: pointer;
    font-size: 16px;
    line-height: 1.62;
    margin: 0;
    padding: 0;
    text-align: left
}

.product__more-details-btn:hover {
    color: var(--c-black)
}

.product__characteristics:not(:last-child) {
    margin-bottom: 24px
}

.product__characteristics .characteristics:not(:last-child) {
    margin-bottom: 10px
}

.product__params {
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .product__params {
        padding-right: 40px
    }
}

.production__list {
    grid-gap: 30px 20px;
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(290px, 1fr))
}

.production__item--empty, .production__item--pagination {
    grid-column: 1/-1
}

.profile-tooltip {
    --border: 1px solid var(--c-gray-2);
    min-width: 290px
}

.profile-tooltip__body, .profile-tooltip__header {
    padding-left: 15px;
    padding-right: 35px
}

.profile-tooltip__header {
    align-items: center;
    border-bottom: var(--border);
    display: flex
}

.profile-tooltip__body {
    padding-bottom: 7px;
    padding-top: 5px
}

.profile-tooltip__user-link {
    align-items: center;
    display: flex;
    padding-bottom: 16px;
    padding-top: 22px;
    width: 100%
}

.profile-tooltip__user-link:hover .profile-tooltip__user-icon path {
    stroke: var(--c-main)
}

.profile-tooltip__user-icon {
    flex-shrink: 0
}

.profile-tooltip__user-icon.i-icon {
    --size: 40px;
    height: var(--size);
    width: var(--size)
}

.profile-tooltip__user-icon:not(:last-child) {
    margin-right: 22px
}

.profile-tooltip__user-icon path {
    fill: #fff0;
    stroke-width: 1
}

.profile-tooltip__item:not(:last-child) {
    border-bottom: var(--border)
}

.profile-tooltip__item:not(:last-child) .profile-tooltip__link {
    position: relative
}

.profile-tooltip__item:not(:last-child) .profile-tooltip__link:after, .profile-tooltip__item:not(:last-child) .profile-tooltip__link:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-main);
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.profile-tooltip__item:not(:last-child) .profile-tooltip__link:before {
    top: -1px
}

.profile-tooltip__item:not(:last-child) .profile-tooltip__link:hover:after, .profile-tooltip__item:not(:last-child) .profile-tooltip__link:hover:before {
    opacity: 1;
    visibility: visible
}

.profile-tooltip__item:not(:last-child) .profile-tooltip__link:after {
    bottom: -1px
}

.profile-tooltip__item:not(:last-child) .profile-tooltip__link:hover .profile-tooltip__icon path {
    fill: var(--c-main)
}

.profile-tooltip__item:last-child .profile-tooltip__link {
    justify-content: flex-start
}

.profile-tooltip__item:last-child .profile-tooltip__icon.i-icon {
    --size: 25px;
    height: var(--size);
    width: var(--size)
}

.profile-tooltip__item:last-child .profile-tooltip__icon path {
    stroke: var(--c-main)
}

.profile-tooltip__link {
    --paddingY: 16px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY)
}

.profile-tooltip__link-label:not(:last-child) {
    margin-right: 26px
}

.profile-tooltip__icon path {
    color: var(--c-black)
}

.promo-code-form {
    max-width: 414px
}

@media (max-width: 767px) {
    .promo-code-form {
        margin-left: auto;
        margin-right: auto;
        max-width: 244px
    }
}

.promo-code-form .form-label {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.promo-code-form__input.is-valid {
    border-color: var(--c-green)
}

.promo-code-form__input.is-valid + .form-error {
    color: var(--c-green)
}

.promo-code-form .form__row {
    flex-wrap: nowrap
}

@media (max-width: 767px) {
    .promo-code-form .form__row {
        align-items: center;
        flex-direction: column
    }
}

.promo-code-form .form__col {
    width: auto
}

.promo-code-form .form__col:not(:last-child) {
    margin-right: 20px
}

@media (max-width: 767px) {
    .promo-code-form .form__col:not(:last-child) {
        margin-bottom: 30px;
        margin-right: 0
    }
}

.quick-order-form {
    align-items: center;
    display: flex;
    flex-direction: column
}

.quick-order-form .form__row {
    max-width: 309px;
    width: 100%
}

.quick-order-form .form__row--wide {
    max-width: 100%
}

.quick-order-form .btn, .quick-order-success__body {
    margin-left: auto;
    margin-right: auto
}

.quick-order-success__body {
    max-width: 380px
}

.quick-order-success__description {
    --marginBottom: 23px;
    color: var(--c-gray-6)
}

.quick-order-success__info {
    --marginBottom: 0;
    font-weight: 500
}

.quick-order-success__info span {
    color: var(--c-main)
}

.quick-order-success__additional-info:not(:last-child), .quick-order-success__image:not(:last-child) {
    margin-bottom: 30px
}

.recommend {
    padding-bottom: 40px
}

.recommend__slider {
    display: grid
}

@media (max-width: 767px) {
    .recently-viewed__slider {
        border-bottom: 1px solid var(--c-gray-2);
        padding-bottom: 30px
    }
}

.recently-viewed__swiper-container.swiper-container {
    margin: -30px;
    padding: 30px;
    width: calc(100% + 60px)
}

@media (min-width: 1171px) {
    .reviews__row {
        grid-gap: 20px;
        display: grid;
        grid-template-columns:2fr 1fr
    }
}

@media (min-width: 1321px) {
    .reviews__row {
        grid-gap: 40px
    }
}

.reviews__content {
    margin-bottom: 60px
}

.reviews__item {
    margin-bottom: 20px
}

.reviews__item--pagination {
    grid-column: 1/-1;
    margin-top: 40px
}

.reviews__item .review-card__body {
    max-width: none
}

.review-form {
    border-radius: var(--borderRadius);
    box-shadow: var(--boxShadow);
    max-width: 500px;
    padding: 30px 20px
}

@media (min-width: 1367px) {
    .review-form {
        margin-left: auto
    }
}

.search-empty {
    max-width: 694px
}

.search-empty a {
    text-decoration: underline
}

.search-form {
    position: relative
}

.search-form__input {
    background-color: var(--c-gray-4);
    padding-right: 68px
}

.search-form__submit-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 24px;
    text-align: left;
    top: 12px;
    width: 20px
}

.search-form__submit-btn-icon {
    height: 100%;
    width: 100%
}

.search-form__submit-btn-icon path {
    fill: #fff0
}

.search-form__submit-btn:hover {
    transform: scale(1.05) translateZ(0)
}

html:not(.safari) .search-form__result-list {
    scrollbar-color: var(--c-gray-2) var(--c-gray-1);
    scrollbar-width: thin
}

html:not(.safari) .search-form__result-list::-webkit-scrollbar {
    background-color: var(--c-gray-1);
    height: 4px;
    width: 4px
}

html:not(.safari) .search-form__result-list::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-2)
}

.search-form__result-list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-white);
    border-radius: 0 0 calc(var(--borderRadius) / 2) calc(var(--borderRadius) / 2);
    box-shadow: var(--boxShadow);
    max-height: 50vh;
    min-height: 30px;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    transform: translateY(-100%);
    transition: var(--transition-all);
    visibility: hidden;
    width: 100%;
    z-index: var(--layerControls)
}

@media (max-width: 767px) {
    .search-form__result-list {
        top: calc(100% + 17px)
    }
}

.search-form__result-list.is-open {
    opacity: 1;
    transform: none;
    visibility: visible
}

.search-form__result-link {
    display: block;
    padding: 8px 12px
}

.search-form__result-link:hover {
    background-color: var(--c-gray-4)
}

.search-page .orders__pagination {
    margin-top: 40px
}

.section:not(:last-child) {
    margin-bottom: 80px
}

@media (max-width: 1024px) {
    .section:not(:last-child) {
        margin-bottom: 60px
    }
}

@media (max-width: 767px) {
    .section:not(:last-child) {
        margin-bottom: 30px
    }
}

.section:last-child {
    padding-bottom: 40px
}

@media (max-width: 1024px) {
    .section:last-child {
        padding-bottom: 30px
    }
}

@media (max-width: 767px) {
    .section:last-child {
        padding-bottom: 20px
    }
}

.section--no-pb, .section--no-pb:last-child, .section--no-pb:not(:last-child) {
    padding-bottom: 0
}

.section--no-mb, .section--no-mb:last-child, .section--no-mb:not(:last-child) {
    margin-bottom: 0
}

.section--fullscreen {
    min-height: 100vh
}

@supports (-webkit-touch-callout:none) {
    .section--fullscreen {
        min-height: -webkit-fill-available
    }
}

.section--fullscreen.scroll-effect img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden
}

.section--fullscreen.scroll-effect--visible img {
    opacity: 1;
    transition: opacity 1s, visibility 1s;
    visibility: visible
}

.section--fullscreen:first-of-type {
    padding-top: 40px
}

.section--fullscreen img {
    margin-left: auto;
    margin-right: auto
}

.section__header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 767px) {
    .section__header {
        display: block
    }
}

.section__header:not(:last-child) {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .section__header:not(:last-child) {
        margin-bottom: 20px
    }
}

.section__header:not(:only-child) {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .section__header:not(:only-child) {
        margin-bottom: 20px
    }
}

.section__header h1 {
    --marginBottom: 0
}

.section__title:not(:last-child) {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .section__title:not(:last-child) {
        margin-bottom: 20px
    }
}

.section__subtitle {
    --marginBottom: 30px
}

@media (max-width: 767px) {
    .section__subtitle {
        --marginBottom: 20px
    }
}

.section__description {
    color: var(--c-gray-6)
}

.section__pagination {
    margin-top: 30px
}

.custom-select-container {
    box-sizing: border-box;
    position: relative
}

.custom-select-container * {
    box-sizing: border-box
}

.custom-select-container.is-disabled {
    opacity: .333
}

.custom-select-opener {
    background-color: #ccc;
    cursor: pointer;
    display: block;
    padding: .5em;
    width: 100%
}

.custom-select-container select {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden
}

.custom-select-panel {
    background-color: #e9e9e9;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    transition: max-height .5s ease-out, overflow-y .1s .5s;
    width: 100%;
    z-index: 1
}

.custom-select-container.is-open .custom-select-panel {
    max-height: 10.7em;
    overflow-y: auto
}

.custom-select-option {
    padding: .5em
}

.custom-select-option.has-focus {
    background-color: #add8e6
}

.custom-select-option.is-selected:before {
    content: "✔";
    padding-right: .5em
}

.custom-select-optgroup > .custom-select-option {
    padding-left: 2em
}

.custom-select-optgroup:before {
    color: #888;
    content: attr(data-label);
    display: block;
    padding: .5em
}

.custom-select-opener {
    background-color: initial;
    color: var(--c-gray-9);
    display: inline-flex;
    padding: 0 18px 0 0;
    position: relative;
    transition: var(--transition-all);
    width: auto
}

.custom-select-opener:after {
    background: url(icon-arrow-down-gray.svg) 50%/contain no-repeat;
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px
}

.custom-select-container.is-open .custom-select-opener:after {
    transform: translateY(-50%) rotate(-180deg)
}

.custom-select-opener:hover {
    color: var(--c-main)
}

.custom-select-panel {
    --dropdownBorderRadius: calc(var(--borderRadius) / 2)
}

html:not(.safari) .custom-select-panel {
    scrollbar-color: var(--c-gray-2) var(--c-gray-1);
    scrollbar-width: thin
}

html:not(.safari) .custom-select-panel::-webkit-scrollbar {
    background-color: var(--c-gray-1);
    height: 4px;
    width: 4px
}

html:not(.safari) .custom-select-panel::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-2)
}

.custom-select-panel {
    background-color: var(--c-white);
    border-radius: 0 0 var(--dropdownBorderRadius) var(--dropdownBorderRadius);
    box-shadow: var(--boxShadow);
    transition: all .5s linear;
    width: auto
}

.custom-select-panel:not(.is-ready)::-webkit-scrollbar {
    width: 0 !important
}

.custom-select-panel:not(.is-ready) {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none
}

.custom-select-option {
    cursor: pointer;
    padding: 8px 12px;
    transition: var(--transition-all)
}

.custom-select-option.is-selected, .custom-select-option:hover {
    color: var(--c-main)
}

.custom-select-option.is-selected:before {
    display: none
}

.custom-select-option.has-focus {
    background-color: var(--c-gray-4)
}

.custom-select-container.is-open .custom-select-panel {
    max-height: 75vh
}

.similar__swiper-container.swiper-container {
    margin: -30px;
    padding: 30px;
    width: calc(100% + 60px)
}

.swiper-notification {
    display: none
}

.swiper-slide {
    display: flex
}

.swiper-slide:first-child:last-child {
    pointer-events: auto
}

.swiper-container, .swiper-slide, .swiper-wrapper {
    height: auto
}

.swiper-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-flow: column;
    opacity: 0;
    transition: opacity .3s ease;
    visibility: hidden;
    width: 100%
}

.swiper-container.swiper-container-initialized {
    opacity: 1;
    visibility: visible
}

.slider {
    display: flex;
    position: relative
}

.slider-gallery {
    display: flex;
    max-width: 682px;
    overflow-x: hidden;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.slider-gallery:not(:last-child) {
    margin-bottom: 50px
}

@media (max-width: 1280px) {
    .slider-gallery:not(:last-child) {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .slider-gallery:not(:last-child) {
        margin-bottom: 30px
    }
}

.slider-gallery--large {
    max-width: 742px
}

.slider-gallery__ctrl:not(:first-child) {
    padding-top: 30px
}

@media (max-width: 767px) {
    .slider-gallery__ctrl:not(:first-child) {
        padding-top: 20px
    }
}

.slider-gallery.is-transition .slider-gallery__item:not(.swiper-slide-active) .gallery-item {
    opacity: .25
}

.slider-gallery.is-transition .gallery-item {
    opacity: .75;
    pointer-events: none;
    transform: scale(.85) translateZ(0)
}

.subcategory__brand-info {
    border-bottom: var(--border);
    padding-bottom: 42px
}

.subcategory__brand-info:not(:last-child) {
    margin-bottom: 30px
}

.subcategory__inner {
    align-items: flex-start;
    display: flex
}

@media (max-width: 768px) {
    .subcategory__inner {
        flex-direction: column
    }
}

.scroll-effect .subcategory__filter {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
    transition-property: opacity, transform;
    transition-timing-function: ease;
    visibility: hidden
}

.dom-is-ready .scroll-effect .subcategory__filter {
    transition-duration: 2.4s, 1.2s
}

.scroll-effect--visible .subcategory__filter {
    opacity: 1;
    transform: none;
    transition-delay: var(--delay);
    visibility: visible
}

.scroll-effect--visible .subcategory__filter:first-child {
    --delay: 0.25s
}

.scroll-effect--visible .subcategory__filter:nth-child(2) {
    --delay: 0.5s
}

.scroll-effect--visible .subcategory__filter:nth-child(3) {
    --delay: 0.75s
}

.scroll-effect--visible .subcategory__filter:nth-child(4) {
    --delay: 1s
}

.scroll-effect--visible .subcategory__filter:nth-child(5) {
    --delay: 1.25s
}

.scroll-effect--visible .subcategory__filter:nth-child(6) {
    --delay: 1.5s
}

.scroll-effect--visible .subcategory__filter:nth-child(7) {
    --delay: 1.75s
}

.scroll-effect--visible .subcategory__filter:nth-child(8) {
    --delay: 2s
}

.scroll-effect--visible .subcategory__filter:nth-child(9) {
    --delay: 2.25s
}

.scroll-effect--visible .subcategory__filter:nth-child(10) {
    --delay: 2.5s
}

.scroll-effect--visible .subcategory__filter:nth-child(11) {
    --delay: 2.75s
}

.scroll-effect--visible .subcategory__filter:nth-child(12) {
    --delay: 3s
}

.scroll-effect--visible .subcategory__filter:nth-child(13) {
    --delay: 3.25s
}

.scroll-effect--visible .subcategory__filter:nth-child(14) {
    --delay: 3.5s
}

.scroll-effect--visible .subcategory__filter:nth-child(15) {
    --delay: 3.75s
}

.scroll-effect--visible .subcategory__filter:nth-child(16) {
    --delay: 4s
}

.scroll-effect--visible .subcategory__filter:nth-child(17) {
    --delay: 4.25s
}

.scroll-effect--visible .subcategory__filter:nth-child(18) {
    --delay: 4.5s
}

.scroll-effect--visible .subcategory__filter:nth-child(19) {
    --delay: 4.75s
}

.scroll-effect--visible .subcategory__filter:nth-child(20) {
    --delay: 5s
}

.scroll-effect--visible .subcategory__filter:nth-child(21) {
    --delay: 5.25s
}

.scroll-effect--visible .subcategory__filter:nth-child(22) {
    --delay: 5.5s
}

.scroll-effect--visible .subcategory__filter:nth-child(23) {
    --delay: 5.75s
}

.scroll-effect--visible .subcategory__filter:nth-child(24) {
    --delay: 6s
}

.subcategory__filter {
    flex: 0 0 340px;
    order: -1
}

@media (max-width: 768px) {
    .subcategory__filter {
        flex-basis: auto;
        width: 100%
    }
}

.subcategory__filter:not(:first-child) {
    margin-right: 80px
}

@media (max-width: 1700px) {
    .subcategory__filter:not(:first-child) {
        margin-right: 30px
    }
}

@media (max-width: 768px) {
    .subcategory__filter:not(:first-child) {
        margin-bottom: 30px;
        margin-right: 0
    }
}

.subcategory .filter__open-btn {
    display: none;
    margin-left: auto
}

@media (max-width: 768px) {
    .subcategory .filter__open-btn {
        display: flex
    }

    .subcategory .filter__form {
        height: 100vh;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        visibility: hidden;
        width: 100vw;
        z-index: var(--layerOverlay)
    }
}

@media (max-width: 768px) {
    @supports (-webkit-touch-callout:none) {
        .subcategory .filter__form {
            height: -webkit-fill-available
        }
    }.subcategory .filter__form.opened {
    opacity: 1;
    transform: none;
    visibility: visible
}
}

.subcategory__content {
    width: 100%
}

.subcategory__header:not(:last-child) {
    margin-bottom: 20px
}

.subscribe-notice {
    background-color: var(--c-gray-11)
}

.subscribe-notice__inner {
    --paddingY: 40px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: var(--paddingY);
    padding-top: var(--paddingY)
}

@media (max-width: 1024px) {
    .subscribe-notice__inner {
        display: block
    }
}

@media (max-width: 767px) {
    .subscribe-notice__inner {
        --paddingY: 25px
    }
}

.subscribe-notice__subtitle, .subscribe-notice__title {
    margin-right: 40px
}

@media (max-width: 1024px) {
    .subscribe-notice__subtitle, .subscribe-notice__title {
        margin-right: 0
    }
}

.subscribe-notice__title {
    max-width: 300px
}

.subscribe-notice__title:not(:last-child) {
    margin-bottom: 0
}

@media (max-width: 1024px) {
    .subscribe-notice__title:not(:last-child) {
        margin-bottom: 10px
    }

    .subscribe-notice__title {
        max-width: 100%
    }
}

.subscribe-notice__subtitle {
    display: inline-block
}

@media (max-width: 1024px) {
    .subscribe-notice__subtitle {
        margin-bottom: 20px;
        margin-right: 0
    }
}

.subscribe-notice__subscribe-form {
    max-width: 40%;
    width: 100%
}

@media (max-width: 1024px) {
    .subscribe-notice__subscribe-form {
        max-width: 100%
    }
}

.subscribe {
    max-width: 310px;
    width: 100%
}

.subscribe__form.is-selected .subscribe__error {
    display: none
}

.subscribe__fieldset:not(.subscribe__fieldset:last-child) {
    margin-bottom: 30px
}

.subscribe__fieldset legend {
    color: var(--c-main);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px
}

.subscribe__fieldset .btn {
    width: 100%
}

@media (max-width: 767px) {
    .subscribe__fieldset .btn {
        margin: 0 auto;
        width: 165px
    }
}

.subscribe__fieldset .checkbox__label {
    color: var(--c-black);
    font-size: 20px;
    line-height: 22px
}

.subscribe__fieldset .form-agreement {
    margin-top: calc(var(--rowMargin) * 1.5)
}

.subscribe__fieldset .form-agreement .checkbox__label {
    font-size: 1rem;
    line-height: 1.4
}

.subscribe__error {
    color: var(--c-main);
    font-size: 16px;
    font-weight: 500
}

.symbol-related-brands__item {
    --paddingY: 15px;
    display: flex;
    padding-top: var(--paddingY)
}

.symbol-related-brands__item:not(:last-child) {
    border-bottom: 1px solid var(--c-gray-2);
    padding-bottom: var(--paddingY)
}

.symbol-related-brands__symbol {
    flex: 0 0 20px;
    font-weight: 500;
    line-height: 1.29
}

.symbol-related-brands__symbol:not(:last-child) {
    margin-right: 30px
}

.symbol-related-brands__links {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.symbol-related-brands__link {
    color: var(--c-gray-6)
}

.symbol-related-brands__link:not(:last-child) {
    margin-right: 30px
}

.tabs:not(:last-child) {
    margin-bottom: 32px
}

html:not(.safari) .tabs__header {
    scrollbar-color: var(--c-gray-2) var(--c-gray-1);
    scrollbar-width: thin
}

html:not(.safari) .tabs__header::-webkit-scrollbar {
    background-color: var(--c-gray-1);
    height: 4px;
    width: 4px
}

html:not(.safari) .tabs__header::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-2)
}

.tabs__header {
    margin-bottom: 32px;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    scrollbar-width: thin
}

.tabs__captions {
    display: flex
}

.tabs__caption {
    cursor: pointer;
    padding-bottom: 10px;
    position: relative;
    white-space: nowrap
}

.dom-is-ready .tabs__caption {
    transition: var(--transition-all)
}

.tabs__caption:after {
    background: var(--c-gray-2);
    bottom: 1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.tabs__captions.is-overflow .tabs__caption:after {
    content: none
}

.tabs__caption:hover {
    color: var(--c-main)
}

.tabs__caption:not(:last-child) > * {
    margin-right: 78px
}

@media (max-width: 1024px) {
    .tabs__caption:not(:last-child) > * {
        margin-right: 60px
    }
}

@media (max-width: 767px) {
    .tabs__caption:not(:last-child) > * {
        margin-right: 40px
    }
}

@media (max-width: 480px) {
    .tabs__caption:not(:last-child) > * {
        margin-right: 30px
    }
}

.tabs__caption.active {
    color: var(--c-main);
    pointer-events: none;
    text-shadow: 0 0 0 var(--c-main)
}

.tabs__caption * {
    pointer-events: none
}

.tabs__strip {
    background-color: var(--c-main);
    border-radius: 3px;
    bottom: 0;
    height: 3px;
    left: 0;
    position: absolute;
    transform: var(--stripOffset);
    width: var(--stripWidth);
    z-index: 1
}

.dom-is-ready .tabs__strip {
    transition: all .5s ease-in-out
}

.tabs__body {
    overflow-x: hidden
}

.tabs__content-wrapper {
    display: flex
}

.tabs__content {
    flex: 0 0 100%
}

.tabs__content.active {
    animation: emerge .5s forwards
}

@keyframes emerge {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

:root {
    --c-white: #fff;
    --c-black: #23262c;
    --c-main: #e31235;
    --c-accent: #e31235;
    --с-bestseller: #f47820;
    --с-novelty: #9a6aff;
    --c-promo: #46ba55;
    --recommendation: var(--c-main);
    --c-red: #cd1030;
    --c-green: #30950d;
    --c-gray-1: #e0e0e0;
    --c-gray-2: #b2b2b2;
    --c-gray-3: #d4d4d4;
    --c-gray-4: #f5f5f5;
    --c-gray-5: #c4c4c4;
    --c-gray-6: #6b6b6b;
    --c-gray-7: #5c5e61;
    --c-gray-8: #8797a3;
    --c-gray-9: #8b8e8f;
    --c-gray-10: #65686c;
    --c-gray-11: #eee;
    --c-gray-12: #e2e2e2;
    --c-overlay: rgba(0, 0, 0, .5);
    --fancybox-opacity: 1;
    --fancybox-ts: .2s ease;
    --fancybox-bg: var(--c-overlay);
    --fancybox-color: var(--c-white);
    --siteMaxWidth: 3440px;
    --siteMinWidth: 250px;
    --gridWidth: 1670px;
    --gridPadding: 15px;
    --gridGutter: 20px;
    --inputHeight: 46px;
    --inputFontSize: 16px;
    --inputPaddingX: 24px;
    --inputPaddingY: 10px;
    --inputPadding: var(--inputPaddingY) var(--inputPaddingX);
    --inputBorderRadius: 25px;
    --baseFontFamily: "Graphik LCG", sans-serif;
    --baseFontWeight: normal;
    --baseFontSize: 16px;
    --baseLineHeight: 1.5;
    --gradient: linear-gradient(to bottom, hsla(0, 0%, 100%, 0), var(--c-white));
    --border: 1px solid var(--c-gray-1);
    --borderRadius: 16px;
    --borderRadiusSmall: calc(var(--borderRadius) / 2);
    --boxShadow: 0 2px 12px rgba(35, 38, 44, .16);
    --filterShadow: drop-shadow(var(--boxShadow));
    --transition-all: 0.3s ease;
    --scrollBarSize: 17px;
    --layerDefault: 0;
    --layerControls: 50;
    --layerOverlay: 100;
    --layerOverlayControls: 150;
    --layerTooltip: 175;
    --layerModal: 200;
    --layerModalControls: 250;
    --layerAdmin: 300;
    --layerAdminControls: 350;
    --newsArticleMaxWidth: 1080px;
    --headerHeight: 4.5rem
}

:root.is-mobile-device {
    --scrollBarSize: 0
}

@keyframes fancybox-rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes throwOutDown {
    to {
        opacity: 0;
        transform: translate3d(0, 50%, 0)
    }
}

@keyframes throwOutUp {
    to {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }
}

@keyframes slideOutUp {
    to {
        opacity: 0;
        transform: translate3d(0, -30px, 0)
    }
}

@keyframes slideOutDown {
    to {
        opacity: 0;
        transform: translate3d(0, 30px, 0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -30px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 50px, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    to {
        opacity: 0
    }
}

@keyframes show-modal {
    0% {
        opacity: 0;
        transform: scale(0) translateZ(0)
    }
    to {
        opacity: 1;
        transform: scale(1) translateZ(0)
    }
}

@keyframes hide-modal {
    0% {
        opacity: 1;
        transform: scale(1) translateZ(0)
    }
    to {
        opacity: 0;
        transform: scale(.5) translateZ(0)
    }
}

@keyframes wobble-right {
    0% {
        transform: translateX(0) translateZ(0)
    }
    50% {
        transform: translateX(33%) translateZ(0)
    }
    to {
        transform: translateX(0) translateZ(0)
    }
}

@keyframes wobble-left {
    0% {
        transform: translateX(0) translateZ(0)
    }
    50% {
        transform: translateX(-33%) translateZ(0)
    }
    to {
        transform: translateX(0) translateZ(0)
    }
}

@keyframes show-content {
    0% {
        opacity: 0;
        transform: scaleY(0) translateZ(0)
    }
    80% {
        opacity: .1
    }
    to {
        opacity: 1;
        transform: scaleY(1) translateZ(0)
    }
}

@keyframes hide-content {
    0% {
        opacity: 1;
        transform: scaleY(1) translateZ(0)
    }
    20% {
        opacity: .2
    }
    to {
        opacity: 0;
        transform: scaleY(0) translateZ(0)
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes pulse {
    0%, 50%, to {
        transform: scale(1) translateZ(0)
    }
    25%, 75% {
        transform: scale(1.1) translateZ(0)
    }
}

@keyframes shake {
    0%, 50%, to {
        transform: translateX(0) translateZ(0)
    }
    25% {
        transform: translateX(-5px) translateZ(0)
    }
    75% {
        transform: translateX(5px) translateZ(0)
    }
}

.tooltip {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--c-white);
    border-radius: var(--borderRadius);
    box-shadow: var(--boxShadow);
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: scale(0) translateZ(0);
    visibility: hidden;
    z-index: var(--layerTooltip)
}

.dom-is-ready .tooltip {
    transition: var(--transition-all);
    transition-duration: .4s
}

.tooltip:hover {
    opacity: 1;
    transform: none;
    visibility: visible
}

@media (max-width: 1024px) {
    .tooltip {
        display: none
    }
}

.user-data {
    width: 100%
}

@media (min-width: 1025px) {
    .user-data {
        max-width: 700px
    }
}

.user-data__legend {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 26px
}

.user-data__fieldset:not(:last-child) {
    border-bottom: 1px solid var(--c-gray-1);
    margin-bottom: 30px;
    padding-bottom: 30px
}

.user-data__change-phone-btn {
    padding-top: 29px;
    width: 100%
}

@media (max-width: 1024px) {
    .user-data__change-phone-btn {
        max-width: 250px;
        padding-top: 0
    }
}

@media (max-width: 767px) {
    .user-data__change-phone-btn {
        max-width: unset;
        padding-top: 10px
    }
}

.user-data__change-phone-btn .btn, .user-data__submit {
    width: 100%
}

@media (max-width: 767px) {
    .user-data__submit {
        margin: 0 auto;
        width: 165px
    }
}

@media (max-width: 1024px) {
    .user-data__bottom .user-data__privacy {
        order: -1
    }
}

.user-data .form__row {
    grid-gap: 20px 72px;
    display: grid;
    grid-template-columns:1fr 1fr
}

@media (max-width: 1024px) {
    .user-data .form__row {
        grid-template-columns:none
    }
}

.user-data .form__two-cols {
    grid-gap: 30px;
    display: grid;
    grid-template-columns:1fr 1fr
}

.vacancies__accordion:not(:last-child) {
    margin-bottom: 20px
}

.vacancies__accordion ol, .vacancies__accordion ul {
    color: var(--c-gray-6)
}

.vacancies__accordion ol > li:before, .vacancies__accordion ul > li:before {
    background-color: var(--c-gray-6)
}

@media (max-width: 767px) {
    .vacancies .accordion__item {
        border-radius: var(--borderRadius);
        box-shadow: var(--boxShadow);
        padding: 1em
    }

    .vacancies .accordion__header-line {
        width: 100%
    }
}

.vacancies .accordion__btn path {
    fill: var(--c-gray-6)
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-overflow[title] {
    cursor: help
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none !important
    }
}

@media (min-width: 768px) {
    .visible-mobile {
        display: none !important
    }
}

@media (max-width: 1280px) {
    .visible-desktop {
        display: none !important
    }
}

@media (min-width: 1921px) {
    .visible-tablet {
        display: none !important
    }
}

.reset-list, .reset-ol, .reset-ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.reset-list li, .reset-ol li, .reset-ul li {
    margin: 0;
    padding: 0;
    position: static
}

.reset-list li:after, .reset-list li:before, .reset-ol li:after, .reset-ol li:before, .reset-ul li:after, .reset-ul li:before {
    content: none
}

.reset-a, .reset-link {
    border: 0;
    color: inherit;
    text-decoration: none
}

.reset-btn, .reset-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: initial;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    text-align: left
}

.only-1-lines {
    -webkit-line-clamp: 1
}

.only-1-lines, .only-2-lines {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.only-2-lines {
    -webkit-line-clamp: 2
}

.only-3-lines {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.visually-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.cf:after, .cf:before, .clearfix:after, .clearfix:before {
    clear: both;
    content: "";
    display: table
}

.mobile-only-block {
    display: none
}

@media (max-width: 767px) {
    .mobile-only-block {
        display: block
    }
}

.mobile-above-block {
    display: block
}

@media (max-width: 767px) {
    .mobile-above-block {
        display: none
    }
}

.mobile-only-flex {
    display: none
}

@media (max-width: 767px) {
    .mobile-only-flex {
        display: flex
    }
}

.display-none {
    display: none
}

.video-line {
    --offsetX: 140px
}

.video-line__inner {
    position: relative
}

.video-line__inner:after {
    background-color: var(--c-white);
    bottom: 0;
    content: "";
    height: 4px;
    left: 100%;
    position: absolute;
    width: var(--offsetX)
}

html:not(.safari) .video-line__list {
    scrollbar-color: var(--c-gray-2) var(--c-gray-1);
    scrollbar-width: thin
}

html:not(.safari) .video-line__list::-webkit-scrollbar {
    background-color: var(--c-gray-1);
    height: 4px;
    width: 4px
}

html:not(.safari) .video-line__list::-webkit-scrollbar-thumb {
    background-color: var(--c-gray-2)
}

.video-line__list {
    cursor: pointer;
    display: flex;
    margin-right: calc(var(--offsetX) * -1);
    max-width: calc(100% + var(--offsetX));
    overflow-x: auto;
    padding-bottom: 32px;
    width: 100%
}

.video-line__list.is-grabbing {
    cursor: grabbing
}

.video-line__list.is-grabbing * {
    pointer-events: none
}

.video-line__item {
    border-radius: var(--borderRadius);
    flex: 0 0 auto;
    height: 311px;
    overflow: hidden;
    width: 560px
}

@media (max-width: 920px) {
    .video-line__item {
        height: 220px;
        height: 195px;
        width: 400px;
        width: 350px
    }
}

.video-line__item:not(:last-child) {
    margin-right: 20px
}

.video-line__image, .video-line__item iframe, .video-line__item video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.video-line__link {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.video-line__link:after {
    --size: 80px;
    background: url(icon-youtube.svg) 50%/contain no-repeat;
    content: "";
    height: var(--size);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: var(--size)
}

@media (max-width: 767px) {
    .video-line__link:after {
        --size: 50px
    }
}

.video-line__link:hover:after {
    transform: translate3d(-50%, -50%, 0) scale(1.05)
}

.page-header h1 {
    text-align: left !important;
    margin-bottom: 30px !important;
    font-size: 2rem
}

li.header__categories-item {
    text-wrap: nowrap
}

ul.header__categories-list.afterheda li:nth-child(n+7) {
    display: none
}

ul.uk-nav-default.uk-nav {
    max-height: 275px;
    overflow: auto
}

ul.uk-nav-default.uk-nav li a {
    color: #000;
    outline: none;
    position: relative;
    text-decoration: none;
    padding-left: 30px;
    line-height: 30px
}

ul#popular-categories-list ul.uk-nav-default.uk-nav {
    margin-bottom: 50px
}

a.popular-categories__link {
    margin-bottom: 20px
}

a.popular-categories__link svg.itemsvgfront {
    max-width: 50px;
    fill: #000;
    float: left;
    margin-right: 15px;
    margin-top: -9px
}

a.popular-categories__link img {
    max-width: 50px;
    float: left;
    margin-right: 15px;
    margin-top: -9px
}

ul.uk-nav-default.uk-nav::-webkit-scrollbar {
    width: 10px;
    background-color: #f9f9fd
}

ul.uk-nav-default.uk-nav::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #143a83
}

ul.uk-nav-default.uk-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .2);
    border-radius: 10px;
    background-color: #f9f9fd
}

div#filter_fields_mod_radicalmart_filter_119_filter_fields_proizvoditel {
    max-height: 500px;
    overflow: auto
}

div#filter_fields_mod_radicalmart_filter_119_filter_fields_proizvoditel::-webkit-scrollbar {
    width: 10px;
    background-color: #f9f9fd
}

div#filter_fields_mod_radicalmart_filter_119_filter_fields_proizvoditel::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #143a83
}

div#filter_fields_mod_radicalmart_filter_119_filter_fields_proizvoditel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .2);
    border-radius: 10px;
    background-color: #f9f9fd
}

.catalog-overlay__subcategory-column.catalog-overlay__column {
    border-radius: 0 0 15px 0
}

.breadcrumb {
    background-color: #fff0;
    margin-bottom: 0;
    padding: 0 !important;
    margin: 0 !important
}

li.mod-breadcrumbs__divider.float-start {
    display: none
}

li.mod-breadcrumbs__item {
    color: var(--c-gray-9) !important
}

li.mod-breadcrumbs__item a {
    color: var(--c-gray-9) !important
}

.catalog-overlay__menu ul::-webkit-scrollbar {
    width: 10px;
    background-color: #f9f9fd
}

.catalog-overlay__menu ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #143a83
}

.catalog-overlay__menu ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .2);
    border-radius: 10px;
    background-color: #f9f9fd
}

div#filter_fields_proizvoditel ul {
    max-height: 315px;
    overflow: auto;
    margin-bottom: 20px
}

div#filter_fields_proizvoditel ul::-webkit-scrollbar {
    width: 10px;
    background-color: #f9f9fd
}

div#filter_fields_proizvoditel ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #143a83
}

div#filter_fields_proizvoditel ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .2);
    border-radius: 10px;
    background-color: #f9f9fd
}

a.btn.btn-sm.btn-outline-secondary {
    padding: 0 10px;
    margin: 5px 5px 5px 0;
    border-radius: 5px;
    border: var(--border);
    font-weight: 300
}

h1.h2.text-center.mb-0 {
    text-align: left !important;
    margin-bottom: 30px !important
}

.text-center {
    text-align: left !important
}

.container.contflex {
    display: flex
}

.row.align-items-center.mb-3 {
    background: var(--c-main);
    border-radius: 5px
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border: var(--border);
    padding: 0 10px;
    border-radius: 5px;
    margin: 0 2px
}

.btn-group > :not(.btn-check:first-child) + .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border: var(--border);
    padding: 0 10px;
    border-radius: 5px;
    margin: 0 2px
}

.btn-group {
    margin: 10px 0
}

button.btn.btn-outline-success.fw-bold {
    border-radius: 5px !important;
    padding: 0 10px
}

.form-select {
    background: url(/media/templates/site/cassiopeia/images/select-bg.svg) no-repeat 100%/116rem;
    background-color: #eaedf0;
    border: var(--border-width) solid #ced4da;
    cursor: pointer;
    max-width: 100%
}

input.form-control.text-center {
    text-align: center !important
}

.section__content {
    width: 100%
}

ul.catalog-overlay__subcategory-list ul.uk-nav-default.uk-nav {
    height: auto !important;
    max-height: inherit !important
}

ul.catalog-overlay__subcategory-list ul.uk-nav-default.uk-nav a {
    line-height: 20px;
    padding: 0 10px 0 15px
}

.catalog-overlay__subcategory-column.catalog-overlay__column ul.uk-nav-default.uk-nav li {
    margin-bottom: 20px
}

.middle.uk-margin-small.product-card__body .uk-form-horizontal.uk-margin-remove.uk-clearfix {
    display: none
}

.middle.uk-margin-small.product-card__body .uk-form-label {
    display: none
}

.middle.uk-margin-small.product-card__body .uk-form-controls.uk-form-controls-text {
    color: var(--c-gray-9);
    font-size: 16px
}

.uk-flex.uk-flex-middle.uk-flex-between.uk-margin-small.uk-hidden\@s {
    display: none
}

li.product-sliders__item.swiper-slide .uk-width-1-4\@s.uk-visible\@s .uk-margin {
    display: none
}

.uk-width-1-4\@s.uk-visible\@s .uk-margin {
    display: none
}

input.search-input {
    --width: 100%;
    --height: var(--inputHeight);
    --textareaHeight: 180px;
    --padding: var(--inputPadding);
    --fontSize: var(--inputFontSize);
    --fontColor: var(--c-black);
    --bgColor: var(--c-white);
    --border: 1px solid var(--c-gray-3);
    --borderRadius: var(--inputBorderRadius);
    --placeHolderColor: var(--c-gray-2);
    --hoverBorderColor: var(--c-gray-6);
    --focusBorderColor: var(--c-black);
    --errorBorderColor: var(--c-main);
    --cursor: text;
    background-color: var(--bgColor);
    border: var(--border);
    border-radius: var(--borderRadius);
    color: var(--fontColor);
    cursor: var(--cursor);
    font-size: var(--fontSize);
    height: var(--height);
    line-height: var(--lineHeight);
    padding: var(--padding);
    width: var(--width);
    margin-bottom: 15px
}

.mod-finder__search.input-group {
    -ms-flex-wrap: nowrap;
    flex-wrap: wrap-reverse;
    width: 100%;
    display: grid
}

.mod-finder__search.input-group .awesomplete input {
    border-radius: 30px
}

ul#awesomplete_list_1:not([class]) > :before {
    display: none
}

li.result__taxonomy-item.result__taxonomy--Author {
    display: none
}

cite.result__title-url {
    text-align: left
}

label.me-2 {
    text-align: left !important;
    margin-bottom: 30px !important;
    --lineHeight: 1.250;
    --tabletFontSize: 28px;
    font-size: 22px;
    font-weight: 700
}

.banner__controls .slider-buttons__btn-icon.i-icon path {
    fill: #fff
}

.slider-controls .swiper-pagination-bullet-active:before {
    background-color: #fff
}

h4.newsflash-title a {
    font-size: 18px;
    text-decoration: none;
    font-weight: 500
}

h4.newsflash-title {
    margin-bottom: 10px
}

li.uk-parent [hidden] {
    display: block !important
}

.filter .radicalmart-categories.radicalmart-categories_accordion ul.uk-nav-default.uk-nav {
    height: auto;
    max-height: inherit;
    margin-bottom: 30px
}

ul.uk-nav-default.uk-nav li.uk-parent a {
    display: none
}

ul.uk-nav-default.uk-nav li.uk-parent ul li a {
    display: block
}

ul.uk-nav-default.uk-nav li a {
    line-height: 30px
}

a.logo__link img {
    width: 205px
}

.mcs-dialog .mcs-cities-provinces-countries-list .cities-list .title, .mcs-dialog .mcs-cities-provinces-countries-list .countries-list .title {
    display: block;
    top: 25px;
    font-size: 20px;
    line-height: 1;
    color: #333;
    z-index: 11111;
    position: sticky;
    text-align: left;
    padding-left: 35px;
    margin-bottom: 30px
}

.mobile-menu__actions span.actions__label {
    display: none
}

.bg-white.h-100.d-flex.justify-content-center.align-items-center.text-center.p-1 {
    border: 1px solid #e7e7e7
}

a.btn.btn-outline-secondary {
    border-radius: 0
}

a.btn.btn-outline-secondary.d-flex {
    border: 1px solid #e7e7e7;
    margin-top: 10px;
    display: block
}

.carousel-indicators img.mh-100.mw-100 {
    max-height: 45px !important
}

a.btn.btn-outline-secondary.d-flex:hover {
    background: none
}

span.btn.btn-info {
    background: #ddd;
    border: 0;
    width: 32px;
    height: 32px
}

span.carousel-control-next-icon, span.carousel-control-prev-icon {
    width: 25px;
    height: 25px
}

a.btn.btn-primary, a.btn.btn-outline-primary, span.btn.btn-primary.btn-success {
    padding: 0 15px
}

.toast-body .h2 {
    font-size: 18px;
    padding-bottom: 0;
    margin-bottom: 0
}

.toast-body hr {
    margin: 15px 0
}

.d-flex.justify-content-between a.btn.btn-sm.btn-outline-secondary {
    margin-top: 0;
    margin-bottom: 0
}

.small.d-flex.flex-wrap.justify-content-between {
    margin: 5px 0 0 0
}

div#radicalmartCartModule .h5 {
    margin-bottom: 10px
}

div#RadicalMart .col-md-9 {
    width: 100%
}

.mcs-module {
    width: auto
}

a.current-location:before {
    content: url(/images/map-point.svg) !important;
    margin: -1px 0 0 -23px;
    position: absolute
}

.mcs-module .current-location {
    border-bottom: none
}

.mcs-dialog .inner {
    height: auto
}

.mcs-dialog .inner {
    padding: 0 30px 30px
}

.aboutbgpic {
    background: url(/images/aboutpic1.jpg);
    background-size: cover;
    border-radius: 15px;
    min-height: 300px
}

.dostpic1 {
    background: url(/images/dostpic1.jpg);
    background-size: cover
}

.dostpic2 {
    background: url(/images/dostpic2.jpg);
    background-size: cover
}

.dostpic22 {
    background: url(/images/dostpic2.jpg);
    background-size: cover
}

.partnerbgpic {
    background: url(/images/partnerbgpic.jpg);
    background-size: cover;
    background-position: center
}

.dostpic1, .dostpic2, .dostpic22 {
    min-height: 300px;
    border-radius: 15px
}

.dostpic2 {
    display: none
}

.partnerbgpic {
    min-height: 300px;
    border-radius: 15px
}

dt.col-md-4.text-truncate {
    font-weight: 800
}

.card.card-body .h4.m-0 {
    text-align: center;
    font-size: 24px !important;
    font-weight: 700
}

form#login-form-16, .control-group, .com-users-registration__submit.control-group {
    max-width: 800px;
    margin: 0 auto
}

form#member-registration legend {
    display: none
}

span.text {
    font-size: 12px;
    font-style: italic;
    float: right;
    color: #e31235
}

label.required {
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px
}

button.com-users-registration__register {
    padding: 0 20px;
    margin-top: 20px
}

button.input-password-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--tertiary-bg);
    border: var(--border-width) solid #ced4da;
    border-radius: var(--border-radius);
    color: var(--body-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .6rem 1rem;
    text-align: center;
    white-space: nowrap
}

.personal-section-contacts.mb-5 h2.h3.mb-3 {
    font-size: 18px
}

form#personalForm button.btn.btn-primary {
    padding: 0 20px
}

button.btn.btn-outline-secondary.btn-sm {
    padding: 0;
    border: 0;
    height: auto;
    margin: 0 0 15px 0
}

button.btn.btn-success.btn-sm {
    padding: 0;
    border: 0;
    height: auto;
    margin: 0 0 15px 0
}

.product-card__additional-buttons {
    display: none
}

.mcs-cities-provinces-countries-list .ul > :before, .mcs-cities-provinces-countries-list ul:not([class]) > :before, .mcs-cities-provinces-countries-list ul:not([class]) > :before {
    display: none
}

.mcs-cities-provinces-countries-list .ul li {
    padding-left: 0
}

.mcs-module .current-location {
    color: #333
}

.mcs-dialog .mcs-cities-provinces-countries-list .cities-list .title, .mcs-dialog .mcs-cities-provinces-countries-list .countries-list .title {
    display: block;
    top: 0;
    font-size: 20px;
    line-height: 1;
    color: #333;
    z-index: 11111;
    position: sticky;
    text-align: left;
    padding-left: 35px;
    margin-bottom: 30px;
    background: #fff !important;
    padding: 25px 0 25px 35px
}

.mcs-cities-provinces-list .cities-list .title, .mcs-cities-provinces-list .provinces-list .title {
    display: block;
    top: 0;
    font-size: 20px;
    line-height: 1;
    color: #333;
    z-index: 11111;
    position: sticky;
    text-align: left;
    padding-left: 35px;
    margin-bottom: 30px;
    background: #fff !important;
    padding: 25px 0 25px 35px
}

.mcs-dialog .mcs-cities-provinces-countries-list .countries-list ul li.active a {
    font-weight: 600;
    color: var(--c-main)
}

.mcs-cities-provinces-list .cities-list ul li a, .mcs-cities-provinces-list .provinces-list ul li a {
    color: #000;
    display: block;
    padding: 10px 1em 10px 20px;
    font-size: 16px;
    text-decoration: none;
    font-weight: 400
}

.itemcategoryname:before {
    content: "Категория: ";
    text-transform: capitalize
}

.radicalmart-category__item ul.uk-thumbnav:before {
    content: "Производитель: ";
    text-transform: capitalize;
    float: left;
    margin-right: 5px
}

.itemproductname {
    margin: 10px 0;
    display: block
}

.radicalmart-category__item ul.uk-thumbnav {
    color: var(--c-gray-9);
    font-size: 14px
}

.menufooter1border {
    border-right: 1px solid var(--c-gray-7)
}

div#mod-custom157 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

div#mod-custom157 .ul > :before, div#mod-custom157 ul:not([class]) > :before {
    background-color: #fff !important;
    border-radius: 0;
    content: "";
    height: 0;
    left: 0;
    position: inherit;
    top: 0;
    width: 0
}

.com-content-article__body ol {
    padding-left: 11px
}

.com-content-article__body h4 {
    margin-bottom: 10px
}

.com-content-article__body h3 {
    margin-bottom: 10px;
    font-weight: 500
}

div#mod-custom157 ul li {
    padding: 0
}

li.itelegram a {
    background: #289fd9;
    width: 100px;
    height: 30px;
    display: block;
    border-radius: 15px
}

li.iwhatsapp a {
    background: #65bc54;
    width: 100px;
    height: 30px;
    display: block;
    border-radius: 15px
}

li.ionline a {
    background: #e31235;
    width: 100px;
    height: 30px;
    display: block;
    border-radius: 15px
}

div#mod-custom157 ul {
    display: flex
}

div#mod-custom157 ul a {
    text-decoration: none
}

div#mod-custom157 ul a {
    text-decoration: none;
    font-size: 22px;
    font-weight: 500;
    margin: 20px 10px;
    display: block
}

div#mod-custom157 ul img {
    max-height: 20px;
    margin: 0 auto
}

li.itelegram a {
    padding: 6px 0
}

li.iwhatsapp a {
    padding: 5px 0
}

li.ionline a {
    font-size: 16px !important;
    font-weight: 400 !important;
    text-align: center;
    padding: 4px 0;
    color: #fff
}

li.ionline a:hover {
    color: #ddd
}

a.news-card__titlea h2 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: block;
    display: -webkit-box;
    margin-bottom: 6px;
    overflow: hidden;
    font-size: 24px
}

a.news-card__titlea h3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: block;
    display: -webkit-box;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 16px
}

.radicalmart-category__item .uk-position-relative a {
    min-height: 206px;
    display: block;
    margin-bottom: 10px
}

img.uk-height-max-medium {
    min-height: 206px;
    margin: 0 auto;
    object-fit: cover
}

.container.catabloks {
    margin-bottom: 80px
}

.catabloksitem:nth-child(3n+1) .catablokstext {
    background-color: #eee;
    color: var(--c-black)
}

.catabloksitem:nth-child(3n+2) .catablokstext {
    background-color: #eee;
    color: var(--c-black)
}

.catabloksitem:nth-child(3n+2) .catablokstext a {
    color: var(--c-black)
}

.catabloksitem:nth-child(3n) .catablokstext {
    background-color: #eee;
    color: var(--c-black)
}

.catablokstext {
    border-radius: var(--borderRadius);
    padding: 25px 35px;
    font-size: 24px;
    font-weight: 600
}

.catabloksitem {
    display: flex
}

.catablokstext {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.catablokstext span a {
    color: var(--c-gray-9);
    font-size: 18px;
    text-decoration: none;
    font-weight: 400
}

.catablokstext {
    min-height: 235px
}

.catablokstext h3 {
    margin-bottom: 20px
}

.catablokstext {
    display: flex;
    align-items: center;
    justify-content: center
}

.catablokstext .row {
    width: 100%
}

.catabloksitem:nth-child(1) .catablokstext {
    background-image: url(/images/catitem1.png);
    background-repeat: no-repeat;
    background-size: contain
}

.catabloksitem:nth-child(2) .catablokstext {
    background-image: url(/images/catitem2.png);
    background-repeat: no-repeat;
    background-size: contain
}

.catabloksitem:nth-child(3) .catablokstext {
    background-image: url(/images/catitem3.png);
    background-repeat: no-repeat;
    background-size: contain
}

.catabloksitem:nth-child(4) .catablokstext {
    background-image: url(/images/catitem4.png);
    background-repeat: no-repeat;
    background-size: contain
}

.aboutitems:nth-child(1) .catablokstext {
    background-image: url(/images/aboutitem1.jpg)
}

.aboutitems:nth-child(2) .catablokstext {
    background-image: url(/images/aboutitem2.jpg)
}

.aboutitems:nth-child(3) .catablokstext {
    background-image: url(/images/aboutitem3.jpg)
}

.aboutitems:nth-child(4) .catablokstext {
    background-image: url(/images/aboutitem4.jpg)
}

.aboutitems:nth-child(5) .catablokstext {
    background-image: url(/images/aboutitem5.jpg);
    background-repeat: no-repeat;
    background-size: contain
}

.catabloksitem {
    transition: 0.2s
}

.catabloksitem:hover {
    transition: 0.2s
}

.col-md-6.catabloksitem a {
    width: 100%;
    text-decoration: none
}

.catablokstext h3 {
    margin-bottom: 20px;
    font-weight: 600
}

.catablokstext span {
    font-weight: 400;
    font-size: 14px
}

.col-md-6.catabloksitem a:hover {
    filter: var(--filterShadow)
}

.col-md-6.catabloksitem a:hover h3 {
    opacity: .9;
    transition: 0.2s
}

.col-md-6.catabloksitem a:hover span {
    opacity: .7;
    transition: 0.2s
}

.col-md-6.catabloksitem a h3 {
    transition: 0.2s
}

.col-md-6.catabloksitem a span {
    transition: 0.2s
}

section.product-sliders.section {
    background: #eee;
    padding: 35px 0 80px 0
}

.com-content-article__body li {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0
}

.catablokstext svg.link__icon.icon-arrow-right {
    margin-left: 7px;
    transition: 0.1s
}

.catabloksitem:hover svg.link__icon.icon-arrow-right {
    color: var(--c-main);
    transition: 0.1s
}

.catablokstext h4 {
    font-size: 16px !important;
    margin-bottom: 20px
}

.servitems:nth-child(1) .catablokstext {
    background-image: url(/images/servitem1.jpg);
    background-repeat: no-repeat;
    background-size: contain
}

.servitems:nth-child(2) .catablokstext {
    background-image: url(/images/servitem2.jpg);
    background-repeat: no-repeat;
    background-size: contain
}

#advantage {
    margin-bottom: 0;
    display: flex;
    margin-left: -1%;
    margin-right: -1%
}

#advantage > div {
    display: inline-block;
    width: 23%;
    margin: 0 1%;
    text-align: center;
    padding: 30px 30px;
    border-radius: 20px;
    background: #eee;
    color: var(--c-black)
}

#advantage > div > p {
    text-align: center;
    font-weight: 700;
    color: var(--c-main);
    font-size: 30px;
    line-height: 25px
}

#advantage > div > p > span {
    font-size: 46px;
    line-height: 50px
}

#advantage > div > span {
    font-style: normal;
    font-size: 1.2rem
}

div#mod-custom160 {
    padding: 80px 0
}

.header__categories.header__top-inner {
    display: block
}

header.header .header__top ul.header__categories-list {
    opacity: 0;
    transition: 0.1s
}

header.header.is-scrolled .header__top ul.header__categories-list {
    opacity: 1;
    transition: 0.1s
}

.menutoptwo {
    border-bottom: var(--border);
    padding: 10px 0
}

.menutoptwo {
    padding: 10px 0;
    background-color: var(--c-black)
}

.menutoptwo a.nav__link {
    color: #fff;
    font-weight: 500
}

@media screen and (max-device-width: 800px) {
    #advantage {
        flex-wrap: wrap
    }

    #advantage > div {
        width: 48%;
        margin-bottom: 15px
    }
}

@media screen and (max-device-width: 480px) {
    #advantage > div {
        width: 100%;
        margin: 0 0 20px 0;
        height: auto;
        opacity: 1
    }

    #advantage > div:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 1500px) {
    .catabloksitem .catablokstext {
        background-position-x: -66px
    }

    a.logo__link img {
        max-width: 155px
    }
}

@media (max-width: 1382px) {
    .banner__slider {
        min-height: 444px
    }
}

@media (max-width: 1260px) {
    .col-md-6.catabloksitem {
        width: 100%
    }

    .catablokstext .col-md-6 {
        width: 50%
    }

    .catablokstext {
        min-height: 200px
    }
}

@media (max-width: 1000px) {
    .banner__slider {
        min-height: 370px
    }

    .catabloksitem .catablokstext {
        background-position-x: 0
    }

    .catabloksitem .catablokstext {
        background-size: cover
    }

    .catablokstext .col-md-6:nth-child(2) {
        background: #fff;
        padding: 20px 20px
    }

    .catablokstext {
        padding: 0;
        margin: 0
    }

    .dostpic2 {
        display: block
    }

    .aboutbgpic {
        margin-top: 10px
    }

    .dostpic1, .dostpic22 {
        margin-top: 10px
    }

    .dostpic2 {
        display: none
    }

    .subcategory__filter {
        display: none
    }

    dl.product-main-fields.row {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        width: 100%;
        display: block
    }

    dl.product-main-fields.row {
        margin-bottom: 20px
    }
}

@media (max-width: 768px) {
    .hero__popular ~ .hero__banner {
        margin-bottom: 0
    }

    .banner__slider {
        min-height: auto !important
    }

    .banner__item {
        max-height: 300px;
        min-height: 300px
    }
}

@media (max-width: 630px) {
    .banner__item {
        max-height: 170px;
        min-height: 170px
    }
}

@media (max-width: 560px) {
    .catablokstext .col-md-6 {
        width: 100%
    }

    .catabloksitem .catablokstext .col-md-6:nth-child(1) {
        min-height: 250px
    }
}

@media (max-width: 360px) {
    .banner__item {
        max-height: 150px;
        min-height: 150px
    }
}

joomla-tab#myTab button {
    display: none;
    border: 0
}

joomla-tab > joomla-tab-element {
    background-color: #fff;
    border: 0 solid #ccc;
    border-radius: 0;
    padding: 0;
    position: relative;
    box-shadow: 0
}

joomla-tab[view=tabs] > div[role=tablist] {
    background-color: #fff;
    border: 0 solid #fff;
    overflow: auto hidden;
    box-shadow: inset 0 1px #fff, 0 2px 3px -3px #00000026, inset 0 -4px #0000000d, 0 0 3px #0000000a
}

@media (max-width: 1050px) {
    ul.header__categories-list {
        display: none
    }

    .header__contacts {
        display: block
    }

    .header__contacts-link:not(:last-child) {
        margin-right: min(2.08vw, 40px)
    }
}

body {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll !important
}

@media (max-width: 768px) {
    .hero__inner {
        min-height: auto
    }
}

.popular--products .popular__item [data-js-product-card], .popular--products .popular__item .card {
    width: 100%;
    height: 100%;
    background-color: var(--c-white);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    border: none
}

.popular--products .popular__list {
    align-items: stretch
}

.popular--products .popular__item {
    display: flex;
    height: auto;
    box-sizing: border-box
}

.popular--products .popular__item > .product-card {
    display: flex;
    width: 100%;
    height: 100%
}

.popular--products .popular__item .card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 0 !important;
    border: 1px solid #e3e7ec;
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease
}

.popular--products .popular__item .card:hover {
    border-color: #d7dce3;
    box-shadow: 0 10px 30px rgb(0 0 0 / .08);
    transform: translateY(-2px)
}

.popular--products .popular__item .card > .row {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    margin: 0;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0
}

.popular--products .popular__item .col-md-3.position-relative, .popular--products .popular__item .col.d-flex.flex-column {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto
}

.popular--products .popular__item .col-md-3.position-relative {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 18px 14px;
    background: #f8fafc;
    border-bottom: 1px solid #edf0f3;
    min-height: 220px
}

.popular--products .popular__item .col-md-3.position-relative > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 180px;
    background: transparent !important;
    padding: 0 !important;
    text-decoration: none
}

.popular--products .popular__item .col-md-3.position-relative img {
    display: block;
    max-width: 100%;
    max-height: 180px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 auto
}

.popular--products .popular__item .col.d-flex.flex-column {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    min-width: 0
}

.popular--products .popular__item .card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 16px 18px 14px;
    min-width: 0
}

.popular--products .popular__item .card-title {
    margin-bottom: 0 !important
}

.popular--products .popular__item .card-title > div:first-child {
    margin-bottom: 8px
}

.popular--products .popular__item .card-title > div:first-child a {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    color: #7b8794 !important;
    text-decoration: none;
    white-space: normal !important;
    overflow: hidden
}

.popular--products .popular__item .card-title > div:last-child a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 18px !important;
    line-height: 1.22 !important;
    font-weight: 600;
    color: #24364b !important;
    text-decoration: none !important;
    word-break: break-word;
    overflow-wrap: anywhere
}

.popular--products .popular__item .card-title > div:last-child a:hover {
    color: #d90429 !important
}

.popular--products .popular__item .card-text {
    margin-top: 10px;
    margin-bottom: 0 !important;
    color: #5b6472;
    font-size: 14px;
    line-height: 1.45
}

.popular--products .popular__item .card-footer {
    margin-top: auto;
    padding: 14px 18px 18px;
    background: #fff;
    border-top: 1px solid #edf0f3
}

.popular--products .popular__item .card-footer > .d-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px
}

.popular--products .popular__item .card-footer .h6 {
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    color: #1f2f44;
    margin: 0 !important;
    white-space: nowrap
}

.popular--products .popular__item [radicalmart-cart="product"] {
    display: flex;
    align-items: center
}

.popular--products .popular__item button[radicalmart-cart="add"] {
    min-height: 44px;
    padding: 10px 18px;
    border: 2px solid #e30613 !important;
    border-radius: 10px;
    background: #fff !important;
    color: #e30613 !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: none !important;
    transition: all .2s ease;
    white-space: nowrap
}

.popular--products .popular__item button[radicalmart-cart="add"]:hover {
    background: #e30613 !important;
    color: #fff !important
}

.popular--products .popular__item button[radicalmart-cart="add"]:focus, .popular--products .popular__item button[radicalmart-cart="add"]:active {
    box-shadow: none !important
}

@media (max-width: 360px) {
    .popular--products .popular__item .card-body {
        padding: 14px 16px 12px
    }

    .popular--products .popular__item .card-footer {
        padding: 12px 16px 16px
    }

    .popular--products .popular__item .card-title > div:last-child a {
        font-size: 17px !important
    }

    .popular--products .popular__item .card-footer .h6 {
        font-size: 24px
    }

    .popular--products .popular__item .card-footer > .d-flex {
        flex-direction: column;
        align-items: stretch !important
    }

    .popular--products .popular__item [radicalmart-cart="product"] {
        width: 100%
    }

    .popular--products .popular__item button[radicalmart-cart="add"] {
        width: 100%;
        justify-content: center
    }
}

#RadicalMart.checkout {
    --rm-accent: #e31235;
    --rm-accent-dark: #e31235;
    --rm-accent-soft: #e31235;
    --rm-border: #e6ebf0;
    --rm-border-strong: #d7dee6;
    --rm-text: #17212b;
    --rm-muted: #000;
    --rm-bg: #f6f8fb;
    --rm-card: #ffffff;
    --rm-danger: #dc3545;
    --rm-radius: 20px;
    --rm-radius-sm: 14px;
    --rm-shadow: 0 14px 36px rgba(23, 33, 43, .08);
    color: var(--rm-text)
}

#RadicalMart.checkout > .h2, #RadicalMart.checkout h1.h2 {
    margin: 0 0 24px;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--rm-text)
}

#checkoutForm > .row {
    align-items: flex-start;
    gap: 24px 0
}

#checkoutForm > .row > .col {
    min-width: 0
}

#checkoutForm > .row > .col-md-3 {
    width: 360px;
    flex: 0 0 360px
}

#RadicalMart.checkout .card {
    border: 1px solid var(--rm-border);
    border-radius: var(--rm-radius);
    background: var(--rm-card);
    box-shadow: var(--rm-shadow);
    overflow: hidden
}

#RadicalMart.checkout .card + .card, #RadicalMart.checkout .mb-3.card {
    margin-bottom: 22px !important
}

#RadicalMart.checkout .card-header {
    padding: 22px 24px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
    border-bottom: 1px solid var(--rm-border)
}

#RadicalMart.checkout .card-header .h4, #RadicalMart.checkout .card-header .h5, #RadicalMart.checkout .card-header h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: -.02em;
    color: var(--rm-text)
}

#RadicalMart.checkout .card-header .text-muted {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--rm-accent-soft);
    color: #fff !important;
    font-size: 14px;
    font-weight: 800
}

#RadicalMart.checkout .card-body {
    padding: 24px
}

#RadicalMart.checkout .card-footer {
    padding: 22px 24px 24px;
    border-top: 1px solid var(--rm-border);
    background: #fff
}

#checkout_contacts .card-body {
    padding-top: 20px
}

.rm-buyer-tabs {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 22px;
    padding: 6px;
    border: 1px solid var(--rm-border);
    border-radius: 18px;
    background: var(--rm-bg)
}

.rm-buyer-tab {
    position: relative;
    min-height: 52px;
    padding: 12px 14px;
    border: 0;
    border-radius: 14px;
    background: #fff0;
    color: var(--rm-muted);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease
}

.rm-buyer-tab:hover {
    color: var(--rm-text);
    background: rgb(255 255 255 / .7)
}

.rm-buyer-tab.is-active {
    color: #fff;
    background: linear-gradient(135deg, var(--rm-accent), var(--rm-accent-dark));
    box-shadow: 0 0 5px #e31235
}

.rm-buyer-tab:active {
    transform: translateY(1px)
}

#checkout_contacts .row.row-cols-md-2 {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0
}

#checkout_contacts .control-group {
    width: 100%;
    margin: 0;
    padding: 0
}

#checkout_contacts .control-group.rm-hidden-field {
    display: none !important
}

#checkout_contacts .control-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important
}

span.rm-order-summary__safe-icon img {
    width: 22px
}

#RadicalMart.checkout .form-control, #RadicalMart.checkout input[type="text"], #RadicalMart.checkout input[type="email"], #RadicalMart.checkout input[type="tel"] {
    width: 100%;
    min-height: 54px;
    padding: 15px 16px;
    border: 1px solid var(--rm-border-strong);
    border-radius: 14px;
    color: var(--rm-text);
    font-size: 16px;
    line-height: 1.2;
    box-shadow: none;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease
}

#RadicalMart.checkout .form-control::placeholder {
    color: #9aa5b1;
    opacity: 1
}

#RadicalMart.checkout .form-control:hover {
    border-color: #c7d1dc
}

#RadicalMart.checkout .form-control:focus {
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 4px var(--rm-accent-soft)
}

#RadicalMart.checkout .form-control.invalid, #RadicalMart.checkout .form-control-danger, #RadicalMart.checkout .has-danger .form-control {
    border-color: var(--rm-danger) !important
}

#RadicalMart.checkout .form-control.invalid:focus, #RadicalMart.checkout .form-control-danger:focus, #RadicalMart.checkout .has-danger .form-control:focus {
    box-shadow: 0 0 0 4px rgb(220 53 69 / .12)
}

#RadicalMart.checkout .form-control-feedback, #RadicalMart.checkout .star {
    display: none !important
}

.rm-buyer-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.rm-buyer-tab__icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-image: var(--rm-tab-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .58;
    transition: opacity .2s ease, filter .2s ease
}

.rm-buyer-tab:hover .rm-buyer-tab__icon {
    opacity: .85
}

.rm-buyer-tab.is-active .rm-buyer-tab__icon {
    opacity: 1;
    filter: brightness(0) invert(1)
}

.rm-buyer-tab__text {
    display: inline-block
}

#checkout_contacts .form-control.rm-field-has-icon {
    padding-left: 50px !important;
    background-image: var(--rm-field-icon);
    background-repeat: no-repeat;
    background-position: 18px 50%;
    background-size: 20px 20px
}

#checkout_contacts .form-control.rm-field-has-icon:focus {
    background-image: var(--rm-field-icon)
}

#checkout_contacts .form-control.rm-field-has-icon::placeholder {
    color: #98a2b3
}

#checkout_shipping .row.row-cols-md-3 > .mb-3, #checkout_payment .row.row-cols-md-3 > .mb-3 {
    margin: 0 !important
}

#RadicalMart.checkout .btn-check + .btn.btn-secondary {
    position: relative;
    display: flex !important;
    min-height: 125px;
    padding: 18px 14px;
    border: 1px solid var(--rm-border);
    border-radius: 18px;
    background: #fff;
    color: var(--rm-text);
    box-shadow: none;
    text-align: center;
    white-space: normal;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease
}

#RadicalMart.checkout .btn-check + .btn.btn-secondary:hover {
    border-color: #e31235;
    box-shadow: 0 12px 26px rgb(23 33 43 / .08);
    transform: translateY(-2px)
}

#RadicalMart.checkout .btn-check:checked + .btn.btn-secondary {
    border-color: var(--rm-accent);
    background: linear-gradient(180deg, #ffffff 0%, #f3fbf7 100%);
    box-shadow: 0 5px 10px #e31235
}

#RadicalMart.checkout .btn-check:checked + .btn.btn-secondary::after {
    content: "✓";
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--rm-accent);
    color: #fff;
    font-size: 15px;
    font-weight: 900
}

#RadicalMart.checkout .btn-check + .btn.btn-secondary img {
    width: auto !important;
    height: 58px !important;
    margin-bottom: 12px;
    object-fit: contain
}

#RadicalMart.checkout .btn-check + .btn.btn-secondary .m-0 {
    margin: 0 0 6px !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2
}

#RadicalMart.checkout .btn-check + .btn.btn-secondary .small {
    font-size: 13px;
    line-height: 1.35;
    color: var(--rm-muted) !important;
    font-weight: 400
}

#checkoutForm > .row > .col-md-3 > .card {
    position: sticky;
    top: 18px
}

#checkoutForm > .row > .col-md-3 .card {
    box-shadow: 0 18px 42px rgb(23 33 43 / .10)
}

#checkoutForm > .row > .col-md-3 .card-body {
    padding: 18px 20px
}

#checkoutForm > .row > .col-md-3 .row.mb-1 {
    padding: 12px 0;
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--rm-border)
}

#checkoutForm > .row > .col-md-3 .row.mb-1:last-child {
    border-bottom: 0
}

#checkoutForm > .row > .col-md-3 .small {
    font-size: 13px;
    line-height: 1.35
}

#checkoutForm > .row > .col-md-3 .text-muted.small {
    color: var(--rm-muted) !important
}

#checkoutForm > .row > .col-md-3 .card-footer .row.mb-2 {
    align-items: center;
    margin-bottom: 16px !important
}

#checkoutForm > .row > .col-md-3 [radicalmart-checkout-display="total.final_string"] {
    font-size: 24px;
    font-weight: 900;
    color: var(--rm-text)
}

#RadicalMart.checkout button[radicalmart-checkout="submit-button"] {
    min-height: 56px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--rm-accent), var(--rm-accent-dark));
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease
}

#RadicalMart.checkout button[radicalmart-checkout="submit-button"]:hover {
    filter: brightness(1.03);
    box-shadow: 0 0 5px #e31235
}

#RadicalMart.checkout button[radicalmart-checkout="submit-button"]:active {
    transform: translateY(1px)
}

#checkout_shipping_loading, #checkout_payment_loading {
    z-index: 10;
    border-radius: var(--rm-radius);
    overflow: hidden
}

@media (max-width: 1199.98px) {
    #checkoutForm > .row > .col-md-3 {
        width: 320px;
        flex-basis: 320px
    }
}

@media (max-width: 991.98px) {
    #checkoutForm > .row {
        display: block
    }

    #checkoutForm > .row > .col, #checkoutForm > .row > .col-md-3 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    #checkoutForm > .row > .col-md-3 > .card {
        position: static;
        margin-top: 22px
    }

    #checkout_shipping .row.row-cols-md-3, #checkout_payment .row.row-cols-md-3 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 767.98px) {
    #RadicalMart.checkout h1.h2 {
        margin-bottom: 18px
    }

    #RadicalMart.checkout .card-header, #RadicalMart.checkout .card-body, #RadicalMart.checkout .card-footer {
        padding: 18px
    }

    .rm-buyer-tab {
        min-height: 48px
    }

    #checkout_contacts .row.row-cols-md-2 {
        grid-template-columns:1fr;
        gap: 12px
    }

    #checkout_shipping .row.row-cols-md-3, #checkout_payment .row.row-cols-md-3 {
        grid-template-columns:1fr
    }

    #RadicalMart.checkout .btn-check + .btn.btn-secondary {
        min-height: 132px;
        padding: 16px
    }

    #RadicalMart.checkout .btn-check + .btn.btn-secondary img {
        height: 48px !important
    }
}

#checkout_shipping .btn-check + .btn.btn-secondary, #checkout_payment .btn-check + .btn.btn-secondary {
    min-height: 138px;
    padding: 22px 24px;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left
}

#checkout_shipping .btn-check + .btn.btn-secondary > div, #checkout_payment .btn-check + .btn.btn-secondary > div {
    display: grid;
    grid-template-columns:74px minmax(0, 1fr);
    grid-template-rows:auto auto;
    column-gap: 18px;
    row-gap: 6px;
    align-items: center;
    width: 100%
}

#checkout_shipping .btn-check + .btn.btn-secondary .text-center, #checkout_payment .btn-check + .btn.btn-secondary .text-center {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin: 0 !important;
    border-radius: 18px;
    background: #f7f9fb
}

#checkout_shipping .btn-check + .btn.btn-secondary img, #checkout_payment .btn-check + .btn.btn-secondary img {
    width: auto !important;
    height: 54px !important;
    max-width: 58px;
    margin: 0 !important;
    object-fit: contain
}

#checkout_shipping .btn-check + .btn.btn-secondary .m-0, #checkout_payment .btn-check + .btn.btn-secondary .m-0 {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
    color: #101828;
    text-align: left
}

#checkout_shipping .btn-check + .btn.btn-secondary .small, #checkout_payment .btn-check + .btn.btn-secondary .small {
    grid-column: 2;
    grid-row: 2;
    margin: 0 !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    color: #475467 !important;
    text-align: left
}

#checkout_shipping .btn-check:checked + .btn.btn-secondary, #checkout_payment .btn-check:checked + .btn.btn-secondary {
    background: linear-gradient(180deg, #fff 0%, #fff7f8 100%)
}

#checkout_shipping .btn-check:checked + .btn.btn-secondary .text-center, #checkout_payment .btn-check:checked + .btn.btn-secondary .text-center {
    background: rgb(227 18 53 / .08)
}

#checkout_shipping .btn-check:checked + .btn.btn-secondary::after, #checkout_payment .btn-check:checked + .btn.btn-secondary::after {
    top: 14px;
    right: 14px
}

@media (max-width: 991.98px) {
    #checkout_shipping .row.row-cols-md-3, #checkout_payment .row.row-cols-md-3 {
        grid-template-columns:1fr
    }

    #checkout_shipping .btn-check + .btn.btn-secondary, #checkout_payment .btn-check + .btn.btn-secondary {
        min-height: 118px
    }

    #checkout_shipping .row.row-cols-md-3 > .mb-3, #checkout_payment .row.row-cols-md-3 > .mb-3 {
        margin-bottom: 10px !important
    }
}

@media (max-width: 575.98px) {
    #checkout_shipping .btn-check + .btn.btn-secondary, #checkout_payment .btn-check + .btn.btn-secondary {
        min-height: 112px;
        padding: 18px 16px
    }

    #checkout_shipping .btn-check + .btn.btn-secondary > div, #checkout_payment .btn-check + .btn.btn-secondary > div {
        grid-template-columns:58px minmax(0, 1fr);
        column-gap: 14px
    }

    #checkout_shipping .btn-check + .btn.btn-secondary .text-center, #checkout_payment .btn-check + .btn.btn-secondary .text-center {
        width: 58px;
        height: 58px;
        border-radius: 14px
    }

    #checkout_shipping .btn-check + .btn.btn-secondary img, #checkout_payment .btn-check + .btn.btn-secondary img {
        height: 42px !important;
        max-width: 46px
    }

    #checkout_shipping .btn-check + .btn.btn-secondary .m-0, #checkout_payment .btn-check + .btn.btn-secondary .m-0 {
        font-size: 15px
    }

    #checkout_shipping .btn-check + .btn.btn-secondary .small, #checkout_payment .btn-check + .btn.btn-secondary .small {
        font-size: 12px
    }
}

#checkoutForm > .row > .col-md-3 > .card {
    overflow: hidden
}

#checkoutForm > .row > .col-md-3 .rm-order-summary__header {
    padding: 22px 24px 16px
}

#checkoutForm > .row > .col-md-3 .rm-order-summary__title {
    margin: 0;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -.02em;
    color: #101828
}

#checkoutForm > .row > .col-md-3 .rm-order-summary__products {
    padding: 12px 18px 8px
}

#checkoutForm > .row > .col-md-3 .rm-order-product {
    display: grid;
    grid-template-columns:58px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 12px 0;
    border-bottom: 1px solid var(--rm-border, #e6ebf0)
}

#checkoutForm > .row > .col-md-3 .rm-order-product:last-child {
    border-bottom: 0
}

#checkoutForm > .row > .col-md-3 .rm-order-product__image {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #eef2f6;
    text-decoration: none;
    overflow: hidden
}

#checkoutForm > .row > .col-md-3 .rm-order-product__img, #checkoutForm > .row > .col-md-3 .rm-order-product__image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

#checkoutForm > .row > .col-md-3 .rm-order-product__content {
    min-width: 0
}

#checkoutForm > .row > .col-md-3 .rm-order-product__name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #101828;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.35
}

#checkoutForm > .row > .col-md-3 .rm-order-product__name:hover {
    color: var(--rm-accent, #e31235)
}

#checkoutForm > .row > .col-md-3 .rm-order-product__meta {
    margin-top: 5px;
    color: #667085;
    font-size: 12px;
    line-height: 1.25
}

#checkoutForm > .row > .col-md-3 .rm-order-product__price {
    color: #101828;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
    text-align: right
}

#checkoutForm > .row > .col-md-3 .rm-order-summary__divider {
    border-color: var(--rm-border, #e6ebf0);
    opacity: 1
}

#checkoutForm > .row > .col-md-3 .rm-order-summary__info, #checkoutForm > .row > .col-md-3 .rm-order-summary__totals {
    padding: 16px 24px
}

#checkoutForm > .row > .col-md-3 .rm-order-line, #checkoutForm > .row > .col-md-3 .rm-order-total-line {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px
}

#checkoutForm > .row > .col-md-3 .rm-order-line:last-child, #checkoutForm > .row > .col-md-3 .rm-order-total-line:last-child {
    margin-bottom: 0
}

#checkoutForm > .row > .col-md-3 .rm-order-line__label, #checkoutForm > .row > .col-md-3 .rm-order-total-line__label {
    color: #667085;
    font-size: 13px;
    line-height: 1.3
}

#checkoutForm > .row > .col-md-3 .rm-order-line__value, #checkoutForm > .row > .col-md-3 .rm-order-total-line__value {
    color: #101828;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-align: right
}

#checkoutForm > .row > .col-md-3 .rm-order-line__title {
    color: #344054;
    font-size: 13px;
    font-weight: 500
}

#checkoutForm > .row > .col-md-3 .rm-order-line__price {
    margin-top: 3px;
    color: #101828;
    font-weight: 800
}

#checkoutForm > .row > .col-md-3 .rm-order-total-line__value--discount {
    color: var(--rm-accent, #e31235)
}

#checkoutForm > .row > .col-md-3 .rm-order-summary__footer {
    padding: 20px 24px 24px;
    background: #fff
}

#checkoutForm > .row > .col-md-3 .rm-order-grand-total {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px
}

#checkoutForm > .row > .col-md-3 .rm-order-grand-total__label {
    color: #667085;
    font-size: 16px;
    line-height: 1.2
}

#checkoutForm > .row > .col-md-3 .rm-order-grand-total__value {
    color: #101828;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
    white-space: nowrap
}

#checkoutForm > .row > .col-md-3 .rm-order-summary__submit {
    margin-top: 14px
}

#checkoutForm > .row > .col-md-3 .rm-order-summary__safe {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 18px;
    color: #667085;
    font-size: 12.5px;
    line-height: 1.35
}

#checkoutForm > .row > .col-md-3 .rm-order-summary__safe-icon {
    flex: 0 0 auto;
    line-height: 1.2
}

@media (max-width: 991.98px) {
    #checkoutForm > .row > .col-md-3 .rm-order-product {
        grid-template-columns:64px minmax(0, 1fr) auto
    }

    #checkoutForm > .row > .col-md-3 .rm-order-product__image {
        width: 64px;
        height: 64px
    }
}

@media (max-width: 575.98px) {
    #checkoutForm > .row > .col-md-3 .rm-order-summary__header, #checkoutForm > .row > .col-md-3 .rm-order-summary__info, #checkoutForm > .row > .col-md-3 .rm-order-summary__totals, #checkoutForm > .row > .col-md-3 .rm-order-summary__footer {
        padding-left: 18px;
        padding-right: 18px
    }

    #checkoutForm > .row > .col-md-3 .rm-order-summary__products {
        padding-left: 18px;
        padding-right: 18px
    }

    #checkoutForm > .row > .col-md-3 .rm-order-product {
        grid-template-columns:56px minmax(0, 1fr);
        gap: 12px
    }

    #checkoutForm > .row > .col-md-3 .rm-order-product__image {
        width: 56px;
        height: 56px
    }

    #checkoutForm > .row > .col-md-3 .rm-order-product__price {
        grid-column: 2;
        text-align: left;
        margin-top: -2px
    }
}

#checkout_contacts .rm-checkout-consents {
    display: grid;
    gap: 12px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--rm-border, #e6ebf0)
}

#checkout_contacts .rm-consent-switch {
    position: relative;
    display: grid;
    grid-template-columns:auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin: 0;
    padding: 5px 10px;
    border: 1px solid var(--rm-border, #e6ebf0);
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease
}

#checkout_contacts .rm-consent-switch:hover {
    border-color: #cfd8e3;
    box-shadow: 0 8px 18px rgb(16 24 40 / .05)
}

#checkout_contacts .rm-consent-switch__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap
}

#checkout_contacts .rm-consent-switch__control {
    position: relative;
    display: flex;
    align-items: center;
    width: 70px;
    height: 34px;
    padding: 3px;
    border-radius: 999px;
    background: #eef1f5;
    box-shadow: inset 0 0 0 1px #d8dee8;
    transition: background .22s ease, box-shadow .22s ease
}

#checkout_contacts .rm-consent-switch__knob {
    position: relative;
    z-index: 2;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgb(16 24 40 / .20);
    transform: translateX(0);
    transition: transform .22s ease
}

#checkout_contacts .rm-consent-switch__state {
    position: absolute;
    left: 38px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #667085;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    transition: color .22s ease, left .22s ease, right .22s ease
}

#checkout_contacts .rm-consent-switch__state::before {
    content: "Нет"
}

#checkout_contacts .rm-consent-switch__input:checked + .rm-consent-switch__control {
    background: #16a34a;
    box-shadow: inset 0 0 0 1px #16a34a
}

#checkout_contacts .rm-consent-switch__input:checked + .rm-consent-switch__control .rm-consent-switch__knob {
    transform: translateX(35px)
}

#checkout_contacts .rm-consent-switch__input:checked + .rm-consent-switch__control .rm-consent-switch__state {
    left: 12px;
    right: 42px;
    color: #fff
}

#checkout_contacts .rm-consent-switch__input:checked + .rm-consent-switch__control .rm-consent-switch__state::before {
    content: "Да"
}

#checkout_contacts .rm-consent-switch__input:focus-visible + .rm-consent-switch__control {
    outline: 3px solid rgb(227 18 53 / .18);
    outline-offset: 3px
}

label.rm-consent-switch.has-danger span.rm-consent-switch__control {
    box-shadow: inset 0 0 0 1px #e31235, 0 0 0 3px rgb(227 18 53 / .10) !important
}

#checkout_contacts .rm-consent-switch__text {
    color: #344054;
    font-size: 13px;
    line-height: 1.35
}

#checkout_contacts .rm-consent-switch__text a {
    color: var(--rm-accent, #e31235);
    text-decoration: underline;
    text-underline-offset: 3px
}

@media (max-width: 575.98px) {
    #checkout_contacts .rm-consent-switch {
        grid-template-columns:1fr;
        gap: 9px;
        align-items: flex-start
    }

    #checkout_contacts .rm-consent-switch__control {
        width: 70px
    }

    #checkout_contacts .rm-consent-switch__input:checked + .rm-consent-switch__control .rm-consent-switch__knob {
        transform: translateX(36px)
    }
}

#checkout_contacts .control-group.rm-field-with-icon .controls {
    position: relative
}

#checkout_contacts .control-group.rm-field-with-icon .controls::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-image: var(--rm-field-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 2;
    pointer-events: none
}

#checkout_contacts .control-group.rm-field-with-icon .form-control, #checkout_contacts .form-control.rm-field-has-icon {
    padding-left: 50px !important
}

#checkout_contacts .form-control.rm-field-has-icon {
    background-image: none !important;
    background-repeat: no-repeat !important
}

#checkout_contacts input.form-control, #checkout_contacts textarea.form-control {
    background-color: #fff !important
}

#checkout_contacts input.form-control:-webkit-autofill, #checkout_contacts input.form-control:-webkit-autofill:hover, #checkout_contacts input.form-control:-webkit-autofill:focus, #checkout_contacts input.form-control:-webkit-autofill:active {
    -webkit-text-fill-color: #17212b !important;
    caret-color: #17212b !important;
    background-color: #fff !important;
    background-image: none !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    border-color: var(--rm-border-strong, #d7dee6) !important;
    transition: background-color 999999s ease-in-out 0s !important
}

#checkout_contacts input.form-control:-moz-autofill {
    box-shadow: 0 0 0 1000px #fff inset !important;
    -moz-text-fill-color: #17212b !important;
    caret-color: #17212b !important
}

#checkout_contacts input.form-control.rm-field-has-icon:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset, 0 0 0 4px rgb(227 18 53 / .12) !important;
    box-shadow: 0 0 0 1000px #fff inset, 0 0 0 4px rgb(227 18 53 / .12) !important;
    border-color: var(--rm-accent, #e31235) !important
}

.rm-done-page * {
    box-sizing: border-box
}

.rm-done-wrap {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 16px
}

.rm-done-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns:minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 26px;
    padding: 34px;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 18px 48px rgb(21 31 46 / .08)
}

.rm-done-main {
    position: relative;
    z-index: 2
}

.rm-done-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #eefaf3;
    border: 1px solid #ccefd9;
    color: #1f9d55;
    box-shadow: 0 10px 24px rgb(31 157 85 / .12)
}

.rm-done-badge svg {
    display: block;
    width: 34px;
    height: 34px
}

.rm-done-eyebrow {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #e6083b
}

.rm-done-title {
    margin: 0 0 14px;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;
    color: #202733
}

.rm-done-text {
    max-width: 690px;
    margin: 0;
    font-size: 16px;
    line-height: 1.65;
    color: #59616d
}

.rm-done-order {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #f8f9fb;
    border: 1px solid #e8ecf1;
    font-size: 14px;
    line-height: 1.4;
    color: #59616d
}

.rm-done-order strong {
    color: #202733
}

.rm-done-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px
}

.rm-done-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 22px;
    border-radius: 999px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none !important;
    transition: .2s ease;
    cursor: pointer
}

.rm-done-btn--primary {
    background: #e6083b;
    border: 1px solid #e6083b;
    color: #fff !important;
    box-shadow: 0 10px 24px rgb(230 8 59 / .22)
}

.rm-done-btn--primary:hover {
    background: #d00636;
    border-color: #d00636;
    color: #fff !important;
    transform: translateY(-1px)
}

.rm-done-btn--dark {
    background: #22272f;
    border: 1px solid #22272f;
    color: #fff !important
}

.rm-done-btn--dark:hover {
    background: #171b21;
    border-color: #171b21;
    color: #fff !important;
    transform: translateY(-1px)
}

.rm-done-btn--light {
    background: #fff;
    border: 1px solid #dfe5ec;
    color: #202733 !important
}

.rm-done-btn--light:hover {
    border-color: #e6083b;
    color: #e6083b !important;
    transform: translateY(-1px)
}

.rm-done-side {
    position: relative;
    z-index: 2;
    align-self: stretch;
    padding: 24px;
    border-radius: 22px;
    background: #f8f9fb;
    border: 1px solid #e8ecf1
}

.rm-done-side-title {
    margin: 0 0 16px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    color: #202733
}

.rm-done-steps {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none
}

.rm-done-step {
    display: grid;
    grid-template-columns:34px minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #edf0f4
}

.rm-done-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: #fff0f3;
    color: #e6083b;
    font-size: 14px;
    font-weight: 700
}

.rm-done-step-text {
    font-size: 14px;
    line-height: 1.5;
    color: #59616d
}

.rm-done-step-text strong {
    display: block;
    margin-bottom: 2px;
    color: #202733;
    font-size: 14px;
    line-height: 1.35
}

.rm-done-contact {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e3e8ef;
    font-size: 14px;
    line-height: 1.6;
    color: #59616d
}

.rm-done-contact a {
    color: #202733;
    font-weight: 700;
    text-decoration: none
}

.rm-done-contact a:hover {
    color: #e6083b
}

@media (max-width: 991.98px) {
    .rm-done-page {
        padding: 24px 0 48px
    }

    .rm-done-card {
        grid-template-columns:1fr;
        padding: 26px;
        border-radius: 22px
    }

    .rm-done-title {
        font-size: 30px
    }
}

@media (max-width: 575.98px) {
    .rm-done-wrap {
        padding: 0 12px
    }

    .rm-done-card {
        padding: 20px;
        border-radius: 18px
    }

    .rm-done-badge {
        width: 54px;
        height: 54px;
        border-radius: 17px
    }

    .rm-done-badge svg {
        width: 30px;
        height: 30px
    }

    .rm-done-title {
        font-size: 25px
    }

    .rm-done-text {
        font-size: 15px
    }

    .rm-done-actions {
        display: grid;
        grid-template-columns:1fr
    }

    .rm-done-btn {
        width: 100%
    }

    .rm-done-side {
        padding: 18px;
        border-radius: 18px
    }
}

#RadicalMart.rm-cart-confirm {
    --rm-accent: #e31235;
    --rm-accent-dark: #c70f2e;
    --rm-border: #e6ebf0;
    --rm-border-strong: #d7dee6;
    --rm-text: #101828;
    --rm-muted: #667085;
    --rm-bg: #f6f8fb;
    --rm-card: #fff;
    --rm-radius: 20px;
    --rm-shadow: 0 14px 36px rgba(23, 33, 43, .08);
    color: var(--rm-text)
}

#RadicalMart.rm-cart-confirm .rm-cart-confirm__page-header h1, #RadicalMart.rm-cart-confirm > .h2 {
    margin: 0 0 24px;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--rm-text)
}

#RadicalMart.rm-cart-confirm .rm-cart-confirm__layout {
    align-items: flex-start;
    gap: 24px 0
}

#RadicalMart.rm-cart-confirm .rm-cart-confirm__main {
    min-width: 0
}

#RadicalMart.rm-cart-confirm .rm-cart-confirm__side {
    width: 360px;
    flex: 0 0 360px
}

#RadicalMart.rm-cart-confirm .card {
    border: 1px solid var(--rm-border);
    border-radius: var(--rm-radius);
    background: var(--rm-card);
    box-shadow: var(--rm-shadow);
    overflow: hidden
}

#RadicalMart.rm-cart-confirm .card-header {
    padding: 22px 24px;
    border-bottom: 1px solid var(--rm-border);
    background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%)
}

#RadicalMart.rm-cart-confirm .card-header .h5, #RadicalMart.rm-cart-confirm .card-header h2 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 500;
    color: var(--rm-text)
}

#RadicalMart.rm-cart-confirm .card-header .text-muted {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--rm-accent);
    color: #fff !important;
    font-size: 14px;
    font-weight: 800
}

#RadicalMart.rm-cart-confirm .rm-cart-products-card__body {
    padding: 0
}

#RadicalMart.rm-cart-confirm .rm-cart-products-list {
    display: grid
}

#RadicalMart.rm-cart-confirm .rm-cart-product {
    display: grid;
    grid-template-columns:112px minmax(0, 1fr) 118px 164px 124px 38px;
    gap: 18px;
    align-items: center;
    padding: 18px 24px;
    border-bottom: 1px solid var(--rm-border);
    background: #fff;
    transition: background .2s ease, box-shadow .2s ease
}

#RadicalMart.rm-cart-confirm .rm-cart-product:nth-child(odd) {
    background: #fcfdff
}

#RadicalMart.rm-cart-confirm .rm-cart-product:last-child {
    border-bottom: 0
}

#RadicalMart.rm-cart-confirm .rm-cart-product:hover {
    background: #fff7f8
}

#RadicalMart.rm-cart-confirm .rm-cart-product.is-error {
    background: #fff1f3
}

#RadicalMart.rm-cart-confirm .rm-cart-product__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 78px;
    border-radius: 14px;
    border: 1px solid #eef2f6;
    background: #f8fafc;
    overflow: hidden;
    text-decoration: none
}

#RadicalMart.rm-cart-confirm .rm-cart-product__img, #RadicalMart.rm-cart-confirm .rm-cart-product__image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover
}

#RadicalMart.rm-cart-confirm .rm-cart-product__category {
    display: inline-block;
    margin-bottom: 4px;
    color: var(--rm-muted);
    font-size: 13px;
    line-height: 1.25;
    text-decoration: none
}

#RadicalMart.rm-cart-confirm .rm-cart-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--rm-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.32;
    text-decoration: none
}

#RadicalMart.rm-cart-confirm .rm-cart-product__title:hover, #RadicalMart.rm-cart-confirm .rm-cart-product__category:hover {
    color: var(--rm-accent)
}

#RadicalMart.rm-cart-confirm .rm-cart-product__extra {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px
}

#RadicalMart.rm-cart-confirm .rm-cart-product__extra-item {
    font-size: 12px;
    color: var(--rm-muted)
}

#RadicalMart.rm-cart-confirm .rm-cart-product__price, #RadicalMart.rm-cart-confirm .rm-cart-product__sum {
    text-align: right;
    white-space: nowrap
}

#RadicalMart.rm-cart-confirm .rm-cart-product__price-value, #RadicalMart.rm-cart-confirm .rm-cart-product__sum-value {
    color: var(--rm-text);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2
}

#RadicalMart.rm-cart-confirm .rm-cart-product__discount {
    margin-bottom: 4px;
    color: var(--rm-muted);
    font-size: 12px;
    line-height: 1.25
}

#RadicalMart.rm-cart-confirm .rm-cart-qty {
    display: inline-grid;
    grid-template-columns:44px 64px 44px;
    width: 152px;
    border: 1px solid var(--rm-border-strong);
    border-radius: 10px;
    overflow: hidden;
    background: #fff
}

#RadicalMart.rm-cart-confirm .rm-cart-qty__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 0;
    background: #fff;
    color: var(--rm-accent);
    font-size: 16px;
    font-weight: 800;
    transition: background .2s ease, color .2s ease
}

#RadicalMart.rm-cart-confirm .rm-cart-qty__btn--plus {
    color: #087443
}

#RadicalMart.rm-cart-confirm .rm-cart-qty__btn:hover {
    background: #f8fafc
}

#RadicalMart.rm-cart-confirm .rm-cart-qty__input {
    width: 64px;
    min-height: 44px;
    padding: 0 6px;
    border: 0;
    border-left: 1px solid var(--rm-border-strong);
    border-right: 1px solid var(--rm-border-strong);
    border-radius: 0;
    background: #fff;
    color: var(--rm-text);
    font-weight: 700;
    box-shadow: none
}

#RadicalMart.rm-cart-confirm .rm-cart-product__remove {
    text-align: right
}

#RadicalMart.rm-cart-confirm .rm-cart-product__remove-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: var(--rm-accent);
    transition: background .2s ease, color .2s ease
}

#RadicalMart.rm-cart-confirm .rm-cart-product__remove-link:hover {
    background: rgb(227 18 53 / .08);
    color: var(--rm-accent-dark)
}

#RadicalMart.rm-cart-confirm .rm-cart-summary {
    position: sticky;
    top: 18px;
    box-shadow: 0 18px 42px rgb(23 33 43 / .10)
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__header {
    padding: 22px 24px 16px;
    border-bottom: 1px solid var(--rm-border)
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
    color: var(--rm-text)
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__body {
    padding: 18px 24px
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__line {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__line:last-child {
    margin-bottom: 0
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__label {
    color: var(--rm-muted);
    font-size: 14px;
    line-height: 1.3
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__value {
    color: var(--rm-text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    text-align: right;
    white-space: nowrap
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__value--discount {
    color: var(--rm-accent)
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__footer {
    padding: 20px 24px 24px;
    border-top: 1px solid var(--rm-border);
    background: #fff
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__total {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__total-label {
    color: var(--rm-muted);
    font-size: 16px;
    line-height: 1.2
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__total-value {
    color: var(--rm-text);
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
    white-space: nowrap
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--rm-accent), var(--rm-accent-dark));
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 14px 28px rgb(227 18 53 / .22);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__button:hover {
    color: #fff;
    filter: brightness(1.03);
    box-shadow: 0 18px 34px rgb(227 18 53 / .28);
    transform: translateY(-1px)
}

#RadicalMart.rm-cart-confirm .rm-cart-summary__id {
    margin-top: 12px;
    color: var(--rm-muted);
    font-size: 12px;
    line-height: 1.3
}

@media (max-width: 1199.98px) {
    #RadicalMart.rm-cart-confirm .rm-cart-confirm__side {
        width: 320px;
        flex-basis: 320px
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product {
        grid-template-columns:96px minmax(0, 1fr) 100px 150px 110px 32px;
        gap: 14px;
        padding: 16px 18px
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__image {
        width: 96px
    }
}

@media (max-width: 991.98px) {
    #RadicalMart.rm-cart-confirm .rm-cart-confirm__layout {
        display: block
    }

    #RadicalMart.rm-cart-confirm .rm-cart-confirm__main, #RadicalMart.rm-cart-confirm .rm-cart-confirm__side {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    #RadicalMart.rm-cart-confirm .rm-cart-summary {
        position: static;
        margin-top: 22px
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product {
        grid-template-columns:92px minmax(0, 1fr) auto;
        grid-template-areas:"media info remove" "media qty sum" "media price sum";
        align-items: center
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__media {
        grid-area: media
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__info {
        grid-area: info
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__price {
        grid-area: price;
        text-align: left
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__quantity {
        grid-area: qty
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__sum {
        grid-area: sum
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__remove {
        grid-area: remove
    }
}

@media (max-width: 575.98px) {
    #RadicalMart.rm-cart-confirm .rm-cart-confirm__page-header h1, #RadicalMart.rm-cart-confirm > .h2 {
        margin-bottom: 18px;
        font-size: 30px
    }

    #RadicalMart.rm-cart-confirm .card-header, #RadicalMart.rm-cart-confirm .rm-cart-summary__header, #RadicalMart.rm-cart-confirm .rm-cart-summary__body, #RadicalMart.rm-cart-confirm .rm-cart-summary__footer {
        padding-left: 18px;
        padding-right: 18px
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product {
        grid-template-columns:78px minmax(0, 1fr) 32px;
        grid-template-areas:"media info remove" "price price price" "qty qty sum";
        gap: 12px;
        padding: 16px 18px
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__image {
        width: 78px;
        height: 70px;
        border-radius: 12px
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__title {
        font-size: 14px
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__price, #RadicalMart.rm-cart-confirm .rm-cart-product__sum {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        text-align: right
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__price::before, #RadicalMart.rm-cart-confirm .rm-cart-product__sum::before, #RadicalMart.rm-cart-confirm .rm-cart-product__quantity::before {
        content: attr(data-label);
        color: var(--rm-muted);
        font-size: 12px;
        font-weight: 500
    }

    #RadicalMart.rm-cart-confirm .rm-cart-product__quantity {
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: space-between
    }

    #RadicalMart.rm-cart-confirm .rm-cart-qty {
        grid-template-columns:40px 56px 40px;
        width: 136px
    }

    #RadicalMart.rm-cart-confirm .rm-cart-qty__input {
        width: 56px
    }
}

@media (max-width: 575.98px) {
    #RadicalMart.cart .rm-cart-product {
        display: grid;
        grid-template-columns:78px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        padding: 16px 14px
    }

    #RadicalMart.cart .rm-cart-product__image {
        grid-column: 1;
        grid-row: 1;
        width: 78px;
        height: 78px
    }

    #RadicalMart.cart .rm-cart-product__content {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        padding-right: 28px
    }

    #RadicalMart.cart .rm-cart-product__remove {
        position: absolute;
        top: 22px;
        right: 16px
    }

    #RadicalMart.cart .rm-cart-product__price {
        grid-column: 1 / -1;
        grid-row: 2;
        display: grid;
        grid-template-columns:1fr auto;
        gap: 12px;
        align-items: center;
        width: 100%;
        min-width: 0;
        margin-top: 4px
    }

    #RadicalMart.cart .rm-cart-product__quantity {
        grid-column: 1;
        grid-row: 3;
        display: grid;
        grid-template-columns:1fr;
        gap: 8px;
        align-items: center;
        min-width: 0;
        margin-top: 8px
    }

    #RadicalMart.cart .rm-cart-product__sum {
        grid-column: 2;
        grid-row: 3;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        min-width: 0;
        max-width: 100%;
        margin-top: 8px;
        text-align: right
    }

    #RadicalMart.cart .rm-cart-product__sum-label, #RadicalMart.cart .rm-cart-product__quantity-label, #RadicalMart.cart .rm-cart-product__price-label {
        font-size: 12px;
        line-height: 1.2;
        color: #667085
    }

    #RadicalMart.cart .rm-cart-product__sum-value {
        max-width: 100%;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.2;
        white-space: nowrap;
        text-align: right
    }

    #RadicalMart.cart .rm-cart-product__quantity .input-group {
        width: 138px;
        max-width: 138px
    }

    #RadicalMart.cart .rm-cart-product__quantity .form-control {
        min-width: 48px
    }
}

span.form-control-feedback {
    color: #e31235;
    font-size: 12px;
    font-weight: 100
}

.rm-login {
    --rm-accent: #e31235;
    --rm-accent-dark: #c90f2f;
    --rm-text: #12203f;
    --rm-muted: #6f7b90;
    --rm-border: #dce3ec;
    --rm-bg: #f6f8fb;
    --rm-card: #ffffff;
    --rm-shadow: 0 16px 42px rgba(18, 32, 63, .10);
    --rm-radius: 22px;
    --rm-radius-sm: 14px;
    color: var(--rm-text)
}

.rm-login__page-header {
    margin-bottom: 24px
}

.rm-login__page-header h1 {
    margin: 0;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--rm-text)
}

.rm-login__wrap {
    display: flex;
    justify-content: center
}

.rm-login__card {
    width: 100%;
    max-width: 860px;
    padding: 38px 38px 32px;
    border-radius: 28px;
    background: var(--rm-card);
    box-shadow: var(--rm-shadow)
}

.rm-login__head {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 28px
}

.rm-login__head-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: linear-gradient(180deg, #ff385a 0%, var(--rm-accent) 100%);
    color: #fff;
    box-shadow: 0 14px 26px rgb(227 18 53 / .18);
    flex: 0 0 74px
}

.rm-login__head-icon svg {
    width: 36px;
    height: 36px
}

.rm-login__title {
    margin: 0 0 8px;
    font-size: clamp(34px, 3vw, 44px);
    line-height: 1.08;
    letter-spacing: -.03em;
    font-weight: 800;
    color: var(--rm-text)
}

.rm-login__subtitle {
    font-size: 18px;
    line-height: 1.45;
    color: var(--rm-muted)
}

.rm-login__intro {
    display: grid;
    grid-template-columns:1fr auto;
    gap: 20px;
    align-items: center;
    margin-bottom: 22px
}

.rm-login__description {
    color: var(--rm-muted);
    line-height: 1.6
}

.rm-login__image {
    max-width: 180px;
    height: auto;
    border-radius: 18px;
    display: block
}

.rm-login__form {
    margin: 0
}

.rm-login__fields {
    display: grid;
    gap: 22px
}

.rm-login__field {
    display: block
}

.rm-login__label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--rm-text)
}

.rm-login__input-wrap {
    position: relative
}

.rm-login__input-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    color: #6f7b90;
    pointer-events: none;
    z-index: 2
}

.rm-login__input-icon svg {
    width: 24px;
    height: 24px
}

.rm-login input[type="text"], .rm-login input[type="email"], .rm-login input[type="password"] {
    width: 100%;
    min-height: 62px;
    padding: 17px 18px 17px 58px;
    border: 1px solid var(--rm-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    outline: none;
    font-size: 18px;
    line-height: 1.25;
    color: var(--rm-text);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease
}

.rm-login input[type="password"] {
    padding-right: 72px
}

.rm-login input[type="text"]::placeholder, .rm-login input[type="email"]::placeholder, .rm-login input[type="password"]::placeholder {
    color: #9aa4b3
}

.rm-login input[type="text"]:hover, .rm-login input[type="email"]:hover, .rm-login input[type="password"]:hover {
    border-color: #cfd7e2
}

.rm-login input[type="text"]:focus, .rm-login input[type="email"]:focus, .rm-login input[type="password"]:focus {
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 4px rgb(227 18 53 / .10)
}

.rm-login__password-toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 44px;
    transform: translateY(-50%);
    border: 0;
    border-left: 1px solid #e4e9f0;
    border-radius: 0 14px 14px 0;
    background: #fff0;
    color: #6f7b90;
    cursor: pointer;
    transition: color .2s ease, background .2s ease
}

.rm-login__password-toggle:hover {
    color: var(--rm-text)
}

.rm-login__password-toggle svg {
    width: 24px;
    height: 24px
}

.rm-login__remember {
    margin-top: 20px
}

.rm-login__check {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none
}

.rm-login__check input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.rm-login__check-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    background: #fff;
    color: #fff0;
    transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease
}

.rm-login__check-box svg {
    width: 18px;
    height: 18px
}

.rm-login__check input:checked + .rm-login__check-box {
    border-color: var(--rm-accent);
    background: var(--rm-accent);
    color: #fff;
    box-shadow: 0 8px 16px rgb(227 18 53 / .18)
}

.rm-login__check-text {
    font-size: 17px;
    line-height: 1.3;
    color: #33415c
}

.rm-login__extra-btn {
    margin-top: 14px
}

.rm-login__extra-btn .btn {
    min-height: 56px;
    border-radius: 16px
}

.rm-login__submit {
    margin-top: 26px
}

.rm-login__submit-btn {
    width: 100%;
    min-height: 64px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--rm-accent), #ff123d) !important;
    color: #fff !important;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: 0 14px 28px rgb(227 18 53 / .22);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease
}

.rm-login__submit-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow: 0 18px 34px rgb(227 18 53 / .28)
}

.rm-login__divider {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 28px 0 20px;
    color: #8a95a8;
    font-size: 16px;
    font-weight: 600
}

.rm-login__divider::before, .rm-login__divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #e3e8ef
}

.rm-login__divider::before {
    margin-right: 18px
}

.rm-login__divider::after {
    margin-left: 18px
}

.rm-login__options {
    display: grid;
    gap: 12px
}

.rm-login__option {
    display: grid;
    grid-template-columns:46px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid var(--rm-border);
    border-radius: 16px;
    background: #fff;
    text-decoration: none;
    color: var(--rm-text);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease
}

.rm-login__option:hover {
    border-color: #cfd7e2;
    box-shadow: 0 10px 22px rgb(18 32 63 / .06);
    transform: translateY(-1px);
    color: var(--rm-text)
}

.rm-login__option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #f5f7fa;
    color: #55627a
}

.rm-login__option-icon svg {
    width: 22px;
    height: 22px
}

.rm-login__option-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25
}

.rm-login__option-arrow {
    font-size: 32px;
    line-height: 1;
    color: #7e8aa0
}

.rm-login__safe {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-top: 24px;
    padding-top: 8px;
    color: var(--rm-muted)
}

.rm-login__safe-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f5f7fa;
    color: #55627a;
    flex: 0 0 40px
}

.rm-login__safe-icon svg {
    width: 22px;
    height: 22px
}

.rm-login__safe-text {
    font-size: 15px;
    line-height: 1.55
}

.rm-login__safe-text strong {
    color: var(--rm-text)
}

.rm-login .invalid, .rm-login input:invalid {
    border-color: #dc3545
}

.rm-login .control-group, .rm-login .controls, .rm-login fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.rm-login .form-horizontal .controls {
    margin-left: 0
}

@media (max-width: 991.98px) {
    .rm-login__card {
        padding: 30px 24px 24px
    }

    .rm-login__head {
        gap: 16px
    }

    .rm-login__head-icon {
        width: 62px;
        height: 62px;
        flex-basis: 62px
    }

    .rm-login__title {
        font-size: 32px
    }

    .rm-login__subtitle {
        font-size: 16px
    }
}

@media (max-width: 767.98px) {
    .rm-login__card {
        padding: 22px 16px 18px;
        border-radius: 22px
    }

    .rm-login__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 22px
    }

    .rm-login__intro {
        grid-template-columns:1fr
    }

    .rm-login__title {
        font-size: 28px
    }

    .rm-login__subtitle {
        font-size: 15px
    }

    .rm-login input[type="text"], .rm-login input[type="email"], .rm-login input[type="password"] {
        min-height: 56px;
        font-size: 16px
    }

    .rm-login__check-text, .rm-login__option-text {
        font-size: 16px
    }

    .rm-login__submit-btn {
        min-height: 58px;
        font-size: 20px
    }

    .rm-login__option {
        grid-template-columns:42px minmax(0, 1fr) auto;
        padding: 12px 14px
    }
}

<
/
style >

<
style > .rm-login .rm-login__head-icon {
    position: relative
}

.rm-login .rm-login__head-icon svg {
    display: none !important
}

.rm-login .rm-login__head-icon::before {
    content: "";
    width: 34px;
    height: 34px;
    background: url(/images/iconlogin1.svg) center / contain no-repeat
}

.rm-login .rm-login__input-icon svg {
    display: none !important
}

.rm-login .rm-login__input-icon::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.rm-login .rm-login__input-wrap--user .rm-login__input-icon::before {
    background-image: url(/images/iconlogin2.svg)
}

.rm-login .rm-login__input-wrap--password .rm-login__input-icon::before {
    background-image: url(/images/iconlogin3.svg)
}

.rm-login .rm-login__input-wrap--password {
    position: relative
}

.rm-login .rm-login__input-wrap--password .password-group {
    width: 100%
}

.rm-login .rm-login__input-wrap--password .input-group {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 62px;
    border: 1px solid var(--rm-border, #dce3ec);
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease
}

.rm-login .rm-login__input-wrap--password .input-group:hover {
    border-color: #cfd7e2
}

.rm-login .rm-login__input-wrap--password .input-group:focus-within {
    border-color: var(--rm-accent, #e31235);
    box-shadow: 0 0 0 4px rgb(227 18 53 / .10)
}

.rm-login .rm-login__input-wrap--password .input-group input[type="password"], .rm-login .rm-login__input-wrap--password .input-group input[type="text"] {
    min-height: 60px !important;
    height: 60px !important;
    padding-left: 58px !important;
    padding-right: 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important
}

.rm-login .rm-login__input-wrap--password .input-password-toggle {
    width: 62px;
    min-width: 62px;
    min-height: 60px;
    height: 60px;
    padding: 0;
    border: 0 !important;
    border-left: 1px solid #e4e9f0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #667085 !important;
    box-shadow: none !important
}

.rm-login .rm-login__input-wrap--password .input-password-toggle:hover {
    background: #f8fafc !important;
    color: #101828 !important
}

button.btn.btn-secondary.input-password-toggle {
    display: none !important
}

.rm-login .rm-login__input-wrap--user input {
    padding-left: 58px !important
}

.rm-login .form-control-success, .rm-login .has-success .form-control, .rm-login .has-success input {
    border-color: var(--rm-border, #dce3ec) !important;
    box-shadow: none !important
}

.rm-login .rm-login__input-wrap--user:focus-within input {
    border-color: var(--rm-accent, #e31235) !important;
    box-shadow: 0 0 0 4px rgb(227 18 53 / .10) !important
}

.rm-login .rm-login__remember {
    margin-top: 20px
}

.rm-login .rm-login__check {
    position: relative;
    display: inline-grid;
    grid-template-columns:auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin: 0;
    cursor: pointer;
    user-select: none
}

.rm-login .rm-login__check input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important
}

.rm-login .rm-login__check-box {
    position: relative;
    display: flex;
    align-items: center;
    width: 70px;
    height: 34px;
    padding: 3px;
    border: 0;
    border-radius: 999px;
    background: #eef1f5;
    color: #fff0;
    box-shadow: inset 0 0 0 1px #d8dee8;
    transition: background .22s ease, box-shadow .22s ease
}

.rm-login .rm-login__check-box svg {
    display: none !important
}

.rm-login .rm-login__check-box::before {
    content: "";
    position: relative;
    z-index: 2;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgb(16 24 40 / .20);
    transition: transform .22s ease;
    transform: translateX(-17px)
}

.rm-login .rm-login__check-box::after {
    content: "Нет";
    position: absolute;
    left: 38px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #667085;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    transition: color .22s ease, left .22s ease, right .22s ease
}

.rm-login .rm-login__check input:checked + .rm-login__check-box {
    background: #16a34a;
    box-shadow: inset 0 0 0 1px #16a34a
}

.rm-login .rm-login__check input:checked + .rm-login__check-box::before {
    transform: translateX(18px)
}

.rm-login .rm-login__check input:checked + .rm-login__check-box::after {
    content: "Да";
    left: 12px;
    right: 42px;
    color: #fff
}

.rm-login .rm-login__check input:focus-visible + .rm-login__check-box {
    outline: 3px solid rgb(227 18 53 / .18);
    outline-offset: 3px
}

.rm-login .rm-login__check-text {
    font-size: 16px;
    line-height: 1.35;
    color: #344054
}

.rm-login .rm-login__option-icon {
    position: relative
}

.rm-login .rm-login__option-icon svg {
    display: none !important
}

.rm-login .rm-login__option-icon::before {
    content: "";
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.rm-login .rm-login__options .rm-login__option:nth-child(1) .rm-login__option-icon::before {
    background-image: url(/images/iconlogin4.svg)
}

.rm-login .rm-login__options .rm-login__option:nth-child(2) .rm-login__option-icon::before {
    background-image: url(/images/iconlogin5.svg)
}

.rm-login .rm-login__options .rm-login__option:nth-child(3) .rm-login__option-icon::before {
    background-image: url(/images/iconlogin6.svg)
}

.rm-login .rm-login__safe-icon svg {
    display: none !important
}

.rm-login .rm-login__safe-icon::before {
    content: "";
    width: 22px;
    height: 22px;
    background: url(/images/iconlogin7.svg) center / contain no-repeat
}

.rm-login input:-webkit-autofill, .rm-login input:-webkit-autofill:hover, .rm-login input:-webkit-autofill:focus, .rm-login input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--rm-text, #12203f) !important;
    caret-color: var(--rm-text, #12203f) !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    transition: background-color 999999s ease-in-out 0s !important
}

@media (max-width: 767.98px) {
    .rm-login .rm-login__check {
        align-items: flex-start
    }

    .rm-login .rm-login__check-text {
        padding-top: 6px;
        font-size: 15px
    }

    .rm-login .rm-login__input-wrap--password .input-group {
        min-height: 56px
    }

    .rm-login .rm-login__input-wrap--password .input-group input[type="password"], .rm-login .rm-login__input-wrap--password .input-group input[type="text"] {
        min-height: 54px !important;
        height: 54px !important
    }

    .rm-login .rm-login__input-wrap--password .input-password-toggle {
        width: 56px;
        min-width: 56px;
        min-height: 54px;
        height: 54px
    }
}

.com-users-reset.reset.rm-login.rm-login--reset .rm-login__head-icon.rm-login__head-icon--reset:before {
    display: none
}

h1.rm-login__title {
    padding-bottom: 0;
    margin-bottom: 0
}

.rm-login--reset .rm-login__head-icon svg, .rm-login--reset .rm-login__option-icon svg, .rm-login--reset .rm-login__safe-icon svg {
    display: none !important
}

.rm-login--reset .rm-login__head-img {
    width: 36px;
    height: 36px;
    background: url(/images/iconlogin44.svg) center / contain no-repeat
}

.rm-login--reset .rm-login__fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    z-index: 15
}

.rm-login--reset .rm-login__fieldset-title {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--rm-text, #12203f)
}

.rm-login--reset .rm-login__fieldset-desc {
    margin: 0 0 18px;
    color: var(--rm-muted, #6f7b90);
    font-size: 16px;
    line-height: 1.55
}

.rm-login--reset .rm-login__reset-fields {
    display: grid;
    gap: 18px
}

.rm-login--reset .control-group {
    margin: 0;
    padding: 0;
    border: 0
}

.rm-login--reset .control-label {
    margin-bottom: 10px
}

.rm-login--reset .control-label label {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--rm-text, #12203f)
}

.rm-login--reset .controls {
    position: relative;
    margin: 0 !important
}

.rm-login--reset .controls::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background: url(/images/iconlogin2.svg) center / contain no-repeat;
    z-index: 2;
    pointer-events: none
}

.rm-login--reset .controls input[type="text"], .rm-login--reset .controls input[type="email"] {
    width: 100%;
    min-height: 62px;
    padding: 17px 18px 17px 58px;
    border: 1px solid var(--rm-border, #dce3ec);
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    outline: none;
    font-size: 18px;
    line-height: 1.25;
    color: var(--rm-text, #12203f);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease
}

.rm-login--reset .controls input[type="text"]:hover, .rm-login--reset .controls input[type="email"]:hover {
    border-color: #cfd7e2
}

.rm-login--reset .controls input[type="text"]:focus, .rm-login--reset .controls input[type="email"]:focus {
    border-color: var(--rm-accent, #e31235);
    box-shadow: 0 0 0 4px rgb(227 18 53 / .10)
}

.rm-login--reset .invalid, .rm-login--reset input.invalid, .rm-login--reset .form-control-danger {
    border-color: #dc3545 !important
}

.rm-login--reset .form-control-feedback, .rm-login--reset .star {
    display: none !important
}

.rm-login--reset .rm-login__option-icon {
    position: relative
}

.rm-login--reset .rm-login__option-icon::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.rm-login--reset .rm-login__option-icon--login::before {
    background-image: url(/images/iconlogin1.svg)
}

.rm-login--reset .rm-login__option-icon--remind::before {
    background-image: url(/images/iconlogin5.svg)
}

.rm-login--reset .rm-login__safe-icon::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: url(/images/iconlogin7.svg) center / contain no-repeat
}

.rm-login--reset input:-webkit-autofill, .rm-login--reset input:-webkit-autofill:hover, .rm-login--reset input:-webkit-autofill:focus, .rm-login--reset input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--rm-text, #12203f) !important;
    caret-color: var(--rm-text, #12203f) !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    transition: background-color 999999s ease-in-out 0s !important
}

@media (max-width: 767.98px) {
    .rm-login__head-icon {
        display: none
    }

    .rm-login--reset .controls input[type="text"], .rm-login--reset .controls input[type="email"] {
        min-height: 56px;
        font-size: 16px
    }

    .rm-login--reset .rm-login__fieldset-title {
        font-size: 17px
    }

    .rm-login--reset .rm-login__fieldset-desc {
        font-size: 15px
    }
}

.rm-account {
    color: var(--rm-text, #12203f)
}

.rm-account .rm-login__card {
    max-width: 1080px
}

.rm-account__card {
    overflow: hidden
}

.rm-account__head {
    margin-bottom: 30px
}

.rm-account__head-icon svg {
    display: none !important
}

.rm-account__head-img {
    display: block;
    width: 36px;
    height: 36px;
    background: url(/images/iconlogin1.svg) center / contain no-repeat
}

.rm-account__description {
    margin: 0 0 24px;
    padding: 18px 20px;
    border: 1px solid var(--rm-border, #dce3ec);
    border-radius: 18px;
    background: #f8fafc;
    color: var(--rm-muted, #6f7b90);
    font-size: 16px;
    line-height: 1.55
}

.rm-account__image {
    display: block;
    max-width: 180px;
    height: auto;
    border-radius: 18px
}

.rm-account__menu {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 10px
}

.rm-account__item {
    position: relative;
    display: grid;
    grid-template-columns:64px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    min-height: 154px;
    padding: 22px 18px;
    border: 1px solid var(--rm-border, #dce3ec);
    border-radius: 22px;
    background: #fff;
    color: var(--rm-text, #12203f);
    text-decoration: none;
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease
}

.rm-account__item:hover {
    color: var(--rm-text, #12203f);
    border-color: rgb(227 18 53 / .45);
    background: linear-gradient(180deg, #fff 0%, #fff8f9 100%);
    box-shadow: 0 16px 32px rgb(18 32 63 / .08);
    transform: translateY(-2px)
}

.rm-account__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: #f5f7fa;
    transition: background .22s ease, box-shadow .22s ease
}

.rm-account__item-icon::before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.rm-account__item--orders .rm-account__item-icon::before {
    background-image: url(/images/iconlogin5.svg)
}

.rm-account__item--client .rm-account__item-icon::before {
    background-image: url(/images/iconlogin2.svg)
}

.rm-account__item--profile .rm-account__item-icon::before {
    background-image: url(/images/iconlogin3.svg)
}

.rm-account__item:hover .rm-account__item-icon {
    background: rgb(227 18 53 / .08);
    box-shadow: 0 10px 18px rgb(227 18 53 / .10)
}

.rm-account__item-content {
    display: grid;
    gap: 7px;
    min-width: 0
}

.rm-account__item-title {
    display: block;
    color: var(--rm-text, #12203f);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.02em
}

.rm-account__item-text {
    display: block;
    color: var(--rm-muted, #6f7b90);
    font-size: 14px;
    line-height: 1.35
}

.rm-account__item-arrow {
    align-self: center;
    color: #98a2b3;
    font-size: 34px;
    line-height: 1;
    transition: color .22s ease, transform .22s ease
}

.rm-account__item:hover .rm-account__item-arrow {
    color: var(--rm-accent, #e31235);
    transform: translateX(3px)
}

.rm-account__safe {
    margin-top: 24px
}

.rm-account__safe-icon svg {
    display: none !important
}

.rm-account__safe-icon::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: url(/images/iconlogin7.svg) center / contain no-repeat
}

.rm-account__divider {
    height: 1px;
    margin: 26px 0 20px;
    background: #e3e8ef
}

.rm-account__logout-form {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff0;
    box-shadow: none
}

.rm-account__logout, .rm-account__logout .controls {
    margin: 0;
    padding: 0
}

.rm-account__logout-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 14px 24px;
    border: 1px solid rgb(227 18 53 / .22) !important;
    border-radius: 16px;
    background: #fff !important;
    color: var(--rm-accent, #e31235) !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: none;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease
}

.rm-account__logout-btn:hover {
    background: #fff7f8 !important;
    border-color: rgb(227 18 53 / .45) !important;
    box-shadow: 0 10px 22px rgb(227 18 53 / .10);
    transform: translateY(-1px)
}

.rm-account__logout-icon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/images/iconlogin4.svg) center / contain no-repeat
}

@media (max-width: 1199.98px) {
    .rm-account__menu {
        grid-template-columns:1fr
    }

    .rm-account__item {
        min-height: 124px
    }
}

@media (max-width: 767.98px) {
    .rm-account__menu {
        gap: 12px
    }

    .rm-account__item {
        grid-template-columns:54px minmax(0, 1fr) auto;
        gap: 13px;
        min-height: 108px;
        padding: 16px 14px;
        border-radius: 18px
    }

    .rm-account__item-icon {
        width: 54px;
        height: 54px;
        border-radius: 15px
    }

    .rm-account__item-icon::before {
        width: 30px;
        height: 30px
    }

    .rm-account__item-title {
        font-size: 17px
    }

    .rm-account__item-text {
        font-size: 13px
    }

    .rm-account__item-arrow {
        font-size: 28px
    }

    .rm-account__logout-btn {
        width: 100%
    }
}

@media (max-width: 420px) {
    .rm-account__item {
        grid-template-columns:48px minmax(0, 1fr)
    }

    .rm-account__item-arrow {
        display: none
    }

    .rm-account__item-icon {
        width: 48px;
        height: 48px
    }

    .rm-account__item-icon::before {
        width: 27px;
        height: 27px
    }
}

.rm-orders-page {
    --rm-accent: #e31235;
    --rm-accent-dark: #c90f2f;
    --rm-text: #12203f;
    --rm-muted: #6f7b90;
    --rm-border: #dce3ec;
    --rm-bg: #f6f8fb;
    --rm-card: #ffffff;
    --rm-shadow: 0 16px 42px rgba(18, 32, 63, .08);
    color: var(--rm-text)
}

.rm-orders-layout {
    display: grid;
    grid-template-columns:320px minmax(0, 1fr);
    gap: 30px;
    align-items: flex-start
}

.rm-orders-sidebar > .card {
    position: sticky;
    top: 18px;
    overflow: hidden;
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--rm-shadow)
}

.rm-orders-sidebar .card-header {
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #edf1f6
}

.rm-orders-sidebar [radicalmart-settings="avatar"] {
    overflow: hidden;
    border-radius: 20px;
    background: #f5f7fa
}

.rm-orders-sidebar [radicalmart-settings="avatar"] .card-img-top {
    height: 260px;
    border-radius: 20px;
    background: #f5f7fa !important
}

.rm-orders-sidebar [radicalmart-settings="avatar"] img {
    object-fit: contain
}

.rm-orders-sidebar [radicalmart-settings="avatar"] label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 12px;
    border-radius: 12px;
    background: #fff;
    color: var(--rm-text);
    box-shadow: 0 8px 16px rgb(18 32 63 / .10);
    cursor: pointer
}

.rm-orders-sidebar .card-body {
    padding: 20px;
    border-bottom: 1px solid #edf1f6
}

.rm-orders-sidebar .h4 {
    margin: 0 0 10px;
    color: var(--rm-text);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -.02em;
    text-align: left !important
}

.rm-orders-sidebar .text-muted.small {
    color: var(--rm-muted) !important;
    text-align: left !important
}

.rm-orders-sidebar .list-group {
    padding: 10px;
    gap: 6px;
    background: #fff
}

.rm-orders-sidebar .list-group-item {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 11px 14px;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff0;
    color: #344054;
    font-size: 14px;
    line-height: 1.25;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease
}

.rm-orders-sidebar .list-group-item:hover {
    background: #f6f8fb;
    color: var(--rm-text)
}

.rm-orders-sidebar .list-group-item.active {
    background: linear-gradient(135deg, var(--rm-accent), #ff123d) !important;
    color: #fff !important;
    font-weight: 800;
    box-shadow: 0 10px 20px rgb(227 18 53 / .18)
}

.rm-orders-main {
    min-width: 0
}

.rm-orders-head {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px
}

.rm-orders-title {
    margin: 0;
    font-size: clamp(32px, 3vw, 44px)
}

.rm-orders-subtitle {
    margin-top: 8px;
    max-width: 660px
}

.rm-orders-list {
    display: grid;
    gap: 18px
}

.rm-order-card {
    overflow: hidden;
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--rm-shadow);
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease
}

.rm-order-card:hover {
    border-color: rgb(227 18 53 / .38);
    box-shadow: 0 18px 46px rgb(18 32 63 / .11);
    transform: translateY(-2px)
}

.rm-order-card__top {
    display: grid;
    grid-template-columns:58px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 22px 24px;
    color: var(--rm-text);
    text-decoration: none;
    background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%);
    border-bottom: 1px solid #edf1f6
}

.rm-order-card__top:hover {
    color: var(--rm-text)
}

.rm-order-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: rgb(227 18 53 / .08)
}

.rm-order-card__icon::before {
    content: "";
    width: 32px;
    height: 32px;
    background: url(/images/iconlogin5.svg) center / contain no-repeat
}

.rm-order-card__title-wrap {
    display: grid;
    gap: 5px;
    min-width: 0
}

.rm-order-card__title {
    color: var(--rm-text);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em
}

.rm-order-card__date {
    color: var(--rm-muted);
    font-size: 15px;
    line-height: 1.3
}

.rm-order-card__arrow {
    color: #98a2b3;
    font-size: 36px;
    line-height: 1;
    transition: color .2s ease, transform .2s ease
}

.rm-order-card:hover .rm-order-card__arrow {
    color: var(--rm-accent);
    transform: translateX(3px)
}

.rm-order-card__body {
    padding: 22px 24px 24px
}

.rm-order-card__grid {
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 14px
}

.rm-order-info {
    min-height: 92px;
    padding: 16px;
    border: 1px solid #edf1f6;
    border-radius: 18px;
    background: #fff
}

.rm-order-info__label {
    display: block;
    margin-bottom: 8px;
    color: var(--rm-muted);
    font-size: 13px;
    line-height: 1.25
}

.rm-order-info__value {
    display: block;
    color: var(--rm-text);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35
}

.rm-order-info--total {
    background: #fff8f9;
    border-color: rgb(227 18 53 / .16)
}

.rm-order-info--total .rm-order-info__value {
    color: #020817;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -.02em
}

.rm-order-card__status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #edf1f6
}

.rm-order-card__status-label {
    color: var(--rm-muted);
    font-size: 14px;
    line-height: 1.3
}

.rm-order-card__status .badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1
}

.rm-orders-empty {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 24px;
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--rm-shadow)
}

.rm-orders-empty__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: rgb(227 18 53 / .08);
    flex: 0 0 58px
}

.rm-orders-empty__icon::before {
    content: "";
    width: 32px;
    height: 32px;
    background: url(/images/iconlogin5.svg) center / contain no-repeat
}

.rm-orders-empty__title {
    color: var(--rm-text);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25
}

.rm-orders-empty__text {
    margin-top: 4px;
    color: var(--rm-muted);
    font-size: 15px;
    line-height: 1.4
}

.rm-orders-pagination {
    margin-top: 24px
}

.rm-orders-pagination .pagination__wrapper {
    display: flex;
    justify-content: flex-end;
    color: var(--rm-muted);
    font-size: 14px
}

.rm-orders-pagination .text-end {
    margin-right: 0 !important
}

@media (max-width: 1199.98px) {
    .rm-orders-layout {
        grid-template-columns:280px minmax(0, 1fr);
        gap: 24px
    }

    .rm-order-card__grid {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 991.98px) {
    .rm-orders-layout {
        grid-template-columns:1fr
    }

    .rm-orders-sidebar > .card {
        position: static
    }

    .rm-orders-sidebar [radicalmart-settings="avatar"] .card-img-top {
        height: 180px
    }

    .rm-orders-sidebar .list-group {
        display: grid;
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 767.98px) {
    .rm-orders-head {
        margin-bottom: 18px
    }

    .rm-order-card {
        border-radius: 20px
    }

    .rm-order-card__top {
        grid-template-columns:50px minmax(0, 1fr) auto;
        gap: 12px;
        padding: 18px 16px
    }

    .rm-order-card__icon {
        width: 50px;
        height: 50px;
        border-radius: 15px
    }

    .rm-order-card__icon::before {
        width: 28px;
        height: 28px
    }

    .rm-order-card__title {
        font-size: 18px
    }

    .rm-order-card__date {
        font-size: 13px
    }

    .rm-order-card__body {
        padding: 16px
    }

    .rm-order-card__grid {
        grid-template-columns:1fr;
        gap: 10px
    }

    .rm-order-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: auto;
        padding: 14px
    }

    .rm-order-info__label {
        margin: 0
    }

    .rm-order-info__value {
        text-align: right;
        font-size: 15px
    }

    .rm-order-info--total .rm-order-info__value {
        font-size: 18px
    }

    .rm-orders-sidebar .list-group {
        grid-template-columns:1fr
    }

    .rm-orders-empty {
        align-items: flex-start;
        padding: 18px;
        border-radius: 20px
    }
}

.rm-personal-page {
    --rm-accent: #e31235;
    --rm-accent-dark: #c90f2f;
    --rm-text: #12203f;
    --rm-muted: #6f7b90;
    --rm-border: #dce3ec;
    --rm-bg: #f6f8fb;
    --rm-card: #ffffff;
    --rm-shadow: 0 16px 42px rgba(18, 32, 63, .08);
    color: var(--rm-text)
}

.rm-personal-form {
    display: grid;
    gap: 18px
}

.rm-personal-card {
    overflow: hidden;
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: #fff
}

.rm-personal-card__head {
    display: grid;
    grid-template-columns:58px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 22px 24px;
    border-bottom: 1px solid #edf1f6;
    background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%)
}

.rm-personal-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: rgb(227 18 53 / .08)
}

.rm-personal-card__icon::before {
    content: "";
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.rm-personal-card__icon--contacts::before {
    background-image: url(/images/iconlogin2.svg)
}

.rm-personal-card__icon--shipping::before {
    background-image: url(/images/carticon1.png)
}

.rm-personal-card__icon--payment::before {
    background-image: url(/images/carticon3.png)
}

.rm-personal-card__icon--other::before {
    background-image: url(/images/iconlogin3.svg)
}

.rm-personal-card__title {
    margin: 0;
    color: var(--rm-text);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em
}

.rm-personal-card__subtitle {
    margin-top: 5px;
    color: var(--rm-muted);
    font-size: 15px;
    line-height: 1.4
}

.rm-personal-card__body {
    padding: 24px
}

.rm-personal-fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.rm-personal-fieldset + .rm-personal-fieldset {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #edf1f6
}

.rm-personal-legend {
    display: block;
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    color: var(--rm-text);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25
}

.rm-personal-fields-grid {
    display: grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0
}

.rm-personal-fields-grid > * {
    width: 100%;
    max-width: 100%
}

.rm-personal-page .control-group {
    margin: 0;
    padding: 0
}

.rm-personal-page .control-label {
    margin: 0 0 8px
}

.rm-personal-page .control-label label {
    display: block;
    margin: 0;
    color: var(--rm-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25
}

.rm-personal-page .controls {
    margin: 0 !important
}

.rm-personal-page .form-control, .rm-personal-page input[type="text"], .rm-personal-page input[type="email"], .rm-personal-page input[type="tel"], .rm-personal-page input[type="number"], .rm-personal-page input[type="password"], .rm-personal-page select, .rm-personal-page textarea {
    width: 100%;
    min-height: 54px;
    padding: 15px 16px;
    border: 1px solid var(--rm-border);
    border-radius: 15px;
    background: #fff;
    color: var(--rm-text);
    font-size: 16px;
    line-height: 1.25;
    box-shadow: none;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease
}

.rm-personal-page textarea {
    min-height: 110px;
    resize: vertical
}

.rm-personal-page select {
    cursor: pointer
}

.rm-personal-page .form-control:hover, .rm-personal-page input:hover, .rm-personal-page select:hover, .rm-personal-page textarea:hover {
    border-color: #cfd7e2
}

.rm-personal-page .form-control:focus, .rm-personal-page input:focus, .rm-personal-page select:focus, .rm-personal-page textarea:focus {
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 4px rgb(227 18 53 / .10)
}

.rm-personal-page .form-control.invalid, .rm-personal-page .form-control-danger, .rm-personal-page .invalid {
    border-color: #dc3545 !important
}

.rm-personal-page .form-control-feedback, .rm-personal-page .star {
    display: none !important
}

.rm-personal-page input[type="checkbox"], .rm-personal-page input[type="radio"] {
    width: auto;
    min-height: auto;
    margin-right: 8px
}

.rm-personal-submit {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px
}

.rm-personal-submit__btn {
    min-width: 220px;
    min-height: 58px;
    padding: 15px 28px;
    border: 0 !important;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--rm-accent), #ff123d) !important;
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
    box-shadow: 0 14px 28px rgb(227 18 53 / .22);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease
}

.rm-personal-submit__btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow: 0 18px 34px rgb(227 18 53 / .28)
}

.rm-personal-page input:-webkit-autofill, .rm-personal-page input:-webkit-autofill:hover, .rm-personal-page input:-webkit-autofill:focus, .rm-personal-page input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--rm-text) !important;
    caret-color: var(--rm-text) !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    transition: background-color 999999s ease-in-out 0s !important
}

.rm-personal-sidebar > .card {
    position: sticky;
    top: 18px;
    overflow: hidden;
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--rm-shadow)
}

@media (max-width: 1199.98px) {
    .rm-personal-layout {
        grid-template-columns:280px minmax(0, 1fr);
        gap: 24px
    }
}

@media (max-width: 991.98px) {
    .rm-personal-layout {
        grid-template-columns:1fr
    }

    .rm-personal-sidebar > .card {
        position: static
    }
}

@media (max-width: 767.98px) {
    .rm-personal-card {
        border-radius: 20px
    }

    .rm-personal-card__head {
        grid-template-columns:50px minmax(0, 1fr);
        gap: 12px;
        padding: 18px 16px
    }

    .rm-personal-card__icon {
        width: 50px;
        height: 50px;
        border-radius: 15px
    }

    .rm-personal-card__icon::before {
        width: 28px;
        height: 28px
    }

    .rm-personal-card__title {
        font-size: 18px
    }

    .rm-personal-card__subtitle {
        font-size: 13px
    }

    .rm-personal-card__body {
        padding: 16px
    }

    .rm-personal-fields-grid {
        grid-template-columns:1fr;
        gap: 13px
    }

    .rm-personal-submit {
        justify-content: stretch
    }

    .rm-personal-submit__btn {
        width: 100%;
        min-width: 0
    }
}

.rm-settings-page {
    --rm-accent: #e31235;
    --rm-accent-dark: #c90f2f;
    --rm-text: #12203f;
    --rm-muted: #6f7b90;
    --rm-border: #dce3ec;
    --rm-bg: #f6f8fb;
    --rm-card: #ffffff;
    --rm-shadow: 0 16px 42px rgba(18, 32, 63, .08);
    color: var(--rm-text)
}

.rm-settings-list {
    display: grid;
    gap: 18px
}

.rm-settings-card {
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: #fff
}

.rm-settings-fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.rm-settings-card__head {
    display: grid;
    grid-template-columns:58px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 22px 24px;
    border-bottom: 1px solid #edf1f6;
    background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%)
}

.rm-settings-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: rgb(227 18 53 / .08)
}

.rm-settings-card__icon::before {
    content: "";
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.rm-settings-card__icon::before {
    background-image: url(/images/iconlogin3.svg)
}

.rm-settings-card__icon--profile::before, .rm-settings-card__icon--user::before, .rm-settings-card__icon--account::before, .rm-settings-card__icon--settings::before {
    background-image: url(/images/iconlogin2.svg)
}

.rm-settings-card__icon--password::before, .rm-settings-card__icon--pass::before, .rm-settings-card__icon--security::before {
    background-image: url(/images/iconlogin3.svg)
}

.rm-settings-card__title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--rm-text);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em
}

.rm-settings-card__subtitle {
    margin-top: 5px;
    color: var(--rm-muted);
    font-size: 15px;
    line-height: 1.4
}

.rm-settings-card__body {
    padding: 24px
}

.rm-settings-card__footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 24px 24px
}

.rm-settings-alert {
    margin: 0 0 18px;
    padding: 14px 16px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.45
}

.rm-settings-alert--error {
    border: 1px solid rgb(220 53 69 / .18);
    background: rgb(220 53 69 / .08);
    color: #b42318
}

.rm-settings-alert--success {
    border: 1px solid rgb(22 163 74 / .20);
    background: rgb(22 163 74 / .08);
    color: #067647
}

.rm-settings-fields {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 16px
}

.rm-settings-page .control-group {
    margin: 0;
    padding: 0
}

.rm-settings-page .control-label {
    margin: 0 0 8px
}

.rm-settings-page .control-label label {
    display: block;
    margin: 0;
    color: var(--rm-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25
}

.rm-settings-page .controls {
    margin: 0 !important
}

.rm-settings-page .form-control, .rm-settings-page input[type="text"], .rm-settings-page input[type="email"], .rm-settings-page input[type="tel"], .rm-settings-page input[type="number"], .rm-settings-page input[type="password"], .rm-settings-page select, .rm-settings-page textarea {
    width: 100%;
    min-height: 54px;
    padding: 15px 16px;
    border: 1px solid var(--rm-border);
    border-radius: 15px;
    background: #fff;
    color: var(--rm-text);
    font-size: 16px;
    line-height: 1.25;
    box-shadow: none;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease
}

.rm-settings-page textarea {
    min-height: 110px;
    resize: vertical
}

.rm-settings-page select {
    cursor: pointer
}

.rm-settings-page .form-control:hover, .rm-settings-page input:hover, .rm-settings-page select:hover, .rm-settings-page textarea:hover {
    border-color: #cfd7e2
}

.rm-settings-page .form-control:focus, .rm-settings-page input:focus, .rm-settings-page select:focus, .rm-settings-page textarea:focus {
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 4px rgb(227 18 53 / .10)
}

.rm-settings-page .form-control.invalid, .rm-settings-page .form-control-danger, .rm-settings-page .invalid {
    border-color: #dc3545 !important
}

.rm-settings-page .form-control-feedback, .rm-settings-page .star {
    display: none !important
}

.rm-settings-page input[type="checkbox"], .rm-settings-page input[type="radio"] {
    width: auto;
    min-height: auto;
    margin-right: 8px
}

.rm-settings-page .password-group {
    width: 100%
}

.rm-settings-page .password-group .input-group {
    display: flex;
    width: 100%;
    min-height: 54px;
    border: 1px solid var(--rm-border);
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease
}

.rm-settings-page .password-group .input-group:focus-within {
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 4px rgb(227 18 53 / .10)
}

.rm-settings-page .password-group .input-group input {
    min-height: 52px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important
}

.rm-settings-page .password-group .input-password-toggle {
    width: 56px;
    min-width: 56px;
    min-height: 52px;
    padding: 0;
    border: 0 !important;
    border-left: 1px solid #e4e9f0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #667085 !important;
    box-shadow: none !important
}

.rm-settings-page .password-group .input-password-toggle:hover {
    background: #f8fafc !important;
    color: var(--rm-text) !important
}

.rm-settings-update-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    min-height: 54px;
    padding: 14px 24px;
    border: 1px solid rgb(227 18 53 / .24) !important;
    border-radius: 16px;
    background: #fff !important;
    color: var(--rm-accent) !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease
}

.rm-settings-update-btn:hover {
    background: #fff7f8 !important;
    border-color: rgb(227 18 53 / .45) !important;
    color: var(--rm-accent) !important;
    box-shadow: 0 10px 22px rgb(227 18 53 / .10);
    transform: translateY(-1px)
}

.rm-settings-page input:-webkit-autofill, .rm-settings-page input:-webkit-autofill:hover, .rm-settings-page input:-webkit-autofill:focus, .rm-settings-page input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--rm-text) !important;
    caret-color: var(--rm-text) !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    transition: background-color 999999s ease-in-out 0s !important
}

.rm-settings-sidebar > .card {
    position: sticky;
    top: 18px;
    overflow: hidden;
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--rm-shadow)
}

@media (max-width: 1199.98px) {
    .rm-settings-layout {
        grid-template-columns:280px minmax(0, 1fr);
        gap: 24px
    }
}

@media (max-width: 991.98px) {
    .rm-settings-layout {
        grid-template-columns:1fr
    }

    .rm-settings-sidebar > .card {
        position: static
    }
}

@media (max-width: 767.98px) {
    .rm-settings-card {
        border-radius: 20px
    }

    .rm-settings-card__head {
        grid-template-columns:50px minmax(0, 1fr);
        gap: 12px;
        padding: 18px 16px
    }

    .rm-settings-card__icon {
        width: 50px;
        height: 50px;
        border-radius: 15px
    }

    .rm-settings-card__icon::before {
        width: 28px;
        height: 28px
    }

    .rm-settings-card__title {
        font-size: 18px
    }

    .rm-settings-card__subtitle {
        font-size: 13px
    }

    .rm-settings-card__body {
        padding: 16px
    }

    .rm-settings-card__footer {
        justify-content: stretch;
        padding: 0 16px 16px
    }

    .rm-settings-fields {
        grid-template-columns:1fr;
        gap: 13px
    }

    .rm-settings-update-btn {
        width: 100%;
        min-width: 0
    }
}

.rm-settings-card__icon--name::before {
    background-image: url(/images/iconlogin2.svg) !important
}

.rm-settings-card__icon--email::before {
    background-image: url(/images/iconlogin5.svg) !important
}

.rm-settings-card__icon--phone::before {
    background-image: url(/images/contacticon6.svg) !important
}

.rm-settings-card__icon--password::before {
    background-image: url(/images/iconlogin3.svg) !important
}

#RadicalMart.order.rm-order-view {
    --rm-accent: #e31235;
    --rm-accent-dark: #e31235;
    --rm-accent-soft: rgba(227, 18, 53, .10);
    --rm-border: #e6ebf0;
    --rm-border-strong: #d7dee6;
    --rm-text: #17212b;
    --rm-muted: #667085;
    --rm-bg: #f6f8fb;
    --rm-card: #ffffff;
    --rm-danger: #dc3545;
    --rm-radius: 20px;
    --rm-shadow: 0 14px 36px rgba(23, 33, 43, .08);
    color: var(--rm-text)
}

#RadicalMart.order .rm-order-view__title, #RadicalMart.order h1.h2 {
    margin: 0 0 24px;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--rm-text)
}

#RadicalMart.order .rm-order-view__layout {
    align-items: flex-start;
    gap: 24px 0
}

#RadicalMart.order .rm-order-view__main {
    min-width: 0
}

#RadicalMart.order .rm-order-view__aside {
    width: 360px;
    flex: 0 0 360px
}

#RadicalMart.order .card {
    border: 1px solid var(--rm-border);
    border-radius: var(--rm-radius);
    background: var(--rm-card);
    box-shadow: var(--rm-shadow);
    overflow: hidden
}

#RadicalMart.order .card + .card, #RadicalMart.order .mb-3.card {
    margin-bottom: 22px !important
}

#RadicalMart.order .card-header, #RadicalMart.order .rm-order-section__header {
    padding: 22px 24px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
    border-bottom: 1px solid var(--rm-border)
}

#RadicalMart.order .card-header h2, #RadicalMart.order .card-header .h5, #RadicalMart.order .rm-order-section__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: -.02em;
    color: var(--rm-text)
}

#RadicalMart.order .card-header .text-muted, #RadicalMart.order .rm-order-section__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 0;
    border-radius: 50%;
    background: var(--rm-accent);
    color: #fff !important;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap
}

#RadicalMart.order .card-body, #RadicalMart.order .rm-order-section__body {
    padding: 24px
}

#RadicalMart.order .rm-order-products {
    display: grid;
    gap: 14px
}

#RadicalMart.order .rm-order-product-card {
    display: grid;
    grid-template-columns:86px minmax(0, 1fr) 120px 96px 120px;
    gap: 18px;
    align-items: center;
    padding: 16px;
    border: 1px solid var(--rm-border);
    border-radius: 18px;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease
}

#RadicalMart.order .rm-order-product-card:hover {
    border-color: #d8e0e9;
    box-shadow: 0 12px 26px rgb(16 24 40 / .06);
    transform: translateY(-1px)
}

#RadicalMart.order .rm-order-product-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 72px;
    border: 1px solid #eef2f6;
    border-radius: 14px;
    background: #f8fafc;
    overflow: hidden;
    text-decoration: none
}

#RadicalMart.order .rm-order-product-card__img, #RadicalMart.order .rm-order-product-card__image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain
}

#RadicalMart.order .rm-order-product-card__content {
    min-width: 0
}

#RadicalMart.order .rm-order-product-card__category {
    display: inline-flex;
    margin-bottom: 4px;
    color: var(--rm-muted);
    font-size: 13px;
    line-height: 1.25;
    text-decoration: none
}

#RadicalMart.order .rm-order-product-card__category:hover, #RadicalMart.order .rm-order-product-card__name:hover {
    color: var(--rm-accent)
}

#RadicalMart.order .rm-order-product-card__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--rm-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none
}

#RadicalMart.order .rm-order-product-card__extra {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px
}

#RadicalMart.order .rm-order-product-card__extra-item {
    display: inline-flex
}

#RadicalMart.order .rm-order-product-card__label {
    margin-bottom: 5px;
    color: var(--rm-muted);
    font-size: 12px;
    line-height: 1.2
}

#RadicalMart.order .rm-order-product-card__value {
    color: var(--rm-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap
}

#RadicalMart.order .rm-order-product-card__value--sum {
    font-weight: 900
}

#RadicalMart.order .rm-order-product-card__old-price {
    margin-bottom: 3px;
    color: var(--rm-muted);
    font-size: 12px;
    line-height: 1.25
}

#RadicalMart.order .rm-order-product-card__price, #RadicalMart.order .rm-order-product-card__qty, #RadicalMart.order .rm-order-product-card__sum {
    min-width: 0
}

#RadicalMart.order .rm-order-details-grid {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: 14px
}

#RadicalMart.order .rm-order-detail-item {
    display: grid;
    grid-template-columns:160px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 54px;
    padding: 14px 16px;
    border: 1px solid var(--rm-border);
    border-radius: 14px;
    background: #fff
}

#RadicalMart.order .rm-order-detail-item__label {
    color: var(--rm-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3
}

#RadicalMart.order .rm-order-detail-item__value {
    min-width: 0;
    color: var(--rm-text);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    overflow-wrap: anywhere
}

#RadicalMart.order .rm-order-detail-item__value input, #RadicalMart.order .rm-order-detail-item__value textarea, #RadicalMart.order .rm-order-detail-item__value select {
    width: 100%;
    min-height: auto;
    padding: 0;
    border: 0;
    background: #fff0;
    color: var(--rm-text);
    font: inherit;
    pointer-events: none
}

#RadicalMart.order .rm-order-view__aside > .card, #RadicalMart.order .rm-order-aside-card {
    position: sticky;
    top: 18px;
    box-shadow: 0 18px 42px rgb(23 33 43 / .10)
}

#RadicalMart.order .rm-order-view-summary__header {
    padding: 22px 24px 16px;
    border-bottom: 1px solid var(--rm-border)
}

#RadicalMart.order .rm-order-view-summary__title {
    margin: 0;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--rm-text)
}

#RadicalMart.order .rm-order-view-summary__body, #RadicalMart.order .rm-order-view-summary__totals, #RadicalMart.order .rm-order-view-summary__footer {
    padding: 18px 24px
}

#RadicalMart.order .rm-order-view-summary__footer {
    background: #fff;
    border-top: 1px solid var(--rm-border)
}

#RadicalMart.order .rm-order-view-line, #RadicalMart.order .rm-order-view-total {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 12px
}

#RadicalMart.order .rm-order-view-line:last-child, #RadicalMart.order .rm-order-view-total:last-child {
    margin-bottom: 0
}

#RadicalMart.order .rm-order-view-line__label, #RadicalMart.order .rm-order-view-total__label {
    color: var(--rm-muted);
    font-size: 13px;
    line-height: 1.35
}

#RadicalMart.order .rm-order-view-line__value, #RadicalMart.order .rm-order-view-total__value {
    color: var(--rm-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    text-align: right
}

#RadicalMart.order .rm-order-view-line__value .badge {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800
}

#RadicalMart.order .rm-order-view-total--grand {
    align-items: flex-end;
    margin-top: 2px
}

#RadicalMart.order .rm-order-view-total--grand .rm-order-view-total__label {
    font-size: 16px
}

#RadicalMart.order .rm-order-view-total--grand .rm-order-view-total__value {
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
    white-space: nowrap
}

#RadicalMart.order .rm-order-view-summary__pay {
    margin-top: 16px
}

#RadicalMart.order .rm-order-view-summary__pay .btn {
    min-height: 54px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--rm-accent), var(--rm-accent-dark));
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    box-shadow: 0 0 5px var(--rm-accent)
}

#RadicalMart.order .rm-order-view-summary__safe {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 16px;
    color: var(--rm-muted);
    font-size: 12.5px;
    line-height: 1.35
}

#RadicalMart.order .rm-order-view-summary__safe img {
    width: 22px;
    height: 22px;
    object-fit: contain
}

@media (max-width: 1199.98px) {
    #RadicalMart.order .rm-order-view__aside {
        width: 320px;
        flex-basis: 320px
    }

    #RadicalMart.order .rm-order-product-card {
        grid-template-columns:76px minmax(0, 1fr) 100px 76px 110px;
        gap: 14px
    }

    #RadicalMart.order .rm-order-product-card__image {
        width: 76px
    }
}

@media (max-width: 991.98px) {
    #RadicalMart.order .rm-order-view__layout {
        display: block
    }

    #RadicalMart.order .rm-order-view__aside {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    #RadicalMart.order .rm-order-view__aside > .card, #RadicalMart.order .rm-order-aside-card {
        position: static;
        margin-top: 22px
    }

    #RadicalMart.order .rm-order-product-card {
        grid-template-columns:86px minmax(0, 1fr) 1fr 80px 1fr
    }

    #RadicalMart.order .rm-order-details-grid {
        grid-template-columns:1fr
    }
}

@media (max-width: 767.98px) {
    #RadicalMart.order .card-header, #RadicalMart.order .rm-order-section__header, #RadicalMart.order .card-body, #RadicalMart.order .rm-order-section__body, #RadicalMart.order .rm-order-view-summary__header, #RadicalMart.order .rm-order-view-summary__body, #RadicalMart.order .rm-order-view-summary__totals, #RadicalMart.order .rm-order-view-summary__footer {
        padding: 18px
    }

    #RadicalMart.order .rm-order-product-card {
        grid-template-columns:72px minmax(0, 1fr);
        gap: 12px;
        align-items: start
    }

    #RadicalMart.order .rm-order-product-card__image {
        width: 72px;
        height: 64px;
        grid-row: span 4
    }

    #RadicalMart.order .rm-order-product-card__price, #RadicalMart.order .rm-order-product-card__qty, #RadicalMart.order .rm-order-product-card__sum {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        grid-column: 2
    }

    #RadicalMart.order .rm-order-product-card__label {
        margin-bottom: 0
    }

    #RadicalMart.order .rm-order-detail-item {
        grid-template-columns:1fr;
        gap: 5px
    }

    #RadicalMart.order .rm-order-view-total--grand .rm-order-view-total__value {
        font-size: 24px
    }
}

:root {
    --pfc-red: #ed0b2f;
    --pfc-red-dark: #c90021;
    --pfc-dark: #5c5e61;
    --pfc-dark-2: #5c5e61;
    --pfc-text: #000;
    --pfc-muted: #697386;
    --pfc-border: #dfe5ee;
    --pfc-bg: #ffffff;
    --pfc-soft: #f5f7fb;
    --pfc-shadow: 0 24px 60px rgba(7, 17, 31, 0.18);
    --pfc-container: 1670px;
    --pfc-header-height: 138px
}

.pfc-header, .pfc-header *, .pfc-mega, .pfc-mega *, .pfc-mobile-panel, .pfc-mobile-panel * {
    box-sizing: border-box
}

body.pfc-menu-open, body.pfc-mega-open {
    overflow: hidden
}

.pfc-header {
    position: sticky;
    top: 0;
    z-index: 20;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid rgb(7 17 31 / .08);
    box-shadow: 0 8px 24px rgb(7 17 31 / .05);
    font-family: "Graphik LCG", sans-serif
}

.pfc-header a, .pfc-mega a, .pfc-mobile-panel a {
    color: inherit;
    text-decoration: none
}

.pfc-header button, .pfc-header input, .pfc-mega button, .pfc-mobile-panel button, .pfc-mobile-panel input {
    font-family: inherit
}

.pfc-container {
    width: 100%;
    max-width: var(--pfc-container);
    margin: 0 auto;
    padding: 0 32px
}

.pfc-header__main {
    min-height: 86px;
    display: grid;
    grid-template-columns:170px 220px minmax(260px, 1fr) auto auto;
    align-items: center;
    gap: 20px;
    background: #fff
}

.pfc-logo {
    display: inline-flex;
    align-items: center;
    min-width: 0
}

.pfc-logo img {
    display: block;
    width: 100%;
    max-width: 165px;
    height: auto
}

.pfc-catalog-btn {
    border: 0;
    min-height: 50px;
    border-radius: 30px;
    background: var(--pfc-red);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
    box-shadow: 0 10px 22px rgb(237 11 47 / .2)
}

.pfc-catalog-btn:hover {
    background: var(--pfc-red-dark);
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgb(237 11 47 / .25)
}

.pfc-burger-icon, .pfc-burger-icon::before, .pfc-burger-icon::after {
    display: block;
    width: 18px;
    height: 2px;
    background: currentColor;
    border-radius: 30px;
    position: relative
}

.pfc-burger-icon::before, .pfc-burger-icon::after {
    content: "";
    position: absolute;
    left: 0
}

.pfc-burger-icon::before {
    top: -6px
}

.pfc-burger-icon::after {
    top: 6px
}

.pfc-search {
    position: relative;
    min-width: 0;
    margin: 0
}

.pfc-search input {
    width: 100%;
    height: 50px;
    border-radius: 30px;
    border: 1px solid var(--pfc-border);
    background: #f9fafc;
    padding: 0 54px 0 22px;
    font-size: 16px;
    color: var(--pfc-text);
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease
}

.pfc-search input:focus {
    border-color: rgb(237 11 47 / .45);
    background: #fff;
    box-shadow: 0 0 0 4px rgb(237 11 47 / .08)
}

.pfc-search button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 25px;
    height: 25px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 30px;
    background: #fff0;
    color: var(--pfc-text);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.pfc-search button:hover {
    background: #eef2f7
}

.pfc-contacts {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 22px;
    border-left: 1px solid var(--pfc-border);
    white-space: nowrap
}

.pfc-contacts__phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.1
}

a.pfc-contacts__phone img {
    max-width: 20px
}

.pfc-contacts__mail {
    font-size: 14px;
    line-height: 1.1;
    color: #203047;
    transition: color 0.2s ease;
    text-align: right
}

.pfc-contacts__mail:hover {
    color: var(--pfc-red)
}

.pfc-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    white-space: nowrap
}

.pfc-action {
    position: relative;
    min-width: 76px;
    height: 62px;
    border: 1px solid var(--pfc-border);
    border-radius: 10px;
    background: #fff;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: var(--pfc-text);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease
}

.pfc-action:hover {
    border-color: rgb(237 11 47 / .35);
    box-shadow: 0 10px 24px rgb(7 17 31 / .08);
    transform: translateY(-1px)
}

.pfc-action svg {
    width: 24px;
    height: 24px
}

.pfc-action span {
    font-size: 13px;
    font-weight: 600;
    line-height: 1
}

.pfc-action__badge {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 20px;
    background: var(--pfc-red);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    border: 2px solid #fff;
    font-style: normal
}

.pfc-action--phone {
    display: none
}

.pfc-nav-wrap {
    background: linear-gradient(180deg, #23262c 0%, #23262c 100%);
    border-top: 1px solid rgb(255 255 255 / .06)
}

.pfc-nav {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.pfc-nav__item {
    position: relative;
    min-height: 54px;
    display: flex;
    align-items: center
}

.pfc-nav__btn, .pfc-nav__link {
    color: #fff !important;
    min-height: 54px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    opacity: .96;
    border: 0;
    background: #fff0;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    text-decoration: none;
    white-space: nowrap
}

.pfc-nav__btn:hover, .pfc-nav__link:hover, .pfc-nav__item.is-open > .pfc-nav__btn {
    background: rgb(255 255 255 / .07);
    color: #fff !important
}

.pfc-nav__chevron {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    transition: transform 0.18s ease;
    opacity: .8
}

.pfc-nav__item.is-open .pfc-nav__chevron, .pfc-nav__item:hover .pfc-nav__chevron {
    transform: rotate(180deg)
}

.pfc-nav__item:hover > .pfc-nav-dropdown, .pfc-nav__item.is-open > .pfc-nav-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-28%) translateY(0)
}

.pfc-nav-dropdown--wide {
    width: 430px
}

.pfc-nav-dropdown__grid {
    display: grid;
    grid-template-columns:1fr;
    gap: 6px
}

.pfc-nav-dropdown--wide .pfc-nav-dropdown__grid {
    grid-template-columns:1fr 1fr;
    gap: 8px
}

.pfc-nav-dropdown__link {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-height: 54px;
    padding: 11px 12px;
    border-radius: 14px;
    color: #101828 !important;
    text-decoration: none;
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease
}

.pfc-nav-dropdown__link:hover {
    background: #f6f8fb;
    color: var(--pfc-red) !important;
    transform: translateX(2px)
}

.pfc-nav-dropdown__icon {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgb(237 11 47 / .07);
    color: var(--pfc-red);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-top: -1px
}

.pfc-nav-dropdown__icon svg {
    width: 18px;
    height: 18px
}

.pfc-nav-dropdown__text {
    min-width: 0
}

.pfc-nav-dropdown__text strong {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.22;
    color: inherit
}

.pfc-nav-dropdown__text span {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    color: #697386
}

.pfc-mega {
    position: fixed;
    inset: 0;
    z-index: 16;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, visibility 0.18s ease;
    font-family: "Graphik LCG", sans-serif
}

.pfc-mega.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.pfc-mega__backdrop {
    position: absolute;
    inset: 0;
    background: rgb(7 17 31 / .72);
    backdrop-filter: blur(3px)
}

.pfc-mega__panel {
    position: relative;
    max-width: var(--pfc-container);
    margin: 0 auto;
    padding: var(--pfc-header-height) 32px 0;
    transform: translateY(-8px);
    transition: transform 0.18s ease
}

.pfc-mega.is-open .pfc-mega__panel {
    transform: translateY(0)
}

.pfc-mega__inner {
    background: #fff;
    border: 1px solid rgb(223 229 238 / .95);
    border-radius: 0 0 24px 24px;
    box-shadow: var(--pfc-shadow);
    overflow: hidden;
    display: grid;
    grid-template-columns:320px minmax(0, 1fr) 290px;
    min-height: 430px
}

.pfc-mega__aside {
    background: #f7f9fc;
    border-right: 1px solid var(--pfc-border);
    padding: 20px
}

.pfc-mega__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 16px;
    color: var(--pfc-text)
}

.pfc-mega-tabs {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.pfc-mega-tab {
    border: 0;
    width: 100%;
    min-height: 58px;
    border-radius: 14px;
    background: #fff0;
    padding: 10px 0;
    text-align: left;
    display: grid;
    grid-template-columns:36px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    color: var(--pfc-text);
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease
}

.pfc-mega-tab:hover, .pfc-mega-tab.is-active {
    background: #fff;
    box-shadow: 0 10px 22px rgb(7 17 31 / .06)
}

.pfc-mega-tab.is-active {
    color: var(--pfc-red)
}

.pfc-mega-tab__icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.pfc-mega-tab__text strong {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    color: inherit
}

.pfc-mega-tab__text span {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: var(--pfc-muted);
    line-height: 1.25;
    font-weight: 400
}

.pfc-mega-tab__arrow {
    opacity: .45;
    font-size: 20px;
    line-height: 1
}

.pfc-mega__content {
    padding: 26px 28px;
    min-width: 0
}

.pfc-mega-section {
    display: none
}

.pfc-mega-section.is-active {
    display: block;
    animation: pfcFade 0.18s ease
}

@keyframes pfcFade {
    from {
        opacity: 0;
        transform: translateY(4px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.pfc-mega-section__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px
}

.pfc-mega-section__head h3 {
    font-size: 23px;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
    color: var(--pfc-text)
}

.pfc-mega-section__head p {
    max-width: 560px;
    margin: 8px 0 0;
    color: var(--pfc-muted);
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400
}

.pfc-mega-section__all {
    flex: 0 0 auto;
    min-height: 40px;
    border-radius: 12px;
    background: var(--pfc-red);
    color: #fff !important;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.2s ease
}

.pfc-mega-section__all:hover {
    background: var(--pfc-red-dark)
}

.pfc-mega-grid {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 18px
}

.pfc-mega-group {
    border: 1px solid var(--pfc-border);
    border-radius: 18px;
    padding: 18px;
    background: #fff;
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
    min-width: 0
}

.pfc-mega-group:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgb(7 17 31 / .08);
    border-color: rgb(237 11 47 / .22)
}

.pfc-mega-group h4 {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600
}

.pfc-mega-group h4 a {
    color: var(--pfc-text);
    transition: color 0.2s ease
}

.pfc-mega-group h4 a:hover {
    color: var(--pfc-red)
}

.pfc-mega-list {
    display: flex;
    flex-direction: column;
    gap: 9px
}

.pfc-mega-list a {
    color: #42526a;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease
}

.pfc-mega-list a:hover {
    color: var(--pfc-red);
    transform: translateX(2px)
}

.pfc-mega__promo {
    background: radial-gradient(circle at 85% 0%, rgb(237 11 47 / .26), transparent 34%), linear-gradient(180deg, #101c2e 0%, #07111f 100%);
    color: #fff;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px
}

.pfc-mega__promo-badge {
    display: inline-flex;
    width: fit-content;
    border-radius: 999px;
    background: rgb(237 11 47 / .18);
    color: #fff;
    border: 1px solid rgb(237 11 47 / .4);
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em
}

.pfc-mega__promo h3 {
    margin: 16px 0 10px;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700
}

.pfc-mega__promo p {
    margin: 0;
    color: rgb(255 255 255 / .72);
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400
}

.pfc-mega__promo-link {
    min-height: 48px;
    border-radius: 14px;
    background: var(--pfc-red);
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: background 0.2s ease
}

.pfc-mega__promo-link:hover {
    background: var(--pfc-red-dark)
}

.pfc-mobile-toggle {
    display: none;
    border: 0;
    background: #fff;
    color: var(--pfc-text);
    width: 46px;
    height: 46px;
    border-radius: 14px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px var(--pfc-border);
    padding: 0
}

.pfc-mobile-toggle span, .pfc-mobile-toggle span::before, .pfc-mobile-toggle span::after {
    display: block;
    width: 22px;
    height: 2px;
    background: currentColor;
    border-radius: 20px;
    position: relative;
    transition: transform 0.2s ease, top 0.2s ease, opacity 0.2s ease
}

.pfc-mobile-toggle span::before, .pfc-mobile-toggle span::after {
    content: "";
    position: absolute;
    left: 0
}

.pfc-mobile-toggle span::before {
    top: -7px
}

.pfc-mobile-toggle span::after {
    top: 7px
}

.pfc-mobile-toggle.is-active span {
    background: #fff0
}

.pfc-mobile-toggle.is-active span::before {
    top: 0;
    transform: rotate(45deg);
    background: var(--pfc-text)
}

.pfc-mobile-toggle.is-active span::after {
    top: 0;
    transform: rotate(-45deg);
    background: var(--pfc-text)
}

.pfc-mobile-panel {
    position: fixed;
    inset: 0;
    z-index: 1300;
    visibility: hidden;
    pointer-events: none;
    font-family: "Graphik LCG", sans-serif
}

.pfc-mobile-panel.is-open {
    visibility: visible;
    pointer-events: auto
}

.pfc-mobile-panel__overlay {
    position: absolute;
    inset: 0;
    background: rgb(7 17 31 / .68);
    opacity: 0;
    transition: opacity 0.2s ease;
    backdrop-filter: blur(3px)
}

.pfc-mobile-panel.is-open .pfc-mobile-panel__overlay {
    opacity: 1
}

.pfc-mobile-panel__body {
    position: absolute;
    top: 0;
    right: 0;
    width: min(440px, 100%);
    height: 100%;
    background: #fff;
    transform: translateX(100%);
    transition: transform 0.24s ease;
    display: flex;
    flex-direction: column;
    box-shadow: -20px 0 45px rgb(0 0 0 / .22)
}

.pfc-mobile-panel.is-open .pfc-mobile-panel__body {
    transform: translateX(0)
}

.pfc-mobile-panel__top {
    flex: 0 0 auto;
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--pfc-border)
}

.pfc-mobile-panel__logo img {
    display: block;
    max-width: 125px;
    height: 40px
}

.pfc-mobile-panel__close {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 14px;
    background: var(--pfc-soft);
    cursor: pointer;
    position: relative;
    padding: 0
}

.pfc-mobile-panel__close::before, .pfc-mobile-panel__close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 2px;
    border-radius: 20px;
    background: var(--pfc-text)
}

.pfc-mobile-panel__close::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.pfc-mobile-panel__close::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.pfc-mobile-panel__scroll {
    flex: 1 1 auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 18px
}

.pfc-mobile-search {
    position: relative;
    margin: 0 0 16px
}

.pfc-mobile-search input {
    width: 100%;
    height: 50px;
    border: 1px solid var(--pfc-border);
    border-radius: 14px;
    background: #f9fafc;
    padding: 0 48px 0 16px;
    font-size: 16px;
    outline: none
}

.pfc-mobile-search button {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: 0;
    background: #fff0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.pfc-mobile-phone {
    background: linear-gradient(180deg, #101c2e 0%, #07111f 100%);
    color: #fff !important;
    border-radius: 18px;
    padding: 16px;
    margin-bottom: 18px;
    display: block
}

.pfc-mobile-phone strong {
    display: block;
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: 700
}

.pfc-mobile-phone span {
    display: block;
    color: rgb(255 255 255 / .74);
    font-size: 14px
}

.pfc-mobile-quick {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 10px;
    margin-bottom: 18px
}

.pfc-mobile-quick a {
    min-height: 56px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--pfc-border);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    font-weight: 600;
    font-size: 14px
}

.pfc-mobile-quick svg {
    width: 22px;
    height: 22px;
    color: var(--pfc-red);
    flex: 0 0 auto
}

.pfc-mobile-menu {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.pfc-mobile-link, .pfc-mobile-accordion__btn, .pfc-mobile-subaccordion__btn {
    width: 100%;
    min-height: 52px;
    border: 1px solid var(--pfc-border);
    background: #fff;
    color: var(--pfc-text);
    border-radius: 16px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none
}

.pfc-mobile-link {
    justify-content: flex-start
}

.pfc-mobile-accordion__btn {
    background: var(--pfc-red);
    border-color: var(--pfc-red);
    color: #fff
}

.pfc-mobile-subaccordion__btn--plain {
    background: #fff
}

.pfc-mobile-accordion__arrow, .pfc-mobile-subaccordion__arrow {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: relative;
    flex: 0 0 auto
}

.pfc-mobile-accordion__arrow::before, .pfc-mobile-accordion__arrow::after, .pfc-mobile-subaccordion__arrow::before, .pfc-mobile-subaccordion__arrow::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    border-radius: 20px;
    background: currentColor;
    transform: translate(-50%, -50%)
}

.pfc-mobile-accordion__arrow::after, .pfc-mobile-subaccordion__arrow::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: transform 0.18s ease
}

.pfc-mobile-accordion.is-open .pfc-mobile-accordion__arrow::after, .pfc-mobile-subaccordion.is-open .pfc-mobile-subaccordion__arrow::after {
    transform: translate(-50%, -50%) rotate(0)
}

.pfc-mobile-accordion__content, .pfc-mobile-subaccordion__content {
    display: none;
    padding-top: 8px
}

.pfc-mobile-accordion.is-open > .pfc-mobile-accordion__content, .pfc-mobile-subaccordion.is-open > .pfc-mobile-subaccordion__content {
    display: block;
    animation: pfcFade 0.18s ease
}

.pfc-mobile-catalog {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.pfc-mobile-subaccordion__btn {
    min-height: 50px;
    font-size: 15px;
    background: #f7f9fc
}

.pfc-mobile-sublist {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 0 0 12px
}

.pfc-mobile-sublist a {
    display: block;
    padding: 11px 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--pfc-border);
    color: #344054;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none
}

.pfc-mobile-panel__bottom {
    flex: 0 0 auto;
    padding: 14px 18px;
    border-top: 1px solid var(--pfc-border);
    background: #fff
}

.pfc-mobile-bottom-btn {
    min-height: 52px;
    border-radius: 16px;
    background: var(--pfc-red);
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

@media (max-width: 1280px) {
    .pfc-container {
        padding: 0 24px
    }

    .pfc-header__main {
        grid-template-columns:160px 205px minmax(220px, 1fr) auto auto;
        gap: 16px
    }

    .pfc-contacts {
        padding-left: 16px
    }

    .pfc-nav__btn, .pfc-nav__link {
        padding: 0 12px;
        font-size: 14px
    }

    .pfc-nav-dropdown {
        width: 310px
    }

    .pfc-nav-dropdown--wide {
        width: 390px
    }
}

@media (max-width: 1120px) {
    .pfc-header__main {
        grid-template-columns:150px 190px minmax(210px, 1fr) auto
    }

    .pfc-contacts {
        display: none
    }

    .pfc-mega__inner {
        grid-template-columns:290px minmax(0, 1fr)
    }

    .pfc-mega__promo {
        display: none
    }

    .pfc-mega-grid {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 920px) {
    .pfc-header__main {
        min-height: 74px;
        grid-template-columns:46px minmax(112px, 1fr) auto;
        gap: 10px
    }

    .pfc-mobile-toggle {
        display: inline-flex;
        grid-column: 1;
        grid-row: 1
    }

    .pfc-logo {
        grid-column: 2;
        grid-row: 1
    }

    .pfc-logo img {
        max-width: 132px
    }

    .pfc-catalog-btn, .pfc-search, .pfc-contacts {
        display: none
    }

    .pfc-actions {
        grid-column: 3;
        grid-row: 1;
        gap: 8px
    }

    .pfc-action {
        width: 46px;
        min-width: 46px;
        height: 46px;
        border-radius: 14px
    }

    .pfc-action span {
        display: none
    }

    .pfc-action svg {
        width: 23px;
        height: 23px
    }

    .pfc-action--phone {
        display: inline-flex
    }

    .pfc-action--login {
        display: none
    }

    .pfc-nav-wrap, .pfc-mega {
        display: none
    }
}

h2.rm-personal-card__title {
    margin: 0;
    padding: 0
}

@media (max-width: 520px) {
    .pfc-container {
        padding: 0 12px
    }

    .pfc-header__main {
        min-height: 68px;
        grid-template-columns:44px minmax(98px, 1fr) auto;
        gap: 8px
    }

    .pfc-logo img {
        max-width: 116px
    }

    .pfc-actions {
        gap: 6px
    }

    .pfc-action {
        width: 42px;
        min-width: 42px;
        height: 42px
    }

    .pfc-action__badge {
        top: -6px;
        right: -6px
    }

    .pfc-mobile-panel__body {
        width: 100%
    }

    .pfc-mobile-quick {
        grid-template-columns:1fr
    }
}

.pfc-nav__btn, .pfc-nav__link {
    min-height: 54px;
    padding: 0 18px;
    border: 0;
    background: #fff0;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease
}

.pfc-nav__btn:hover, .pfc-nav__link:hover, .pfc-nav__item.is-open > .pfc-nav__btn, .pfc-nav__item:hover > .pfc-nav__btn {
    background: rgb(255 255 255 / .07);
    color: #fff !important
}

.pfc-nav__item.is-active > .pfc-nav__link, .pfc-nav__item.is-active > .pfc-nav__btn {
    color: #fff !important
}

.pfc-nav__chevron {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    opacity: .75;
    transition: transform 0.18s ease
}

.pfc-nav__item:hover .pfc-nav__chevron, .pfc-nav__item.is-open .pfc-nav__chevron {
    transform: rotate(180deg)
}

.pfc-nav-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 320px;
    transform: translateX(-28%) translateY(10px);
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 22px 48px rgb(7 17 31 / .16);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    z-index: 1250
}

.pfc-nav-dropdown__grid {
    display: grid;
    grid-template-columns:1fr;
    gap: 0
}

.pfc-nav-dropdown__grid--wide {
    grid-template-columns:1fr 1fr;
    gap: 10px;
    width: 440px
}

.pfc-nav-dropdown:has(.pfc-nav-dropdown__grid--wide) {
    width: 460px
}

.pfc-nav-dropdown__link, .pfc-nav-dropdown__group-title {
    display: flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 12px;
    color: #101828 !important;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2;
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease
}

.pfc-nav-dropdown__link:hover, .pfc-nav-dropdown__group-title:hover {
    background: #f6f8fb;
    color: var(--pfc-red) !important;
    transform: translateX(2px)
}

.pfc-nav-dropdown__link.is-active, .pfc-nav-dropdown__group.is-active > .pfc-nav-dropdown__group-title {
    background: #ed0b2f;
    color: #fff !important
}

.pfc-nav-dropdown__group {
    padding: 6px;
    border: 1px solid #e7ecf3;
    border-radius: 14px
}

.pfc-nav-dropdown__group-title {
    min-height: 38px;
    padding: 8px 10px
}

.pfc-nav-dropdown__sublist {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 2px 0 4px
}

.pfc-nav-dropdown__sublist .pfc-nav-dropdown__link {
    min-height: 34px;
    padding: 7px 10px 7px 18px;
    color: #526173 !important;
    font-size: 13px
}

@media (max-width: 1280px) {
    .pfc-nav__btn, .pfc-nav__link {
        padding: 0 12px;
        font-size: 14px
    }

    .pfc-nav-dropdown {
        width: 300px
    }

    .pfc-nav-dropdown:has(.pfc-nav-dropdown__grid--wide) {
        width: 400px
    }

    .pfc-nav-dropdown__grid--wide {
        width: 380px
    }
}

@media (max-width: 920px) {
    .pfc-nav__item, .pfc-nav-dropdown {
        display: none
    }
}

.pfc-nav-dropdown__link, .pfc-nav-dropdown__group-title, .pfc-nav-dropdown__sublist .pfc-nav-dropdown__link {
    font-weight: 400 !important
}

.pfc-nav-dropdown__link:hover, .pfc-nav-dropdown__link:focus, .pfc-nav-dropdown__link:focus-visible, .pfc-nav-dropdown__group-title:hover, .pfc-nav-dropdown__group-title:focus, .pfc-nav-dropdown__group-title:focus-visible {
    font-weight: 400 !important
}

.pfc-catalog-mega .pfc-mega-tab {
    text-decoration: none
}

.pfc-catalog-mega .pfc-mega-tab--no-icon {
    grid-template-columns:minmax(0, 1fr) 18px !important;
    padding-left: 18px
}

.pfc-catalog-mega .pfc-mega-tab--no-icon .pfc-mega-tab__text {
    grid-column: auto !important;
    min-width: 0
}

.pfc-catalog-mega .pfc-mega-tab__text strong, .pfc-catalog-mega .pfc-mega-tab__text span {
    overflow-wrap: normal;
    word-break: normal
}

.pfc-catalog-mega .pfc-mega-tab__icon img {
    display: block;
    width: 35px;
    height: 35px;
    object-fit: contain
}

.pfc-catalog-mega .pfc-mega-section__title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px
}

.pfc-catalog-mega .pfc-mega-section__count {
    flex: 0 0 auto;
    display: inline-flex;
    width: fit-content;
    margin-top: 2px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgb(237 11 47 / .08);
    color: var(--pfc-red);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap
}

.pfc-catalog-mega .pfc-mega-grid--categories {
    grid-template-columns:repeat(3, minmax(0, 1fr))
}

.pfc-catalog-mega .pfc-mega-category-group {
    display: flex;
    flex-direction: column;
    min-height: 148px;
    padding: 18px;
    border: 1px solid var(--pfc-border);
    border-radius: 18px;
    background: #fff;
    color: var(--pfc-text);
    text-decoration: none;
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease
}

.pfc-catalog-mega .pfc-mega-category-group:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgb(7 17 31 / .08);
    border-color: rgb(237 11 47 / .24)
}

.pfc-catalog-mega .pfc-mega-category-group__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px
}

.pfc-catalog-mega .pfc-mega-category-group__title {
    color: var(--pfc-text);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease
}

.pfc-catalog-mega .pfc-mega-category-group__title:hover {
    color: var(--pfc-red)
}

.pfc-catalog-mega .pfc-mega-category-group__count {
    flex: 0 0 auto;
    min-width: 30px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f2f5f9;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600
}

.pfc-catalog-mega .pfc-mega-manufacturer-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 2px
}

.pfc-catalog-mega .pfc-mega-manufacturer-link {
    color: #526173;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    text-underline-offset: 3px;
    transition: color 0.18s ease, transform 0.18s ease
}

.pfc-catalog-mega .pfc-mega-manufacturer-link:hover {
    color: var(--pfc-red);
    transform: translateX(2px)
}

.pfc-catalog-mega .pfc-mega-manufacturer-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 14px 16px;
    border: 1px solid var(--pfc-border);
    border-radius: 16px;
    background: #fff;
    color: var(--pfc-text);
    text-decoration: none;
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease, color 0.2s ease
}

.pfc-catalog-mega .pfc-mega-manufacturer-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgb(7 17 31 / .08);
    border-color: rgb(237 11 47 / .24);
    color: var(--pfc-red)
}

.pfc-catalog-mega .pfc-mega-manufacturer-card__title {
    min-width: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

.pfc-catalog-mega .pfc-mega-manufacturer-card__count {
    flex: 0 0 auto;
    min-width: 30px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f2f5f9;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600
}

.pfc-catalog-mega .pfc-mega-empty {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 22px;
    border: 1px dashed var(--pfc-border);
    border-radius: 18px;
    background: #f8fafc
}

.pfc-catalog-mega .pfc-mega-empty strong {
    display: block;
    margin-bottom: 5px;
    color: var(--pfc-text);
    font-size: 16px;
    font-weight: 600
}

.pfc-catalog-mega .pfc-mega-empty span {
    display: block;
    color: var(--pfc-muted);
    font-size: 14px;
    line-height: 1.35
}

.pfc-catalog-mega .pfc-mega-empty__btn {
    flex: 0 0 auto;
    min-height: 42px;
    border-radius: 12px;
    background: var(--pfc-red);
    color: #fff !important;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.2s ease;
    white-space: nowrap
}

.pfc-catalog-mega .pfc-mega-empty__btn:hover {
    background: var(--pfc-red-dark)
}

.pfc-catalog-mega .pfc-mega-brands-placeholder {
    display: none
}

@media (max-width: 1120px) {
    .pfc-catalog-mega .pfc-mega-grid--categories {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

.pfc-action__icon {
    width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
    flex-shrink: 0
}

span.pfc-cart-safe__icon img {
    max-width: 22px
}

.offcanvas-backdrop.show {
    opacity: 1
}

.offcanvas-backdrop {
    background: rgb(7 17 31 / .72);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px)
}

.pfc-cart-offcanvas {
    --pfc-red: #ed0b35;
    --pfc-red-dark: #d8072e;
    --pfc-navy: #071426;
    --pfc-text: #111827;
    --pfc-muted: #6b7587;
    --pfc-border: #dfe6ef;
    --pfc-bg: #f6f8fb;
    --pfc-soft-red: #fff0f3;
    --pfc-green: #149a28;
    width: min(430px, 100vw) !important;
    border-left: 1px solid var(--pfc-border);
    background: #fff;
    box-shadow: -20px 0 60px rgb(7 20 38 / .18)
}

.pfc-cart-offcanvas .offcanvas-body {
    padding: 0
}

.pfc-cart-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--pfc-text)
}

.pfc-cart-header {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 10px
}

.pfc-cart-header__main {
    min-width: 0
}

.pfc-cart-header__top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px
}

.pfc-cart-title {
    font-size: 34px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.04em;
    color: var(--pfc-navy)
}

.pfc-cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 13px;
    border-radius: 13px;
    background: var(--pfc-soft-red);
    color: var(--pfc-red);
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap
}

.pfc-cart-subtitle {
    font-size: 15px;
    line-height: 1.35;
    color: var(--pfc-muted)
}

.pfc-cart-close {
    position: relative;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 0;
    padding: 0;
    background: #fff0;
    border-radius: 14px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease
}

.pfc-cart-close:hover {
    background: #f1f4f8
}

.pfc-cart-close:active {
    transform: scale(.96)
}

.pfc-cart-close span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 28px;
    height: 2px;
    border-radius: 10px;
    background: #3f4958;
    transform-origin: center
}

.pfc-cart-close span:first-child {
    transform: translate(-50%, -50%) rotate(45deg)
}

.pfc-cart-close span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.pfc-cart-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 10px 10px 10px;
    scrollbar-width: thin;
    scrollbar-color: #c7d0dd #fff0
}

.pfc-cart-body::-webkit-scrollbar {
    width: 6px
}

.pfc-cart-body::-webkit-scrollbar-thumb {
    background: #c7d0dd;
    border-radius: 20px
}

.pfc-cart-products {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.pfc-cart-product {
    position: relative;
    display: grid;
    grid-template-columns:88px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--pfc-border);
    border-radius: 18px;
    background: rgb(255 255 255 / .92);
    box-shadow: 0 12px 32px rgb(7 20 38 / .045);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease
}

.pfc-cart-product:hover {
    border-color: #cdd8e6;
    box-shadow: 0 16px 38px rgb(7 20 38 / .075);
    transform: translateY(-1px)
}

.pfc-cart-product__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    overflow: hidden;
    border-radius: 14px;
    background: #f5f7fa;
    border: 1px solid #edf1f6;
    text-decoration: none
}

.pfc-cart-product__img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px
}

.pfc-cart-product__content {
    min-width: 0;
    display: flex;
    flex-direction: column
}

.pfc-cart-product__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px
}

.pfc-cart-product__category {
    display: block;
    min-width: 0;
    max-width: calc(100% - 34px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--pfc-muted);
    font-size: 15px;
    line-height: 1.2;
    text-decoration: none
}

.pfc-cart-product__category:hover {
    color: var(--pfc-red)
}

.pfc-cart-product__remove {
    position: relative;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-top: -4px;
    border-radius: 10px;
    color: var(--pfc-red);
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease
}

.pfc-cart-product__remove:hover {
    background: var(--pfc-soft-red);
    color: var(--pfc-red-dark)
}
.pfc-cart-product__remove {
    position: relative;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-top: -4px;
    border-radius: 10px;
    text-decoration: none;
    background: transparent;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

/* Убираем старый крестик */
.pfc-cart-product__remove::after {
    content: none !important;
    display: none !important;
}

/* Рисуем иконку корзины */
.pfc-cart-product__remove::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translate(-50%, -50%);
    background-color: var(--pfc-red);

    -webkit-mask: url('/images/trash.svg') center / contain no-repeat;
    mask: url('/images/trash.svg') center / contain no-repeat;
}

/* Наведение — подсветка кнопки, иконка остаётся */
.pfc-cart-product__remove:hover {
    background-color: var(--pfc-soft-red);
}

.pfc-cart-product__remove:hover::before {
    background-color: var(--pfc-red-dark);
}

.pfc-cart-product__remove:active {
    transform: scale(0.96);
}

.pfc-cart-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--pfc-navy);
    font-size: 16px;
    line-height: 1.22;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: -.01em
}

.pfc-cart-product__title:hover {
    color: var(--pfc-red)
}

.pfc-cart-product__extra {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px
}

.pfc-cart-product__extra-item {
    font-size: 12px;
    line-height: 1.2;
    color: var(--pfc-muted)
}

.pfc-cart-product__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 12px
}

.pfc-cart-product__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 0;
    color: var(--pfc-muted);
    font-size: 15px;
    line-height: 1.2
}

.pfc-cart-product__dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #9ca6b5
}

.pfc-cart-product__stock {
    color: var(--pfc-green);
    font-weight: 600;
    white-space: nowrap
}

.pfc-cart-product__price {
    flex: 0 0 auto;
    color: var(--pfc-navy);
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
    letter-spacing: -.03em
}

.pfc-cart-footer {
    flex: 0 0 auto;
    padding: 22px 24px 24px;
    border-top: 1px solid var(--pfc-border);
    background: rgb(255 255 255 / .96);
    box-shadow: 0 -14px 35px rgb(7 20 38 / .055)
}

.pfc-cart-total {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px
}

.pfc-cart-total__label {
    color: var(--pfc-muted);
    font-size: 26px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -.03em
}

.pfc-cart-total__value {
    color: var(--pfc-navy);
    font-size: 34px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
    white-space: nowrap
}

.pfc-cart-summary {
    display: grid;
    grid-template-columns:34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    margin-bottom: 18px;
    padding: 9px 12px;
    border: 1px solid var(--pfc-border);
    border-radius: 15px;
    background: #f7f9fc;
    color: var(--pfc-muted)
}

.pfc-cart-summary__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: #fff;
    color: #243246;
    box-shadow: 0 4px 14px rgb(7 20 38 / .06)
}

.pfc-cart-summary__text {
    min-width: 0;
    font-size: 14px;
    line-height: 1.2
}

.pfc-cart-summary__price {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    white-space: nowrap
}

.pfc-cart-actions {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 10px
}

.pfc-cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 13px 18px;
    border-radius: 17px;
    font-size: 17px;
    line-height: 1.1;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease
}

.pfc-cart-btn:active {
    transform: scale(.98)
}

.pfc-cart-btn--primary {
    border: 1px solid var(--pfc-red);
    background: linear-gradient(135deg, #ff0d3d 0%, #df062e 100%);
    color: #fff;
    box-shadow: 0 12px 28px rgb(237 11 53 / .24)
}

.pfc-cart-btn--primary:hover {
    border-color: var(--pfc-red-dark);
    background: linear-gradient(135deg, #f40938 0%, #c90529 100%);
    color: #fff !important;
    box-shadow: 0 14px 34px rgb(237 11 53 / .32)
}

.pfc-cart-btn--outline {
    border: 2px solid var(--pfc-red);
    background: #fff;
    color: var(--pfc-red)
}

.pfc-cart-btn--outline:hover {
    background: var(--pfc-soft-red);
    color: #d8072e !important;
    border-color: var(--pfc-red-dark)
}

.pfc-cart-safe {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
    color: var(--pfc-muted);
    font-size: 13px;
    line-height: 1.25;
    text-align: left
}

.pfc-cart-safe__icon {
    flex: 0 0 auto;
    display: inline-flex;
    color: #344154
}

.pfc-cart-safe__icon svg path:nth-child(2), .pfc-cart-safe__icon svg path:nth-child(3) {
    stroke: var(--pfc-red)
}

.pfc-cart-empty {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 28px;
    text-align: center
}

.pfc-cart-empty__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    margin-bottom: 20px;
    border-radius: 26px;
    background: var(--pfc-soft-red);
    color: var(--pfc-red)
}

.pfc-cart-empty__title {
    margin-bottom: 8px;
    color: var(--pfc-navy);
    font-size: 25px;
    line-height: 1.15;
    font-weight: 850
}

.pfc-cart-empty__text {
    max-width: 280px;
    margin-bottom: 22px;
    color: var(--pfc-muted);
    font-size: 15px;
    line-height: 1.45
}

@media (max-width: 480px) {
    .pfc-cart-offcanvas {
        width: 100vw !important
    }

    .pfc-cart-header {
        padding: 10px
    }

    .pfc-cart-title {
        font-size: 30px
    }

    .pfc-cart-count {
        min-height: 31px;
        font-size: 14px;
        border-radius: 12px
    }

    .pfc-cart-body {
        padding: 10px 10px 10px
    }

    .pfc-cart-product {
        grid-template-columns:78px minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
        border-radius: 16px
    }

    .pfc-cart-product__image {
        width: 78px;
        height: 78px;
        border-radius: 13px
    }

    .pfc-cart-product__category {
        font-size: 14px
    }

    .pfc-cart-product__title {
        font-size: 15px
    }

    .pfc-cart-product__meta {
        font-size: 13px
    }

    .pfc-cart-product__price {
        font-size: 17px
    }

    .pfc-cart-footer {
        padding: 18px 14px 18px
    }

    .pfc-cart-total__label {
        font-size: 24px
    }

    .pfc-cart-total__value {
        font-size: 30px
    }

    .pfc-cart-actions {
        gap: 8px
    }

    .pfc-cart-btn {
        min-height: 52px;
        padding: 12px 10px;
        border-radius: 15px;
        font-size: 15px
    }
}

@media (max-width: 370px) {
    .pfc-cart-product {
        grid-template-columns:70px minmax(0, 1fr)
    }

    .pfc-cart-product__image {
        width: 70px;
        height: 70px
    }

    .pfc-cart-product__bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px
    }

    .pfc-cart-product__price {
        align-self: flex-end
    }

    .pfc-cart-summary {
        grid-template-columns:30px minmax(0, 1fr)
    }

    .pfc-cart-summary__price {
        grid-column: 2
    }

    .pfc-cart-actions {
        grid-template-columns:1fr
    }
}
.rm-cart-product__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.3;
    color: #6f7b8a;
}

.rm-cart-product__article {
    color: #6f7b8a;
}

.rm-cart-product__stock {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
}

.rm-cart-product__stock.is-in-stock {
    color: #087443;
    background: #ecfdf3;
}

.rm-cart-product__stock.is-out-stock {
    color: #b42318;
    background: #fef3f2;
}

.rm-cart-bottom-modules {
    margin-top: 16px;
}

.rm-cart-bottom-modules__item {
    margin-bottom: 16px;
}

.pfc-order-steps {
    margin-top: 16px;
    padding: 24px 28px 26px;
    background: #fff;
    border: 1px solid #e3eaf2;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
    color: #061426;
}

.pfc-order-steps__title {
    margin-bottom: 18px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
    color: #061426;
}

.pfc-order-steps__list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12%;
    align-items: center;
}

.pfc-order-steps__list::before {
    content: "";
    position: absolute;
    left: 60px;
    right: 72px;
    top: 30px;
    height: 1px;
    background: #d7e0ea;
    z-index: 0;
}

.pfc-order-step {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    min-width: 0;
}

.pfc-order-step__icon {
    position: relative;
    width: 62px;
    height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f7f9fc;
    border: 1px solid #dfe7f0;
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    color: #516173;
}

.pfc-order-step__icon svg {
    width: 28px;
    height: 28px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pfc-order-step__num {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 18px;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    color: #4e5e72;
    background: #fff;
    text-align: center;
}

.pfc-order-step__content {
    min-width: 0;
    background: #fff;
}

.pfc-order-step__name {
    margin-bottom: 6px;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 800;
    color: #061426;
}

.pfc-order-step__text {
    font-size: 15px;
    line-height: 1.4;
    color: #66758a;
}

@media (max-width: 1199px) {
    .pfc-order-steps {
        padding: 22px;
    }

    .pfc-order-steps__list {
        gap: 22px;
    }

    .pfc-order-step {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 16px;
    }

    .pfc-order-step__icon {
        width: 56px;
        height: 56px;
    }

    .pfc-order-step__icon svg {
        width: 25px;
        height: 25px;
    }

    .pfc-order-step__name {
        font-size: 16px;
    }

    .pfc-order-step__text {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .pfc-order-steps__list {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .pfc-order-steps__list::before {
        left: 30px;
        right: auto;
        top: 34px;
        bottom: 34px;
        width: 1px;
        height: auto;
    }

    .pfc-order-step {
        grid-template-columns: 62px minmax(0, 1fr);
        padding: 14px 0;
    }

    .pfc-order-step__num {
        right: auto;
        left: 50%;
        top: auto;
        bottom: -20px;
        transform: translateX(-50%);
        font-size: 13px;
    }

    .pfc-order-step:last-child .pfc-order-step__num {
        display: none;
    }
}

@media (max-width: 575px) {
    .pfc-order-steps {
        margin-top: 14px;
        padding: 18px 16px;
        border-radius: 16px;
    }

    .pfc-order-steps__title {
        margin-bottom: 22px;
        font-size: 19px;
    }

    .pfc-order-step {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 13px;
        padding: 12px 0;
    }

    .pfc-order-step__icon {
        width: 48px;
        height: 48px;
    }

    .pfc-order-step__icon svg {
        width: 22px;
        height: 22px;
    }

    .pfc-order-steps__list::before {
        left: 24px;
    }

    .pfc-order-step__name {
        margin-bottom: 4px;
        font-size: 15px;
    }

    .pfc-order-step__text {
        font-size: 13px;
    }
}
.pfc-main-showcase,
.pfc-main-showcase *,
.pfc-main-showcase *::before,
.pfc-main-showcase *::after {
    box-sizing: border-box;
}

.pfc-main-showcase {
    width: 100%;
    padding: 0;
    color: #101828;
}

.pfc-main-showcase__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 24px;
    align-items: stretch;
}

/* =========================
   HERO SLIDER
========================= */

.pfc-hero-slider {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border-radius: 24px;
    background: #111827;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.pfc-hero-swiper {
    width: 100%;
    height: 100%;
    min-height: 470px;
}

.pfc-hero-slide {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    isolation: isolate;
}

.pfc-hero-slide__image {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.01);
}

/* универсальное затемнение для любой фотографии */
.pfc-hero-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
            linear-gradient(90deg, rgba(9, 17, 30, 0.96) 0%, rgba(9, 17, 30, 0.88) 28%, rgba(9, 17, 30, 0.46) 55%, rgba(9, 17, 30, 0.12) 100%),
            linear-gradient(0deg, rgba(9, 17, 30, 0.38), rgba(9, 17, 30, 0.1));
    pointer-events: none;
}

.pfc-hero-slide::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    z-index: 2;
    height: 42%;
    background: linear-gradient(0deg, rgba(9, 17, 30, 0.72), rgba(9, 17, 30, 0));
    pointer-events: none;
}

.pfc-hero-slide__content {
    position: relative;
    z-index: 3;
    display: flex;
    min-height: 470px;
    padding: 54px 54px 94px;
}

.pfc-hero-slide__inner {
    width: 100%;
    max-width: 560px;
}

.pfc-hero-slide__title {
    margin: 0;
    color: #ffffff;
    font-size: 58px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.pfc-hero-slide__text {
    margin-top: 22px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 25px;
    line-height: 1.35;
    font-weight: 400;
}

.pfc-hero-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 28px;
}

.pfc-hero-benefit {
    display: flex;
    align-items: center;
    min-height: 74px;
    padding: 14px 22px;
    border-radius: 12px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.pfc-hero-benefit__icon {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-right: 18px;
}

.pfc-hero-benefit__icon img {
    display: block;
    max-width: 42px;
    max-height: 42px;
}

.pfc-hero-benefit__text {
    display: block;
    color: rgba(255, 255, 255, 0.94);
    font-size: 16px;
    line-height: 1.28;
    font-weight: 600;
}

.pfc-hero-brands {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-top: 34px;
}

.pfc-hero-brands img {
    display: block;
    max-width: 150px;
    max-height: 42px;
    object-fit: contain;
}

.pfc-hero-brands span {
    display: block;
    width: 1px;
    height: 42px;
    background: rgba(255, 255, 255, 0.65);
}

/* controls */
.pfc-hero-slider__controls {
    position: absolute;
    left: 54px;
    bottom: 28px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 16px;
}

.pfc-slider-arrow,
.pfc-product-arrow {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    cursor: pointer;
    line-height: 1;
    text-decoration: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    transition: transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease;
}

.pfc-slider-arrow {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.pfc-slider-arrow--dark {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.pfc-slider-arrow--red {
    background: #ed1236;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(237, 18, 54, 0.32);
}

.pfc-slider-arrow:hover,
.pfc-product-arrow:hover {
    transform: translateY(-1px);
}

.pfc-slider-arrow:active,
.pfc-product-arrow:active {
    transform: translateY(0);
}

.pfc-slider-arrow span,
.pfc-product-arrow span {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid currentColor;
    border-left: 3px solid currentColor;
}

.pfc-hero-prev span,
.pfc-product-prev span {
    transform: rotate(-45deg);
    margin-left: 4px;
}

.pfc-hero-next span,
.pfc-product-next span {
    transform: rotate(135deg);
    margin-right: 4px;
}

.pfc-hero-slider__fraction {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 64px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
}

.pfc-hero-slider__fraction span:not(.pfc-hero-current):not(.pfc-hero-total) {
    color: rgba(255, 255, 255, 0.45);
}

.pfc-hero-pagination {
    position: static !important;
    display: flex;
    align-items: center;
    width: auto !important;
    gap: 12px;
}

.pfc-hero-pagination .swiper-pagination-bullet {
    display: block;
    width: 44px;
    height: 2px;
    margin: 0 !important;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.22);
    opacity: 1;
    transition: background-color 0.22s ease, width 0.22s ease;
}

.pfc-hero-pagination .swiper-pagination-bullet-active {
    width: 48px;
    background: #ed1236;
}

/* =========================
   PRODUCT CARD SLIDER
========================= */

.pfc-featured-products {
    position: relative;
    min-width: 0;
}

.pfc-product-swiper {
    position: relative;
    height: 100%;
    min-height: 470px;
    overflow: hidden;
    border-radius: 24px;
}

.pfc-featured-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 470px;
    padding: 28px 28px 24px;
    border: 1px solid #e8edf3;
    border-radius: 24px;
    background: #ffffff;
    overflow: hidden;
}

.pfc-featured-card__badge {
    position: absolute;
    left: 28px;
    top: 28px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 16px;
    border-radius: 999px;
    background: #fff0f2;
    color: #ed1236;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

.pfc-featured-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 210px;
    margin: 28px 0 8px;
    text-decoration: none;
}

.pfc-featured-card__image img {
    display: block;
    max-width: 100%;
    max-height: 200px;
    object-fit: contain;
    transition: transform 0.28s ease;
}

.pfc-featured-card__image:hover img {
    transform: scale(1.035);
}

.pfc-featured-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.pfc-featured-card__category {
    margin-bottom: 8px;
    color: #8a94a6;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 500;
}

.pfc-featured-card__title {
    display: block;
    color: #111827;
    font-size: 20px;
    line-height: 1.22;
    font-weight: 800;
    text-decoration: none;
    transition: color 0.22s ease;
}

.pfc-featured-card__title:hover {
    color: #ed1236;
}

.pfc-featured-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin-top: 14px;
}

.pfc-featured-card__sku,
.pfc-featured-card__stock {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
}

.pfc-featured-card__sku {
    color: #667085;
    background: #f4f6f8;
}

.pfc-featured-card__sku span {
    color: #111827;
    margin-left: 4px;
}

.pfc-featured-card__stock--yes {
    color: #138a45;
    background: #ecfdf3;
}

.pfc-featured-card__brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin-top: 16px;
    border: 3px solid #ed1236;
    border-radius: 50%;
    color: #ed1236;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.pfc-featured-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto;
    padding-top: 22px;
}

.pfc-featured-card__price {
    color: #101828;
    font-size: 31px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
}

.pfc-featured-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 14px 22px;
    border-radius: 8px;
    background: #ed1236;
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(237, 18, 54, 0.22);
    transition: background-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.pfc-featured-card__button:hover {
    background: #d70f30;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 16px 28px rgba(237, 18, 54, 0.28);
}
span.pfc-featured-icon img {
    max-width: 27px;
}
.pfc-featured-card__button-icon {
    position: relative;
    display: block;
    width: 22px;
    height: 20px;
    margin-right: 10px;
    color: currentColor;
}

.pfc-featured-card__button-icon::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: 17px;
    height: 12px;
    border: 2px solid currentColor;
    border-top: 0;
    transform: skewX(-8deg);
}

.pfc-featured-card__button-icon::after {
    content: "";
    position: absolute;
    left: 3px;
    bottom: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 12px 0 0 currentColor;
}

.pfc-product-arrow {
    position: absolute;
    top: 24px;
    z-index: 10;
    width: 42px;
    height: 42px;
    border: 1px solid #e8edf3;
    border-radius: 50%;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12);
}

.pfc-product-prev {
    left: auto;
    right: 76px;
}

.pfc-product-next {
    right: 24px;
}

.pfc-product-arrow:hover {
    background: #f8fafc;
    color: #ed1236;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
}

.pfc-product-arrow.swiper-button-disabled,
.pfc-slider-arrow.swiper-button-disabled {
    opacity: 0.38;
    cursor: default;
    pointer-events: none;
}

/* =========================
   ADAPTIVE
========================= */

@media (max-width: 1280px) {
    .pfc-main-showcase__grid {
        grid-template-columns: minmax(0, 1fr) 340px;
        gap: 20px;
    }

    .pfc-hero-slide__title {
        font-size: 50px;
    }

    .pfc-hero-slide__text {
        font-size: 22px;
    }

    .pfc-featured-card {
        padding: 24px;
    }

    .pfc-featured-card__button {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (max-width: 1100px) {
    .pfc-main-showcase__grid {
        grid-template-columns: 1fr;
    }

    .pfc-product-swiper,
    .pfc-featured-card {
        min-height: auto;
    }

    .pfc-featured-card {
        display: grid;
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 24px;
        align-items: center;
    }

    .pfc-featured-card__badge {
        left: 24px;
        top: 24px;
    }

    .pfc-featured-card__image {
        height: 250px;
        margin: 38px 0 0;
    }

    .pfc-featured-card__body {
        min-height: 250px;
    }

    .pfc-product-prev {
        left: auto;
        right: 74px;
    }

    .pfc-product-next {
        right: 22px;
    }
}

@media (max-width: 767px) {
    .pfc-main-showcase__grid {
        gap: 16px;
    }

    .pfc-hero-slider,
    .pfc-featured-card {
        border-radius: 18px;
    }

    .pfc-hero-swiper,
    .pfc-hero-slide,
    .pfc-hero-slide__content {
        min-height: 520px;
    }

    .pfc-hero-slide::before {
        background:
                linear-gradient(90deg, rgba(9, 17, 30, 0.94) 0%, rgba(9, 17, 30, 0.78) 58%, rgba(9, 17, 30, 0.36) 100%),
                linear-gradient(0deg, rgba(9, 17, 30, 0.62), rgba(9, 17, 30, 0.12));
    }

    .pfc-hero-slide__content {
        padding: 34px 22px 104px;
    }

    .pfc-hero-slide__title {
        font-size: 38px;
        line-height: 1.1;
    }

    .pfc-hero-slide__text {
        margin-top: 16px;
        font-size: 18px;
    }

    .pfc-hero-benefits {
        gap: 12px;
        margin-top: 22px;
    }

    .pfc-hero-benefit {
        width: 100%;
        min-height: 66px;
        padding: 12px 16px;
    }

    .pfc-hero-benefit__icon {
        width: 36px;
        height: 36px;
        margin-right: 14px;
    }

    .pfc-hero-benefit__text {
        font-size: 15px;
    }

    .pfc-hero-brands {
        gap: 18px;
        margin-top: 24px;
    }

    .pfc-hero-brands img {
        max-width: 112px;
        max-height: 34px;
    }

    .pfc-hero-brands span {
        height: 32px;
    }

    .pfc-hero-slider__controls {
        left: 22px;
        right: 22px;
        bottom: 22px;
        gap: 12px;
    }

    .pfc-slider-arrow {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
    }

    .pfc-hero-slider__fraction {
        min-width: 58px;
        font-size: 14px;
    }

    .pfc-hero-pagination {
        flex: 1 1 auto;
        min-width: 0;
        gap: 8px;
    }

    .pfc-hero-pagination .swiper-pagination-bullet {
        width: 100%;
        max-width: 34px;
    }

    .pfc-hero-pagination .swiper-pagination-bullet-active {
        width: 100%;
        max-width: 40px;
    }

    .pfc-featured-card {
        display: flex;
        padding: 22px;
    }

    .pfc-featured-card__badge {
        left: 22px;
        top: 22px;
    }

    .pfc-featured-card__image {
        height: 220px;
        margin: 42px 0 10px;
    }

    .pfc-featured-card__body {
        min-height: 0;
    }

    .pfc-featured-card__title {
        font-size: 19px;
    }

    .pfc-featured-card__bottom {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .pfc-featured-card__button {
        width: 100%;
    }

    .pfc-product-arrow {
        top: 20px;
        width: 40px;
        height: 40px;
    }

    .pfc-product-prev {
        left: auto;
        right: 68px;
    }

    .pfc-product-next {
        right: 20px;
    }
}
section.pfc-container.pfc-main-showcase {
    padding: 30px 0 0 0;
}

@media (max-width: 420px) {
    .pfc-hero-slide__title {
        font-size: 34px;
    }

    .pfc-hero-slider__fraction {
        display: none;
    }

    .pfc-hero-pagination .swiper-pagination-bullet {
        max-width: none;
    }

    .pfc-featured-card__price {
        font-size: 28px;
    }
}

.pfc-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
}

.pfc-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 24px;
    border-radius: 12px;
    background: #ed1236;
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 14px 28px rgba(237, 18, 54, 0.28);
    transition: background-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.pfc-hero-btn:hover {
    background: #d70f30;
    color: #ffffff !important;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(237, 18, 54, 0.34);
}

.pfc-hero-btn:active {
    transform: translateY(0);
}

.pfc-hero-btn__arrow {
    position: relative;
    display: block;
    width: 18px;
    height: 12px;
    margin-left: 12px;
    flex: 0 0 auto;
}

.pfc-hero-btn__arrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 2px;
    border-radius: 10px;
    background: currentColor;
    transform: translateY(-50%);
}

.pfc-hero-btn__arrow::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 767px) {
    .pfc-hero-actions {
        margin-top: 22px;
    }

    .pfc-hero-btn {
        width: 100%;
        min-height: 52px;
        padding: 14px 20px;
        font-size: 15px;
    }
}
h2.pfc-hero-slide__title {
    margin-bottom: 0;
}
.pfc-featured-products {
    min-width: 0;
    height: 100%;
}

.pfc-product-swiper {
    position: relative;
    height: 100%;
    min-height: 470px;
}

.pfc-product-swiper .swiper-wrapper {
    align-items: stretch;
    height: 100%;
}

.pfc-product-swiper .swiper-slide {
    display: flex;
    height: auto;
}

.pfc-featured-card {
    width: 100%;
    height: 100%;
    min-height: 470px;
}

.pfc-featured-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.pfc-featured-card__bottom {
    margin-top: auto;
    padding-top: 22px;
}

/* чтобы цена и кнопка всегда были снизу */
.pfc-featured-card__price {
    min-height: 28px;
}

/* если карточка одна в правом слайдере */
.pfc-main-showcase__grid {
    align-items: stretch;
}

@media (max-width: 1100px) {
    .pfc-product-swiper,
    .pfc-featured-card {
        min-height: 360px;
    }

    .pfc-featured-card__body {
        min-height: 250px;
    }
}

@media (max-width: 767px) {
    .pfc-product-swiper,
    .pfc-featured-card {
        min-height: auto;
    }

    .pfc-featured-card__bottom {
        margin-top: 22px;
    }
}
a.pfc-featured-card__image img {
    border-radius: 10px;
}





/* ==============================
   PFC qualities block
   ============================== */

.pfc-qualities {
    position: relative;
    padding: 24px 0 8px;
}

.pfc-qualities * {
    box-sizing: border-box;
}

.pfc-qualities__head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 18px;
}

.pfc-qualities__nav {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Важно: не переопределяем внешний вид твоих кнопок,
   только используем существующие кнопки внутри этого блока */
.pfc-qualities .pfc-product-arrow {
    position: relative;
    z-index: 5;
}

/* Swiper не должен скрывать кнопки */
.pfc-qualities .pfc-product-arrow.swiper-button-lock {
    display: inline-flex;
}

/* Если дошли до края — кнопка становится неактивной */
.pfc-qualities .pfc-product-arrow.swiper-button-disabled {
    opacity: 0.45;
    pointer-events: none;
}

.pfc-qualities__slider.swiper.js-pfc-qualities-swiper {
    padding: 10px 0 0 0;
    overflow: hidden;
}

.pfc-qualities__slide {
    height: auto;
}

.pfc-quality-card {
    height: 100%;
    min-height: 140px;
    display: flex;
    align-items: flex-start;
    gap: 22px;
    padding: 24px 24px;
    background: #ffffff;
    border: 1px solid #dde3ec;
    border-radius: 28px;
    transition:
            transform 0.25s ease,
            box-shadow 0.25s ease,
            border-color 0.25s ease;
}

.pfc-quality-card:hover {
    transform: translateY(-3px);
    border-color: #d4dce7;
}
.pfc-quality-card__icon img {
    max-width: 50px;
}
.pfc-quality-card__icon {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #ed0b2f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pfc-quality-card__icon svg {
    width: 46px;
    height: 46px;
    display: block;
}

.pfc-quality-card__content {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 4px;
}

.pfc-quality-card__title,
h3.pfc-quality-card__title {
    margin: 0 0 5px 0;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 800;
    color: #111827;
    letter-spacing: -0.02em;
}

.pfc-quality-card__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: #667085;
    font-weight: 400;
}

.pfc-qualities__bottom {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.pfc-qualities__pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

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

.pfc-qualities__pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0 !important;
    border-radius: 999px;
    background: #cfd6e1;
    opacity: 1;
    transition:
            width 0.25s ease,
            background 0.25s ease,
            transform 0.25s ease;
}

.pfc-qualities__pagination .swiper-pagination-bullet-active {
    width: 26px;
    background: #ff204a;
}


/* ==============================
   Adaptive
   ============================== */

@media (max-width: 1399.98px) {
    .pfc-quality-card {
        min-height: 184px;
    }

    .pfc-quality-card__title {
        font-size: 20px;
    }
}

@media (max-width: 991.98px) {
    .pfc-qualities {
        padding-top: 20px;
    }

    .pfc-quality-card {
        min-height: 170px;
        padding: 22px 20px;
        gap: 18px;
        border-radius: 24px;
    }

    .pfc-quality-card__icon {
        flex-basis: 84px;
        width: 84px;
        height: 84px;
    }

    .pfc-quality-card__icon svg {
        width: 40px;
        height: 40px;
    }

    .pfc-quality-card__title {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .pfc-quality-card__text {
        font-size: 15px;
        line-height: 1.6;
    }
}

@media (max-width: 767.98px) {
    .pfc-qualities {
        padding: 18px 0 6px;
    }

    .pfc-qualities__head {
        margin-bottom: 14px;
    }

    .pfc-qualities__nav {
        width: 100%;
        justify-content: flex-end;
    }

    /* Только кнопки внутри блока качеств,
       глобальные кнопки товара не трогаем */
    .pfc-qualities .pfc-product-arrow {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .pfc-quality-card {
        min-height: auto;
        padding: 18px 16px;
        gap: 14px;
        border-radius: 22px;
    }

    .pfc-quality-card__icon {
        flex: 0 0 72px;
        width: 72px;
        height: 72px;
    }

    .pfc-quality-card__icon svg {
        width: 34px;
        height: 34px;
    }

    .pfc-quality-card__content {
        padding-top: 1px;
    }

    .pfc-quality-card__title {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .pfc-quality-card__text {
        font-size: 14px;
        line-height: 1.55;
    }

    .pfc-qualities__bottom {
        margin-top: 14px;
    }
}
.pfc-qualities__head {
    display: none;
}
@media (max-width: 479.98px) {
    .pfc-quality-card {
        padding: 16px 14px;
        gap: 12px;
        border-radius: 20px;
    }

    .pfc-quality-card__icon {
        flex: 0 0 64px;
        width: 64px;
        height: 64px;
    }

    .pfc-quality-card__icon svg {
        width: 31px;
        height: 31px;
    }

    .pfc-quality-card__title {
        font-size: 17px;
    }

    .pfc-quality-card__text {
        font-size: 13.5px;
    }
}

.pfc-catalog-page {
    --pfc-red: #f20f3a;
    --pfc-red-dark: #d80c32;
    --pfc-dark: #121c2b;
    --pfc-muted: #66748a;
    --pfc-border: #dfe6ef;
    --pfc-soft: #f5f7fa;
    --pfc-shadow: 0 18px 45px rgba(18, 28, 43, .08);
    --pfc-shadow-hover: 0 24px 60px rgba(18, 28, 43, .13);
}

.pfc-catalog-page * {
    box-sizing: border-box;
}

.pfc-catalog-head {
    margin: 0 0 26px;
}

.pfc-catalog-head__title {
    margin: 0 0 10px;
    color: var(--pfc-dark);
    font-size: 36px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.03em;
}

.pfc-catalog-head__text {
    max-width: 780px;
    color: var(--pfc-muted);
    font-size: 17px;
    line-height: 1.55;
}

.pfc-catalog-head__text p {
    margin: 0;
}

.pfc-catalog-categories {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr) minmax(0, .9fr);
    gap: 22px;
    padding: 0;
    margin: 0;
}

.pfc-category-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 285px;
    overflow: hidden;
    color: var(--pfc-dark);
    text-decoration: none;
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 22px;
    box-shadow: 0 10px 30px rgba(18, 28, 43, .045);
    transition:
            transform .25s ease,
            box-shadow .25s ease,
            border-color .25s ease,
            background .25s ease;
}

.pfc-category-card:hover,
.pfc-category-card:focus {
    color: var(--pfc-dark);
    text-decoration: none;
    border-color: rgba(242, 15, 58, .35);
    box-shadow: var(--pfc-shadow-hover);
    transform: translateY(-4px);
    outline: none;
}

.pfc-category-card--featured {
    grid-row: span 2;
    min-height: 594px;
}

.pfc-category-card__visual {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 100%;
    height: 180px;
    min-height: 180px;
    padding: 0;
    overflow: hidden;
    background:
            linear-gradient(135deg, #eef2f7 0%, #f8fafc 100%);
}

.pfc-category-card--featured .pfc-category-card__visual {
    height: 310px;
    min-height: 310px;
    padding: 0;
}

.pfc-category-card__shape {
    display: none;
}

.pfc-category-card__image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition:
            transform .35s ease,
            filter .35s ease;
}

.pfc-category-card--featured .pfc-category-card__image {
    width: 100%;
    max-width: none;
    height: 100%;
}

.pfc-category-card:hover .pfc-category-card__image {
    transform: scale(1.045);
    filter: saturate(1.04) contrast(1.03);
}

.pfc-category-card__fallback {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 28px;
    background:
            radial-gradient(circle at 50% 45%, #f7f9fb 0%, #eef2f7 100%);
    transition: transform .25s ease;
}

.pfc-category-card--featured .pfc-category-card__fallback {
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 46px;
}

.pfc-category-card__fallback svg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 220px;
    max-height: 180px;
    object-fit: contain;
}

.pfc-category-card--featured .pfc-category-card__fallback svg {
    max-width: 320px;
    max-height: 250px;
}

.pfc-category-card:hover .pfc-category-card__fallback {
    transform: scale(1.025);
}

.pfc-category-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 18px 30px 22px;
}

.pfc-category-card--featured .pfc-category-card__body {
    padding: 22px 40px 28px;
}

.pfc-category-card__title {
    display: block;
    margin: 0 0 16px;
    color: var(--pfc-dark);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -.025em;
}

.pfc-category-card--featured .pfc-category-card__title {
    font-size: 30px;
}

.pfc-category-card__desc {
    display: block;
    max-width: 560px;
    margin: -4px 0 28px;
    color: var(--pfc-muted);
    font-size: 16px;
    line-height: 1.6;
}

.pfc-category-card__desc p {
    margin: 0 0 10px;
}

.pfc-category-card__desc p:last-child {
    margin-bottom: 0;
}

.pfc-category-card__desc ul,
.pfc-category-card__desc ol {
    margin: 10px 0 0;
    padding-left: 18px;
}

.pfc-category-card__desc li {
    margin-bottom: 6px;
}

.pfc-category-card__desc strong,
.pfc-category-card__desc b {
    color: var(--pfc-dark);
    font-weight: 800;
}

.pfc-category-card__meta {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: auto;
    color: var(--pfc-muted);
    font-size: 16px;
    line-height: 1.2;
}

.pfc-category-card__meta-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    color: var(--pfc-red);
    background: rgba(242, 15, 58, .08);
    border-radius: 12px;
}

.pfc-category-card__meta-label {
    display: block;
    margin-bottom: 3px;
    color: var(--pfc-muted);
    font-weight: 600;
}

.pfc-category-card__meta-count {
    display: block;
    color: #8a96a8;
    font-size: 13px;
    font-weight: 400;
}

.pfc-category-card__bottom {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 72px;
    padding: 0 30px;
    border-top: 1px solid #e7edf4;
}

.pfc-category-card--featured .pfc-category-card__bottom {
    padding: 0 40px;
}

.pfc-category-card__more {
    color: var(--pfc-red);
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
}

.pfc-category-card__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--pfc-red);
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    transition: transform .25s ease;
}

.pfc-category-card:hover .pfc-category-card__arrow {
    transform: translateX(5px);
}

.pfc-catalog-empty {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 22px;
    color: var(--pfc-muted);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 18px;
}

.pfc-catalog-fulltext {
    margin-top: 48px;
    color: var(--pfc-dark);
    font-size: 16px;
    line-height: 1.65;
}

@media (max-width: 1199px) {
    .pfc-catalog-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pfc-category-card--featured {
        grid-row: span 1;
        min-height: 360px;
    }

    .pfc-category-card__visual,
    .pfc-category-card--featured .pfc-category-card__visual {
        height: 200px;
        min-height: 200px;
        padding: 0;
    }

    .pfc-category-card--featured .pfc-category-card__body {
        padding: 18px 30px 22px;
    }

    .pfc-category-card--featured .pfc-category-card__bottom {
        padding: 0 30px;
    }

    .pfc-category-card--featured .pfc-category-card__title {
        font-size: 24px;
    }

    .pfc-category-card__desc {
        display: block;
    }
}

@media (max-width: 767px) {
    .pfc-catalog-head {
        margin-bottom: 18px;
    }

    .pfc-catalog-head__title {
        font-size: 28px;
    }

    .pfc-catalog-head__text {
        font-size: 15px;
    }

    .pfc-catalog-categories {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .pfc-category-card,
    .pfc-category-card--featured {
        min-height: 0;
        border-radius: 18px;
    }

    .pfc-category-card__visual,
    .pfc-category-card--featured .pfc-category-card__visual {
        height: 178px;
        min-height: 178px;
        padding: 0;
    }

    .pfc-category-card__body,
    .pfc-category-card--featured .pfc-category-card__body {
        padding: 16px 20px 20px;
    }

    .pfc-category-card__title,
    .pfc-category-card--featured .pfc-category-card__title {
        margin-bottom: 12px;
        font-size: 21px;
    }

    .pfc-category-card__desc {
        max-height: 160px;
        overflow: hidden;
        margin-bottom: 22px;
        font-size: 15px;
        line-height: 1.55;
    }

    .pfc-category-card__meta {
        font-size: 15px;
    }

    .pfc-category-card__bottom,
    .pfc-category-card--featured .pfc-category-card__bottom {
        min-height: 62px;
        padding: 0 20px;
    }

    .pfc-category-card__more {
        font-size: 15px;
    }
}

@media (max-width: 420px) {
    .pfc-catalog-head__title {
        font-size: 25px;
    }

    .pfc-category-card__visual,
    .pfc-category-card--featured .pfc-category-card__visual {
        height: 150px;
        min-height: 150px;
    }

    .pfc-category-card__desc {
        max-height: 140px;
    }
}
.pfc-products-page {
    --pfc-red: #f20f3a;
    --pfc-red-dark: #d80c32;
    --pfc-dark: #101828;
    --pfc-text: #253247;
    --pfc-muted: #667085;
    --pfc-border: #dfe6ef;
    --pfc-soft: #f5f7fb;
    --pfc-green: #16a34a;
    --pfc-shadow: 0 14px 40px rgba(16, 24, 40, .07);
    --pfc-shadow-hover: 0 22px 60px rgba(16, 24, 40, .12);
}

.pfc-products-page *,
.pfc-products-page *::before,
.pfc-products-page *::after {
    box-sizing: border-box;
}

.pfc-products-loading {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(5px);
}

.pfc-products-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    min-height: 220px;
    margin: 0 0 24px;
    padding: 34px 40px;
    background:
            radial-gradient(circle at 82% 15%, rgba(242, 15, 58, .08), transparent 28%),
            linear-gradient(135deg, #ffffff 0%, #f7f9fc 100%);
    border: 1px solid var(--pfc-border);
    border-radius: 28px;
    box-shadow: 0 12px 34px rgba(16, 24, 40, .045);
}

.pfc-products-hero__content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.pfc-products-hero__breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
    color: #8a96a8;
    font-size: 13px;
    line-height: 1.2;
}

.pfc-products-hero__title {
    margin: 0 0 12px;
    color: var(--pfc-dark);
    font-size: 42px;
    font-weight: 850;
    line-height: 1.08;
    letter-spacing: -.04em;
}

.pfc-products-hero__text {
    max-width: 690px;
    color: var(--pfc-muted);
    font-size: 17px;
    line-height: 1.6;
}

.pfc-products-hero__text p {
    margin: 0 0 8px;
}

.pfc-products-hero__text p:last-child {
    margin-bottom: 0;
}

.pfc-products-hero__decor {
    position: absolute;
    right: 36px;
    top: 28px;
    bottom: 28px;
    width: 320px;
    opacity: .9;
    pointer-events: none;
}

.pfc-products-hero__circle {
    position: absolute;
    right: 18px;
    top: 18px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(242, 15, 58, .055);
}

.pfc-products-hero__line {
    position: absolute;
    right: 0;
    bottom: 18px;
    width: 300px;
    height: 120px;
    border: 1px solid rgba(16, 24, 40, .055);
    border-radius: 34px;
    transform: rotate(-8deg);
}

.pfc-products-tabs {
    display: flex;
    gap: 10px;
    align-items: center;
    overflow-x: auto;
    padding: 12px 0 12px 0;
    margin: 0 0 14px;
    scrollbar-width: thin;
}

.pfc-products-tabs__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 0 0 auto;
    min-height: 46px;
    padding: 0 20px;
    color: var(--pfc-text);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .035);
    transition:
            color .2s ease,
            background .2s ease,
            border-color .2s ease,
            box-shadow .2s ease,
            transform .2s ease;
}

.pfc-products-tabs__item:hover,
.pfc-products-tabs__item:focus {
    color: var(--pfc-red);
    text-decoration: none;
    border-color: rgba(242, 15, 58, .35);
    box-shadow: 0 12px 30px rgba(16, 24, 40, .07);
    transform: translateY(-1px);
    outline: none;
}

.pfc-products-tabs__item--active {
    color: #fff;
    background: var(--pfc-red);
    border-color: var(--pfc-red);
}

.pfc-products-tabs__item--active:hover,
.pfc-products-tabs__item--active:focus {
    color: #fff !important;
    background: var(--pfc-red-dark);
    border-color: var(--pfc-red-dark);
}

.pfc-products-tabs__count {
    color: inherit;
    opacity: .72;
    font-size: 13px;
    font-weight: 800;
}

.pfc-products-layout {
    display: block;
}

.pfc-products-layout--with-filter {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.pfc-products-sidebar {
    position: sticky;
    top: 16px;
}

.pfc-products-filter-card {
    margin-bottom: 16px;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .045);
}

.pfc-products-filter-card__title {
    margin-bottom: 14px;
    color: var(--pfc-dark);
    font-size: 18px;
    font-weight: 850;
}

.pfc-products-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 68px;
    margin: 0 0 24px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .045);
}

.pfc-products-toolbar__left,
.pfc-products-toolbar__right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pfc-products-ordering select,
.pfc-products-ordering .form-select,
.pfc-products-ordering .form-control,
.pfc-products-ordering .choices,
.pfc-products-ordering .nice-select {
    min-width: 250px;
}

.pfc-products-toolbar select,
.pfc-products-toolbar .form-select {
    height: 44px;
    padding: 0 44px 0 16px;
    color: var(--pfc-text);
    border: 1px solid var(--pfc-border);
    border-radius: 10px;
    background-color: #fff;
    box-shadow: none;
    font-weight: 650;
}

.pfc-products-filter-mobile {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 16px;
    color: var(--pfc-text);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 10px;
    font-weight: 750;
}

.pfc-products-view-label {
    color: var(--pfc-muted);
    font-size: 14px;
    font-weight: 700;
}

.pfc-products-view {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.pfc-products-view__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--pfc-dark);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 10px;
    cursor: pointer;
    transition:
            color .2s ease,
            border-color .2s ease,
            background .2s ease,
            box-shadow .2s ease;
}

.pfc-products-view__btn:hover,
.pfc-products-view__btn:focus,
.pfc-products-view__btn.is-active {
    color: var(--pfc-red);
    border-color: var(--pfc-red);
    background: #fff;
    outline: none;
}

.pfc-products-grid-wrap {
    width: 100%;
}

.pfc-products-grid,
.production__list.pfc-products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.pfc-products-grid > li {
    min-width: 0;
    list-style: none;
}

.pfc-product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 520px;
    overflow: hidden;
    color: var(--pfc-dark);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .045);
    transition:
            transform .25s ease,
            box-shadow .25s ease,
            border-color .25s ease;
}

.pfc-product-card:hover {
    transform: translateY(-4px);
    border-color: rgba(242, 15, 58, .32);
    box-shadow: var(--pfc-shadow-hover);
}

.pfc-product-card.is-out-stock {
    opacity: .58;
}

.pfc-product-card__image-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 230px;
    margin: 14px 14px 0;
    overflow: hidden;
    background: #f7f8fa;
    border-radius: 14px;
    text-decoration: none;
}

.pfc-product-card__image-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.pfc-product-card:hover .pfc-product-card__image-link img {
    transform: scale(1.04);
}

.pfc-product-card__badges {
    position: absolute;
    z-index: 3;
    top: 22px;
    left: 22px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pfc-product-card__badge,
.pfc-product-card__badges .badge {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    color: #fff;
    background: var(--pfc-red);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}

.pfc-product-card__favorite {
    position: absolute;
    z-index: 4;
    top: 22px;
    right: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--pfc-red);
    background: #fff;
    border: 1px solid rgba(223, 230, 239, .9);
    border-radius: 50%;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .12);
    text-decoration: none;
}

.pfc-product-card__favorite svg {
    width: 22px;
    height: 22px;
}

.pfc-product-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 18px 18px 0;
}

.pfc-product-card__category {
    display: inline-flex;
    align-self: flex-start;
    margin-bottom: 10px;
    color: #8a96a8;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
}

.pfc-product-card__category:hover {
    color: var(--pfc-red);
    text-decoration: none;
}

.pfc-product-card__title {
    display: block;
    min-height: 58px;
    margin: 0 0 14px;
    color: var(--pfc-dark);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.22;
    letter-spacing: -.02em;
    text-decoration: none;
}

.pfc-product-card__title:hover {
    color: var(--pfc-red);
    text-decoration: none;
}

.pfc-product-card__props {
    display: grid;
    gap: 8px;
    margin: 0 0 16px;
    padding: 14px 0 0;
    border-top: 1px solid #e7edf4;
}

.pfc-product-card__prop {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: var(--pfc-muted);
    font-size: 14px;
    line-height: 1.25;
}

.pfc-product-card__prop-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    color: #98a2b3;
}

.pfc-product-card__prop-icon svg {
    width: 20px;
    height: 20px;
}

.pfc-product-card__prop-label {
    color: #8a96a8;
}

.pfc-product-card__prop-value {
    min-width: 0;
    color: var(--pfc-text);
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pfc-product-card__footer {
    margin-top: auto;
    padding: 16px 18px 18px;
    border-top: 1px solid #e7edf4;
}

.pfc-product-card__price-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.pfc-product-card__price {
    color: var(--pfc-dark);
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.035em;
    white-space: nowrap;
}

.pfc-product-card__old-price {
    margin-bottom: 4px;
    color: #98a2b3;
    font-size: 13px;
    font-weight: 700;
}

.pfc-product-card__stock {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--pfc-green);
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.pfc-product-card__stock::before {
    content: "";
    width: 9px;
    height: 9px;
    background: currentColor;
    border-radius: 50%;
}

.pfc-product-card__stock--out {
    color: var(--pfc-red);
}

.pfc-product-card__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pfc-product-card__cart,
.pfc-product-card__readmore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 1 1 auto;
    min-height: 48px;
    padding: 0 18px;
    color: #fff;
    background: var(--pfc-red);
    border: 1px solid var(--pfc-red);
    border-radius: 10px;
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(242, 15, 58, .22);
    transition:
            background .2s ease,
            border-color .2s ease,
            box-shadow .2s ease,
            transform .2s ease;
}

.pfc-product-card__cart:hover,
.pfc-product-card__cart:focus,
.pfc-product-card__readmore:hover,
.pfc-product-card__readmore:focus {
    color: #fff;
    background: var(--pfc-red-dark);
    border-color: var(--pfc-red-dark);
    box-shadow: 0 16px 34px rgba(242, 15, 58, .28);
    transform: translateY(-1px);
    outline: none;
}

.pfc-product-card__cart svg {
    width: 20px;
    height: 20px;
}

.pfc-product-card__small-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    color: var(--pfc-red);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 10px;
    text-decoration: none;
}

.pfc-products-pagination {
    display: flex;
    justify-content: center;
    margin: 28px 0 8px;
}

.pfc-products-pagination .pagination {
    gap: 6px;
    margin: 0;
}

.pfc-products-pagination .page-link {
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--pfc-dark);
    border: 1px solid var(--pfc-border);
    border-radius: 8px;
    font-weight: 750;
}

.pfc-products-pagination .active .page-link,
.pfc-products-pagination .page-link:hover {
    color: #fff;
    background: var(--pfc-red);
    border-color: var(--pfc-red);
}

.pfc-products-total {
    margin-top: 10px;
    color: var(--pfc-muted);
    font-size: 14px;
    text-align: right;
}

.pfc-products-fulltext {
    margin-top: 34px;
    padding: 24px 28px;
    color: var(--pfc-text);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 18px;
    font-size: 16px;
    line-height: 1.7;
}

.pfc-products-fulltext p {
    margin: 0 0 12px;
}

.pfc-products-fulltext p:last-child {
    margin-bottom: 0;
}

.pfc-products-empty {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 22px;
    color: var(--pfc-muted);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 16px;
}

.pfc-products-modules {
    margin: 0 0 22px;
}

.pfc-products-module {
    margin-bottom: 16px;
}

.pfc-products-module__title {
    margin-bottom: 10px;
    color: var(--pfc-dark);
    font-size: 22px;
    font-weight: 850;
}

@media (max-width: 1399px) {
    .pfc-products-grid,
    .production__list.pfc-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    .pfc-products-hero {
        padding: 30px;
    }

    .pfc-products-hero__decor {
        opacity: .35;
    }

    .pfc-products-layout--with-filter {
        grid-template-columns: 1fr;
    }

    .pfc-products-sidebar {
        display: none;
    }

    .pfc-products-grid,
    .production__list.pfc-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }
}

@media (max-width: 991px) {
    .pfc-products-hero__title {
        font-size: 34px;
    }

    .pfc-products-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .pfc-products-toolbar__left,
    .pfc-products-toolbar__right {
        width: 100%;
        justify-content: space-between;
    }

    .pfc-products-ordering {
        flex: 1 1 auto;
    }

    .pfc-products-ordering select,
    .pfc-products-ordering .form-select,
    .pfc-products-ordering .form-control,
    .pfc-products-ordering .choices,
    .pfc-products-ordering .nice-select {
        width: 100% !important;
        min-width: 0;
    }

    .pfc-products-grid,
    .production__list.pfc-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pfc-product-card {
        min-height: 500px;
    }
}

@media (max-width: 767px) {
    .pfc-products-hero {
        min-height: 0;
        padding: 24px 20px;
        border-radius: 22px;
    }

    .pfc-products-hero__title {
        font-size: 28px;
    }

    .pfc-products-hero__text {
        font-size: 15px;
    }

    .pfc-products-hero__decor {
        display: none;
    }

    .pfc-products-tabs {
        margin-left: -4px;
        margin-right: -4px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .pfc-products-tabs__item {
        min-height: 42px;
        padding: 0 15px;
        font-size: 13px;
    }

    .pfc-products-toolbar {
        margin-bottom: 18px;
        padding: 12px;
        border-radius: 14px;
    }

    .pfc-products-view-label {
        display: none;
    }

    .pfc-products-view__btn {
        width: 42px;
        height: 42px;
    }

    .pfc-products-grid,
    .production__list.pfc-products-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .pfc-product-card {
        min-height: 0;
        border-radius: 16px;
    }

    .pfc-product-card__image-link {
        height: 220px;
        margin: 12px 12px 0;
    }

    .pfc-product-card__title {
        min-height: 0;
        font-size: 18px;
    }

    .pfc-product-card__price {
        font-size: 26px;
    }

    .pfc-products-fulltext {
        padding: 20px;
        border-radius: 16px;
        font-size: 15px;
    }
}

@media (max-width: 420px) {
    .pfc-products-toolbar__left,
    .pfc-products-toolbar__right {
        align-items: stretch;
        flex-direction: column;
    }

    .pfc-products-view {
        width: 100%;
    }

    .pfc-products-view__btn {
        flex: 1 1 0;
    }

    .pfc-product-card__image-link {
        height: 190px;
    }

    .pfc-product-card__price-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .pfc-product-card__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .pfc-product-card__small-action {
        width: 100%;
        flex-basis: 46px;
    }
}
.pagination__counter.text-end.me-3 {
    text-align: center !important;
    font-size: 12px;
}
.mod-breadcrumbs__wrapper {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    margin: 0 0 18px;
}

.mod-breadcrumbs__wrapper {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    margin: 0 0 18px;
}

.mod-breadcrumbs__wrapper::before,
.mod-breadcrumbs__wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: 42px;
    pointer-events: none;
    opacity: 1;
    transition: opacity .2s ease;
}

.mod-breadcrumbs__wrapper::before {
    left: 0;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.mod-breadcrumbs__wrapper::after {
    right: 0;
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

/* В начале нет прокрутки влево */
.mod-breadcrumbs__wrapper.is-scroll-start::before {
    opacity: 0;
}

/* В конце нет прокрутки вправо */
.mod-breadcrumbs__wrapper.is-scroll-end::after {
    opacity: 0;
}

/* Если вообще нет горизонтальной прокрутки */
.mod-breadcrumbs__wrapper.is-no-scroll::before,
.mod-breadcrumbs__wrapper.is-no-scroll::after {
    opacity: 0;
}

.mod-breadcrumbs.breadcrumb {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 10px 42px 10px 12px !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    list-style: none;
    background: transparent;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(242, 15, 58, .35) rgba(223, 230, 239, .65);
}

.mod-breadcrumbs.breadcrumb::-webkit-scrollbar {
    height: 5px;
}

.mod-breadcrumbs.breadcrumb::-webkit-scrollbar-track {
    background: rgba(223, 230, 239, .65);
    border-radius: 999px;
}

.mod-breadcrumbs.breadcrumb::-webkit-scrollbar-thumb {
    background: rgba(242, 15, 58, .35);
    border-radius: 999px;
}

.mod-breadcrumbs.breadcrumb::-webkit-scrollbar-thumb:hover {
    background: rgba(242, 15, 58, .65);
}

.mod-breadcrumbs__divider {
    display: none;
}

.mod-breadcrumbs__item.breadcrumb-item {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: none;
    padding: 0;
    color: #8a96a8;
    font-size: 14px;
    line-height: 1.35;
    white-space: nowrap;
}

.mod-breadcrumbs__item.breadcrumb-item + .mod-breadcrumbs__item.breadcrumb-item::before {
    content: "/";
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    color: #b5bfcc;
    float: none;
}

.mod-breadcrumbs__item a {
    color: #667085;
    text-decoration: none;
    transition: color .2s ease;
}

.mod-breadcrumbs__item a:hover,
.mod-breadcrumbs__item a:focus {
    color: #f20f3a;
    text-decoration: none;
}

.mod-breadcrumbs__item.active {
    color: #475467;
    font-weight: 600;
}

.mod-breadcrumbs__item:last-child {
    padding-right: 16px;
}

@media (max-width: 767px) {
    .mod-breadcrumbs__wrapper {
        margin-bottom: 14px;
    }

    .mod-breadcrumbs__wrapper::before,
    .mod-breadcrumbs__wrapper::after {
        width: 30px;
    }

    .mod-breadcrumbs.breadcrumb {
        padding: 8px 34px 8px 8px !important;
    }

    .mod-breadcrumbs__item.breadcrumb-item {
        font-size: 13px;
    }

    .mod-breadcrumbs__item.breadcrumb-item + .mod-breadcrumbs__item.breadcrumb-item::before {
        padding: 0 8px;
    }
}
.pfc-product-page {
    --pfc-red: #f20f3a;
    --pfc-red-dark: #d80c32;
    --pfc-dark: #101828;
    --pfc-text: #253247;
    --pfc-muted: #667085;
    --pfc-border: #dfe6ef;
    --pfc-soft: #f7f9fc;
    --pfc-green: #16a34a;
    --pfc-shadow: 0 18px 55px rgba(16, 24, 40, .08);
}
.pfc-product-page .rm-checkout-consents {
    border-top: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
}
.pfc-product-page *,
.pfc-product-page *::before,
.pfc-product-page *::after {
    box-sizing: border-box;
}

.pfc-product-main {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(330px, .78fr) 400px;
    gap: 28px;
    align-items: start;
    margin: 0 0 34px;
}

.pfc-product-main__gallery,
.pfc-product-main__info,
.pfc-product-order,
.pfc-product-help,
.pfc-product-tabs,
.pfc-product-benefits {
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 22px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .045);
}

.pfc-product-main__info {
    padding: 28px;
}

.pfc-product-main__top {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 18px;
}

.pfc-product-chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    color: var(--pfc-muted);
    background: #f7f9fc;
    border: 1px solid #e7edf4;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 750;
}

.pfc-product-stock,
.pfc-product-order__stock {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--pfc-green);
    font-size: 14px;
    font-weight: 850;
}

.pfc-product-stock::before,
.pfc-product-order__stock::before {
    content: "";
    width: 9px;
    height: 9px;
    background: currentColor;
    border-radius: 50%;
}

.pfc-product-stock--out,
.pfc-product-order__stock--out {
    color: var(--pfc-red);
}

.pfc-product-main__title {
    margin: 0 0 14px;
    color: var(--pfc-dark);
    font-size: 32px;
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -.035em;
}

.pfc-product-main__manufacturer {
    margin-bottom: 20px;
    color: var(--pfc-muted);
    font-size: 15px;
    line-height: 1.4;
}

.pfc-product-main__manufacturer span {
    color: var(--pfc-red);
    font-weight: 850;
}

.pfc-product-main__intro {
    margin-bottom: 24px;
    color: var(--pfc-text);
    font-size: 15px;
    line-height: 1.65;
}

.pfc-product-props {
    overflow: hidden;
    border: 1px solid #e7edf4;
    border-radius: 16px;
}

.pfc-product-props__item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 58px;
    padding: 12px 16px;
    border-bottom: 1px solid #e7edf4;
}

.pfc-product-props__item:last-child {
    border-bottom: 0;
}

.pfc-product-props__icon {
    display: inline-flex;
    color: #98a2b3;
}

.pfc-product-props__icon svg {
    width: 22px;
    height: 22px;
}

.pfc-product-props__label {
    color: #8a96a8;
    font-size: 14px;
    font-weight: 700;
}

.pfc-product-props__value {
    color: var(--pfc-text);
    font-size: 14px;
    font-weight: 850;
    text-align: right;
}

.pfc-product-props__value--stock {
    color: var(--pfc-green);
}

.pfc-product-side {
    display: grid;
    gap: 18px;
}

.pfc-product-order {
    padding: 24px;
}

.pfc-product-order__stock {
    margin-bottom: 18px;
}

.pfc-product-order__price {
    margin-bottom: 22px;
}

.pfc-product-order__old-price {
    margin-bottom: 4px;
    color: #98a2b3;
    font-size: 13px;
    font-weight: 700;
}

.pfc-product-order__current-price {
    color: var(--pfc-dark);
    font-size: 38px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: -.05em;
}

.pfc-product-buy {
    display: grid;
    gap: 14px;
    margin-bottom: 14px;
}

.pfc-product-quantity {
    display: grid;
    grid-template-columns: 52px 1fr 52px;
    height: 48px;
    overflow: hidden;
    border: 1px solid #d5dde8;
    border-radius: 10px;
}

.pfc-product-quantity__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pfc-dark);
    background: #f8fafc;
    text-decoration: none;
    font-size: 22px;
    font-weight: 500;
    padding: 9px 0;
}

.pfc-product-quantity__btn--plus {
    color: #15803d;
}
section.subscribe-notice.section.section--no-mb {
    margin-top: 50px;
}
.pfc-product-quantity__input {
    width: 100%;
    border: 0;
    border-left: 1px solid #d5dde8;
    border-right: 1px solid #d5dde8;
    text-align: center;
    color: var(--pfc-dark);
    font-weight: 800;
    outline: none;
}

.pfc-product-cart-btn,
.pfc-product-quick-btn,
.pfc-quick-modal__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    width: 100%;
    padding: 0 22px;
    color: #fff;
    background: var(--pfc-red);
    border: 1px solid var(--pfc-red);
    border-radius: 12px;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    transition: .2s ease;
}

.pfc-product-cart-btn svg {
    width: 21px;
    height: 21px;
}

.pfc-product-cart-btn:hover,
.pfc-product-quick-btn:hover,
.pfc-quick-modal__submit:hover {
    background: var(--pfc-red-dark);
    border-color: var(--pfc-red-dark);
    transform: translateY(-1px);
}

.pfc-product-quick-btn {
    color: var(--pfc-red);
    background: #fff;
    box-shadow: none;
}

.pfc-product-quick-btn:hover {
    color: #fff;
}

.pfc-product-delivery {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid #e7edf4;
}

.pfc-product-delivery__title {
    margin-bottom: 16px;
    color: var(--pfc-dark);
    font-size: 15px;
    font-weight: 850;
}

.pfc-product-delivery__item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px;
    margin-bottom: 16px;
    color: var(--pfc-text);
    font-size: 14px;
    line-height: 1.45;
}

.pfc-product-delivery__item:last-child {
    margin-bottom: 0;
}

.pfc-product-delivery__icon {
    color: var(--pfc-dark);
}

.pfc-product-delivery__icon svg {
    width: 24px;
    height: 24px;
}

.pfc-product-help {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    padding: 22px;
}

.pfc-product-help__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--pfc-dark);
    background: #f7f9fc;
    border-radius: 14px;
}

.pfc-product-help__icon svg {
    width: 26px;
    height: 26px;
}

.pfc-product-help__title {
    margin-bottom: 6px;
    color: var(--pfc-dark);
    font-size: 15px;
    font-weight: 850;
}

.pfc-product-help__text {
    margin-bottom: 10px;
    color: var(--pfc-muted);
    font-size: 13px;
    line-height: 1.45;
}

.pfc-product-help__link {
    padding: 0;
    color: var(--pfc-red);
    background: transparent;
    border: 0;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
}

.pfc-product-tabs {
    padding: 0 26px 26px;
    margin-bottom: 22px;
}

.pfc-product-tabs__nav {
    display: flex;
    gap: 36px;
    min-height: 68px;
    border-bottom: 1px solid #e7edf4;
}

.pfc-product-tabs__btn {
    position: relative;
    flex: 0 0 auto;
    padding: 0;
    color: var(--pfc-muted);
    background: transparent;
    border: 0;
    font-size: 17px;
    font-weight: 850;
    cursor: pointer;
}

.pfc-product-tabs__btn.is-active {
    color: var(--pfc-red);
}

.pfc-product-tabs__btn.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background: var(--pfc-red);
    border-radius: 999px 999px 0 0;
}

.pfc-product-tabs__content {
    display: none;
    padding-top: 22px;
}

.pfc-product-tabs__content.is-active {
    display: block;
}

.pfc-product-description {
    max-width: 980px;
    color: var(--pfc-text);
    font-size: 16px;
    line-height: 1.7;
}

.pfc-product-description p {
    margin: 0 0 12px;
}

.pfc-product-description p:last-child {
    margin-bottom: 0;
}

.pfc-product-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
}

.pfc-product-benefit {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 16px;
    padding: 22px;
    background: #fff;
}

.pfc-product-benefit__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--pfc-red);
    background: rgba(242, 15, 58, .07);
    border-radius: 16px;
}

.pfc-product-benefit__icon svg {
    width: 30px;
    height: 30px;
}

.pfc-product-benefit__title {
    margin-bottom: 6px;
    color: var(--pfc-dark);
    font-size: 15px;
    font-weight: 900;
}

.pfc-product-benefit__text {
    color: var(--pfc-muted);
    font-size: 14px;
    line-height: 1.45;
}
span.pfc-product-help__icon img {
    max-width: 25px;
}
.pfc-quick-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
}

.pfc-quick-modal.is-open {
    display: block;
}

.pfc-quick-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(16, 24, 40, .5);
    backdrop-filter: blur(5px);
}

.pfc-quick-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(520px, calc(100% - 32px));
    margin: 8vh auto;
    padding: 28px;
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 30px 80px rgba(16, 24, 40, .24);
}

.pfc-quick-modal__close {
    position: absolute;
    right: 16px;
    top: 14px;
    width: 38px;
    height: 38px;
    color: var(--pfc-muted);
    background: #f7f9fc;
    border: 1px solid #e7edf4;
    border-radius: 50%;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.pfc-quick-modal__label {
    margin-bottom: 8px;
    color: var(--pfc-red);
    font-size: 14px;
    font-weight: 900;
}

.pfc-quick-modal__title {
    max-width: 420px;
    color: var(--pfc-dark);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.18;
}

.pfc-quick-modal__article {
    margin-top: 8px;
    color: var(--pfc-muted);
    font-size: 14px;
}

.pfc-quick-modal__form {
    display: grid;
    gap: 18px;
    margin-top: 24px;
}

.pfc-quick-modal__field {
    display: grid;
    gap: 8px;
    color: var(--pfc-dark);
    font-size: 14px;
    font-weight: 850;
}

.pfc-quick-modal__input {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    color: var(--pfc-dark);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 12px;
    outline: none;
}

.pfc-quick-modal__input:focus {
    border-color: rgba(242, 15, 58, .45);
    box-shadow: 0 0 0 4px rgba(242, 15, 58, .08);
}

.pfc-quick-consent {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.pfc-quick-consent input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pfc-quick-consent__toggle {
    position: relative;
    flex: 0 0 82px;
    width: 82px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    color: #fff;
    background: #16a34a;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 900;
}

.pfc-quick-consent__circle {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(16, 24, 40, .2);
    transition: .2s ease;
}

.pfc-quick-consent input:not(:checked) + .pfc-quick-consent__toggle {
    background: #98a2b3;
}

.pfc-quick-consent input:not(:checked) + .pfc-quick-consent__toggle .pfc-quick-consent__circle {
    right: 47px;
}

.pfc-quick-consent__text {
    color: var(--pfc-muted);
    font-size: 14px;
    line-height: 1.4;
}

.pfc-quick-consent__text a {
    color: var(--pfc-red);
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 1199px) {
    .pfc-product-main {
        grid-template-columns: minmax(0, 1fr) 320px;
    }

    .pfc-product-main__info {
        grid-column: 1 / 2;
    }

    .pfc-product-side {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }
}

@media (max-width: 991px) {
    .pfc-product-main {
        grid-template-columns: 1fr;
    }

    .pfc-product-side,
    .pfc-product-main__info {
        grid-column: auto;
        grid-row: auto;
    }

    .pfc-product-main__title {
        font-size: 28px;
    }

    .pfc-product-benefits {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .pfc-product-main {
        gap: 18px;
    }

    .pfc-product-main__info,
    .pfc-product-order,
    .pfc-product-help,
    .pfc-product-tabs {
        border-radius: 18px;
    }

    .pfc-product-main__info,
    .pfc-product-order,
    .pfc-product-tabs {
        padding: 20px;
    }

    .pfc-product-main__title {
        font-size: 24px;
    }

    .pfc-product-props__item {
        grid-template-columns: 26px minmax(0, 1fr);
    }

    .pfc-product-props__value {
        grid-column: 2 / 3;
        text-align: left;
    }

    .pfc-product-tabs__nav {
        gap: 24px;
    }

    .pfc-product-tabs__btn {
        font-size: 15px;
    }

    .pfc-quick-modal__dialog {
        margin-top: 5vh;
        padding: 22px;
    }

    .pfc-quick-consent {
        align-items: flex-start;
    }
}
input.form-control.required.rm-field-has-icon.uk-form-danger {
    border-color: #e31235 !important;
    box-shadow: 0 0 0 4px rgba(227, 18, 53, .10) !important;
}
input.rm-consent-switch__input.required.uk-form-danger {
    box-shadow: inset 0 0 0 1px #e31235, 0 0 0 3px rgba(227, 18, 53, .10) !important;
}
section.subscribe-notice.section.section--no-mb {
    margin-top: 70px !important;
}

.pfc-product-description .col-md-5 {
    display: none;
}
.pfc-product-description .col-md-7 {
    width: 100%;
}
.pfc-cart-toast-backdrop {
    z-index: 1089;
    background-color: rgba(16, 24, 40, .55);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.pfc-cart-toast-container {
    z-index: 1090;
    width: min(520px, calc(100vw - 32px));
}

.pfc-cart-toast {
    width: 100%;
    max-width: 520px;
    overflow: hidden;
    border: 1px solid #dfe6ef;
    border-radius: 22px;
    box-shadow: 0 30px 80px rgba(16, 24, 40, .28);
}

.pfc-cart-toast__header {
    min-height: 58px;
    padding: 16px 20px;
    border-bottom: 1px solid #e7edf4;
    color: #101828;
    font-size: 16px;
    font-weight: 800;
}

.pfc-cart-toast__body {
    padding: 22px 24px 24px;
}

.pfc-cart-toast__title {
    margin: 0;
    color: #101828;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.pfc-cart-toast__body hr {
    margin: 20px 0;
    border-color: #e7edf4;
    opacity: 1;
}

.pfc-cart-toast__actions {
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.pfc-cart-toast__continue,
.pfc-cart-toast__checkout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    min-height: 46px;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}

.pfc-cart-toast__checkout {
    color: #fff;
    background: #f20f3a;
    border-color: #f20f3a;
    box-shadow: 0 12px 28px rgba(242, 15, 58, .22);
}

.pfc-cart-toast__checkout:hover,
.pfc-cart-toast__checkout:focus {
    color: #fff;
    background: #d80c32;
    border-color: #d80c32;
}

.pfc-cart-toast__continue {
    color: #253247;
    background: #fff;
    border-color: #dfe6ef;
}

.pfc-cart-toast__continue:hover,
.pfc-cart-toast__continue:focus {
    color: #f20f3a;
    border-color: rgba(242, 15, 58, .35);
    background: rgba(242, 15, 58, .035);
}

@media (max-width: 575.98px) {
    .pfc-cart-toast-container {
        width: calc(100vw - 24px);
        padding: 0 !important;
    }

    .pfc-cart-toast {
        border-radius: 18px;
    }

    .pfc-cart-toast__body {
        padding: 20px;
    }

    .pfc-cart-toast__title {
        font-size: 20px;
    }

    .pfc-cart-toast__actions {
        flex-direction: column;
    }
}
.pfc-cart-toast__actions a.btn.btn-sm.btn-outline-secondary {
    margin: 0;
}
.pfc-product-gallery {
    padding: 16px;
}

.pfc-product-gallery__main {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 420px;
    background: #f7f8fa;
    border-radius: 18px;
}

.pfc-product-gallery__main-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-decoration: none;
}

.pfc-product-gallery__main-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pfc-product-gallery__zoom {
    position: absolute;
    z-index: 5;
    right: 18px;
    top: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #101828;
    background: #fff;
    border: 1px solid #e7edf4;
    border-radius: 50%;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .12);
    cursor: pointer;
}

.pfc-product-gallery__zoom svg {
    width: 22px;
    height: 22px;
}

.pfc-product-gallery__thumbs-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 12px;
    align-items: center;
    margin-top: 16px;
}

.pfc-product-gallery__thumbs {
    overflow: hidden;
}

.pfc-product-gallery__thumbs .swiper-slide {
    width: 88px;
    height: 72px;
}

.pfc-product-gallery__thumb {
    display: block;
    width: 100%;
    height: 72px;
    padding: 0;
    overflow: hidden;
    background: #f7f8fa;
    border: 1px solid #e1e7f0;
    border-radius: 10px;
    cursor: pointer;
    transition: .2s ease;
}

.pfc-product-gallery__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pfc-product-gallery__thumbs .swiper-slide-thumb-active .pfc-product-gallery__thumb {
    border-color: #f20f3a;
}

.pfc-product-gallery__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #fff;
    border: 1px solid #e1e7f0;
    border-radius: 50%;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .08);
    cursor: pointer;
}

.pfc-product-gallery__arrow span {
    display: block;
    width: 11px;
    height: 11px;
}

.pfc-product-gallery__arrow--prev span {
    border-left: 2px solid #101828;
    border-bottom: 2px solid #101828;
    transform: rotate(45deg);
    margin-left: 4px;
}

.pfc-product-gallery__arrow--next span {
    border-right: 2px solid #101828;
    border-top: 2px solid #101828;
    transform: rotate(45deg);
    margin-right: 4px;
}

.pfc-product-gallery__arrow.swiper-button-disabled {
    opacity: .4;
    pointer-events: none;
}

@media (max-width: 1199px) {
    .pfc-product-gallery__main {
        height: 420px;
    }
}

@media (max-width: 767px) {
    .pfc-product-gallery {
        padding: 12px;
    }

    .pfc-product-gallery__main {
        height: 260px;
        border-radius: 16px;
    }

    .pfc-product-gallery__thumbs-row {
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        gap: 8px;
    }

    .pfc-product-gallery__arrow {
        width: 38px;
        height: 38px;
    }

    .pfc-product-gallery__thumbs .swiper-slide {
        width: 74px;
        height: 62px;
    }

    .pfc-product-gallery__thumb {
        height: 62px;
    }
}
button.pfc-product-gallery__zoom img {
    max-width: 20px;
}
.pfc-services-showcase * {
    box-sizing: border-box;
}

.pfc-services-showcase__inner {
    width: 100%;
}

.pfc-services-showcase__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 36px;
}

.pfc-service-card {
    position: relative;
    display: grid;
    grid-template-columns: 46% minmax(0, 54%);
    min-height: 260px;
    overflow: hidden;
    color: #101828;
    background: #ffffff;
    border: 1px solid #e1e7f0;
    border-radius: 18px;
    box-shadow: 0 14px 40px rgba(16, 24, 40, .06);
    transition:
            transform .25s ease,
            box-shadow .25s ease,
            border-color .25s ease;
}

.pfc-service-card:hover {
    transform: translateY(-3px);
    border-color: rgba(242, 15, 58, .22);
    box-shadow: 0 22px 60px rgba(16, 24, 40, .11);
}

.pfc-service-card__image {
    position: relative;
    display: block;
    min-height: 260px;
    overflow: hidden;
    background: #f2f4f7;
    text-decoration: none;
}

.pfc-service-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    transition:
            transform .35s ease,
            filter .35s ease;
}

.pfc-service-card:hover .pfc-service-card__image img {
    transform: scale(1.045);
    filter: saturate(1.04) contrast(1.03);
}

.pfc-service-card__image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 260px;
    padding: 28px;
    background:
            radial-gradient(circle at 50% 45%, #ffffff 0%, #f3f6fa 72%);
}

.pfc-service-card__image-placeholder svg {
    width: 120px;
    height: 120px;
    color: #c7d0dc;
}

.pfc-service-card__body {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 32px 34px 28px;
    background:
            radial-gradient(circle at 100% 0%, rgba(242, 15, 58, .035), transparent 34%),
            #ffffff;
}

.pfc-service-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin: 0 0 20px;
    overflow: hidden;
    background: rgba(242, 15, 58, .07);
    border-radius: 17px;
}

.pfc-service-card__icon img {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.pfc-service-card__icon-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #f20f3a;
}

.pfc-service-card__title {
    margin: 0 0 14px;
    color: #101828;
    font-size: 27px;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.pfc-service-card__title a {
    color: inherit;
    text-decoration: none;
}

.pfc-service-card__title a:hover {
    color: #f20f3a;
    text-decoration: none;
}

.pfc-service-card__text {
    max-width: 430px;
    margin: 0 0 24px;
    color: #344054;
    font-size: 16px;
    line-height: 1.45;
}

.pfc-service-card__text p {
    margin: 0;
}

.pfc-service-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: auto;
}

.pfc-service-card__more {
    display: inline-flex;
    align-items: center;
    color: #f20f3a;
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition: color .2s ease;
}

.pfc-service-card__more:hover {
    color: #d80c32;
    text-decoration: none;
}

.pfc-service-card__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    color: #ffffff;
    background: #f20f3a;
    border-radius: 12px;
    box-shadow: 0 14px 30px rgba(242, 15, 58, .26);
    text-decoration: none;
    transition:
            background .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
}

.pfc-service-card__arrow:hover {
    color: #ffffff !important;
    background: #d80c32;
    transform: translateX(3px);
    box-shadow: 0 18px 38px rgba(242, 15, 58, .34);
    text-decoration: none;
}

.pfc-service-card__arrow svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 1399.98px) {
    .pfc-services-showcase__grid {
        gap: 24px;
    }

    .pfc-service-card {
        min-height: 240px;
    }

    .pfc-service-card__image,
    .pfc-service-card__image img,
    .pfc-service-card__image-placeholder {
        min-height: 240px;
    }

    .pfc-service-card__body {
        padding: 28px;
    }

    .pfc-service-card__title {
        font-size: 24px;
    }

    .pfc-service-card__text {
        font-size: 15px;
    }
}

@media (max-width: 1199.98px) {
    .pfc-service-card {
        grid-template-columns: 42% minmax(0, 58%);
    }

    .pfc-service-card__title {
        font-size: 22px;
    }
}

@media (max-width: 991.98px) {
    .pfc-services-showcase__grid {
        grid-template-columns: 1fr;
    }

    .pfc-service-card {
        grid-template-columns: 44% minmax(0, 56%);
    }
}

@media (max-width: 639.98px) {
    .pfc-services-showcase__grid {
        gap: 18px;
    }

    .pfc-service-card {
        display: flex;
        flex-direction: column;
        min-height: 0;
        border-radius: 16px;
    }

    .pfc-service-card__image,
    .pfc-service-card__image img,
    .pfc-service-card__image-placeholder {
        min-height: 210px;
        height: 210px;
    }

    .pfc-service-card__body {
        padding: 22px 20px 20px;
    }

    .pfc-service-card__icon {
        width: 48px;
        height: 48px;
        margin-bottom: 16px;
        border-radius: 15px;
    }

    .pfc-service-card__icon img {
        width: 30px;
        height: 30px;
    }

    .pfc-service-card__title {
        font-size: 22px;
    }

    .pfc-service-card__text {
        max-width: none;
        font-size: 15px;
    }

    .pfc-service-card__arrow {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}

.control-group.rm-field-with-icon.pfc-service-form__message {
    max-width: 100%;
}
.pfc-service-page {
    --pfc-red: #f20f3a;
    --pfc-red-dark: #d80c32;
    --pfc-dark: #101828;
    --pfc-text: #253247;
    --pfc-muted: #667085;
    --pfc-border: #dfe6ef;
    --pfc-soft: #f7f9fc;
    --pfc-green: #16a34a;
    color: var(--pfc-text);
    font-family: inherit
}

.pfc-service-page *, .pfc-service-page *:before, .pfc-service-page *:after {
    box-sizing: border-box
}

.pfc-service-page a {
    text-decoration: none
}

.pfc-service-hero {
    display: grid;
    grid-template-columns: minmax(0, .98fr) minmax(420px, .9fr);
    align-items: center;
    min-height: 500px;
    margin: 0 0 46px;
    overflow: hidden;
    background: #f9fafc;
    border-radius: 45px;
    padding-left: 40px;
}

.pfc-service-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 28px;
    color: #98a2b3;
    font-size: 13px
}

.pfc-service-breadcrumbs a {
    color: #667085
}

.pfc-service-breadcrumbs a:hover {
    color: var(--pfc-red)
}

.pfc-service-hero__title {
    max-width: 760px;
    margin: 0 0 22px;
    color: var(--pfc-dark);
    font-size: 54px;
    font-weight: 950;
    line-height: 1.04;
    letter-spacing: -.055em
}

.pfc-service-hero__text {
    max-width: 660px;
    margin-bottom: 34px;
    color: var(--pfc-text);
    font-size: 18px;
    line-height: 1.6
}

.pfc-service-hero__features {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 36px
}

.pfc-service-hero-feature {
    display: grid;
    grid-template-columns:46px minmax(0, 1fr);
    gap: 12px
}

.pfc-service-hero-feature__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: var(--pfc-red);
    background: rgba(242, 15, 58, .07);
    border-radius: 15px;
    font-size: 22px;
    font-weight: 900
}

.pfc-service-hero-feature strong {
    display: block;
    margin-bottom: 5px;
    color: var(--pfc-dark);
    font-size: 14px;
    font-weight: 900
}

.pfc-service-hero-feature small {
    display: block;
    color: var(--pfc-muted);
    font-size: 12px;
    line-height: 1.45
}

.pfc-service-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px
}

.pfc-service-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 32px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    transition: .2s ease
}

.pfc-service-btn--primary {
    color: #fff;
    background: var(--pfc-red);
    border: 1px solid var(--pfc-red);
}

.pfc-service-btn--primary:hover {
    color: #fff !important;
    background: var(--pfc-red-dark);
    border-color: var(--pfc-red-dark);
    transform: translateY(-1px)
}

.pfc-service-btn--outline {
    color: var(--pfc-red);
    background: #fff;
    border: 1px solid var(--pfc-red)
}

.pfc-service-btn--outline:hover {
    color: #fff !important;
    background: var(--pfc-red)
}

.pfc-service-hero__media {
    position: relative;
    min-height: 520px;
    overflow: hidden;
}


.pfc-service-hero__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: none;
    border-radius: 0px 50px 50px 0px;
}

.pfc-service-card, .pfc-service-advantages, .pfc-service-request, .pfc-service-result__inner, .pfc-service-bottom-benefits {
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 22px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .045)
}

.pfc-service-models {
    display: grid;
    grid-template-columns:330px minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    padding: 28px 34px;
    margin-bottom: 52px
}

.pfc-service-models__text h2, .pfc-service-section__head h2, .pfc-service-advantages h2, .pfc-service-result h2, .pfc-service-request h2 {
    margin: 0 0 14px;
    color: var(--pfc-dark);
    font-size: 34px;
    font-weight: 950;
    line-height: 1.12;
    letter-spacing: -.04em
}

.pfc-service-models__text p, .pfc-service-section__head p {
    margin: 0;
    color: var(--pfc-muted);
    font-size: 16px;
    line-height: 1.6
}

.pfc-service-slider-shell {
    display: grid;
    gap: 0;
    align-items: center;
    min-width: 0
}

.pfc-service-slider-shell.is-slider-active {
    grid-template-columns:44px minmax(0, 1fr) 44px;
    gap: 14px
}

.pfc-service-slider-arrow {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    color: var(--pfc-dark);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 50%;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .08);
    cursor: pointer;
    transition: .2s ease
}

.pfc-service-slider-shell.is-slider-active .pfc-service-slider-arrow {
    display: inline-flex
}

.pfc-service-slider-arrow:hover {
    color: #fff;
    background: var(--pfc-red);
    border-color: var(--pfc-red)
}

.pfc-service-slider-arrow span {
    display: block;
    width: 11px;
    height: 11px
}

.pfc-service-slider-arrow--prev span {
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-left: 4px
}

.pfc-service-slider-arrow--next span {
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    transform: rotate(45deg);
    margin-right: 4px
}

.pfc-service-slider-arrow.swiper-button-disabled {
    opacity: .4;
    pointer-events: none
}

.pfc-service-slider {
    width: 100%;
    overflow: hidden
}

.pfc-service-slider .swiper-wrapper {
    align-items: stretch
}

.pfc-service-slider .swiper-slide {
    height: auto
}

.pfc-service-slider-shell--models .swiper-slide {
    width: max(128px, calc((100% - 90px) / 6))
}

.pfc-service-slider-shell--cards .swiper-slide {
    width: max(220px, calc((100% - 90px) / 6))
}

.pfc-service-slider-shell--timeline .swiper-slide {
    width: max(190px, calc((100% - 90px) / 6))
}

.pfc-service-model {
    display: grid;
    gap: 12px;
    justify-items: center;
    align-content: center;
    min-height: 128px;
    padding: 18px 12px;
    color: var(--pfc-dark);
    border-left: 1px solid #e7edf4
}

.pfc-service-model span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    color: var(--pfc-red);
    background: rgba(242, 15, 58, .07);
    border-radius: 16px;
    font-size: 18px;
    font-weight: 950
}

.pfc-service-model strong {
    font-size: 14px;
    font-weight: 900;
    text-align: center
}

.pfc-service-section {
    margin-bottom: 56px
}

.pfc-service-section__head {
    max-width: 760px;
    margin-bottom: 24px
}

.pfc-service-step-card {
    height: 100%;
    min-height: 245px;
    padding: 24px 22px;
    color: var(--pfc-text);
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .045)
}

.pfc-service-step-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
    color: var(--pfc-red);
    background: rgba(242, 15, 58, .07);
    border-radius: 16px;
    font-size: 17px;
    font-weight: 950
}

.pfc-service-step-card h3 {
    margin: 0 0 12px;
    color: var(--pfc-dark);
    font-size: 17px;
    font-weight: 950;
    line-height: 1.2
}

.pfc-service-step-card p {
    margin: 0;
    color: var(--pfc-muted);
    font-size: 14px;
    line-height: 1.55
}

.pfc-service-swiper-pagination {
    display: none;
    justify-content: center;
    gap: 8px;
    margin-top: 18px
}

.pfc-service-slider-shell.is-slider-active .pfc-service-swiper-pagination {
    display: flex
}

.pfc-service-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 !important;
    background: #cfd6e1;
    opacity: 1;
    transition: .2s ease
}

.pfc-service-swiper-pagination .swiper-pagination-bullet-active {
    width: 26px;
    border-radius: 999px;
    background: var(--pfc-red)
}

.pfc-service-advantages {
    display: grid;
    grid-template-columns:.8fr 1.2fr;
    gap: 34px;
    align-items: center;
    padding: 34px;
    margin-bottom: 56px
}

.pfc-service-check-list {
    display: grid;
    gap: 14px;
    padding: 0;
    margin: 22px 0 0;
    list-style: none
}

.pfc-service-check-list li {
    position: relative;
    padding-left: 28px;
    color: var(--pfc-text);
    font-size: 15px;
    line-height: 1.45
}

.pfc-service-check-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: var(--pfc-red);
    background: rgba(242, 15, 58, .08);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 900
}

.pfc-service-advantages__media {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    border-radius: 18px;
    background: #101828
}

.pfc-service-advantages__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    opacity: .72
}

.pfc-service-advantages-card {
    position: absolute;
    right: 28px;
    bottom: 28px;
    width: min(360px, calc(100% - 56px));
    padding: 26px;
    color: #fff;
    background: rgba(16, 24, 40, .78);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 18px;
    backdrop-filter: blur(8px)
}

.pfc-service-advantages-card h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 24px;
    font-weight: 950
}

.pfc-service-advantages-card p {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.55
}

.pfc-service-advantages-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 22px;
    color: #fff;
    background: var(--pfc-red);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 900
}

.pfc-service-timeline-item {
    position: relative;
    min-height: 170px;
    padding: 0 18px 0 0
}

.pfc-service-timeline-item:after {
    content: "";
    position: absolute;
    left: 45px;
    top: 18px;
    right: -10px;
    height: 1px;
    background: #e0e6ef
}
.pfc-service-advantages-card a:hover {
    color: #fff !important;
}

.pfc-service-timeline-item span {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    color: #fff;
    background: var(--pfc-red);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 950;
}

.pfc-service-timeline-item h3 {
    margin: 0 0 10px;
    color: var(--pfc-dark);
    font-size: 16px;
    font-weight: 950
}

.pfc-service-timeline-item p {
    margin: 0;
    color: var(--pfc-muted);
    font-size: 13px;
    line-height: 1.5
}

.pfc-service-result {
    margin-bottom: 56px;
    color: #fff
}

.pfc-service-result__inner {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns:minmax(0, 1fr) 430px;
    min-height: 360px;
    background: #09111f;
    border-color: rgba(255, 255, 255, .08)
}

.pfc-service-result__content {
    position: relative;
    z-index: 2;
    padding: 42px
}

.pfc-service-result h2 {
    color: #fff
}

.pfc-service-result__grid {
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: 34px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 18px;
    overflow: hidden
}

.pfc-service-result-item {
    padding: 26px 22px;
    background: rgba(255, 255, 255, .035)
}

.pfc-service-result-item span {
    display: inline-flex;
    margin-bottom: 18px;
    color: var(--pfc-red);
    font-size: 34px;
    font-weight: 900
}

.pfc-service-result-item h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 17px;
    font-weight: 950;
    line-height: 1.2
}

.pfc-service-result-item p {
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.5
}

.pfc-service-result__image {
    position: relative;
    min-height: 360px
}

.pfc-service-result__image:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #09111f 0%, rgba(9, 17, 31, .65) 35%, rgba(9, 17, 31, 0) 100%);
    z-index: 1
}

.pfc-service-result__image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover
}

.pfc-service-request {
    display: grid;
    grid-template-columns:360px minmax(0, 1fr);
    gap: 42px;
    padding: 38px;
    margin-bottom: 42px;
    background: radial-gradient(circle at 0 0, rgba(242, 15, 58, .05), transparent 36%), #fff
}

.pfc-service-form {
    display: grid;
    gap: 18px
}

.pfc-service-form__grid {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 16px
}

.pfc-service-form .control-group {
    margin: 0
}

.pfc-service-form .controls {
    position: relative
}

.pfc-service-form .form-control {
    width: 100%;
    height: 54px;
    padding: 0 16px;
    color: #101828;
    background: #fff;
    border: 1px solid #dfe6ef;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.3;
    outline: none;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease
}

.pfc-service-form textarea.form-control {
    min-height: 138px;
    padding-top: 17px;
    padding-bottom: 17px;
    resize: vertical
}

.pfc-service-form .form-control:focus {
    border-color: rgba(242, 15, 58, .45);
    box-shadow: 0 0 0 4px rgba(242, 15, 58, .08)
}

.pfc-service-form .rm-field-with-icon .controls:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 27px;
    z-index: 2;
    width: 22px;
    height: 22px;
    background-color: #98a2b3;
    -webkit-mask-image: var(--rm-field-icon);
    mask-image: var(--rm-field-icon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transform: translateY(-50%);
    pointer-events: none;
    transition: background-color .2s ease
}

.pfc-service-form .rm-field-with-icon .controls:focus-within:before {
    background-color: var(--pfc-red)
}

.pfc-service-form .rm-field-has-icon {
    padding-left: 52px
}

.pfc-service-form__message .controls:before {
    top: 17px;
    transform: none
}

.pfc-service-form .rm-checkout-consents {
    display: grid;
    gap: 12px;
    margin: 2px 0 0
}

.pfc-service-form .rm-consent-switch {
    display: grid;
    grid-template-columns:58px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    margin: 0;
    cursor: pointer
}

.pfc-service-form .rm-consent-switch__input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.pfc-service-form .rm-consent-switch__control {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 58px;
    height: 32px;
    padding: 3px;
    background: #cfd6e1;
    border-radius: 999px;
    transition: background .2s ease, box-shadow .2s ease
}

.pfc-service-form .rm-consent-switch__knob {
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(16, 24, 40, .18);
    transform: translateX(0);
    transition: transform .2s ease
}

.pfc-service-form .rm-consent-switch__input:checked + .rm-consent-switch__control {
    background: #16a34a
}

.pfc-service-form .rm-consent-switch__input:checked + .rm-consent-switch__control .rm-consent-switch__knob {
    transform: translateX(26px)
}

.pfc-service-form .rm-consent-switch__input:focus + .rm-consent-switch__control {
    box-shadow: 0 0 0 4px rgba(242, 15, 58, .08)
}

.pfc-service-form .rm-consent-switch__text {
    color: #667085;
    font-size: 14px;
    line-height: 1.45
}

.pfc-service-form .rm-consent-switch__text a {
    color: var(--pfc-red);
    text-decoration: underline;
    text-underline-offset: 3px
}

.pfc-service-form__submit, .pfc-service-form .pfc-quick-modal__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    width: 100%;
    padding: 0 24px;
    color: #fff;
    background: var(--pfc-red);
    border: 1px solid var(--pfc-red);
    border-radius: 12px;
    font-size: 15px;
    font-weight: 950;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 14px 32px rgba(242, 15, 58, .25);
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease
}

.pfc-service-form__submit:hover, .pfc-service-form__submit:focus {
    color: #fff;
    background: var(--pfc-red-dark);
    border-color: var(--pfc-red-dark);
    box-shadow: 0 18px 38px rgba(242, 15, 58, .3);
    transform: translateY(-1px);
    outline: none
}
.pfc-service-advantages__media img {
    margin-bottom: 0 !important;
}
.pfc-service-bottom-benefits {
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden
}

.pfc-service-bottom-benefit {
    display: grid;
    grid-template-columns:48px minmax(0, 1fr);
    gap: 16px;
    padding: 24px;
    background: #fff
}

.pfc-service-bottom-benefit span {
    display: inline-flex;
    color: var(--pfc-red);
    font-size: 18px;
    font-weight: 950
}

.pfc-service-bottom-benefit h3 {
    margin: 0 0 7px;
    color: var(--pfc-dark);
    font-size: 16px;
    font-weight: 950
}

.pfc-service-bottom-benefit p {
    margin: 0;
    color: var(--pfc-muted);
    font-size: 14px;
    line-height: 1.5
}

@media (max-width: 1399.98px) {
    .pfc-service-hero__title {
        font-size: 46px
    }

    .pfc-service-result__grid {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 1199.98px) {
    .pfc-service-hero {
        grid-template-columns:1fr;
        min-height: 0;
        gap: 26px
    }

    .pfc-service-hero__media, .pfc-service-hero__media img {
        min-height: 360px;
        border-radius: 24px
    }

    .pfc-service-models, .pfc-service-advantages, .pfc-service-request {
        grid-template-columns:1fr
    }

    .pfc-service-bottom-benefits {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 991.98px) {
    .pfc-service-hero {
        background: #fff;
        padding-left: 0;
    }
    .pfc-service-hero__title {
        font-size: 38px
    }

    .pfc-service-hero__features {
        grid-template-columns:1fr
    }

    .pfc-service-result__inner {
        grid-template-columns:1fr
    }

    .pfc-service-result__image {
        display: none
    }

    .pfc-service-form__grid {
        grid-template-columns:1fr
    }
}

@media (max-width: 767.98px) {
    .pfc-service-hero {
        margin-bottom: 34px
    }

    .pfc-service-hero__title {
        font-size: 30px
    }

    .pfc-service-hero__text {
        font-size: 16px
    }

    .pfc-service-hero__actions {
        display: grid
    }

    .pfc-service-btn {
        width: 100%
    }

    .pfc-service-hero__media, .pfc-service-hero__media img {
        min-height: 260px;
        border-radius: 20px;
    }

    .pfc-service-models, .pfc-service-advantages, .pfc-service-request, .pfc-service-result__content {
        padding: 24px 18px;
        border-radius: 18px
    }

    .pfc-service-models__text h2, .pfc-service-section__head h2, .pfc-service-advantages h2, .pfc-service-result h2, .pfc-service-request h2 {
        font-size: 26px
    }

    .pfc-service-slider-shell.is-slider-active {
        grid-template-columns:38px minmax(0, 1fr) 38px;
        gap: 8px
    }

    .pfc-service-slider-arrow {
        width: 38px;
        height: 38px
    }

    .pfc-service-slider-shell--models .swiper-slide {
        width: 120px
    }

    .pfc-service-slider-shell--cards .swiper-slide {
        width: 82%
    }

    .pfc-service-slider-shell--timeline .swiper-slide {
        width: 82%
    }

    .pfc-service-advantages__media, .pfc-service-advantages__media img {
        min-height: 280px
    }

    .pfc-service-advantages-card {
        position: relative;
        right: auto;
        bottom: auto;
        width: auto;
        margin: -70px 16px 16px
    }

    .pfc-service-result__grid, .pfc-service-bottom-benefits {
        grid-template-columns:1fr
    }

    .pfc-service-form .rm-consent-switch {
        grid-template-columns:52px minmax(0, 1fr);
        gap: 11px;
        align-items: flex-start
    }

    .pfc-service-form .rm-consent-switch__control {
        width: 52px;
        height: 30px
    }

    .pfc-service-form .rm-consent-switch__knob {
        width: 24px;
        height: 24px
    }

    .pfc-service-form .rm-consent-switch__input:checked + .rm-consent-switch__control .rm-consent-switch__knob {
        transform: translateX(22px)
    }

    .pfc-service-form .rm-consent-switch__text {
        font-size: 13px
    }
}
#service-process,
#service-request {
    scroll-margin-top: 100px;
}

.pfc-service-hero__content {
    padding: 0 30px 0 0;
}
@media (max-width: 767.98px) {
    .pfc-service-hero__content {
        padding: 0;
    }
}
.pfc-service-kit-flow {
    margin-bottom: 56px;
}

.pfc-service-kit-flow__box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr) 58px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    padding: 34px;
    background: #fff;
    border: 1px solid var(--pfc-border);
    border-radius: 22px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .045);
}

.pfc-service-kit-flow__item {
    position: relative;
    display: grid;
    gap: 16px;
    align-content: start;
    min-height: 100%;
}

.pfc-service-kit-flow__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: var(--pfc-dark);
    background: #fff;
    border: 4px solid #f2bd2d;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 950;
    line-height: 1;
}

.pfc-service-kit-flow__item h3 {
    margin: -54px 0 0 60px;
    min-height: 46px;
    display: flex;
    align-items: center;
    color: var(--pfc-dark);
    font-size: 18px;
    font-weight: 950;
    line-height: 1.2;
}

.pfc-service-kit-flow__image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 210px;
    padding: 18px;
    background: #f7f9fc;
    border: 1px solid #e5ebf3;
    border-radius: 18px;
    overflow: hidden;
}

.pfc-service-kit-flow__image img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: contain;
    margin: 0 !important;
}

.pfc-service-kit-flow__item p {
    margin: 0;
    color: var(--pfc-muted);
    font-size: 14px;
    line-height: 1.55;
}

.pfc-service-kit-flow__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.pfc-service-kit-flow__arrow span {
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 22px solid #f2bd2d;
}

.pfc-service-kit-flow__note {
    margin-top: 16px;
    padding: 18px 22px;
    color: var(--pfc-text);
    background: rgba(242, 15, 58, .04);
    border: 1px solid rgba(242, 15, 58, .12);
    border-radius: 16px;
    font-size: 15px;
    line-height: 1.55;
}

@media (max-width: 1199.98px) {
    .pfc-service-kit-flow__box {
        grid-template-columns: 1fr;
    }

    .pfc-service-kit-flow__arrow {
        transform: rotate(90deg);
        min-height: 42px;
    }
}

@media (max-width: 767.98px) {
    .pfc-service-kit-flow__box {
        padding: 24px 18px;
        border-radius: 18px;
    }

    .pfc-service-kit-flow__item h3 {
        font-size: 17px;
    }

    .pfc-service-kit-flow__image {
        min-height: 180px;
    }

    .pfc-service-kit-flow__image img {
        height: 160px;
    }

    .pfc-service-kit-flow__note {
        padding: 16px;
        font-size: 14px;
    }
}
.com-finder.finder {
    width: min(100% - 32px, 1180px);
    color: #1f2a37;
    font-family: inherit;
}

.com-finder .page-header {
    margin: 0 0 22px;
    padding: 0;
    border: 0;
}

.com-finder .page-header h1 {
    margin: 0;
    color: #151922;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -.03em;
}

/* Форма поиска */
.com-finder__form {
    margin: 0 0 22px;
    padding: 18px;
    border: 1px solid #e8ecf2;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(20, 35, 55, .08);
}

.com-finder__search {
    margin: 0 !important;
    padding: 0;
    border: 0;
}

.com-finder__search .form-inline {
    display: block;
}

.com-finder__search-legend,
.com-finder__search label[for="q"],
.com-finder__search .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

form.js-finder-searchform {
    padding-top: 0 !important;
}

.com-finder__search .input-group {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 156px;
    align-items: stretch;
    gap: 10px;
    width: 100%;
}

.com-finder__search .awesomplete {
    position: relative;
    display: block;
    min-width: 0;
}

.com-finder__search input[type="text"],
.com-finder__search .form-control,
.com-finder__search .js-finder-search-query {
    width: 100%;
    height: 54px;
    padding: 0 20px;
    border: 1px solid #e5e9ef;
    border-radius: 16px !important;
    background: #f6f7f9;
    color: #151922;
    font-size: 16px;
    line-height: 54px;
    font-weight: 700;
    outline: none;
    box-shadow: none;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
    -webkit-appearance: none;
    appearance: none;
}

.com-finder__search input[type="text"]:hover,
.com-finder__search .form-control:hover,
.com-finder__search .js-finder-search-query:hover {
    background: #fff;
    border-color: #dde3eb;
}

.com-finder__search input[type="text"]:focus,
.com-finder__search .form-control:focus,
.com-finder__search .js-finder-search-query:focus {
    border-color: rgba(242, 15, 58, .36);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(242, 15, 58, .08);
}

/* Кнопка */
.com-finder__search .btn-primary {
    height: 54px;
    min-width: 0;
    padding: 0 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0;
    border-radius: 16px !important;
    background: #f20f3a;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
    -webkit-appearance: none;
    appearance: none;
}

.com-finder__search .btn-primary:hover,
.com-finder__search .btn-primary:focus {
    background: #d90931;
    color: #fff;
    transform: translateY(-1px);
}

.com-finder__search .btn-primary:active {
    transform: translateY(0);
}

.com-finder__search .btn-primary .icon-search {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
}

/* Скрываем лишнее */
.com-finder__search .btn-secondary,
.com-finder__advanced,
.com-finder__tips,
#advancedSearch,
#finder-filter-window,
.com-finder__filter {
    display: none !important;
}

/* Подсказки Awesomplete */
.com-finder__search .awesomplete > ul {
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 10020;
    margin: 0;
    padding: 8px;
    border: 1px solid #e8ecf2;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(16, 24, 40, .14);
}

.com-finder__search .awesomplete > ul > li {
    padding: 10px 12px;
    border-radius: 12px;
    color: #1f2a37;
    font-size: 14px;
    line-height: 1.35;
    cursor: pointer;
}

.com-finder__search .awesomplete > ul > li:hover,
.com-finder__search .awesomplete > ul > li[aria-selected="true"] {
    background: #f7f8fa;
    color: #f20f3a;
}

/* Блок объяснения результата */
.com-finder__explained {
    margin: 0 0 18px;
    padding: 14px 18px;
    border: 1px solid rgba(242, 15, 58, .14);
    border-radius: 16px;
    background: #fff6f8;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.45;
}

.com-finder__explained:empty {
    display: none;
}

.com-finder__explained p {
    margin: 0;
}

.com-finder__explained a,
.com-finder__explained .term {
    color: #f20f3a;
    font-weight: 800;
    text-decoration: none;
}

.com-finder__explained a:hover {
    text-decoration: underline;
}

/* Список результатов */
.com-finder__results {
    margin-top: 0;
}

.com-finder__results-list,
#search-result-list {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.com-finder .result__item {
    position: relative;
    margin: 0;
    padding: 20px 24px 20px 26px;
    overflow: hidden;
    border: 1px solid #e8ecf2;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(20, 35, 55, .06);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.com-finder .result__item::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: #f20f3a;
    opacity: 0;
    transition: opacity .2s ease;
}

.com-finder .result__item:hover {
    border-color: rgba(242, 15, 58, .22);
    box-shadow: 0 16px 34px rgba(20, 35, 55, .10);
    transform: translateY(-2px);
}

.com-finder .result__item:hover::before {
    opacity: 1;
}

.com-finder .result__title {
    margin: 0 0 10px;
}

.com-finder .result__title-link {
    position: relative;
    display: block;
    padding-right: 38px;
    color: #151922;
    text-decoration: none;
}


.com-finder .result__title-link:hover::after {
    background: #f20f3a;
    color: #fff;
    transform: translateX(2px);
}

.com-finder .result__title-text {
    display: block;
    color: inherit;
    font-size: 20px;
    line-height: 1.28;
    font-weight: 800;
    letter-spacing: -.02em;
}

.com-finder .result__title-url {
    display: none !important;
}

.com-finder .result__description {
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.6;
}

.com-finder .result__date {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin: 0 10px 4px 0;
    padding: 3px 9px;
    border-radius: 999px;
    background: #f5f6f8;
    color: #8b95a1;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
}

/* Подсветка найденных слов */
.com-finder .result__item mark,
.com-finder mark {
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(242, 15, 58, .08);
    color: #f20f3a;
    font-weight: 800;
}

/* Убираем тип, автора, категорию */
.com-finder .result__taxonomy {
    display: none !important;
}

/* Навигация и счётчик */
.com-finder__navigation,
.search-pagination {
    margin-top: 26px;
    display: grid;
    gap: 14px;
}

.com-finder__pagination,
.com-finder__pagination.w-100 {
    width: 100%;
    display: flex;
    justify-content: center;
}

.com-finder__pagination .pagination__wrapper {
    width: auto;
}

.com-finder__pagination ul,
.com-finder__pagination .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.com-finder__pagination li {
    margin: 0;
    padding: 0;
}

.com-finder__pagination a,
.com-finder__pagination span,
.com-finder__pagination .page-link {
    min-width: 42px;
    height: 42px;
    padding: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e3e8ef;
    border-radius: 14px !important;
    background: #fff;
    color: #151922;
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
    text-decoration: none;
    box-shadow: none;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.com-finder__pagination a:hover,
.com-finder__pagination .page-link:hover {
    border-color: rgba(242, 15, 58, .32);
    background: #fff6f8;
    color: #f20f3a;
    transform: translateY(-1px);
}

.com-finder__pagination .active a,
.com-finder__pagination .active span,
.com-finder__pagination li.active a,
.com-finder__pagination li.active span,
.com-finder__pagination .page-item.active .page-link {
    border-color: #f20f3a;
    background: #f20f3a;
    color: #fff;
    box-shadow: 0 10px 20px rgba(242, 15, 58, .22);
}

.com-finder__pagination .disabled span,
.com-finder__pagination .page-item.disabled .page-link {
    border-color: #e8ecf2;
    background: #f1f3f6;
    color: #9aa3ad;
    cursor: default;
    transform: none;
    box-shadow: none;
}

.com-finder__counter,
.search-pages-counter {
    width: 100%;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}

.com-finder__counter strong,
.search-pages-counter strong {
    color: #151922;
    font-weight: 800;
}

/* Если результатов нет */
.com-finder__no-results {
    padding: 24px;
    border: 1px solid #e8ecf2;
    border-radius: 20px;
    background: #fff;
    color: #6b7280;
    box-shadow: 0 10px 26px rgba(20, 35, 55, .06);
}

/* Адаптив */
@media (max-width: 768px) {
    .com-finder.finder {
        width: min(100% - 20px, 1180px);
        margin: 24px auto 44px;
    }

    .com-finder .page-header h1 {
        font-size: 26px;
    }

    .com-finder__form {
        padding: 14px;
        border-radius: 18px;
    }

    .com-finder__search .input-group {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .com-finder__search input[type="text"],
    .com-finder__search .form-control,
    .com-finder__search .js-finder-search-query {
        height: 50px;
        line-height: 50px;
        font-size: 15px;
    }

    .com-finder__search .btn-primary {
        width: 100%;
        height: 50px;
        min-width: 0;
    }

    .com-finder .result__item {
        padding: 18px;
        border-radius: 17px;
    }

    .com-finder .result__title-link {
        padding-right: 0;
    }

    .com-finder .result__title-link::after {
        display: none;
    }

    .com-finder .result__title-text {
        font-size: 17px;
    }

    .com-finder .result__description {
        font-size: 14px;
    }

    .com-finder__pagination a,
    .com-finder__pagination span,
    .com-finder__pagination .page-link {
        min-width: 39px;
        height: 39px;
        border-radius: 12px !important;
    }
    .awesomplete > input {
        max-width: 100%;
    }
    form.rmls-form {
        display: none;
    }
}

@media (max-width: 480px) {
    .com-finder.finder {
        width: min(100% - 16px, 1180px);
    }

    .com-finder__explained {
        padding: 13px 14px;
        font-size: 13px;
    }

    .com-finder .result__item {
        padding: 16px;
    }

    .com-finder .result__title-text {
        font-size: 16px;
    }
}
.pfc-consult-inline-form {
    width: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.pfc-consult-inline-form__row {
    display: flex;
    align-items: center;
    gap: 18px;
}

.pfc-consult-inline-form__field,
.pfc-consult-inline-form__field .controls {
    width: 100%;
    margin: 0;
}

.pfc-consult-inline-form__field .form-control {
    width: 100%;
    height: 52px;
}

.pfc-consult-inline-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 170px;
    height: 52px;
    padding: 0 32px;
    border: 0;
    border-radius: 999px;
    background: #f20f3a;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(242, 15, 58, .22);
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pfc-consult-inline-form__submit:hover {
    background: #d90d33;
    color: #fff;
    box-shadow: 0 16px 32px rgba(242, 15, 58, .28);
    transform: translateY(-1px);
}

.pfc-consult-inline-form__consents {
    margin: 12px 0 0;
}

.pfc-consult-inline-form .rm-consent-switch {
    align-items: flex-start;
}

.pfc-consult-inline-form .rm-consent-switch__input:not(:checked) + .rm-consent-switch__control,
.pfc-consult-inline-form .rm-consent-switch__input.uk-form-danger + .rm-consent-switch__control,
.pfc-consult-inline-form .rm-consent-switch__input.form-control-danger + .rm-consent-switch__control {
    border-color: #f20f3a;
    box-shadow: 0 0 0 4px rgba(242, 15, 58, .16);
}

.pfc-consult-inline-form .rm-consent-switch__input:not(:checked) ~ .rm-consent-switch__text,
.pfc-consult-inline-form .rm-consent-switch__input.uk-form-danger ~ .rm-consent-switch__text,
.pfc-consult-inline-form .rm-consent-switch__input.form-control-danger ~ .rm-consent-switch__text {
    color: #f20f3a;
}

.pfc-consult-inline-form .rm-consent-switch__input:not(:checked) ~ .rm-consent-switch__text a,
.pfc-consult-inline-form .rm-consent-switch__input.uk-form-danger ~ .rm-consent-switch__text a,
.pfc-consult-inline-form .rm-consent-switch__input.form-control-danger ~ .rm-consent-switch__text a {
    color: #f20f3a;
}

@media (max-width: 767px) {
    .pfc-consult-inline-form__row {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .pfc-consult-inline-form__field,
    .pfc-consult-inline-form__field .controls {
        max-width: none;
    }

    .pfc-consult-inline-form__submit {
        width: 100%;
    }
}
.pfc-product-card__stock {
    color: #16a34a;
}
.pfc-product-card__stock::before {
    color: #16a34a;
}