/* Start:/local/templates/procar/assets/css/modal.css?17724373117503*/
.modal { 
   z-index: 55;
}
.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(0.2em);
}
.modal__container{
    background: #FFFFFF;   
    max-width: 18.25em;
    width: 100%;
    max-height: calc(100vh - 2em);  
    position: relative;
    margin: 0 1em;
    display: flex; 
    flex-direction: column; 
    border-radius: 0.625em;
    padding: 2.1875em 1.4375em 1.9375em;
} 
.modal__container--cart{
    padding-bottom: 2.375em;
    align-items: center; 
}
.modal__close{  
    bottom: 100%;
    right: 0;
    margin-bottom: 0.6875em;
    border-radius: 100%;
    background: #fff;
    width: 2.9375em;
    height: 2.9375em;
    position: absolute;  
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal__close svg{
    width: 0.6875em;
    pointer-events: none;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
   display: none;
}

.micromodal-slide.is-open {
   display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
   animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
   animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
   animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
   animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
 

.modal__title{
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0.375em;
}
.modal__text{
    color: #707070;
    text-align: center;
    letter-spacing: -0.04em;
    font-size: 0.75em;
    line-height: 1.258;
    margin-bottom: 1.5em;
}
.modal__form{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.modal__formLabel{
    color: #707070;
    letter-spacing: -0.04em;
    font-size: 0.75em;
    margin-bottom: 0.666em;
}
.modal__formInput{
    width: 100%;
    font-size: 0.75em;
    border: solid max(1px, 0.0834em) #898989;
    height: 4.666em;
    background: transparent;
    letter-spacing: -0.04em;
    padding: 0 1.5em 0.25em;
    margin-bottom: 1.75em;
}
.modal__formInput::placeholder{
    color: #898989;
}
.modal__formBtn{
    width: 100%;
    height: 3.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E11D3D;
    margin-top: 0.4375em;
}
.modal__formBtn span{
    color: #fff;
    font-weight: 500;
    font-size: 0.875em;
}
.modal__cb{
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: 1.125em;
}
.modal__cb input{
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
}
.modal__cb input:checked ~ svg path{
    fill: #E11D3D;
}
.modal__cb svg{
    flex-shrink: 0;
    width: 1.125em;
    margin: 0.125em 0.4375em 0 0.125em;
}
.modal__cb div{
    flex-grow: 1;
    font-size: 0.75em;
    line-height: 1.258;
    letter-spacing: -0.04em;
    color: #707070;
}
.modal__cb div a{
    color: #E11D3D;
    text-decoration: underline;
    text-underline-position: under;
}
.modal__img{
    display: none;
}
.modal__cartTitle{
    line-height: 1.258;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 2.5625em;
}
.modal__cartImg{
    width: 7.8125em;
    margin-bottom: 2.625em;
}
.modal__cartBtns{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 14.4375em;
}
.modal__cartBtn{
    height: 3.5em;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #272727;
    margin-bottom: 1.125em;
}
.modal__cartBtn span{
    font-weight: 500;
    font-size: 0.875em;
    pointer-events: none;
    color: #fff;
}
.modal__cartLink{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.5em;
    background: #E11D3D;
}
.modal__cartLink span{
    color: #fff;
    font-size: 0.875em;
    font-weight: 500;
}
.modal__cartLink svg{
    width: 1.125em;
    margin-left: 0.6875em;
}
@media(min-width: 1000px){
    .modal__container{
        max-width: 82.75em;
        margin-right: 3.75em;
        padding: 4.6875em 7.125em 3.8125em; 
    }
    .modal__title{
        font-size: 2.1875em;
        text-align: left;
        margin-bottom: 0.314em;
    }
    .modal__text{
        text-align: left;
        font-size: 1.125em;
        width: 30em;
        margin-bottom: 1.555em;
    }
    .modal__form{
        max-width: 25.9375em;
    }
    .modal__formLabel{
        font-size: 1em;
        margin-bottom: 0.75em;
    }
    .modal__formInput{
        border: solid max(1px, 0.0625em) #898989;
        font-size: 1em;
        height: 4.1875em;
        padding: 0 1.375em;
        margin-bottom: 2.125em;
    }
    .modal__formBtn{
        margin-top: 0.5625em;
        height: 4.1875em;
    }
    .modal__formBtn span{
        font-size: 1.125em;
    }
    .modal__cb{
        margin-top: 1.8125em;
    }
    .modal__cb div{
        margin-top: 0.15em;
        font-size: 0.875em;
    }
    .modal__cb svg{
        width: 1.375em;
        margin: 0 0.25em 0 0.0625em;
    }
    .modal__img{
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 29.625em;
        transform: translate(18.3%, -40%);
    }
    .modal__close{
        width: 3.625em;
        height: 3.625em;
        bottom: inherit;
        right: inherit;
        left: 100%;
        top: 0;
        margin-left: 1.3125em;
    }
    .modal__close svg{
        width: 0.875em;
    }
    .modal__container--cart{
        max-width: 52.25em;
        margin-right: 1em;
        padding-top: 3.625em;
        padding-bottom: 2.9375em;
    }
    .modal__cartTitle{
        font-size: 2.1875em;
        margin-bottom: 1.743em;
    }
    .modal__cartImg{
        width: 13.3125em;
        margin-bottom: 5.9375em;
    }
    .modal__cartBtns{
        flex-direction: row;
        justify-content: space-between;
        width: 39.5625em;
    }
    .modal__cartBtn{
        margin: 0;
        height: 4.1875em;
        width: 17.1875em;
    }
    .modal__cartLink{
        height: 4.1875em;
        width: 19.5em;
    }
    .modal__cartBtn span{
        font-size: 1.125em;
    }
    .modal__cartLink span{
        font-size: 1.125em;
    }
    .modal__cartLink svg{
        width: 1.4375em;
    }
    .modal__container--cart{
    	max-width: 43em;
    }
}

#modalTy .modal__title,
#modalTy .modal__text{
	text-align: center;
}
#modalTy .modal__cartImg{
	margin-bottom: 0;
}




/* End */


/* Start:/local/templates/procar/assets/css/swiper-bundle.min.css?177243731113838*/
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}
.swiper-button-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube {
    overflow: visible;
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}
.swiper-flip {
    overflow: visible;
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}
.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

/* End */


/* Start:/local/templates/procar/components/bitrix/sale.basket.basket.line/cart_link_mini_mobile/style.css?1772437311337*/
.header__mobileBtn{
	position: relative;
}
.header__mobileBtn span{
	position: absolute;
	display: flex;
	min-width: 1.3125rem;
	height: 1.3125rem;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	color: #000;
	font-size: 0.75em;
	background: #fff;
	border-radius: 100%;
	top: -0.5625rem;
	right: -1rem;
	z-index: 1;
}
/* End */


/* Start:/local/templates/procar/components/bitrix/sale.basket.basket.line/cart_link_mini/style.css?1772437311315*/
.header__btn{
	position: relative;
}
.header__btn span{
	position: absolute;
	display: flex;
	min-width: 1.3125rem;
	height: 1.3125rem;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	color: #fff;
	font-size: 0.75em;
	background: #030C1C;
	border-radius: 100%;
	top: -0.5625rem;
	right: -1rem;
}
/* End */


/* Start:/local/templates/procar/template_styles.css?177467404294333*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main, input, button {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    box-sizing: border-box;
}

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

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
    display: block;
}

@font-face {
    font-family: 'Geometria';
    src: url('/local/templates/procar/assets/fonts/Geometria.woff') format('woff'),
    url('/local/templates/procar/assets/fonts/Geometria.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geometria';
    src: url('/local/templates/procar/assets/fonts/Geometria-Medium.woff') format('woff'),
    url('/local/templates/procar/assets/fonts/Geometria-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geometria';
    src: url('/local/templates/procar/assets/fonts/Geometria-Bold.woff') format('woff'),
    url('/local/templates/procar/assets/fonts/Geometria-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html {
    font-family: 'Geometria';
    overflow-x: hidden;
    font-size: 16px;
    font-size: calc(16vw / 340 * 100);
    line-height: 1.25;
}

@media (min-width: 1000px) {
    html {
        font-size: calc(16vw / 1920 * 100);
    }
}

@media (min-width: 1920px) {
    html {
        font-size: 16px;
    }
}

body {
    font-size: 1em;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #fff;
    color: #272727;
}

img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    height: auto;
}

svg {
    height: auto;
}

b {
    font-weight: 500;
}

strong {
    font-weight: 700;
}

.ta-center {
    text-align: center;
}

.d-none {
    display: none;
}

button {
    font-size: 1em;
    cursor: pointer;
    transition: 0.3s;
    font-family: 'Geometria';
}

input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select,
textarea,
input {
    font-size: 1em;
    max-width: 100%;
    color: #000;
    font-weight: 400;
    font-family: 'Geometria';
}

a {
    color: inherit;
    transition: 0.3s;
}

a:active,
a:hover,
a {
    text-decoration: none;
}

a:active,
button:active {
    opacity: 0.8;
}

ul, ol {
    list-style: none;
}

.main {
    flex-grow: 1;
}

.header {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 20;
    background: #fff;
}

.header__mobile {
    width: 100%;
    padding: 0 1.5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5.125em;
}

.header__mobile::after {
    content: "";
    position: absolute;
    left: 1.5em;
    right: 1.5em;
    bottom: 0;
    display: block;
    height: 1px;
    background: #C7C7C7;
}

.header__mobileBurger {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0.25em 0.9375em 0 #BABABA40;
    width: 2.4375em;
    height: 2.4375em;
}

.header__mobileBurger svg {
    width: 1.3125em;
}

.header__mobileLogo {
    display: flex;
    width: 6.875em;
    margin: 0 auto;
}

.header__mobileLogo img {
    width: 100%;
}

.header__mobileSearch {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0.25em 0.9375em 0 #BABABA40;
    width: 2.4375em;
    height: 2.4375em;
}

.header__mobileSearch svg {
    width: 1.1875em;
}

.header__mobileCart {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0.25em 0.9375em 0 #BABABA40;
    width: 2.4375em;
    height: 2.4375em;
    position: relative;
    margin-left: 0.5em;
}

.header__mobileCart svg {
    width: 1.25em;
    margin-right: 0.125em;
}

.header__mobileCart span {
    font-size: 0.625em;
    position: absolute;
    right: -0.6em;
    top: -0.8em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    border-radius: 100%;
    color: #fff;
    background: #E11D3D;
    width: 1.7em;
    height: 1.7em;
}

.header__pc {
    display: none;
}

.header__mobileMenu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 2;
    background: #F3F4F6;
    padding: 1.375em 1.5em 2.875em;
    display: flex;
    flex-direction: column;
    transition: 0.3s transform;
    transform: translateX(-110%);
}

[data-menu="menu"] .header__mobileMenu {
    transform: translateX(0%);
}

.header__mobileMenuTop {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid max(1px, 0.0625em) #E9E9E9;
    padding-bottom: 1.5625em;
}

.header__mobileMenuTopCatalog {
    width: 9.75em;
    height: 3.5em;
    background: #E11D3D;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-24.5%);
}

.header__mobileMenuTopCatalog span {
    font-weight: 500;
    color: #fff;
}

.header__mobileMenuTopCatalog img {
    width: 1.25em;
    margin-left: 1.125em;
}

.header__mobileMenuTopFilter {
    background: transparent;
    font-weight: 500;
    letter-spacing: -0.04em;
    font-size: 0.875em;
    text-decoration: underline;
    text-underline-position: under;
    color: #E11D3D;
    margin: 0 0 0.143em 0.214em;
}

.header__mobileMenuNav {
    margin-bottom: 1.375em;
    margin-top: 1.25em;
}

.header__mobileMenuNav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header__mobileMenuNav li:not(:last-child) {
    margin-bottom: 1.25em;
}

.header__mobileMenuNav a {
    font-weight: 400;
}

.header__mobileMenuBottom {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__mobileMenuRound {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 4.125em;
    height: 4.125em;
    background: #FFFFFF;
    box-shadow: 0 0.25em 0.9375em rgba(186, 186, 186, 0.25);
    margin: 0 0.47em;
}

.header__mobileMenuRound svg {
    width: auto;
    height: 1.4em;
}

.header__mobileMenuSearch {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 2;
    background: #F3F4F6;
    border: solid max(1px, 0.0625em) #CACACA;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: min(-1px, -0.0625em);
    height: 4.25em;
    padding: 0 1.5em 0.1875em 1.5625em;
    transition: 0.3s transform;
    transform: translateX(-110%);
}

[data-menu="search"] .header__mobileMenuSearch {
    transform: translateX(0%);
}

.header__mobileMenuSearch svg {
    width: 0.875em;
    flex-shrink: 0;
    margin-right: 0.1875em;
}

.header__mobileMenuSearch input {
    flex-grow: 1;
    font-size: 0.875em;
    width: 10em;
    letter-spacing: -0.04em;
    background: transparent;
    padding: 1em 0.5em;
}

.header__mobileMenuSearch input::placeholder {
    color: #898989;
}

.header__mobileMenuSearch button {
    flex-shrink: 0;
    color: #E11D3D;
    font-weight: 500;
    letter-spacing: -0.04em;
    font-size: 0.875em;
    margin-left: 0.5em;
}

.header__mobileMenuCatalog {
    max-height: calc(100vh - 5.25em);
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    background: #F3F4F6;
    padding: 1.375em 0.625em;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateX(-110%);
    transition: 0.3s transform;
}

[data-menu="catalog"] .header__mobileMenuCatalog {
    transform: translateX(0%);
}

.header__mobileMenuCatalogLink {
    background: #E11D3D;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18.25em;
    height: 3.5em;
    margin-bottom: 1.5625em;
    flex-shrink: 0;
}

.header__mobileMenuCatalogLink span {
    font-weight: 500;
    color: #fff;
}

.header__mobileMenuCatalogLink img {
    width: 1.25em;
    margin-left: 1.25em;
}

.header__mobileMenuCatalogHr {
    width: 18em;
    height: max(1px, 0.0625em);
    background: #E9E9E9;
    margin-bottom: 0.5em;
    flex-shrink: 0;
}

.header__mobileMenuCatalogItems {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1em;
    overflow: auto;
}

.header__mobileMenuCatalogItem {
    display: flex;
    align-items: center;
    width: 90%;
}

.header__mobileMenuCatalogItem:not(:last-child) {
    margin-bottom: 2em;
}

.header__mobileMenuCatalogItemImg {
    width: 4.1875em;
    height: 4.1875em;
    object-fit: cover;
    border-radius: 100%;
    flex-shrink: 0;
    margin-right: 0.5625em;
}

.header__mobileMenuCatalogItemName {
    text-transform: uppercase;
    font-size: 0.875em;
    letter-spacing: -0.04em;
    line-height: 1.258;
}

@supports (-moz-appearance:none) {
    .header * {
        scrollbar-color: #E11D3D rgba(225, 29, 61, 0.3) !important;
        scrollbar-width: thin;
    }
}

.header ::-webkit-scrollbar {
    max-width: 0.1875em !important;
    width: 0.1875em !important;
}

.header ::-webkit-scrollbar-thumb {
    background: #E11D3D !important;
    width: 100% !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.header ::-webkit-scrollbar-track {
    background-color: rgba(225, 29, 61, 0.3) !important;
}

.header ::-webkit-scrollbar-button:vertical:start:decrement,
.header ::-webkit-scrollbar-button:vertical:end:increment,
.header ::-webkit-scrollbar-button:horizontal:start:decrement,
.header ::-webkit-scrollbar-button:horizontal:end:increment {
    display: none;
}

.header__mobileMenuFilter {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    background: #F3F4F6;
    display: flex;
    flex-direction: column;
    padding: 1.375em 1.5em 2.125em;
    transition: 0.3s transform;
    transform: translateX(-110%);
}

[data-menu="filter"] .header__mobileMenuFilter {
    transform: translateX(0%);
}

.header__mobileMenuFilterBack {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1.1875em;
    background: transparent;
    margin-bottom: 1.625em;
}

.header__mobileMenuFilterBack span {
    font-weight: 500;
    letter-spacing: -0.04em;
    font-size: 0.875em;
    color: #E11D3D;
}

.header__mobileMenuFilterBack svg {
    width: 0.5625em;
    margin-left: 0.5em;
}

.header__mobileMenuFilterHr {
    width: 100%;
    height: max(1px, 0.0625em);
    background: #E9E9E9;
    margin-bottom: 1.625em;
    flex-shrink: 0;
}

.header__mobileMenuFilterSelect {
    width: 100%;
    height: 3.4375em;
    background: #fff;
    margin-bottom: 1.125em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header__mobileMenuFilterSelectName {
    color: #898989;
    letter-spacing: -0.04em;
    font-size: 0.875em;
    text-align: center;
    width: 76%;
}

.header__mobileMenuFilterSelectName b {
    color: #000;
}

.header__mobileMenuFilterSelectSvg {
    width: 0.6875em;
}

.header__mobileMenuFilterSubmit {
    width: 100%;
    height: 3.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E11D3D;
    margin-top: 0.6875em;
}

.header__mobileMenuFilterSubmit span {
    font-weight: 500;
    color: #fff;
}


.header__mobileMenuFilterSelectOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.header__mobileMenuFilterSelectOptions {
    position: absolute;
    left: 1.5em;
    right: 1.5em;
    top: 50%;
    padding: 1em 0;
    transform: translateY(-50%);
    overflow: auto;
    background-color: #fff;
    max-height: 20em;
}

.header__mobileMenuFilterSelectOption {
    text-transform: uppercase;
    padding: 0.75em 2em;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
}


@media (min-width: 1000px) {
    .header__mobileMenuFilter,
    .header__mobileMenuCatalog,
    .header__mobileSearch,
    .header__mobileMenu,
    .header__mobile {
        display: none;
    }

    .header__pc {
        display: block;
    }

    .header__top {
        background: #F3F4F6;
    }

    .header__topWrapper {
        height: 3.6875em;
        width: 100%;
        max-width: 107.5em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }

    .header__city {
        margin-bottom: 0.125em;
        display: flex;
        align-items: center;
        margin-right: 2.0625em;
    }

    .header__citySvg {
        flex-shrink: 0;
        width: 0.5625em;
        margin-right: 0.375em;
    }

    .header__cityName {

    }

    .header__cityArrow {
        flex-shrink: 0;
        width: 0.6875em;
        margin-left: 0.25em;
        margin-top: 0.125em;
    }

    .header__topNav {
        margin-bottom: 0.125em;
    }

    .header__topNav ul {
        display: flex;
        align-items: center;
    }

    .header__topNav li {
        margin-right: 3.0625em;
    }

    .header__topNav a {
        font-weight: 400;
    }

    .header__topLk {
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    .header__topLkLink {
        display: flex;
        align-items: center;
        margin-left: 1.5em;
    }

    .header__topLkLinkSvg {
        width: 1em;
        flex-shrink: 0;
    }

    .header__topLkLinkText {
        font-weight: 500;
        margin-left: 0.3125em;
    }

    .header__mid {
        height: 8.0625em;
        width: 100%;
        max-width: 107.5em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }

    .header__midLogo {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .header__midLogoImg {
        width: 14.0625em;
        margin-bottom: 0.25em;
    }

    .header__midLogoText {
        font-size: 0.875em;
        letter-spacing: -0.04em;
        color: #898989;
    }

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

    .header__itemContent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        min-width: 7.875em;
    }

    .header__itemSubtitle {
        color: #898989;
        font-size: 0.875em;
        letter-spacing: -0.04em;
        margin-bottom: 0.286em;
    }

    .header__itemTitle {
        font-weight: 700;
        font-size: 1.25em;
        margin-bottom: 0.35em;
    }

    .header__itemText {
        font-size: 0.875em;
        letter-spacing: -0.04em;
        margin-bottom: 0.215em;
    }

    .header__itemRound {
        border-radius: 100%;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 4.125em;
        height: 4.125em;
        background: #FFFFFF;
        box-shadow: 0 0.25em 0.9375em rgba(186, 186, 186, 0.25);
        margin-right: 2.25em;
    }

    .header__itemRoundSvg {
        width: 1.75em;
    }

    .header__itemRoundCount {
        font-weight: 700;
        color: #fff;
        background: #E11D3D;
        border-radius: 20em;
        font-size: 0.875em;
        line-height: 1.357em;
        display: block;
        padding: 0 0.359em;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 0.428em;
        left: 80%;
        min-width: 1.357em;
        text-align: center;
    }

    .header__itemLink {
        color: #E11D3D;
        font-weight: 500;
        text-decoration: underline;
        text-underline-position: under;
        margin: -0.1875em 0 0.1875em;
    }

    .header__itemLink:hover {
        text-decoration-color: transparent;
    }

    .header__bottom {
        background: #F3F4F6;
    }

    .header__bottomWrapper {
        padding: 0.6875em 0 0.625em;
        width: 100%;
        max-width: 107.5em;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        position: relative;
    }

    .header__bottomCatalog {
        background: #E11D3D;
        width: 12.0625em;
        height: 4.1875em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header__bottomCatalog span {
        font-weight: 500;
        font-size: 1.125em;
        color: #fff;
    }

    .header__bottomCatalog img {
        flex-shrink: 0;
        width: 1.5625em;
        margin-left: 2em;
        transform: translateX(25%);
    }

    .header__bottomSubmit {
        background: #E11D3D;
        width: 18.6875em;
        height: 4.1875em;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header__bottomSubmit span {
        font-weight: 500;
        font-size: 1.125em;
        color: #fff;
    }

    .header__selects {
        height: 4.1875em;
        flex-grow: 1;
        width: 50em;
        background: #fff;
        display: flex;
    }

    .header__select:not(:last-child) {
        border-right: solid max(1px, 0.0625em) #E9E9E9;
    }

    .header__select:nth-child(1) {
        width: 27.6%;
    }

    .header__select:nth-child(2) {
        width: 29.7%;
    }

    .header__select:nth-child(3) {
        width: 21.5%;
    }

    .header__select:nth-child(4) {
        width: 21.2%;
    }

    .header__select {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: relative;
        flex-grow: 1;
    }

    .header__selectText {
        color: #898989;
        letter-spacing: -0.04em;
        width: 70%;
        text-align: center;
    }

    .header__selectText b {
        color: #000;
    }

    .header__selectSvg {
        width: 0.6875em;
        margin: 0.0625em 0 0 1.75em;
    }

    .header__selectOptions {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        margin-top: 0.625em;
        width: 100%;
        max-height: 33.375em;
        overflow: auto;
        flex-direction: column;
        align-items: flex-start;
        background: #FFFFFF;
        box-shadow: 0 0.25em 0.9375em rgba(0, 0, 0, 0.25);
        padding: 1em 0;
    }

    .opened .header__selectOptions {
        display: flex;
    }

    .header__selectOption {
        text-transform: uppercase;
        padding: 0.75em 2em;
        font-weight: 500;
        width: 100%;
    }

    .header {
        top: -11.75em;
    }

    .header__search {
        height: 4.25em;
        width: 23.75em;
        border-radius: 6.25em;
        border: solid max(1px, 0.0625em) #DDDDDD;
        margin: 0 1.375em 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header__search input {
        outline: none !important;
        letter-spacing: -0.04em;
        width: 10em;
        flex-grow: 1;
        background: transparent;
        padding: 1em 2.125em 1.25em;
    }

    .header__search input::placeholder {
        color: #898989;
    }

    .header__search button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4.125em;
        height: 4.125em;
        background: #FFFFFF;
        box-shadow: 0 0.25em 0.9375em rgba(186, 186, 186, 0.25);
        border-radius: 100%;
    }

    .header__search button svg {
        width: 1.3125em;
    }

    .header__item:not(:last-child) {
        margin: 0 0.3125em 0 5.625em;
    }

    .header__catalog {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        z-index: 2;
        height: 39.625em;
        background: #FFFFFF;
        box-shadow: 0 0.25em 0.9375em rgba(0, 0, 0, 0.25);
        padding: 3.5625em 4.8125em;
        display: none;
        flex-direction: column;
    }

    .open-catalog .header__catalog {
        display: flex;
    }

    .header__catalogTitle {
        font-weight: 500;
        font-size: 1.5625em;
        margin-bottom: 1.76em;
    }

    .header__catalogItems {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        overflow: auto;
        flex-grow: 1;
    }

    .header__catalogItem {
        display: flex;
        align-items: center;
        padding-right: 1em;
        width: 27.2%;
        margin-bottom: 3.25em;
    }

    .header__catalogItemImg {
        width: 6.025em;
        height: 6.025em;
        object-fit: cover;
        border-radius: 100%;
        flex-shrink: 0;
        background: #f0f1f3;
        margin-right: 1em;
    }

    .header__catalogItemName {
        text-transform: uppercase;
        letter-spacing: -0.04em;
        transition: 0.3s color;
    }

    .header__catalogItem:hover .header__catalogItemName {
        color: #E11D3D;
    }
}


.banner {
    width: 100%;
    height: 30.4375em;
    background: url(/local/templates/procar/assets/img/banner_fon.jpg) no-repeat top center / cover;
    padding: 2.5em 1.5em;
}

.banner__swiperSlide {
    width: 100%;
    background: #fff;
    height: 22.3125em;
    overflow: hidden;
    padding: 1.0625em 1.25em;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.banner__swiperSlideSale {
    background: #E11D3D;
    font-size: 1.25em;
    font-weight: 700;
    color: #fff;
    width: 6.15em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.2em;
    margin-bottom: 1.15em;
}

.banner__swiperSlideTitle {
    color: #383838;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    margin-bottom: 1.125em;
}

.banner__swiperSlideText {
    color: #898989;
    font-size: 0.875em;
    letter-spacing: -0.04em;
    line-height: 1.257;
    font-weight: 500;
    margin-bottom: 1.2em;
}

.banner__swiperSlidePrices {
    display: flex;
    align-items: center;
    letter-spacing: -0.04em;
    margin-bottom: 1.3125em;
}

.banner__swiperSlidePrice {
    font-weight: 700;
}

.banner__swiperSlidePriceOld {
    color: #898989;
    font-size: 0.75em;
    text-decoration: line-through;
    margin: 0.25em 0 0 0.75em;
}

.banner__swiperSlideMore {
    letter-spacing: -0.04em;
    font-size: 0.875em;
    font-weight: 500;
    color: #E11D3D;
    border-bottom: solid max(1px, 0.0715em);
    line-height: 1.1;
}

.banner__swiperSlideImg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12em;
    height: 10.0625em;
    object-fit: cover;
}

.swiper-pagination-bullets {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.5em;
}

.swiper-pagination-bullet {
    cursor: pointer;
    display: block;
    background: #808080;
    border-radius: 100%;
    width: 0.625em;
    height: 0.625em;
    margin: 0 0.3125em;
}

.swiper-pagination-bullet-active {
    background: #E11D3D;
}

.banner__arrows {
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: #e11d3d;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    border: none;
}

.banner__arrows svg {
    width: 0.375em;
}

.banner__prev {
    margin-left: -4.3125em;
}

.banner__next {
    margin-left: 4.3125em;
}

.banner__swiper {
    padding-bottom: 0.6875em;
}

.banner__pc {
    display: none;
}

@media (min-width: 1000px) {
    .banner {
        height: auto;
        min-height: 49.1875em;
        padding: 2.6875em;
    }

    .banner__swiper {
        display: none;
    }

    .banner__pc {
        display: flex;
        max-width: 107.5em;
        margin: 0 auto;
        justify-content: space-between;
    }

    .banner__pcLeft {
        width: 71.25em;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .banner__pcSlide1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background: #F3F4F6;
        height: 25.25em;
        position: relative;
        padding-top: 4.3125em;
        padding-left: 3.6875em;
        margin-bottom: 1.25em;
    }

    .banner__pcSlide1Img {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 24.1875em;
    }

    .banner__pcSlide1Sale {
        position: relative;
        z-index: 2;
        font-weight: 700;
        font-size: 1.25em;
        color: #fff;
        background: #E11D3D;
        width: 6.15em;
        height: 2.2em;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 1.45em;
    }

    .banner__pcSlide1Title {
        position: relative;
        z-index: 2;
        color: #383838;
        font-weight: 700;
        font-size: 1.375em;
        letter-spacing: -0.04em;
        text-transform: uppercase;
        margin-bottom: 0.82em;
        width: 50%;
    }

    .banner__pcSlide1Text {
        position: relative;
        z-index: 2;
        color: #898989;
        letter-spacing: -0.04em;
        font-weight: 500;
        font-size: 1.125em;
        width: 50%;
        margin-bottom: 1.277em;
    }

    .banner__pcSlide1Prices {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: flex-end;
    }

    .banner__pcSlide1Price {
        font-weight: 700;
        letter-spacing: -0.04em;
        font-size: 1.5625em;
    }

    .banner__pcSlide1Old {
        color: #898989;
        letter-spacing: -0.04em;
        text-decoration: line-through;
        margin: 0 0 0.125em 0.6875em;
    }

    .banner__pcSlide1More {
        position: relative;
        z-index: 2;
        color: #E11D3D;
        letter-spacing: -0.04em;
        font-weight: 500;
        margin-top: 1em;
        text-decoration: underline;
        text-underline-position: under;
    }

    .banner__pcSlide1More:hover {
        text-decoration-color: transparent;
    }

    .banner__pcSlide2 {
        width: 35em;
        background: #F3F4F6;
        height: 16.625em;
        position: relative;
        padding-top: 3.25em;
        padding-left: 3.8125em;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .banner__pcSlide2Title {
        position: relative;
        z-index: 2;
        width: 40%;
        color: #383838;
        letter-spacing: -0.04em;
        font-weight: 700;
        font-size: 1.375em;
        line-height: 1.258;
        text-transform: uppercase;
        margin-bottom: 0.86em;
    }

    .banner__pcSlide2Text {
        position: relative;
        z-index: 2;
        width: 40%;
        font-weight: 500;
        font-size: 1.125em;
        letter-spacing: -0.04em;
        color: #898989;
    }

    .banner__pcSlide2More {
        position: relative;
        z-index: 2;
        color: #E11D3D;
        letter-spacing: -0.04em;
        font-weight: 500;
        margin-top: 1.125em;
        text-decoration: underline;
        text-underline-position: under;
    }

    .banner__pcSlide2More:hover {
        text-decoration-color: transparent;
    }

    .banner__pcSlide2Img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: auto;
        height: 100%;
    }

    .bannerPC__swiper {
        width: 35em;
        margin: 0;
    }

    .bannerPC__swiperSlide {
        position: relative;
        height: 43.125em;
        background: #F3F4F6;
        padding: 3.4375em 2em;
    }

    .bannerPC__swiperSlideSvg {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .bannerPC__swiperSlideTitle {
        position: relative;
        z-index: 2;
        color: #383838;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: -0.04em;
        font-size: 1.375em;
        margin-bottom: 0.73em;
    }

    .bannerPC__swiperSlideText {
        position: relative;
        z-index: 2;
        color: #898989;
        letter-spacing: -0.04em;
        font-size: 1.125em;
        font-weight: 500;
    }

    .bannerPC__swiperSlideMore {
        color: #E11D3D;
        letter-spacing: -0.04em;
        font-weight: 500;
        margin-top: 1.125em;
        margin-bottom: 3.33em;
        text-decoration: underline;
        text-underline-position: under;
    }

    .bannerPC__swiperSlideMore:hover {
        text-decoration-color: transparent;
    }

    .bannerPC__swiperSlideImg {
        position: relative;
        z-index: 2;
        object-fit: contain;
        display: block;
        margin: auto;
        width: 25.5em;
    }

    .bannerPC__swiperSlideText + .bannerPC__swiperSlideImg {
        margin-top: 2em;
    }

    .banner__pc .swiper-pagination-bullets {
        position: absolute;
        bottom: 1.9375em;
        left: 0;
        z-index: 4;
    }

    .banner__pc .swiper-pagination-bullet {
        background: #f08e9e;
    }

    .banner__pc .swiper-pagination-bullet-active {
        background: #fff;
    }

    .bannerPC__arrows {
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2em;
        height: 2em;
        background: #fff;
        position: absolute;
        bottom: 1.25em;
        z-index: 5;
        left: 50%;
        transform: translateX(-50%);
    }

    .bannerPC__arrows svg {
        width: 0.375em;
    }

    .bannerPC__next {
        margin-left: 4.5625em;
    }

    .bannerPC__prev {
        margin-left: -4.5625em;
    }
}


.mainPodbor {
    width: 100%;
    padding: 2.5em 1.5em 0.6875em;
}

.mainPodbor__title {
    font-size: 1.125em;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.22em;
}

.mainPodbor__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.mainPodbor__item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 8.5em;
    height: 4.5em;
    margin-bottom: 1.25em;
}

.mainPodbor__item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.8);
    transition: 0.3s opacity;
}

.mainPodbor__itemImg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainPodbor__itemName {
    position: relative;
    z-index: 3;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.875em;
}

@media (min-width: 1000px) {
    .mainPodbor {
        max-width: 107.5em;
        margin: 0 auto;
        padding: 5.125em 0 3.125em;
    }

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

    .mainPodbor__title {
        font-size: 2.1875em;
    }

    .mainPodbor__item {
        width: calc((100% - 6.25em) / 5);
        margin-right: 1.5625em;
        height: 10.625em;
        margin-bottom: 2.625em;
    }

    .mainPodbor__item:nth-child(5n+5) {
        margin-right: 0;
    }

    .mainPodbor__itemName {
        font-size: 1.125em;
        text-shadow: 0 0 0.277em black;
    }

    .mainPodbor__item:hover::after {
        opacity: 0;
    }
}


.mainCat {
    width: 100%;
    overflow: hidden;
    padding: 0 1.5em;
}

.mainCat__title {
    font-size: 1.125em;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0.833em;
}

.mainCat__swiper {
    width: calc(100% + 1.5em);
    margin-left: -1.5em;
    overflow: visible;
    padding-bottom: 0.6875em;
}

.mainCat__swiperSlide {
    padding-right: 1.5em;
}

.mainCat__swiperSlideContent {
    height: 14.875em;
    position: relative;
    background: #F3F4F6;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.6875em 1.25em;
    overflow: hidden;
}

.mainCat__swiperSlideBack {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.mainCat__swiperSlideImg {
    position: absolute;
    z-index: 2;
    width: 16.8125em;
    right: 0;
    bottom: 0;
}

.mainCat__swiperSlideTitle {
    position: relative;
    z-index: 3;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -0.04em;
    margin-bottom: 1.375em;
}

.mainCat__swiperSlideMore {
    position: relative;
    z-index: 3;
    letter-spacing: -0.04em;
    font-size: 0.875em;
    font-weight: 500;
    color: #E11D3D;
    border-bottom: solid max(1px, 0.0715em);
    line-height: 1.1;
}

.mainCat .swiper-pagination-bullets {
    margin-top: 1.6875em;
    padding-left: 1.5em;
}

.mainCat .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: #969696;
}

.mainCat__arrows {
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: #e11d3d;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    border: none;
}

.mainCat__arrows svg {
    width: 0.375em;
}

.mainCat__prev {
    margin-left: -5em;
}

.mainCat__next {
    margin-left: 6.5em;
}

.mainCat__swiperSlideBack2,
.mainCat__all {
    display: none;
}

@media (min-width: 1000px) {
    .mainCat {
        max-width: 107.5em;
        margin: 0 auto;
        padding: 0 0 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .mainCat__title {
        font-size: 2.1875em;
        margin-bottom: 0;
    }

    .mainCat__swiper {
        width: calc(100% + 1.25em);
        margin: 0;
    }

    .mainCat__swiperSlide {
        width: calc(100% / 3);
        padding-right: 1.25em;
        margin-bottom: 2.625em;
    }

    .mainCat__swiperWrapper {
        flex-wrap: wrap;
    }

    .mainCat__swiperPagination,
    .mainCat__arrows {
        display: none;
    }

    .mainCat__all {
        display: block;
        margin: -1.125em 0 2.6875em auto;
        letter-spacing: -0.04em;
        font-weight: 500;
        color: #E11D3D;
        text-decoration: underline;
        text-underline-position: under;
        line-height: 1.1;
    }

    .mainCat__swiperSlideBack {
        display: none;
    }

    .mainCat__swiperSlideBack2 {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        pointer-events: none;
        height: 100%;
    }

    .mainCat__swiperSlideContent {
        height: 15.8125em;
        padding: 2.75em 2.0625em 2.375em;
    }

    .mainCat__swiperSlideImg {
        width: 26.375em;
    }

    .mainCat__swiperSlideMore {
        margin-top: auto;
        font-size: 1em;
    }

    .mainCat__swiperSlideTitle {
        font-size: 1.125em;
    }

    .mainCat__all:hover {
        text-decoration-color: transparent;
    }

    .mainCat__swiperSlideMore:hover {
        border-bottom-color: transparent;
    }
}


.mainPopular {
    width: 100%;
    padding: 1.875em 1.5em 1.6875em;
}

.mainPopular__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.125em;
    margin-bottom: 1.666em;
}

.items__swiper {
    width: calc(100% + 1.25em);
    margin-left: -0.625em;
    padding-bottom: 0.5em;
}

.items__swiperSlide {
    padding: 0 0.625em;
}

.item {
    min-height: 11.5em;
    background: #F3F4F6;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.4375em;
    position: relative;
}

.item__stock {
    position: absolute;
    font-size: 0.75em;
    left: 0.167em;
    top: 0.167em;
    width: 6em;
    height: 1.5em;
    background: #E11D3D;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    font-weight: 500;
    color: #fff;
    padding-bottom: 0.167em;
}

.item__stock--preorder {
    background: #272727;
}

.item__img {
    display: flex;
    width: 100%;
    margin: 1.0625em 0 0.3125em;
}

.item__img img {
    width: 100%;
    height: 4.6875em;
    object-fit: contain;
}

.item__name {
    color: #383838;
    font-size: 0.75em;
    font-weight: 500;
    letter-spacing: -0.04em;
    margin-bottom: 0.167em;
}

.item__excerpt {
    color: #898989;
    font-size: 0.75em;
    font-weight: 500;
    letter-spacing: -0.04em;
    margin-bottom: 0.333em;
}

.item__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    width: 100%;
}

.item__prices {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap-reverse;
    letter-spacing: -0.04em;
}

.item__price {
    font-weight: 700;
    font-size: 0.75em;
    margin-right: 0.6em;
}

.item__priceOld {
    color: #898989;
    text-decoration: line-through;
    font-size: 0.625em;
}

.item__cart {
    flex-shrink: 0;
    background: #E11D3D;
    width: 1.875em;
    height: 1.375em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item__cart svg {
    width: 0.6875em;
}

.swiper-pagination-fraction {
    text-align: center;
    letter-spacing: -0.04em;
    font-weight: 700;
    font-size: 0.75em;
    color: #898989;
    margin-top: 2.083em;
}

.swiper-pagination-fraction .swiper-pagination-current {
    color: #E11D3D;
}

.items__arrows {
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: #e11d3d;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    border: none;
}

.items__arrows svg {
    width: 0.375em;
}

.items__prev {
    margin-left: -4.2em;
}

.items__next {
    margin-left: 4.2em;
}

@media (min-width: 1000px) {
    .mainPopular {
        overflow: hidden;
        padding: 2.4375em 0 5.5625em;
    }

    .mainPopular__wrapper {
        max-width: 107.5em;
        margin: 0 auto;
    }

    .mainPopular__title {
        font-size: 2.1875em;
        margin-bottom: 1.143em;
    }

    .items__swiper {
        overflow: visible;
    }

    .items__swiperSlide {
        opacity: 0.5;
    }

    .items__swiperSlide.swiper-slide-active,
    .items__swiperSlide.swiper-slide-active + .swiper-slide,
    .items__swiperSlide.swiper-slide-active + .swiper-slide + .swiper-slide,
    .items__swiperSlide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
        opacity: 1;
    }

    .item {
        padding: 0.8125em 2.0625em 1.5625em;
    }

    .item__img {
        margin-bottom: 2.6875em;
    }

    .item__img img {
        height: 15.4375em;
    }

    .item__stock {
        font-size: 1em;
        width: 7.8125em;
        height: 2.3125em;
        padding-bottom: 0;
        left: 0;
        top: 0;
    }

    .item__name {
        margin-bottom: 0.772em;
        font-size: 1.375em;
    }

    .item__excerpt {
        font-size: 1.125em;
        margin-bottom: 0.722em;
    }

    .item__prices {

    }

    .item__price {
        font-size: 1.375em;
    }

    .item__priceOld {
        font-size: 0.875em;
        margin-bottom: 0.143em;
    }

    .item__cart {
        width: 4.125em;
        height: 3em;
    }

    .item__cart svg {
        width: 1.6875em;
    }

    .items__arrows {
        left: inherit;
        transform: inherit;
        right: 0.6875em;
        width: 2.75em;
        height: 2.75em;
        margin-left: 0;
    }

    .items__swiper .swiper-pagination-fraction {
        font-size: 1.125em;
        margin-top: 3.055em;
        width: 10.722em;
        margin-left: auto;
    }

    .items__prev {
        margin-right: 7.75em;
    }

    .items__arrows svg {
        width: 0.625em;
    }
}


.mainAbout {
    width: 100%;
    background: #272727;
    color: #fff;
    overflow: hidden;
}

.mainAbout__wrapper {
    position: relative;
    padding: 2.5em 1.5em 12.8125em;
}

.mainAbout__content {
    position: relative;
    z-index: 2;
}

.mainAbout__title {
    font-weight: 500;
    font-size: 1.125em;
    text-transform: uppercase;
    margin-bottom: 0.8334em;
}

.mainAbout__title span {
    color: #E11D3D;
}

.mainAbout__text {
    color: #707070;
    font-size: 0.75em;
    line-height: 1.258;
    letter-spacing: -0.04em;
    margin-bottom: 1.25em;
}

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

.mainAbout__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 1.375em;
}

.mainAbout__item:last-child {
    margin: 0 auto;
}

.mainAbout__itemTop {
    line-height: 1;
    color: #E11D3D;
    font-weight: 700;
    font-size: 3.125em;
    margin-bottom: 0.06em;
}

.mainAbout__itemBottom {
    font-weight: 500;
    font-size: 0.875em;
    letter-spacing: -0.04em;
}

.mainAbout__img {
    transform: rotate(90deg);
    max-width: 200%;
    max-height: 200%;
    height: 100vw;
    width: auto;
    position: absolute;
    left: 0;
    bottom: 14.125em;
    transform-origin: 0 100%;
}

@media (min-width: 1000px) {
    .mainAbout__wrapper {
        max-width: 107.5em;
        margin: 0 auto;
        padding: 5.8125em 0 5.875em;
    }

    .mainAbout__img {
        transform: translateX(34.9%);
        top: 0;
        left: 50%;
        bottom: inherit;
        height: auto;
        width: 40.75em;
    }

    .mainAbout__title {
        font-size: 2.1875em;
        margin-bottom: 1.057em;
    }

    .mainAbout__text {
        font-size: 1.125em;
        max-width: 52.7em;
        line-height: 1.28;
        margin-bottom: 2.222em;
    }

    .mainAbout__items {
        max-width: 51.7em;
    }

    .mainAbout__item,
    .mainAbout__item:last-child {
        margin: 0;
    }

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

    .mainAbout__itemTop {
        font-size: 4.375em;
        margin-bottom: 0.085em;
    }

    .mainAbout__itemBottom {
        font-size: 1.125em;
    }
}


.mainNews {
    padding: 2.5625em 1.5em 1.75em;
}

.mainNews__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.125em;
    margin-bottom: 0.889em;
}

.mainNews__swiper {
    padding-bottom: 0.5em;
}

.mainNews__swiper .swiper-pagination-fraction {
    margin-top: 2.3em;
}

.mainNews__slide {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mainNews__img {
    display: flex;
    width: 100%;
}

.mainNews__img img {
    width: 100%;
    height: 16.625em;
    object-fit: cover;
}

.mainNews__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #F3F4F6;
    padding: 1.5625em 1em;
}

.mainNews__name {
    font-weight: 500;
    font-size: 0.875em;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    margin-bottom: 1.215em;
}

.mainNews__excerpt {
    color: #707070;
    font-size: 0.875em;
    letter-spacing: -0.04em;
    line-height: 1.258;
    margin-bottom: 1.215em;
}

.mainNews__more {
    font-weight: 500;
    font-size: 0.75em;
    text-decoration: underline;
    text-underline-position: under;
    color: #E11D3D;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}

.mainNews__arrows {
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: #e11d3d;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    border: none;
}

.mainNews__arrows svg {
    width: 0.375em;
}

.mainNews__prev {
    margin-left: -4.2em;
}

.mainNews__next {
    margin-left: 4.2em;
}

@media (min-width: 1000px) {
    .mainNews {
        max-width: 107.5em;
        margin: 0 auto;
        padding: 5.75em 0 5.6875em;
    }

    .mainNews__title {
        font-size: 2.1875em;
        margin-bottom: 1.171em;
    }

    .mainNews__swiper {
        width: calc(100% + 1.25em);
        padding-bottom: 0.625em;
    }

    .mainNews__swiperSlide {
        padding-right: 1.25em;
        height: auto;
    }

    .mainNews__img img {
        height: 29.1875em;
    }

    .mainNews__name {
        font-size: 1.125em;
    }

    .mainNews__content {
        padding: 2.3125em 2.8125em 2.4375em;
        flex-grow: 1;
    }

    .mainNews__excerpt {
        font-size: 1.125em;
    }

    .mainNews__more {
        font-size: 0.875em;
    }

    .mainNews__more:hover {
        text-decoration-color: transparent;
    }

    .mainNews__slide {
        height: 100%;
    }

    .mainNews__swiperSlide:nth-child(2n+2) .mainNews__slide {
        flex-direction: column-reverse;
    }

    .mainNews__arrows {
        left: inherit;
        transform: inherit;
        right: 1.3125em;
        width: 2.75em;
        height: 2.75em;
        margin-left: 0;
    }

    .mainNews__swiper .swiper-pagination-fraction {
        font-size: 1.125em;
        margin-top: 2.777em;
        width: 11.833em;
        margin-left: auto;
    }

    .mainNews__prev {
        margin-right: 7.75em;
    }

    .mainNews__arrows svg {
        width: 0.625em;
    }
}


.mainForm {
    color: #fff;
    background: #030408;
    overflow: hidden;
}

.mainForm__wrapper {
    position: relative;
    padding: 1.5625em 1.5em 14.625em;
}

.mainForm__content {
    position: relative;
    z-index: 2;
}

.mainForm__title {
    font-weight: 500;
    font-size: 1.125em;
    line-height: 1.258;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

.mainForm__text {
    color: #707070;
    letter-spacing: -0.04em;
    font-size: 0.75em;
    line-height: 1.258;
    margin-bottom: 1.583em;
}

.mainForm__form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mainForm__formLabel {
    letter-spacing: -0.04em;
    font-size: 0.75em;
    line-height: 1.258;
    margin-bottom: 0.666em;
}

.mainForm__formInput {
    font-size: 0.75em;
    width: 100%;
    background: #FFFFFF;
    height: 4.666em;
    border: none;
    margin-bottom: 2.166em;
    padding: 0 1.75em 0.25em;
    letter-spacing: -0.04em;
}

.mainForm__formInput::placeholder {
    color: #898989;
}

.mainForm__submit {
    border: none;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: 0.875em;
    height: 4em;
    background: #E11D3D;
    margin-top: 0.715em;
}

.mainForm__cb {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-top: 1.0625em;
}

.mainForm__cb input {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    user-select: none;
}

.mainForm__cb span {
    flex-grow: 1;
    color: #707070;
    font-size: 0.75em;
    letter-spacing: -0.04em;
    line-height: 1.258;
}

.mainForm__cb a {
    white-space: nowrap;
    text-decoration: underline;
    text-underline-position: under;
    color: #E11D3D;
    font-weight: 400;
}

.mainForm__cb svg {
    flex-shrink: 0;
    width: 1.125em;
    height: auto;
    margin-right: 0.3125em;
}

.mainForm__cb svg path {
    fill: transparent;
}

.mainForm__cb input:checked ~ svg path {
    fill: #E11D3D;
}

.mainForm__imgs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 15.5em;
}

.mainForm__img {
    width: 124%;
    height: 100%;
    max-width: 200%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mainForm__fars {
    max-width: 200%;
    width: 124%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: fars 2s linear infinite;
}

@keyframes fars {
    0% {
        clip-path: inset(0 0 0 0);
    }
    32.9% {
        clip-path: inset(0 0 0 0);
    }
    33% {
        clip-path: inset(0 50% 0 0);
    }
    65.9% {
        clip-path: inset(0 50% 0 0);
    }
    66% {
        clip-path: inset(0 0 0 50%);
    }
    100% {
        clip-path: inset(0 0 0 50%);
    }
}

@media (min-width: 1000px) {
    .mainForm__wrapper {
        max-width: 107.5em;
        margin: 0 auto;
        padding: 4.5em 0 4.625em;
    }

    .mainForm__title {
        margin-bottom: 0.315em;
        font-size: 2.1875em;
    }

    .mainForm__form {
        max-width: 25.9375em;
    }

    .mainForm__imgs {
        top: 0;
        left: 50%;
        width: 64.625em;
        height: 42.6875em;
        transform: translateX(-7.2%);
    }

    .mainForm__fars,
    .mainForm__img {
        width: 100%;
    }

    .mainForm__text {
        font-size: 1.125em;
        margin-bottom: 2.833em;
    }

    .mainForm__formLabel {
        font-size: 1em;
        margin-bottom: 0.75em;
    }

    .mainForm__formInput {
        font-size: 1em;
        height: 4.1875em;
        padding: 0 1.4375em;
    }

    .mainForm__submit {
        font-size: 1.125em;
        margin-top: 0.444em;
        height: 3.722em;
    }

    .mainForm__cb {
        margin-top: 1.9375em;
    }

    .mainForm__cb span {
        font-size: 0.875em;
    }

    .mainForm__cb a:hover {
        text-decoration-color: transparent;
    }
}


.footer {
    padding: 2.0625em 1.5em 1.4375em;
    background: #F3F4F6;
}

.footer__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2.5em;
}

.footer__logoImg {
    width: 10.0625em;
    margin-bottom: 0.375em;
}

.footer__logoText {
    font-size: 0.625em;
    color: #898989;
    letter-spacing: -0.04em;
}

.footer__catalogs {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.1875em;
}

.footer__catalogTitle {
    font-weight: 500;
    font-size: 0.875em;
    line-height: 1.258;
    padding-right: 0.5em;
    margin-bottom: 1.214em;
}

.footer__catalog {
    width: 41.5%;
}

.footer__catalog:first-child {
    width: 30.5%;

}

.footer__catalog ul {

}

.footer__catalog li {
    margin-bottom: 1.025em;
}

.footer__catalog a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75em;
    text-transform: uppercase;
}

/*.footer__catalog a:after{
	content: "";
	display: block;
	width: 0.917em;
	height: 0.5em;
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87525 0.63857C9.74632 0.509684 9.57149 0.437279 9.38919 0.437279C9.20688 0.437279 9.03205 0.509684 8.90312 0.63857L5.5 4.04169L2.09687 0.638569C1.96721 0.513335 1.79354 0.444039 1.61328 0.445605C1.43302 0.447172 1.26059 0.519476 1.13312 0.646944C1.00565 0.774412 0.93335 0.946845 0.931784 1.12711C0.930217 1.30737 0.999513 1.48103 1.12475 1.61069L5.01393 5.49988C5.14286 5.62877 5.3177 5.70117 5.5 5.70117C5.6823 5.70117 5.85713 5.62877 5.98606 5.49988L9.87525 1.61069C10.0041 1.48177 10.0765 1.30693 10.0765 1.12463C10.0765 0.942332 10.0041 0.767495 9.87525 0.63857Z' fill='%23272727'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}*/
.footer__nav {
    display: none;
}

.footer__right {

}

.footer__rightItem {
    display: flex;
    align-items: center;
    margin-bottom: 2.125em;
}

.footer__rightItemSvg {
    width: 3.625em;
    height: 3.625em;
    border-radius: 100%;
    flex-shrink: 0;
    background: #FFFFFF;
    box-shadow: 0 0.25em 0.93em rgba(186, 186, 186, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.25em;
}

.footer__rightItemSvg svg {
    width: 1.5625em;
}

.footer__rightItemContent {

}

.footer__rightItemText {
    color: #898989;
    font-size: 0.75em;
    letter-spacing: -0.04em;
    margin-bottom: 0.084em;
}

.footer__rightItemTitle {
    font-weight: 700;
}

.footer__rightItemLink {
    font-weight: 500;
    text-decoration: underline;
    text-underline-position: under;
    font-size: 0.875em;
    letter-spacing: -0.04em;
    color: #E11D3D;
}

.footer__bottom {
    width: 100%;
    margin-top: 0.125em;
    border-top: solid max(1px, 0.0625em) #C7C7C7;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 1.5625em;
}

.footer__copy {
    font-size: 0.75em;
    margin-bottom: 1.5em;
}

.footer__policy {
    font-weight: 400;
    font-size: 0.75em;
    text-decoration: underline;
    text-underline-position: under;
    margin-bottom: 2.166em;
}

.footer__pay {
    width: 12.25em;
}

.footer__catalogUls {
    display: flex;
    flex-direction: row;
    column-gap: 2em;
}

.footer__catalogUls ul {
    flex-shrink: 0;
}

@media (min-width: 1000px) {
    .footer__catalogUls {
        display: flex;
        flex-direction: row;
        column-gap: 2em;
    }

    .footer {
        padding: 5.5625em 0 1.8125em;
    }

    .footer__top {
        max-width: 107.5em;
        margin: 0 auto;
        flex-direction: row;
        justify-content: space-between;
    }

    .footer__logoImg {
        width: 14.0625em;
    }

    .footer__logoText {
        font-size: 0.875em;
    }

    .footer__catalogs {
        width: 30.625em;
        margin: 0.75em 0 0 -3.5625em;
        transform: translateX(4.3125em);
    }

    .footer__rightItemText {
        margin-bottom: 0.285em;
        font-size: 0.875em;
    }

    .footer__rightItemTitle {
        font-size: 1.25em;
        margin-bottom: 0.1em;
    }

    .footer__rightItemLink {
        font-size: 1em;
    }

    .footer__rightItemSvg {
        width: 4.125em;
        height: 4.125em;
        margin-right: 2.25em;
    }

    .footer__right {
        padding-right: 0.5em;
        padding-top: 0.75em;
    }

    .footer__rightItem {
        margin-bottom: 2.25em;
    }

    .footer__rightItemSvg svg {
        width: 1.75em;
    }

    .footer__nav {
        padding-top: 0.75em;
        display: block;
    }

    .footer__navTitle {
        font-weight: 500;
        font-size: 1.125em;
        margin-bottom: 0.888em;
    }

    .footer__nav li {
        margin-bottom: 0.669em;
    }

    .footer__nav a {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 0.875em;
    }

    .footer__catalogTitle {
        font-size: 1.125em;
        padding: 0;
        margin-bottom: 1.055em;
    }

    .footer__catalog:first-child {
        width: 37.5%;
    }

    .footer__catalog {
        width: 36%;
    }

    .footer__catalog a {
        font-size: 0.875em;
    }

    .footer__catalog li {
        margin-bottom: 0.869em;
    }

    .footer__bottom {
        margin: 1.1875em auto 0;
        max-width: 107.5em;
        flex-direction: row;
        justify-content: space-between;
        padding: 1.6875em 0.25em 0;
    }

    .footer__copy {
        font-size: 0.875em;
        line-height: 1.143;
        width: 17em;
        text-align: left;
        margin: 0;
    }

    .footer__policy {
        margin: 0 3.143em 0 0;
        font-size: 0.875em;
    }

    .footer__pay {
        margin-top: 0.25em;
    }
}


.page {
    padding: 1.1875em 1.5em;
    margin: 0 auto;
    max-width: 110.5em;
}

.breadcrumbs {
    color: #E11D3D;
    font-size: 0.875em;
    letter-spacing: -0.04em;
    margin-bottom: 1.357em;
}

.breadcrumbs a {
    color: #898989;
}

.breadcrumbs__sep {
    color: #898989;
}

.page__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.125em;
    line-height: 1.258;
    margin-bottom: 1.3em;
}

@media (min-width: 1000px) {
    .page {
        padding-top: 2.25em;
        padding-bottom: 4.1875em;
    }

    .breadcrumbs {
        font-size: 1em;
        margin-bottom: 1.5em;
    }

    .page__title {
        font-size: 2.1875em;
        margin-bottom: 1.111em;
    }

    .page .mainPodbor__item {
        height: 12.125em;
        margin-bottom: 1.25em;
    }
}

.podborSection {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.875em;
}

.podborSection__left {
    width: 8.5em;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    padding: 0.875em;
    position: -webkit-sticky;
    position: sticky;
    top: 5.125em;
    margin-bottom: 1.25em;
}

.podborSection__left::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
}

.podborSection .mainPodbor__wrapper {
    width: 8.5em;
}

.podborSection__img {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

.podborSection__title {
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.875em;
    margin-bottom: 0.357em;
}

.podborSection__item {
    position: relative;
    z-index: 2;
    width: 100%;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: -0.04em;
    padding: 0.75em 0;
}

.podborSection__item.podborSection__item--active {
    font-weight: 700;
    text-decoration: underline;
    text-underline-position: under;
    color: #E11D3D;
}

.podborSection__item:hover {
    text-decoration: underline;
    text-underline-position: under;
    color: #E11D3D;
}

.section {
    padding-bottom: 1.0625em;
}

.section__filterBtn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.5em;
    background: #E11D3D;
}

.section__filterBtn span {
    color: #fff;
    font-weight: 500;
    font-size: 0.875em;
}

.section__left {
    margin-bottom: 1.6875em;
}

.items {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /*align-items: flex-start;*/
    flex-wrap: wrap;
}

.items .item {
    width: 8.5em;
    margin-bottom: 1.5625em;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.pagination__prev,
.pagination__next {
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    background: #E11D3D;
}

.pagination__prev svg,
.pagination__next svg {
    width: 0.375em;
}

.pagination__prev svg path,
.pagination__next svg path {
    fill: #fff;
}

.pagination__prev {
    margin-right: 0.5625em;
}

.pagination__next {
    margin-left: 0.5625em;
}

.pagination__link {
    font-weight: 500;
    color: #A6A6A6;
    font-size: 0.875em;
    margin: 0 0.65em;
}

.pagination__link.active {
    color: #272727;
    font-weight: 700;
    min-width: 2.428em;
    padding: 0.5em;
    height: 2.285em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EAEAEA;
    border-radius: 0.285em;
}

@media (min-width: 1000px) {
    .podborSection__left {
        width: 20.3125em;
        padding: 2.125em 2.0625em 1.4375em;
    }

    .podborSection .mainPodbor__wrapper {
        width: 85.625em;
    }

    .podborSection__title {
        font-size: 1.125em;
        margin-bottom: 0.722em;
    }

    .podborSection__item {
        font-size: 1em;
        padding: 0.46875em 0;
    }

    .section {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .section__left {
        width: 25.9375em;
    }

    .section__right {
        width: 80.125em;
    }

    .podborSection {
        margin-bottom: 3.8125em;
    }

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

    .items .item {
        width: calc((100% - 2.5em) / 3);
        margin-bottom: 2.25em;
    }

    .items .item:not(:nth-child(3n+3)) {
        margin-right: 1.25em;
    }

    .pagination {
        margin-top: 1.5em;
    }

    .pagination__link {
        font-size: 1.125em;
        margin: 0 0.583em;
        font-weight: 700;
    }

    .pagination__link.active {
        width: 2.666em;
        height: 2.444em;
    }

    .pagination__prev,
    .pagination__next {
        width: 2.75em;
        height: 2.75em;
    }

    .pagination__prev svg,
    .pagination__next svg {
        width: 0.5em;
    }

    .pagination__prev {
        margin-right: 1.28em;
    }

    .pagination__next {
        margin-left: 1.28em;
    }

    .podborSection .mainPodbor__item:nth-child(5n+5),
    .podborSection .mainPodbor__item {
        width: calc((100% - 4.6875em) / 4);
        margin-right: 1.5625em;
    }

    .podborSection .mainPodbor__item:nth-child(4n+4) {
        margin-right: 0;
    }
}


.banner-nosecut {
    font-size: 14px;
    font-weight: 400;
}

.page__img {
    width: 100%;
    height: 16.625em;
    object-fit: cover;
}

.page__text {
    width: 100%;
    background: #F3F4F6;
    padding: 1.5625em 1.0625em;
}

.page__text p {
    color: #707070;
}

.userContent {
    line-height: 1.258;
}

.userContent h2 {
    font-size: 1.125em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -0.04em;
    margin-bottom: 1em;
}

.userContent h3,
.userContent h4,
.userContent h5,
.userContent h6 {
    letter-spacing: -0.04em;
    font-size: 0.875em;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 1.143em;
}

.userContent p {
    font-size: 0.875em;
    margin-bottom: 1em;
    letter-spacing: -0.04em;
}

.userContent p:last-child {
    margin-bottom: 0;
}

.userContent ul {
    font-size: 0.875em;
    list-style: disc;
    padding-left: 1.25em;
    letter-spacing: -0.04em;
}

.userContent ul:not(:last-child) {
    margin-bottom: 2em;
}

.userContent ul li {
    margin-bottom: 1em;
}

.userContent ul li:last-child {
    margin-bottom: 0;
}

.userContent ol {
    font-size: 0.875em;
    list-style: decimal;
    padding-left: 1.25em;
}

.userContent ol:not(:last-child) {
    margin-bottom: 2em;
}

.userContent ol li {
    margin-bottom: 1em;
}

.userContent ol li:last-child {
    margin-bottom: 0;
}

.userContent a {
    text-decoration: underline;
    font-weight: 500;
    text-underline-position: under;
    color: #E11D3D;
}

.page ~ .mainNews {
    padding-top: 1.1875em;
}

@media (min-width: 1000px) {
    .page__img {
        height: 29.1875em;
    }

    .userContent ol,
    .userContent ul,
    .userContent h3,
    .userContent h4,
    .userContent h5,
    .userContent h6,
    .userContent p {
        font-size: 1.25em;
    }

    .userContent h2 {
        font-size: 1.5em;
    }

    .page__text {
        padding: 2.1875em 4.25em;
    }

    .userContent a:hover {
        text-decoration-color: transparent;
    }

    .page ~ .mainNews {
        padding-top: 0;
    }
}


.elementMobile__name {
    color: #707070;
    font-weight: 500;
    line-height: 1.258;
    text-transform: uppercase;
    margin-top: -0.375em;
    margin-bottom: 0.6875em;
}

.elementMobile__stock {
    display: flex;
    align-items: center;
    color: #04C500;
    font-weight: 500;
    letter-spacing: -0.04em;
    font-size: 0.875em;
    margin-bottom: 0.93em;
}

.elementMobile__stock::before {
    content: "";
    background: #04C500;
    display: block;
    border-radius: 100%;
    width: 0.715em;
    height: 0.715em;
    margin-right: 0.785em;
}

.element__main-slider-wrapper {
    background: #F3F4F6;
}

.element__main-slider {

}

.element__main-slide {
    height: 16.5em;
    position: relative;
}

.element__main-slide-image {
    width: 11.25em;
    height: 11.25em;
    object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.element__bottom-slide-image {
    width: 2.8125em;
    height: 2.8125em;
    object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.element__bottom-slide {
    height: 3.4375em;
    position: relative;
}

.element__bottom-slider-wrapper {
    padding: 0.875em 1.5em;
}

.element__bottom-slide.swiper-slide-thumb-active {
    border: solid max(1px, 0.0625em) #E11D3D;
}

.element__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    height: 2em;
    border-radius: 100%;
    z-index: 2;
    background: #E11D3D;
    filter: drop-shadow(0 0 0.5em #fff);
    box-shadow: 0 0 2em #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.element__prev {
    left: 0;
}

.element__next {
    right: 0;
}

.element__arrowSvg {
    width: 0.375em;
}

.element__sliders {
    margin-bottom: 1.375em;
    position: relative;
}

.element__slidersCorner {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E11D3D;
    width: 5.1875em;
    height: 1.625em;
}

.element__slidersCorner span {
    font-weight: 500;
    letter-spacing: -0.04em;
    font-size: 0.875em;
    color: #fff;
}

.element__props {
    border-bottom: solid max(1px, 0.0625em) #E0E0E0;
    padding-bottom: 0.375em;
    margin-bottom: 1.75em;
}

.element__prop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25em;
}

.element__propLeft {
    font-weight: 500;
    color: #383838;
    font-size: 0.875em;
    letter-spacing: -0.04em;
}

.element__propRight {
    color: #898989;
    text-align: right;
    font-weight: 500;
    font-size: 0.875em;
    letter-spacing: -0.04em;
}

.element__input {
    width: 11.625em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.6875em;
}

.element__input button {
    width: 2.75em;
    height: 2.75em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: #383838;
    flex-shrink: 0;
}

.element__input button svg {
    width: 0.875em;
}

.element__input input {
    font-size: 1.125em;
    width: 2.555em;
    height: 2.333em;
    text-align: center;
    color: #272727;
    font-weight: 700;
    background: #F3F4F6;
}

.element__prices {
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.25em;
}

.element__price {
    font-weight: 700;
    font-size: 1.875em;
    color: #383838;
    letter-spacing: -0.04em;
}

.element__priceOld {
    text-decoration: line-through;
    color: #898989;
    font-size: 1.125em;
    margin: 0 0 0.166em 0.944em;
    letter-spacing: -0.04em;
}

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

.element__btnLeft {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9em;
    height: 3.5em;
    background: #E11D3D;
}

.element__btnLeft span {
    display: none;
}

.element__btnLeft svg {
    width: 1.4375em;
}

.element__btnRight {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.875em;
    background: #272727;
    height: 3.5em;
}

.element__btnRight span {
    font-weight: 500;
    font-size: 0.875em;
    color: #fff;
}

.element {
    margin-bottom: 2.5em;
}

.element__tabs {
    display: flex;
    white-space: nowrap;
    margin-bottom: 2.5em;
    border-bottom: solid 0.3125em #E0E0E0;
}

.element__tab {
    border-bottom: solid 0.3125em transparent;
    margin-bottom: -0.3125em;
    background: transparent;
    padding-bottom: 1.1875em;
}

.element__tab:not(:last-child) {
    margin-right: 2.125em;
}

.element__tab.active {
    border-bottom-color: #E11D3D;
}

.element__tab span {
    color: #383838;
    font-weight: 500;
    letter-spacing: -0.04em;
    font-size: 0.875em;
    text-transform: uppercase;
}

.element__tabContent {
    color: #707070;
}

.element__tabContent b {
    color: #515151;
}

.element__title,
.element__stock,
.element__arrowSvg2 {
    display: none;
}

@media (min-width: 1000px) {
    .elementMobile__name,
    .elementMobile__stock {
        display: none;
    }

    .element {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 0.625em;
        margin-bottom: 3.9375em;
    }

    .element__sliders {
        width: 43.625em;
    }

    .element__content {
        width: calc(100% - 50.125em);
    }

    .element__main-slide {
        height: 39.375em;
    }

    .element__slidersCorner {
        width: 9.75em;
        height: 2.88em;
    }

    .element__slidersCorner span {
        font-size: 1.25em;
    }

    .element__main-slide-image {
        width: 26.9375em;
        height: 26.9375em;
        transform: translate(-45%, -50%);
    }

    .element__bottom-slider-wrapper {
        padding: 3em 0;
        width: 4.75em;
        height: 23em;
        position: absolute;
        left: 2.5625em;
        z-index: 4;
        top: 50%;
        transform: translateY(-50%);
    }

    .element__bottom-slider-wrapper::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        width: 100%;
        height: 3em;
        background: #F3F4F6;
    }

    .element__bottom-slider-wrapper::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        width: 100%;
        height: 3em;
        background: #F3F4F6;
    }

    .element__bottom-slide-image {
        width: 3.5625em;
        height: 3.5625em;
    }

    .element__bottom-slide {
        background: #F3F4F6;
    }

    .element__arrow {
        left: 50%;
        transform: translateX(-50%);
        box-shadow: none;
        filter: none;
        z-index: 3;
        background: transparent;
    }

    .element__prev {
        top: 0;
    }

    .element__next {
        top: auto;
        bottom: 0;
    }

    .element__arrowSvg {
        display: none;
    }

    .element__arrowSvg2 {
        display: block;
        width: 1.1875em;
    }

    .element__title {
        display: block;
        font-weight: 500;
        font-size: 2.1875em;
        text-transform: uppercase;
        margin-bottom: 0.77em;
    }

    .element__stock {
        display: flex;
        align-items: center;
        font-weight: 500;
        color: #04C500;
        font-size: 1.125em;
        letter-spacing: -0.04em;
        margin-bottom: 1.888em;
    }

    .element__stock::before {
        content: "";
        border-radius: 100%;
        width: 0.56em;
        background: #04C500;
        height: 0.56em;
        margin-right: 0.611em;
    }

    .element__toOrder {
        color: #E11D3D;
    }

    .element__toOrder::before {
        background: #E11D3D;
    }

    .element__propLeft {
        font-size: 1.125em;
        width: 16.1em;
    }

    .element__propRight {
        font-size: 1.125em;
        text-align: left;
        flex-grow: 1;
    }

    .element__prop {
        margin-bottom: 1.75em;
    }

    .element__props {
        border-bottom: none;
        margin-bottom: 0.75em;
    }

    .element__wrapper {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 25.9375em;
        border-top: solid max(1px, 0.0625em) #E0E0E0;
        flex-wrap: wrap;
        padding-top: 2.0625em;
        margin-bottom: 2.3125em;
    }

    .element__input {
        margin-bottom: 0;
    }

    .element__prices {
        margin: 0.2em 0;
    }

    .element__btns {
        width: 25.9375em;
    }

    .element__btnLeft {
        width: 12.3125em;
        height: 4.1875em;
    }

    .element__btnLeft span {
        display: block;
        font-size: 1.125em;
        color: #fff;
        font-weight: 500;
    }

    .element__btnLeft svg {
        margin-left: 0.75em;
    }

    .element__btnRight {
        width: 12.6875em;
        height: 4.1875em;
    }

    .element__btnRight span {
        font-size: 1.125em;
    }

    .element__tab span {
        font-size: 1.125em;
    }

    .element__tab {
        padding-bottom: 1.3125em;
    }

    .element__tab:not(:last-child) {
        margin-right: 10.625em;
    }

    .page ~ .mainPopular {
        padding-top: 0.5625em;
    }

    .element__price_notify {
        width: 23.3375em;
        font-size: 1.125em;
    }
}

.element__price_notify {
    text-align: center;
    margin-bottom: 2.3125em;
    color: #898989;
    font-weight: 500;
}


/*basket*/
.basket {
    width: calc(100% + 3em);
    margin-left: -1.5em;
    margin-bottom: 2em;
}

.basket__left {
    background: #FFFFFF;
    box-shadow: 0.125em 0.25em 0.9375em rgba(0, 0, 0, 0.1);
    margin-bottom: 2em;
    padding: 0 1.5em;
}

.basket__top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    padding: 1.3125em 0 1em;
    border-bottom: max(1px, 0.0625em) solid #CACACA;
    margin-bottom: 0.75em;
}

.basket__checkbox {
    position: relative;
    display: flex;
    width: 1.125em;
    height: 1.125em;
}

.basket__checkbox svg {
    width: 100%;
}

.basket__checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 1;
}

.basket__checkbox input:checked ~ svg path {
    fill: #fff;
}

.basket__checkboxTopText {
    font-weight: 500;
    font-size: 0.875em;
    letter-spacing: -0.03em;
    color: #4E4E4E;
    margin-left: 1em;
}

.basket__topDelete {
    margin-left: auto;
    letter-spacing: -0.03em;
    font-weight: 500;
    font-size: 0.875em;
    color: #E11D3D;
    cursor: pointer;
    text-decoration: underline;
    text-underline-position: under;
}

.basket__item {
    position: relative;
    padding: 1.25em 0;
    border-bottom: max(1px, 0.0625em) solid #CACACA;
    display: flex;
    align-items: center;
}

.basket__item .basket__checkbox {
    flex-shrink: 0;
}

tr:last-child .basket__item {
    border-bottom: none;
}

.basket__imageWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.9375em 0 0.5em;
    flex-shrink: 0;
    width: 5.8125em;
    height: 8.625em;
    border: solid max(1px, 0.0625em) #E3E3E3;
}

.basket__image {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.basket__itemName {
    font-weight: 500;
    font-size: 0.875em;
    line-height: 1.257;
    display: block;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.basket__itemLogo {
    margin-bottom: 1em;
}

.basket__itemPrices {
    display: flex;
    align-items: flex-end;
    white-space: nowrap;
    line-height: 1;
    margin-bottom: 0.9375em;
}

.basket__itemPrice {
    font-weight: 700;
    font-size: 1em;
    letter-spacing: -0.04em;
    color: #383838;
}

.basket__itemOldPrice {
    margin: 0 0 0 0.5em;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: -0.04em;
    position: relative;
    color: #898989;
    text-decoration: line-through;
}

.basket__itemBtns {
    display: flex;
    width: 9.1875em;
    justify-content: space-between;
    align-items: center;
}

.basket__itemBtn {
    flex-shrink: 0;
    line-height: 0;
    background: #383838;
    border-radius: 100%;
    width: 2.1875em;
    height: 2.1875em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket__itemBtn svg {
    width: 0.6875em;
}

.basket__itemInput {
    width: 0;
    color: #272727;
    font-size: 0.875em;
    text-align: center;
    font-weight: 700;
    width: 2.5em;
    height: 2.285em;
    background: #F3F4F6;
}

.basket__right {
    background: #FFFFFF;
    box-shadow: 0.125em 0.25em 0.9375em rgba(0, 0, 0, 0.1);
    padding: 1.75em 1.5em;
}

.basket__rightTitle {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1.2;
    color: #281C03;
    margin-bottom: 1.5em;
}

.basket__rightItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.4em;
}

.basket__rightItemLeft {
    font-weight: 500;
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #4E4E4E;
}

.basket__rightItemRight {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #313131;
}

.basket__rightItemRight span {
    color: #E11D3D;
}

.basket__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2em 0;
    border-top: max(0.0625em, 1px) solid #CACACA;
    border-bottom: max(0.0625em, 1px) solid #CACACA;
    margin-top: 2em;
    margin-bottom: 1.25em;
}

.basket__totalLeft {
    display: flex;
    align-items: flex-end;
}

.basket__totalText {
    font-weight: 600;
    font-size: 1.375em;
    line-height: 1.2;
    color: #281C03;
}

.basket__totalSub {
    font-weight: 500;
    line-height: 1.2;
    color: #B0B0B0;
    margin-left: 1.1em;
}

.basket__totalRight {
    font-weight: 600;
    font-size: 1.25em;
    line-height: 1.2;
    color: #281C03;
}

.basket__rightBtn {
    width: 100%;
    color: #fff;
    background: #272727;
    font-size: 0.875em;
    letter-spacing: 0.09em;
    font-weight: 700;
    height: 4.215em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.basket__rightText {
    margin-top: 1.5em;
    font-weight: 500;
    font-size: 0.75em;
    line-height: 1.5;
    text-align: center;
    letter-spacing: -0.03em;
    color: #4E4E4E;
}

@media (min-width: 1000px) {
    .basket {
        width: 100%;
        margin: 0 0 3.1em 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .basket__left {
        border-radius: 0.625em;
        width: 71.1875em;
        padding: 0;
    }

    .basket__right {
        border-radius: 0.625em;
        width: 34.875em;
    }

    .basket__top {
        padding: 2em 2em 1.125em;
        margin-bottom: 0.1875em;
    }

    .basket__checkbox {
        width: 1.5625em;
        height: 1.5625em;
    }

    .basket__checkboxTopText {
        font-size: 1.125em;
        margin-left: 0.8888em;
    }

    .basket__topDelete {
        font-size: 1.125em;
        margin-left: 3em;
    }

    .basket__topDelete:hover {
        text-decoration-color: transparent;
    }

    .basket__item {
        width: calc(100% - 4em);
        margin: 0 auto;
        padding: 1.125em 0;
    }

    .basket__imageWrapper {
        width: 9.0625em;
        height: 11.0625em;
        margin: 0 2.75em 0 1em;
    }

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

    .basket__itemName {
        font-size: 1.5625em;
        letter-spacing: 0.025em;
        width: 22em;
        line-height: 1.25;
        margin-bottom: 0.6em;
    }

    .basket__itemLogo {
        width: 60%;
    }

    .basket__itemPrices {
        min-width: 10em;
        margin: auto 0 0;
    }

    .basket__itemPrice {
        font-size: 1.375em;
    }

    .basket__itemOldPrice {
        font-size: 1em;
        margin-left: 1em;
    }

    .basket__itemBtns {
        margin-top: auto;
    }

    .basket__itemBtn:hover {
        background: #E11D3D;
    }

    .basket__right {
        padding: 1.875em;
    }

    .basket__rightTitle {
        letter-spacing: 0;
        font-size: 1.375em;
        margin-bottom: 1em;
    }

    .basket__itemBtns {
        width: 14.6875em;
    }

    .basket__itemBtn {
        width: 3.5em;
        height: 3.5em;
    }

    .basket__itemBtn svg {
        width: 1.125em;
    }

    .basket__itemInput {
        width: 3.11em;
        height: 3.11em;
        font-size: 1.125em;
    }

    .basket__rightItem {
        margin-bottom: 1.25em;
    }

    .basket__rightItemLeft {
        font-size: 1.125em;
    }

    .basket__rightItemRight {
        font-size: 1.125em;
    }

    .basket__total {
        margin-top: 1.8em;
        padding: 1.85em 0;
    }

    .basket__totalText {
        font-size: 1.5625em;
        letter-spacing: 0.025em;
    }

    .basket__totalRight {
        font-size: 1.5625em;
        letter-spacing: 0.025em;
    }

    .basket__totalSub {
        margin-left: 0.3em;
        margin-bottom: 0.1em;
    }

    .basket__rightBtn {
        font-size: 1em;
        height: 3.875em;
    }

    .basket__rightBtn:hover {
        background: #E11D3D;
    }

    .basket__rightText {
        margin: 1.3em auto 0;
        font-size: 0.875em;
    }

    .basket__itemName {
        order: 0;
    }

    .basket__itemPrices {
        order: 66;
    }

    .basket__itemText,
    .basket__itemLogo {
        order: 2;
    }

    .basket-item-block-properties {
        order: 4;
    }

    .basket__itemBtns {
        order: 55;
    }
}

/*basket*/


.items__swiperSlide,
.swiper-wrapper {
    height: auto;
}

.items__swiperSlide .item {
    height: 100%;
}

.btn {
    width: 100%;
    height: 3em;
    color: #fff;
    background: #E11D3D;
}

.contacts {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2em;
    justify-content: space-between;
}

.contacts__map {
    margin-top: 1em;
    max-width: 100%;
    width: 100%;
}

.item__excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-height: 100px;
}

body .podborSection__left {
    width: 100%;
    position: relative;
    top: auto;
}

body .podborSection .mainPodbor__wrapper {
    width: 100%;
}

@media (min-width: 800px) {
    .contacts {
        align-items: center;
    }

    .contacts__info {
        max-width: 30em;
    }

    .contacts__map {
        max-width: 60em;
        width: 100%;
    }

    .contacts__map iframe {
        max-width: 100%;
        width: 100%;
    }
}

.hero-procar {
    margin: 40px auto;
    padding: 0 0;
}

/* Сетка: текст + изображение */
.hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: end;
}

/* Левая колонка с контентом */
.hero-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Метка "15 лет экспертизы" */
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(225, 29, 61, 0.1);
    border-radius: 100px;
    padding: 8px 16px 8px 12px;
    width: fit-content;
    border: 1px solid rgba(225, 29, 61, 0.2);
    backdrop-filter: blur(4px);
}

.badge-icon {
    background: #E11D3D;
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
}

.badge-text {
    font-weight: 600;
    font-size: 14px;
    color: #E11D3D;
    letter-spacing: 0.3px;
}

.badge-text span {
    color: #1e1e2f;
    font-weight: 700;
}

/* Заголовок */
.hero-title {
    font-size: clamp(36px, 5vw, 56px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #0a0a1a;
}

.hero-title .accent-text, .hero-description .accent-text9 {
    color: #E11D3D;
    position: relative;
    display: inline-block;
}

.hero-title .accent-text::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 8px;
    background: rgba(225, 29, 61, 0.2);
    z-index: -1;
    border-radius: 4px;
}

/* Подзаголовок / описание */
.hero-description {
    font-size: 18px;
    color: #4a4a5e;
    max-width: 90%;
    border-left: 4px solid #E11D3D;
    padding-left: 20px;
    margin: 5px 0;
}

/* Сетка ключевых преимуществ (3 блока) */
.hero-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 15px 0 10px;
}

.feature-item {
    background: white;
    border-radius: 10px;
    padding: 18px 15px;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(225, 29, 61, 0.4);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feature-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 35px -12px rgba(225, 29, 61, 0.15);
    border-color: rgba(225, 29, 61, 0.9);
}

.feature-icon {
    background: #eef4ff;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    font-size: 22px;
}

.feature-item h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #0a0a1a;
}

.feature-item p {
    font-size: 14px;
    color: #5e5e72;
    font-weight: 500;
}

.feature-item .feature-highlight {
    color: #E11D3D;
    font-weight: 700;
    font-size: 15px;
}

.hero-cta-block {
    background: white;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 25px 40px -20px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(225, 29, 61, 0.1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 15px;
}

.cta-stats {
    display: grid;
    align-items: center;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: normal;
    width: 100%;
}

.stat-item {
    display: flex;
    flex-direction: column;
}

.stat-value {
    font-size: 28px;
    font-weight: 800;
    color: #E11D3D;
    line-height: 1;
}

.stat-label {
    font-size: 13px;
    color: #6f6f89;
    font-weight: 500;
    max-width: 130px;
}

.cta-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    width: 100%;
}

.btn {
    display: inline-block;
    padding: 16px 32px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.2s ease;
    text-align: center;
    border: none;
    cursor: pointer;
    line-height: 1;
}

.btn-primary {
    background: #E11D3D;
    color: #fff!important;
    box-shadow: 0 10px 20px -8px rgba(225, 29, 61, 0.4);
}

.btn-primary:hover {
    background: #ff6666;
    transform: scale(1.02);
    box-shadow: 0 15px 25px -8px #E11D3D66;
}

.btn-secondary {
    background: white;
    color: #1e1e2f;
    border: 1.5px solid #d9e0eb;
}

.btn-secondary:hover {
    border-color: #E11D3D;
    background: #f5f9ff;
    color: #E11D3D;
}

.hero-visual {
    /*
    background: linear-gradient(145deg, #0a1a2f 0%, #0e2a3a 100%);
    border-radius: 40px;
    padding: 30px;
    height: fit-content;
    color: white;
    box-shadow: 0 40px 60px -20px rgba(0, 40, 80, 0.5);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    */
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 0px;
    align-items: center;
}

.visual-content {
    position: relative;
    z-index: 2;
    background: linear-gradient(145deg, #0a1a2f 0%, #0e2a3a 100%);
    border-radius: 10px;
    padding: 30px;
    height: fit-content;
    color: white;
    box-shadow:  0 20px 50px -20px rgba(0, 40, 80, 0.5);;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.second.visual-content {
    background: linear-gradient(145deg, #D0E8D0 0%, #B0D0B0 100%);
    color: #1E3A2E;

}

.second.visual-content .part-title span {
    color: #006B4D;
}
.second.visual-content .china-office {
    background: #ffffff33;
    border-color: rgba(0, 107, 77, 0.4);
}
.second.visual-content .china-office strong {
    color: #006B4D;
}

.visual-content::before {
    content: '';
    position: absolute;
    top: -30%;
    right: -30%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(225, 29, 61, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
}

.second.visual-content::before {
    content: none;
}

.car-part-badge {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    border-radius: 100px;
    padding: 8px 16px;
    display: inline-block;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 25px;
}

.part-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 20px;
}

.part-title span {
    color: #ff6666;
}

.part-list {
    list-style: none;
    margin: 25px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding-left: 0 !important;
}
.second.visual-content .part-list {
    grid-template-columns: none;
    margin: 0;
}
.second.visual-content .part-list li {
    background: #ffffff33;
    border-color: rgba(0, 107, 77, 0.4);
}
.second.visual-content .part-list li.money-i::before {
    content: '💰';
}
.second.visual-content .part-list li.bullseye-i::before {
    content: '🎯';
}
.second.visual-content .part-list li.alarm-i::before {
    content: '⏰';
}

.part-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.05);
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0.5em!important;
}
.part-list li:last-child {
    margin-bottom: 0.5em!important;
}
.part-list li::before {
    content: "✅";
    color: #ff6666;
    font-weight: 700;
}

.china-office {
    margin-top: 30px;
    padding: 20px;
    background: rgba(225, 29, 61, 0.2);
    border-radius: 10px;
    border: 1px solid rgba(225, 29, 61, 0.4);
    display: flex;
    align-items: center;
    gap: 15px;
    backdrop-filter: blur(5px);
}

.office-flag {
    font-size: 40px;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
}

.office-text p {
    font-size: 15px;
    opacity: 0.9;
}

.office-text strong {
    color: #ff6666;
    font-size: 18px;
}

/* Адаптивность */
@media (max-width: 900px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .hero-description {
        max-width: 100%;
    }

    .hero-features {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .cta-stats {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .hero-cta-block {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-buttons {
        justify-content: center;
    }

    .btn {
        flex: 1;
        text-align: center;
    }
}
@media (max-width: 600px) {
    .cta-stats {
        display: none;
    }
}
@media (max-width: 480px) {
    .mainPopular {
        padding: 1em 0;
    }
    .part-list {
        grid-template-columns: 1fr;
    }
    .hero-visual {
        grid-template-rows: none;
        gap: 2em;
    }

    .china-office {
        flex-direction: column;
        text-align: center;
    }

    .cta-buttons {
        flex-direction: column;
    }
    .part-list li:last-child {
        margin-bottom: 0;
    }
}

/* Hero */
.hero {
    background: linear-gradient(135deg, #fef5f7 0%, #ffffff 100%);
    padding: 56px 0 40px;
    border-bottom: 1px solid #ffe8ed;
}
.hero h1 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #0a2540;
    margin-bottom: 20px;
    line-height: 1.2;
}
.hero .badge {
    background: #E11D3D;
    color: white;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 0.85rem;
    margin-bottom: 24px;
    letter-spacing: 0.3px;
}
.hero p {
    font-size: 1.2rem;
    color: #2d3e50;
    max-width: 780px;
}

/* Section titles */
.section-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 32px;
    color: #0a2540;
    border-left: 5px solid #E11D3D;
    padding-left: 20px;
}
.section-subtitle {
    text-align: center;
    font-size: 1.2rem;
    color: #4a627a;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Advantages grid */
.advantages {
    padding: 60px 0;
    background: #fefafb;
}
.advantages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 28px;
    margin-top: 20px;
}
.advantage-card {
    background: white;
    padding: 28px;
    border-radius: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    transition: 0.2s;
    border: 1px solid #f0e2e5;
}
.advantage-card:hover {
    transform: translateY(-4px);
    border-color: #E11D3D;
    box-shadow: 0 12px 24px rgba(225,29,61,0.08);
}
.advantage-card h3 {
    font-size: 1.5rem;
    margin-bottom: 12px;
    color: #E11D3D;
}
.advantage-card p {
    color: #2c3e50;
    line-height: 1.5;
}

/* Story section */
.story {
    padding: 60px 0;
    background: white;
}
.story h2, .story h3 {
    color: #0a2540;
    margin-top: 28px;
    margin-bottom: 16px;
}
.story p {
    margin-bottom: 20px;
    color: #2c3e50;
}
.story h2:first-of-type {
    margin-top: 0;
}

/* Keywords section */
.keywords-section {
    background: #fefafb;
    padding: 60px 0;
}
.keywords-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
    margin-top: 24px;
}
.keyword-item {
    background: white;
    border-left: 4px solid #E11D3D;
    padding: 16px 20px;
    border-radius: 16px;
    transition: 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}
.keyword-item strong {
    color: #E11D3D;
    font-size: 1rem;
    display: block;
    margin-bottom: 6px;
}
.keyword-item p {
    font-size: 0.9rem;
    color: #4a5568;
    margin: 0;
    line-height: 1.4;
}

/* CTA */
.cta {
    background: #000000;
    color: white;
    padding: 56px 0;
    text-align: center;
}
.cta h3 {
    font-size: 2rem;
    margin-bottom: 16px;
}
.cta-button {
    background: #ffffff;
    display: inline-block;
    padding: 14px 44px;
    border-radius: 60px;
    color: white;
    font-weight: 700;
    text-decoration: none;
    margin-top: 24px;
    font-size: 1.1rem;
    transition: 0.2s;
}
.cta-button:hover {
    background: #ffe6ea;
    transform: scale(1.02);
}


@media (max-width: 768px) {
    .hero h1 { font-size: 1.3rem; }
    .hero p { font-size: 1rem;}
    .advantage-card h3 {font-size: 1rem;}
    .section-title { font-size: 1.6rem; }
    .advantages-grid { grid-template-columns: 1fr; }
    .keywords-grid { grid-template-columns: 1fr; }
}
/* End */
/* /local/templates/procar/assets/css/modal.css?17724373117503 */
/* /local/templates/procar/assets/css/swiper-bundle.min.css?177243731113838 */
/* /local/templates/procar/components/bitrix/sale.basket.basket.line/cart_link_mini_mobile/style.css?1772437311337 */
/* /local/templates/procar/components/bitrix/sale.basket.basket.line/cart_link_mini/style.css?1772437311315 */
/* /local/templates/procar/template_styles.css?177467404294333 */