.product__buy-btn button{
    width:100%;
    height:65px;
    border-radius: 40px;
}
.benefits,
.banners{
    overflow:hidden;
}
.catalogue__more {
    width: 100%;
}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled{
    opacity:0;
}.d-none {
    display: none !important;
}
.delivery__wrapper{
    justify-content:space-between;
    flex-wrap:wrap;
    gap: 10px;
}
.delivery__wrapper .order__radio{
    margin:0;
}
p.error{
    font-size:12px;
    color:#ff0000;
}
.lk-popup {
    padding: 28px 30px 28px!important;
}
.product__stock-empty{
    display:flex;
}

.main-nav {
    padding: 0;
    transition: transform .4s ease, opacity .4s ease;
}

.main-nav__inner {
    padding: 0;
}

.main-nav__more {
    position: relative;
    gap: 10px;
    height: 100%;
    cursor: pointer;
}

.main-nav__item {
    min-height: 49px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.main-nav__more svg {
    width: 6px;
    height: 12px;
    transform: rotate(90deg);
    transition: .3s ease;
}

.main-nav__more:hover svg {
    transform: rotate(-90deg);
}

.main-nav__more-list {
    position: absolute;
    top: 100%;
    right: -15px;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 18px 20px;
    box-shadow: 0 4px 60px rgba(0,0,0,.4);
    border-radius: 6px;
    background-color: #012e6f;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
    max-height: 200px;
    overflow-y: auto;
}

.main-nav__more:hover .main-nav__more-list {
   opacity: 1;
   visibility: visible;
}

.header__brands-list {
    top: 100%;
    left: 0;
}

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

.header__brands-block {
    display: none;
    cursor: pointer;
}

.header__brands-block-item {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #E5064A;
}

.header__brands-block-item svg {
    width: 20px;
    height: 20px;
}

.header__brands-block-open.hidden {
    display: none;
}

.header__brands-block-close {
    display: none;
}

.header__brands-block-close.show {
    display: flex;
}

.brands-block.active {
    opacity: 1;
    visibility: visible;
    z-index: 11;
}

@media (max-width: 1024px) {
    .header__brands-block {
        display: block;
    }
    
    .main-nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    .main-nav__inner {
        width: 100vw;
    }
    
    .brands__title {
        margin-top: 40px;
    }
}

.footer__list {
    display: block;
    height: auto;
    padding-right: 40px;
    column-count: 2;
}

.footer__item {
    line-height: 1.2;
}

.footer__nav {
    padding: 20px 40px 0;
}

.footer__contacts {
    padding-left: 40px;
}

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

.footer__top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.contacts__info {
    z-index: 7;
}

.custom-scrollbar {
  --scrollbarSize: 5px;
  --scrollbarThumbColor: #ffffff;
  --scrollbarBackgroundColor: #00398c;
  --scrollbarBorderRadius: 6px;
  
  scrollbar-color: var(--scrollbarThumbColor) var(--scrollbarBackgroundColor);
  scrollbar-width: thin;
}

  .custom-scrollbar::-webkit-scrollbar {
    width: var(--scrollbarSize);
    height: var(--scrollbarSize);
    background-color: var(--scrollbarBackgroundColor);
  }

  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--scrollbarThumbColor);
    background-clip: content-box;
  }

  .custom-scrollbar::-webkit-scrollbar-track,
  .custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbarBorderRadius);
  }


@media (max-width: 1050px) {
    .main-nav__inner {
        height: calc(100vh - 120px);
    }
    
    .main-nav__list {
        padding: 20px 0 0 20px;
    }
    
    .main-nav__item {
        min-height: auto;
    }
    
    .main-nav__more {
        height: auto;
        flex-direction: column;
    }
    
    .main-nav__more span,
    .main-nav__more svg {
        display: none;
    }
    
    .main-nav__more-list {
        position: static;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        padding: 0;
        max-height: 100%;
        overfow-y: hidden;
    }
    
    .header__brands {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding-top: 20px;
    }
    
    .more-list__item {
        font-size: 14px;
        font-weight: 700;
    }
    
    .footer__top {
    grid-template-columns: repeat(2, 1fr);
}

}


@media (max-width: 768px){
   .footer__top {
    grid-template-columns: 1fr;
} 

.footer__nav {
    padding-left: 0;
    padding-right: 0;
}

.footer__contacts {
    padding-left: 0;
}
}

@media (max-width: 530px) {
    .main-nav__inner.active {
        flex-direction: column;
        overflow-y: auto;
    }
    
    .main-nav__list {
        padding-bottom: 20px;
        border-right: none;
        margin-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }
    
    .header__brands {
        padding: 20px 0 20px 20px;
    }
}

.card__title {
    max-height: fit-content;
}

.product-popup .product__gallery {
    flex-direction: column;
    width: 474px;
    padding: 0;
}

.product-popup .product {
    margin: 0;
}

.product-popup .content {
    padding: 0;
}

.product-popup .product__main {
    padding: 0;
}

.product-button {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    background-color: rgba(139, 163, 186, .2);
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    background-position: center;
    background-repeat: no-repeat;
}

.product-button-next {
    right: -60px;
    background-image: url(../img/layout/general/arrow-down.svg);
    transform: translateY(-50%) rotate(-90deg);
}

.product-button-prev {
    left: -60px;
    background-image: url(../img/layout/general/arrow-down.svg);
    transform: translateY(-50%) rotate(90deg);
}

.product-popup .product__gallery-thumbs {
  position: relative;  
}

.product-popup .product-thumbs {
    height: 100px;
    width: 390px;
}

.product-popup .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-popup .swiper-wrapper {
    height: 100%;
}

.product-popup .product__inline {
    gap: 55px;
    margin-bottom: 0;
}

.product-popup.fancybox-content {
    padding: 50px;
}

.product-slider.swiper {
    max-height: 474px;
    max-width: 474px;
}

@media (max-width: 1200px) {
    .product-popup .product__inline {
        flex-direction: column;
        gap: 20px;
    }
    
    .product-popup .product__gallery {
        width: 100%;
        flex-direction: row;
    }
    
    .product-popup .product__main {
        width: 100%;
    }
    
    .product-popup .product__options-link {
        align-self: flex-start;
    }
    
    .product-popup.fancybox-content {
        padding: 20px;
    }
    
    .product-popup .product-thumbs {
        width: 100px;
        height: 474px;
    }
    
    .product-button-next {
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) rotate(0deg);
    }
    
    .product-button-prev {
        top: 0;
        left: 50%;
        transform: translateX(-50%) rotate(-180deg);
    }
    
     .product-popup .product__gallery-thumbs {
        order: -1;
    }
}

@media (max-width: 768px) {
    .product-popup .product__gallery {
        flex-direction: column;
    }
    
    .product-popup .product-thumbs {
        width: 280px;
        height: 80px;
    }
    
    .product-button-next {
        top: 50%;
        bottom: auto;
        right: -30px;
        left: auto;
        transform: translateY(-50%) rotate(-90deg);
    }
    
    .product-button-prev {
        top: 50%;
        left: -20px;
        transform: translateY(-50%) rotate(90deg);
    }
    
     .product-popup .product__gallery-thumbs {
        order: 1;
    }
}

.catalogue__title-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.catalogue__title-wrapper.catalogue__title-wrapper-brands{
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
}
.catalogue__title-wrapper-brands h1{
    margin-bottom: 0;
    display: flex;
    gap: 12px;
}
.catalogue__title-wrapper.catalogue__title-wrapper-brands span{
    padding-top: 0;
    margin-top: 15px;
}

.catalogue__title-wrapper span {
    padding-top: 18px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 71%;
    color: #16263f;
    opacity: 0.5;
    white-space: nowrap;
}
@media(max-width: 575px){
    .catalogue__title-wrapper-brands h1{
        flex-direction: column-reverse;
        gap: 10px;
    }
    .catalogue__title-wrapper.catalogue__title-wrapper-brands span{
        margin-top: unset;
    }
    .catalogue__title-wrapper{
        flex-wrap: wrap;
        margin-bottom: 21px;
    }
    .catalogue__title-wrapper span{
        padding-top: unset;
    }
    .catalogue__title-wrapper h1{
        margin-bottom: 0;
    }
}

.product-slider .swiper-slide {
    height: 100%;
}

.product__left-block {
    padding: 50px 0 0 45px;
}

.product__brand-btn {
    width: fit-content;
    height: 38px;
    padding: 0 20px;
}

@media (max-width: 1250px) {
    .product__left-block {
        padding: 30px 0 0 0;
    }
}

@media (max-width: 920px) {
    .product__left-block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.fancybox-container {
    z-index:9998 !important;
}

.fancybox-slide {
    z-index:9996 !important;
}

.total_products {
    display: none;
}

/* Блок "Регистрация" */

.login {
    display: flex;
    max-width: 1277px;
    padding: 40px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #16263f;
}

.login__form {
    max-width: 515px;
    padding-right: 50px;
    border-right: 1px solid #eaeaea;
}

.login-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.login-form__error {
    margin-bottom: 24px;
    color: #f81d2a;
    font-size: 15px;
}

.login-form__error.hidden {
    display: none;
}

.login-form__field:last-of-type {
    margin-bottom: 8px;
}

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

label.field .field__lead {
    margin-bottom: 9px;
    font-weight: 300;
    font-size: 14px;
    color: #16263f;
}

.field__input {
    width: 464px;
    padding: 16px;
    background-color: #fcfcfc;
    border: 1px solid #f3f3f3;
    border-radius: 6px;
    font-weight: 500;
}

.password {
    position: relative;
}

.password__control {
    position: absolute;
    top: 53%;
    right: 19px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-eye'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0' /%3E%3Cpath d='M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6' /%3E%3C/svg%3E");    background-repeat: no-repeat;
    background-position: 0 0;
}

.password__control.view {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-eye-off'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828' /%3E%3Cpath d='M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87' /%3E%3Cpath d='M3 3l18 18' /%3E%3C/svg%3E");   
}

.form-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-weight: 800;
    font-size: 15px;
    line-height: 147%;
    color: #fff;
    border-radius: 40px;
    padding: 15px 32px;
    min-height: 65px;
    border: none;
    background-color: #ff0052;
    cursor: pointer;
    transition: all linear .3s
}


.form-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #000;
    background-color: #f9f9f9;
    transition: all linear .3s
}

.login-info {
    padding-left: 117px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='48' viewBox='0 0 40 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.75 39.3947H39M31.875 32.2895V46.5M1 44.1316V39.3947C1 36.8822 2.00089 34.4725 3.78249 32.6958C5.56408 30.9192 7.98044 29.9211 10.5 29.9211H20M5.75 10.9737C5.75 13.4863 6.75089 15.8959 8.53249 17.6726C10.3141 19.4493 12.7304 20.4474 15.25 20.4474C17.7696 20.4474 20.1859 19.4493 21.9675 17.6726C23.7491 15.8959 24.75 13.4863 24.75 10.9737C24.75 8.46111 23.7491 6.05144 21.9675 4.27478C20.1859 2.49812 17.7696 1.5 15.25 1.5C12.7304 1.5 10.3141 2.49812 8.53249 4.27478C6.75089 6.05144 5.75 8.46111 5.75 10.9737Z' stroke='%2316263F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50px 14px;
}

.login-info__title {
    margin-bottom: 37px;
    font-size: 28px;
    color: #000;
}

.login-info__text {
    font-size: 14px;
    line-height: 200%;
    color: #515151;
}

.login-info__text:not(:last-child) {
    margin-bottom: 15px;
}

.login-info__button {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-weight: 700;
    font-size: 15px;
    line-height: 147%;
    color: #ff0052;
    border: 1px solid #ff0052;
    border-radius: 40px;
    width: 257px;
    height: 55px;
    text-decoration: none;
    cursor: pointer;
    transition: all linear .3s
}

.login-info__button:hover {
    color: #fff;
    background-color: #ff0052;
}


.form-button:hover,
.form-link:hover {
    opacity: 0.6;
}

.policy-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.policy-checkbox + label {
    display: inline-flex;
    user-select: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 142%;
    color: #16263f;
}

.policy-checkbox + label a {
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}

.policy-checkbox + label::before {
    content: '';
    display: inline-block;
    border: 1.50px solid #f1f1f1;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% 80%;
    cursor: pointer;
}

.policy-checkbox:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0911 2.40197L4.04628 8.44675L0.323242 4.72371L1.96496 3.08199L4.04628 5.16331L8.44933 0.760254L10.0911 2.40197Z' fill='%23FF0052' /%3E%3C/svg%3E");
}

.password-recovery {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    max-width: 581px;
    padding: 40px;
    font-family: "Inter", sans-serif;
}

.password-recovery__title {
    font-weight: 400;
    font-size: 28px;
    color: #000;
    text-align: center;
}

.password-recovery__text {
    font-size: 14px;
    line-height: 200%;
    text-align: center;
    color: #515151;
}

.password-recovery .login-form {
    max-width: 464px;
}

.password-recovery__message {
    padding: 85px 18.5px 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 175%;
    text-align: center;
    color: #515151;
    border: 1px solid #eaeaea;
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 11.5H16.5167M14.8333 16.5H16.5V23.1667H18.1667M1.5 4.83333C1.5 3.94928 1.85119 3.10143 2.47631 2.47631C3.10143 1.85119 3.94928 1.5 4.83333 1.5H28.1667C29.0507 1.5 29.8986 1.85119 30.5237 2.47631C31.1488 3.10143 31.5 3.94928 31.5 4.83333V28.1667C31.5 29.0507 31.1488 29.8986 30.5237 30.5237C29.8986 31.1488 29.0507 31.5 28.1667 31.5H4.83333C3.94928 31.5 3.10143 31.1488 2.47631 30.5237C1.85119 29.8986 1.5 29.0507 1.5 28.1667V4.83333Z' stroke='%23DEDEDE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 40px;
}

#login-popup.fancybox-content,
#registration-popup.fancybox-content,
#recovery-popup.fancybox-content,
#recovery-message.fancybox-content {
    padding: 0;
}

#registration-popup.fancybox-content {
    overflow-x: hidden;
}

.form-button svg,
.login-info__button svg {
    width: 24px;
    height: 24px;
}

.policy-checkbox-label span {
    color: #16263f;
}

@media (max-width: 1200px) {
    .login {
        flex-direction: column;
        gap: 20px;
    }

    .login__form {
        border-right: none;
        padding-right: 0;
        max-width: 100%;
    }

    .login-info {
        padding-left: 0;
        padding-top: 100px;
        border-top: 1px solid #eaeaea;
        background-position: 0 25px;
    }

    .field__input {
        min-width: 100%;
        width: 100%;
    }
}

.brands__sub-menu-inner {
    align-items: flex-start;
    overflow-y: auto;
    max-height: calc(100vh - 245px);
}

.brands__wrapper-letters {
    display: none;
    padding-bottom: 11px;
    margin-bottom: 30px;
    border-bottom: 1px solid #DDE5F1;
}

.brands__list-letters {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
}

.brands__list-letter {
    margin-bottom: 0;
    padding-left: 0;
}

.brands__list-letter a {
    font-weight: 800;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.brands__list-letter a:hover {
    color: #E5064A;
}

.brands__list-letter::before {
    display: none;
}

@media (max-width: 1024px) {
    .brands__wrapper-letters {
        display: block;
    }
}

.catalogue__count {
    margin-left: 5px;
    align-self: flex-start;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 164%;
    color: #012e6f;
    opacity: 0.5;
}

.catalogue__nav a div {
    margin-right: 12px;
}




.unlogged-banner{
    width: 100%;
    height: 100vh;
    
    background-image: url('../img/error-banner-image.svg');
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-size: contain;
    background-size: contain;
    
    background-color: #CBE3FF;
}

.unlogged-banner__container{
    max-width: 1240px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    
    height: 100%;
}

.unlogged-banner__inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.unlogged-banner__icon{
    width: 94px;
    height: 94px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    margin-bottom: 17px;
    
    background: rgba(255, 255, 255, 0.25);
    border-radius: 6px;
}

.unlogged-banner__icon svg{
    width: 70px;
    height: 70px;
}

.unlogged-banner__title{
    font-family: Gilroy;
    font-size: 80px;
    font-weight: 700;
    line-height: 1.2;
    color: #323293;
    
    margin: 0 0 17px 0;
}

.unlogged-banner__text{
    font-family: Gilroy;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: #323293;
}

@media(max-width: 1440px) {
    .unlogged-banner{
        background-position: 150% center;
    }
}

@media(max-width: 1200px) {
    .unlogged-banner{
        background-position: 270% center;
    }
}

@media(max-width: 1024px) {
    .unlogged-banner{
        background-image: none;
    }
    
    .unlogged-banner__inner{
        align-items: center;
    }
    
    .unlogged-banner__title{
        font-size: 60px;
    }
    
    .unlogged-banner__text{
        text-align: center;
        font-size: 20px;
    }
}

@media(max-width: 768px) {
    .unlogged-banner__text{
        font-size: 18px;
    }
    
    .unlogged-banner__title{
        font-size: 50px;
    }
}
.address_select{
    width: 100%;
    height: 50px;
    border-color: #ff0052 !important;
    color: #ff0052;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    .list{
        width: 100%;
        border-color: #ff0052;
        border: 1px solid #ff0052;
        display: flex;
        flex-direction: column;
        gap: 8px;
        li{
            margin: 0;
            &:before{
                content: unset;
            }
            &:hover{
                background: #ff0052;
                color: #fff;
            }
            &.selected{
                &:hover{
                    color: #ff0052;
                }
            }
        }    
    }
}
.adr_select{
    display: flex;
    margin-bottom: 30px;
}
.-js-disabled{
    opacity: .4;
    label{
        cursor: no-drop;
    }
}
.card__warning{
    padding: 17px 0;
    width: 100%;
    background: #FBFBFD;
    color: #FF0052;
    font-family: Inter;
    font-size: 15px;
    font-weight: 700;
    line-height: 120%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
}
.product__warning{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    color: #FF0052;
}
.product__buy.product__buy-warning{
    padding: 46px 30px;
    justify-content: center;
}
@media(max-width: 920px){
    .product__buy{
        margin-bottom: 40px;
    }
}
.card__brand{
    font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    color: #012E6F;
    padding: 6px 8px;
    border: 1px solid #012E6F;
    border-radius: 4px;
    margin-top: auto;
    margin-bottom: 10px;
    text-align: center;
}
.product__img-default{
    max-width: 340px;
    max-height: 340px;
    margin: auto;
}
.header__brands-icon{
    position: relative;
    width: 15px;
    height: 14px; 
    margin-right: 12px;
}
.header__brands-line{
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 15px;
    height: 2px;
    transition: 0.3s ease;
    background: #fff;
    border-radius: 0;
}
.line-one{
    top: 0;
}
.line-two{
    top: 6px;
}
.line-three{
   bottom: 0;
}
.-js-cataloge-opened .line-one{
    top: 47%;
    transform: rotate(45deg);
    border-radius: 3px;
}
.-js-cataloge-opened .line-two{
    transform: rotate(-45deg);
    top: 47%;
    border-radius: 3px;
}
.-js-cataloge-opened .line-three{
    opacity: 0;
}
.catalogue__nav-item.active{
    order: -1;
    background: #E8F4FC;
    color: #012E6F;
    font-weight: 500;
    width: fit-content;
}
.catalogue__nav-item{
    padding: 4px 10px;
    border-radius: 12px;
}
.catalogue__nav-item:hover{
    background: #E8F4FC;
    color: #012E6F;
}
.catalogue__nav-brands > .catalogue__nav-item:hover{
    background: unset;
}
.catalogue__nav{
    display: flex;
    flex-direction: column;
}
.catalogue__nav-item.first{
    order: 1;
}
.catalogue__aside-link.aside-link__active{
    background: #E8F4FC;
    color: #012E6F;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 12px;
}
.header.active .main-nav{
    transform: translateY(-100%);
}
.scroll-up.active .main-nav{
    transform: translateY(0%);
}
.brands{
    transition: transform .4s ease, opacity .4s ease;
}
.active .brands{
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
}
.active .logo__slogan{
    display: none;
}
.active .logo{
    width: 212px;
}
.header__brands-arrow{
    width: 20px;
    height: 20px;
    position: relative;
}
.header__brands-arrow span{
    background: #fff;
    width: 9px;
    height: 2px;
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 10px;
    transition: .3s ease;
    
}
.header__brands-arrow span:first-child{
    transform: rotate(45deg);
    left: -5px;
}
.header__brands-arrow span:last-child{
    transform: rotate(-45deg);
    right: -5px;
}
.header__brands-new{
    display: none;
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.04em;
    color: #fff;
    gap: 10px;
    text-transform: uppercase;
}
.active .header__brands-new{
    display: flex;
    align-items: center;
}
.header__brands-title{
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    
}
.active .header__brands{
    margin-right: 0;
}
.-js-btn-active .header__brands-arrow span{
    width: 15px;
}
.-js-btn-active .header__brands-arrow span:first-child{
    left: 0;
}
.-js-btn-active .header__brands-arrow span:last-child{
    right: 0;
}
.brands-block{
    position: fixed;
    top: 79px;
    left: 0;
    width: 100%;
    /* height: calc(100% - 79px); */
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease;
    /* background: #fff; */
    overflow: auto;
    display: none;
}
.brands-block.-js-brands-active{
    opacity: 1;
    visibility: visible;
    z-index: 9;
}
.brands__menu{
    display: grid;
    gap: 24px 20px;
    grid-template-columns: repeat(4, 1fr);
}
.brands__item:first-child{
    display: none !important;
}
.brands__item-more{
    padding: unset;
    margin-bottom: 0;
}
.brands__item-more::before{
    content: unset;
}
.brands__item-list{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.brands__item-title{
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 21px;
    color: #16263F;
    margin-bottom: 16px;
}
.brands__item-link{
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #16263F;
}
.header__main .header__top-item{
    margin-right: 0;
}
.header__main .header__top-item a{
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.04em;
    color: #fff;
}
.active .header__search-shell{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 850px;
    right: 0;
    max-height: 41px;
    flex: unset;
}
.active .header__nav-second{
    display: flex;
}
.header__nav-item{
    margin-bottom: 0;
}
.header__search-button, .header__favourites{
    display: none;
}
.active .header__search-button, .active .header__favourites{
    display: flex;
}
.header__search-shell.-js-search-active{
    opacity: 1;
    visibility: visible;
    z-index: 10;
}
.header__shell-btn{
    display: none;
    position: relative;
}
.active .header__shell-btn{
    display: block;
}
.header__search-close{
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    
}
.header__search-close svg{
     width: 20px;
     height: 20px;
}
#search-modal .fancybox-close-small{
    display: none;
}
.active .header__search-close{
    display: block;
}
.active .header__search-btn{
    display: none;
}
.header__main .header__top-list{
    display: none;
}
.active .header__top-list{
    display: flex;
    gap: 16px;
}
.header__search-shell.header__search-second{
    display: block; 
}
.header__search-second .header__search{
    height: 100%;
}
.catalogue{
    margin-bottom: 120px;
}
.card__middle-shell{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    height: 100%;
}
@media(max-width: 1450px){
    .active .header__search-shell{
        width: calc(100vw - 560px);
    }
}
@media(max-width: 1400px){
    .header__controls{
        gap: 12px;
    }
    .header__controls-item::before{
        right: -6px;
    }
    .active .header__search-shell {
        width: calc(100vw - 500px);
    }
}
@media(max-width: 1350px){
    .active .logo{
        width: 150px;
    }
    .active .header__search-shell {
        width: calc(100vw - 460px);
    }
}
@media(max-width: 1250px){
    .header__main .header__top-list{
        display: none;
    }
    .nav-open{
        display: block;
    }
    .header__top {
        display:none;
        position: absolute;
        right: 0;
        top: 79px;
        width: 100%;
        height: 100vh;
        padding: 30px 15px;
        border-top: 1px solid rgba(255,255,255,.1);
        background-color: #012e6f;
        color: #fff
    }
    .header__top-inline {
        flex-direction:column;
        align-items: flex-start
    }
    .header__top-list {
        width:100%;
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 35px;
        border-bottom: 1px solid rgba(255,255,255,.1)
    }
    .header__top-wrap {
        flex:1 1 auto;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 25px
    }
    .header__top-item {
        margin-right:0;
        margin-bottom: 30px;
        font-size: 20px;
        font-weight: 500
    }

    .header__top-item:last-child {
        margin-bottom: 0
    }
    .header__address-heading {
        font-size:18px;
        line-height: 1.2;
        font-weight: 700
    }
    .header.active{
        top: 0;
    }
    .header__controls{
        margin-left: auto;
    }
    .active .header__search-shell {
        width: calc(100vw - 490px);
    }
    
}
@media(max-width: 1050px){
    .header__brands{
        display: none;
    }
    .brands__menu{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(max-width: 991px){
    .active .header__shell-btn{
        display: none;
    }
    .header__top .header__search-shell{
        display: block;
        position: unset;
        opacity: 1;
        visibility: visible;
        width: 100%;
        margin-bottom: 30px;
    }
    .active .header__search-close{
        display: none;
    }
    /* .active .header__search-btn{
        display: flex;
    } */
    .header__top .header__search{
        width: 100%;
        position: relative;
    }
    .header__main .header__search-main{
        display: none;
    }
    .catalogue{
        margin-bottom: 80px;
    }
}
@media(max-width: 850px){
    .header__top{
        top: 69px;
    }    
}
@media(max-width: 767px){
    .brands__menu{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 700px){
    .active .header__shell-btn{
        display: none;
    }
    .active .header__brands-new{
        display: none;
    }
}

.breadcrumbs__item:last-child a {
    text-transform: uppercase;
}
.product__options{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.product__option{
    display: flex;
    gap: 20px;
    justify-content: space-between;
    position: relative;
}
.product__option p{
    background: #fff;
}
.product__option::before{
    content: '';
    border: 1px dashed #012e6f;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media (max-width: 450px) {
    .product__options{
        gap: 15px;
    }
    .product__option{
        flex-direction: column;
        gap: 4px;
    }
}
.aside__menu{
    list-style: none;
}
.aside__menu-item{
    padding: unset;
    margin-bottom: unset;
    position: unset;
}

.aside__menu-item{
    border-top: 1px solid #ECECF4;
    border-left: 1px solid #ECECF4;
    border-right: 1px solid #ECECF4;
}
.aside__menu-item:last-child{
    border-bottom: 1px solid #ECECF4;
}
.aside__menu-item::before{
    content: unset;
}
.aside__menu-link{
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #16263F;
    padding: 19px 29px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
}
.aside__menu-link .aside__menu-link-count{
    color: #8BA3BA;
    margin-left: 10px;
}
.aside__menu-btn{
    min-width: 10px;
    min-height: 17px;
}
.aside__menu-btn svg{
    width: 10px;
    height: 10px;
    transform: rotate(-90deg);
}
.aside__menu-dropdown{
    position: fixed;
    max-width: 297px;
    width: 100%;
    height: fit-content;
    background: #fff;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
}
.aside__menu-link.-js-active{
    background: #EDF0F4;
    color: #325FA3;
}
.aside__menu-item:hover{
    background: #EDF0F4;
}
.aside__menu-item:hover > .aside__menu-link{
    color: #325FA3;
}
.aside__menu-item_hover:hover > .aside__menu-1{
    display: block;
    opacity: 1;
    pointer-events: all;
}
.aside__menu-1 .aside__menu-item_hover:hover > .aside__menu-2{
    display: block;
    opacity: 1;
    pointer-events: all;
}
.aside__menu-2 .aside__menu-item_hover:hover > .aside__menu-3{
    display: block;
    opacity: 1;
    pointer-events: all;
}
.catalogue__btn-general{
    display: none;
    align-items: center;
    gap: 20px;
}
.aside__menu-mobile{
    display: none;
}
@media(max-width: 1250px){
    .aside__menu-dropdown{
        max-width: 267px;
    }
}
@media(max-width: 1150px){
    .aside__menu-dropdown{
        max-width: 247px;
    }
}
@media(max-width: 1100px){
    .catalogue-btn-chapter{
        display: flex;
        font-family: Inter;
        font-size: 16px;
        font-weight: 600;
        line-height: 22.4px;
        color: #16263F;
        margin-bottom: 20px
    }
    .catalogue-btn-chapter svg{
        width: 11px;
        height: 8px;
        transform: rotate(-90deg);
    }
    .aside__menu-mobile{
        position: fixed;
        top: 0;
        left: 0;
        max-width: 375px;
        width: 100%;
        height: 100%;
        padding: 20px 0 60px;
        background: #fff;
        z-index: 21;
    }
    .aside__menu-title{
        font-size: 26px;
        font-weight: 600;
        line-height: 36.4px;
        color: #16263F;
        padding-bottom: 30px;
        margin-left: 20px;
    }
    .aside__menu-back{
        font-size: 12px;
        font-weight: 700;
        line-height: 14.4px;
        color: #16263F;
        margin-bottom: 30px;
        margin-left: 20px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .aside__menu-back svg{
        width: 10px;
        height: 10px;
        transform: rotate(90deg);
    }
    .aside__menu-dropdown{
        z-index: 1;
        max-width: 375px;
        top: 131px;
        left: 0;
        height: 100%;
    }
    .aside__menu{
        position: relative;
        overflow-y: scroll;
    }
    .aside__menu-btn{
        min-width: 30px;
        min-height: 30px;
    }
    .show-inside > .aside__menu-dropdown{
        opacity: 1;
        pointer-events: all;
    }
}
#aside__menu-main{
    margin-bottom: 30px;
}
#register-message{
    background: #548f61 !important;
}
#register-message .popup__title, #register-message .popup__subtitle{
    color: #fff;
}
@media(max-width: 991px){
    .catalogue__inline-new .catalogue__aside{
        display: none;
    }
}

.card__basket {
    width: 36px;
    height: 36px;
}

.card__basket svg {
    width: 16px;
    height: 16px;
}

.catalogue__list .card__price-actual {
    font-size: 15px;
}

.card__status {
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 600;
}

.card__status::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

.card__status--many {
    color: #4AC86A;
}

.card__status--many::before {
    background-color: #4AC86A;
}

.card__status--less {
    color: #EF9724;
}

.card__status--less::before {
    background-color: #EF9724;
}

.card__status--none {
    color: #FF0004;
}

.card__status--none::before {
    background-color: #FF0004;
}

.breadcrumbs__item a,
.breadcrumbs__item:last-child a {
    text-transform: none;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    color: #8ba3ba;
}

.breadcrumbs__list {
    gap: 10px 0;
}

.breadcrumbs__item {
    margin-right: 16px;
}

.breadcrumbs__item::after {
    right: -10px;
}

.breadcrumbs__item:last-child a {
    font-weight: 600;
    color: #16263f;
}

@media (max-width: 768px) {
   .breadcrumbs__item a,
    .breadcrumbs__item:last-child a {
        font-size: 10px;
    }
}

@media(max-width: 575px){
    .breadcrumbs__list{
        flex-wrap: unset;
        overflow-x: scroll;
        white-space: nowrap;
        scrollbar-width: none;
    }
    .breadcrumbs__list::-webkit-scrollbar {
        display: none; 
    }
}

.catalogue-btn-filter, .catalogue-btn-sort {
    width: fit-content;
    gap: 12px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #16263f;
}
.catalogue-btn-sort svg{
    width: 24px;
    height: 24px;
    fill: #16263f;
}

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

.catalogue-btn-filter::before {
    display: none;
}
.catalogue-sorting-select{
    display: flex;
    padding-left: 36px;
    position: relative;
    background: unset;
    border: unset;
    border-radius: unset;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #16263f;
    align-items: center;
}
.catalogue-sorting-select::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url('/assets/templates/site/img/svg/sorting.svg');
}
.catalogue-sorting-select::after{
    content: unset;
}
.catalogue-sorting-select .list{
    list-style: none;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
}
.catalogue-sorting-select .option{
    padding: unset;
    min-height: unset;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #16263f;
    transition: color .4s ease;
}
.catalogue-sorting-select .option:hover{
    background: unset;
    color: #ff0052;
}
.catalogue-sorting-select .option.selected{
    background: unset !important;
    color: #ff0052;
    font-weight: 600;
}
.catalogue-sorting-select .option::before{
    content: unset;
}
.cataloge__aside-inner{
    position: relative;
}
@media(max-width: 991px){
    .catalogue-btn-sort{
        display: flex;
        align-items: center;
    }
}
@media(max-width: 767px){
    .header__top{
        overflow-y: scroll;
    }
}

.catalogue__aside-inner .catalogue__nav-item {
    transition: background .4s ease;
    border-radius: 12px;
    background-color: transparent;
}

.catalogue__aside-inner .catalogue__nav-item:hover {
    background-color: #E8F4FC;
}

.card__brand {
    margin: 0;
    border: none;
    padding: 0;
    text-align: left;
    font-weight: 400;
    line-height: 140%;
    transition: .4s ease;
}

.card__brand:hover {
    opacity: 0.6;
}

.card__middle-shell {
    justify-content: flex-start;
    gap: 10px;
    font-weight: 400;
    line-height: 140%;
    color: #16263f;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px;
}

.card__brand span {
    color: #ff0052;
    font-weight: 600;
}

.card__title {
    font-weight: 500;
    line-height: 140%;
    color: #16263f;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.card__brand--empty {
    opacity: 0;
}

.catalogue__list .card__price-actual {
    font-weight: 700;
    font-size: 20px;
    color: #16263f;
}

.card__basket {
    width: 50px;
    height: 50px;
    color: #ff0052;
    transition: .4s ease;
}

.card__basket:hover {
    color: #00398c;
    border-color: #00398c;
}

.card__basket svg {
    transition: none;
    width: 22px;
    height: 22px;
}

.card__status {
    margin-bottom: 4px;
}

@media(max-width: 500px){
    .card__basket svg{
        width: 18px;
        height: 18px;
    }
    .card__basket{
        width: 40px;
        height: 40px;
    }
    .catalogue__list .card__price-actual{
        font-size: 16px;
    }
}

/* Новое меню */
    .menu__burger{
        position: fixed;
        left: -100%;
        top: 79px;
        background: #fbfbfd;
        height: 100%;
        width: 100%;
        z-index: 20;
        transition: .4s;
    }
    .menu__burger.menu__burger--show{
        left: 0;
    }
    .menu__burger.menu__burger--show.menu--rolling-left{
        left: -100%;
    }
    .menu__burger-inner{
        display: flex;
        flex-direction: column;
        height: calc(100% - 79px);
        gap: 50px;
        justify-content: space-between;
        overflow-y: scroll;
    }
    .menu__list{
        display: flex;
        flex-direction: column;
        gap: 24px;
        list-style: none;
    }
    .menu__item svg{
        width: 24px;
        height: 24px;
    }
    .menu__item-link{
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 140%;
        text-transform: uppercase;
        color: #1e1e1e;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }
    .menu__more-list{
        display: flex;
        flex-direction: column;
        gap: 20px; 
        list-style: none;
    }
    .menu__more-link{
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 140%;
        color: #1e1e1e;
    }
    .menu__list li, .menu__more-list li{
        padding-left: unset;
        margin-bottom: 0;
    }
    .menu__list li::before, .menu__more-list li::before{
        content: unset;
    }
    .menu__burger-top{
        padding: 30px 15px 0;
        display: flex;
        flex-direction: column;
        gap: 50px;
    }
    .menu__burger-bottom{
        padding: 30px 15px;
        background: #f5f5f5;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .menu__burger-login{
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 140%;
        text-transform: uppercase;
        color: #1e1e1e;
        padding-bottom: 20px;
        border-bottom: 1px solid #e5e5e5;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .menu__burger-text{
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 140%;
        color: #1e1e1e;
    }
    .menu__burger-text-small{
        font-weight: 600;
        font-size: 14px;
        text-align: center;
    }
    .menu__burger-phone{
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 140%;
        color: #fff;
        border-radius: 50px;
        padding: 14px 0;
        background: #00398c;
        width: 100%;
        text-align: center;
    }
    .menu__burger-info{
        display: flex;
        flex-direction: column;
        gap: 13px;
    }
    .menu__burger-address{
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 140%;
        color: #1e1e1e;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .menu__burger-login svg{
        width: 24px;
        height: 24px;
    }
    .menu__burger-address img{
        width: 12px;
        height: 12px;
    }
    .catalog__burger{
        position: fixed;
        top: 79px;
        left: 100%;
        width: 100%;
        height: 100%;
        z-index: 21;
        background: #fbfbfd;
        height: calc(100% - 79px);
        transition: .4s;
    }
    .catalog__burger.catalog--show{
        left: 0;
    }
    .catalog__btn-custom{
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 140%;
        text-transform: uppercase;
        text-align: center;
        color: #1e1e1e;
        position: relative;
        padding-left: 30px;
    }
    .catalog__btn-back svg{
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(-180deg);
        width: 24px;
        height: 24px;
    }
    .catalog__burger-wrapper{
        display: flex;
        flex-direction: column;
        gap: 30px;
        overflow-y: scroll;
    }
    .catalog__menu-list{
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .catalog__menu-list li::before{
        content: unset;    
    }
    .catalog__menu-list li{
        padding-left: unset;
        margin-bottom: 0;
    }
    .catalog__menu-link{
        font-family: "Inter", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 140%;
        color: #1e1e1e;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }
    .catalog__menu-link svg{
        width: 24px;
        height: 24px;
    }
    .catalog__burger-wrapper{
        padding: 30px 15px;
        height: 100%;
    }
    .catalog__menu-item .catalog__burger-wrapper{
        position: fixed;
        width: 100%;
        height: calc(100% - 79px);
        top: 79px;
        left: 100%;
        background: #fbfbfd;
        z-index: 1;
        transition: .4s;
    }
    .catalog__menu-item .catalog__burger-wrapper.catalog--show{
        left: 0;
    }
    .catalog__menu-item .catalog__burger-wrapper.catalog--show.menu--rolling-left{
        left: -100%;
    }
    .header__burger{
        display: none;
        width: 20px;
        height: 20px;
        position: relative;
    }
    .header__burger span {
        background: #fff;
        height: 2px;
        width: 100%;
        display: block;
        -webkit-transition: .4s;
        transition: .4s;
        position: absolute;
    }
    .header__burger span:nth-child(1) {
        top: 4px;
    }
    .header__burger span:nth-child(2) {
        top: 10px;
    }
    .header__burger span:nth-child(3) {
        top: 16px;
    }
    .header__burger.active span:nth-child(1) {
        transform: rotate(45deg);
        top: 47%;
        width: 25px;
    }
    .header__burger.active span:nth-child(2) {
        transform: rotate(-45deg);
        top: 47%;
        width: 25px;
    }
    .header__burger.active span:nth-child(3) {
        opacity: 0;
    }
    .header__burger:focus-visible{
        outline: unset;
    }
    
    @media(max-width: 1024px){
        .menu__burger{
            top: var(--header-height);
        }
        .menu__burger-inner{
            height: calc(100% - var(--header-height));
        }
        .catalog__burger{
            top: var(--header-height);
            height: calc(100% - var(--header-height));
        }
        .catalog__menu-item .catalog__burger-wrapper{
            height: calc(100% - var(--header-height));
            top: var(--header-height);
        }
    }
/* Новое меню */
/* Модальное окно поиска */
.search-modal{
    height: 100%;
    max-width: 100% !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed !important;
    box-shadow: unset !important;
    background: unset !important;
}
.search-modal__overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 14, 35, .7);
}
.search-modal--show .search-modal{
    display: flex !important;
    overflow: unset;
    margin: 28px auto 0;
}
.search-modal--show .fancybox-slide{
    height: unset;
    overflow: unset;
}
.search-modal--show .fancybox-close-small{
    position: unset;
}
.search-modal__inner{
    width: 100%;
    position: relative;
    padding: 22px 20px 0;
    background: #fff;
    max-width: 940px;
    margin: 51px auto 0;
    border-radius: 6px 6px 0 0;
}
.header__search-mob{
    opacity: 1;
    visibility: visible;
    position: unset;
    border: 1px solid #012e6f;
    max-width: unset;
    max-height: unset;
}
.header__search-mob.header__search-shell{
    position: unset;
    max-height: unset;
    width: 100%;
    opacity: 1;
    visibility: visible;
}
.header__search-mob .header__search{
    flex: unset;
    width: 100%;
}
.search-modal--show .ui-widget.ui-widget-content.ui-autocomplete{
    z-index: 9999;
}
.search-modal__results{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: calc(100vh - 100px);
    background: #fff;
    flex-direction: column;
    gap: 20px;
    padding: 21px 20px 0 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: unset;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    max-height: 560px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #8ba3ba transparent;
}
.search-modal__results li{
    margin-bottom: unset;
    padding-left: unset;
}
.search-modal__results li::before{
    content: unset;
}
/* Модальное окно поиска */


.brands-block__btn{
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #16263f;
    border-radius: 6px;
    padding: 12px 20px;
    background: #edf0f4;
    transition: .4s ease;
}
.brands-block__btn:hover{
    background: #012E6F;   
    color: #fff;
}
.brands-block__bts{
    display: none;
}
.brands-block__filter{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    display: none;
}
.brands-block__filter.active{
    display: flex;
}
.brands-block__filter--shadow{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
    background: rgba(4, 22, 43, .75);
}
.brands-block__filter-inner{
    padding: 50px 15px 30px;
    background: #fff;
    width: 100%;
    margin-top: auto;
    z-index: 5;
    position: relative;
}
.brands-block__filter-title{
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    color: #16263f;
    text-align: center;
    margin-bottom: 30px;
}
.brands-block__filter-list{
    grid-template-columns: repeat(7, 1fr);
    display: grid;
    gap: 8px;
}
.brands-block__filter-btn{
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #16263f;
    border-radius: 6px;
    padding: 7px 2px;
    background: #edf0f4;
    transition: .4s ease;
}
.brands-block__filter-btn.active{
    background: #012E6F;
    color: #fff;
}
@media(max-width: 1250px){
    .header__burger{
        display: flex;
    }
}
@media(max-width: 1050px){
    .main-nav{
        display: none;
    }
}
@media(max-width: 768px) {
   .card__brand {
       font-size: 10px;
   } 
   
   .card__middle-shell,
   .card__title {
       font-size: 12px;
   }
}

@media(max-width: 575px){
    .nav-open{
        display: none;
    }
    .header__favourites{
        display: flex;
    }
    .header__favourites svg path, .header__search-button svg path{
        fill: #fff;
    }
    .header__burger{
        display: flex;
    }
    .header__controls{
        border-right: unset;
    }
    .header__controls-login{
        display: none;
    }
    .main-nav{
        display: none;
    }
    .header__controls{
        margin: unset;
    }
    .logo{
        margin-right: unset;
    }
    .header__shell-btn, .active .header__shell-btn{
        display: block;
    }
    .header__search-button{
        display: flex;
    }
    .search-modal--show .search-modal{
        margin-top: unset;
    }
    #search-modal .fancybox-close-small{
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 52px;
    }
    .search-modal .header__search-btn{
        display: block;
        width: 22px;
        height: 22px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 15px;
    }
    .search-modal .header__search-btn svg{
        width: 22px;
        height: 22px;
        fill: #012E6F;
    }
    .ui-widget.ui-widget-content.ui-autocomplete{
        max-height: calc(100vh - 530px);
    }
    
    .brands-block{
        position: unset;
        opacity: 1;
        visibility: visible;
    }
    .brands-block{
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .catalogue__wrap-brands{
        display: none;
    }
    .brands-block__bts{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 50px;
    }
    .header__burger{
        display: none;
    }
    .header__controls{
        gap: 35px;
    }
    .search-modal__inner{
        margin: unset;
    }
    .search-modal__inner, .search-products-result{
        border-radius: unset;
    }
    .search-products-result{
        padding: 20px 20px 0 20px;
    }
    .search-results__inner{
        max-height: calc(100vh - 64px - 77px - 50px);
    }
    #search-modal .header__search-close{
        display: block;
        right: 52px;
    }
}
@media(max-width: 450px){
    .catalog__btn-custom{
        font-size: 15px;
    }
    .brands__menu{
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }
}
@media(max-width: 400px){
    .logo__img, .active .logo{
        width: 109px;
    }
    .logo{
        width: 109px;
    }
}

/* Новая страница товара */

.product-new {
    margin-bottom: 100px;
}

.product-new li:before {
    display: none;
}

.product-new__inner {
   display: grid;
   grid-template-columns: 508px 1fr 325px;
   gap: 40px;
}

.product-new__sliders {
    overflow-x: hidden;
}

.product-new__slider {
    margin-bottom: 20px;
}

.product-new__slide {
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 10px;
    cursor: pointer;
}

.product-new__slide img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-new__brand {
    margin-bottom: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    border-radius: 50px;
    padding: 6px 16px;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    color: #1a1a1a;
}

.product-new__raiting {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 30px;
}

.product-new__raiting svg {
    width: 18px;
    height: 18px;
}

.product-new__raiting a {
    display: block;
    padding-left: 10px;
    border-left: 1px solid #16263f;
    opacity: 0.4;
}

.product-new__colors {
    margin-bottom: 30px;
}

.colors__top {
    margin-bottom: 15px;
    color: #ACACAC;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}

.colors__top span {
    color: #16263f;
}

.colors__list {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.colors__item {
    padding-left: 0;
    margin-bottom: 0;
}

.colors__item a {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    border: 1px solid #dedede;
    border-radius: 6px;
    transition: .3s ease;
}

.colors__circle {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.colors__circle--red {
    background-color: #E30000;
}

.colors__circle--blue {
    background-color: #2365B6;
}

.colors__circle--black {
    background-color: #1A1A1A;
}

.colors__circle--yellow {
    background-color: #FFB030;
}

.colors__circle--green {
    background-color: #59AC00;
}

.colors__title {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
}

.sizes__title {
    margin-bottom: 15px;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
}

.sizes__title svg {
    width: 8px;
    height: 14px;
}

.sizes__list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.sizes__item {
    padding: 0;
    margin-bottom: 0;
}

.sizes__item a {
    min-width: 54px;
    padding: 12px 15px;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    border: 1px solid #dedede;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    transition: .3s ease;
}
.sizes__item a span:last-child{
    font-size: 12px;
}
.sizes__item span:nth-child(2) {
    font-weight: 500;
    font-size: 12px;
}


.colors__item a:hover,
.sizes__item a:hover {
    border-color: #16263f;
}

.colors__item.active a, .sizes__item.active a{
    border-color: #16263f;
}

.product-new__sizes {
    margin-bottom: 57px;
}

.product-new__link {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #00409c;
}

.product-new__link:not(:last-child) {
    margin-bottom: 10px;
}

.product-new__link--button {
    margin-bottom: 30px;
    width: 100%;
    padding: 8px 20px;
    background: rgba(0, 72, 175, 0.1);
    border: 2px solid transparent;
    border-radius: 50px;
    justify-content: center;
    transition: .3s ease;
}

.product-new__link--button:hover {
    background: transparent;
    border-color: rgba(0, 72, 175, 0.1);
}

.product-new__link svg {
    width: 16px;
    height: 16px;
}
.product-new__description{
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 50px;
    color: #1a1a1a;
    margin-bottom: 20px;
}
.product-new__description :where(p, li, a, div) {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 50px;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.product-new__specifications {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.product-new__specification {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.product-new__specification dt {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #ACACAC;
    flex-shrink: 0;
}

.product-new__specification dd {
    flex-shrink: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
}

.product-new__specification span {
    display: block;
    flex-grow: 1;
    width: 100%;
    border-bottom: 1px dashed #C9C9C9;
    align-self: end;
    margin-bottom: 5px;
}

.copy-button svg {
    width: 16px;
    height: 16px;
}
.copy-button:focus{
    outline: unset;
}
.product-new__aside {
    position: sticky;
    top: 130px;
    height: fit-content;
    padding: 30px;
    border: 1px solid #C9C9C9;
    border-radius: 10px;
}

.product-new__count {
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    color: #C9C9C9;
    display: flex;
    gap: 4px;
}

.product-new__block {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.favourites-button:hover svg, .favourites-button.voted svg {
   fill: #FF0052;
}

.favourites-button svg {
    width: 24px;
    height: 24px;
}

.discount {
    display: block;
    width: fit-content;
    padding: 4px 10px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 10px;
    line-height: 140%;
    color: #fff;
    background-color: #ff0052;
}

.product-new__discount {
    margin-bottom: 10px;
}

.product-new__prices {
    margin-bottom: 20px;
}

.product-new__price {
    font-weight: 500;
    font-size: 32px;
    line-height: 110%;
}

.product-new__price--old {
    margin-left: 10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    text-decoration: line-through;
    color: #ACACAC;
}

.product-new__button {
    margin-bottom: 30px;
    width: 100%;
}

.product-new__bonuses {
    margin-bottom: 30px;
}

.product-new__bonuses p {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.product-new__bonuses p span {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
}

.product-new__block-links{
    margin-top: 30px;
}
.product-new__link.product-new__link--first{
    margin-bottom: 30px;
}

.product-new__bonuses a {
    position: relative;
    padding-bottom: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    color: #00409c;
    transition: .3s ease;
}

.product-new__bonuses a:hover {
    opacity: 0.7;
}

.product-new__bonuses a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='150' height='2' viewBox='0 0 150 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L149 0.999987' stroke='%2300409C' stroke-linecap='round' stroke-dasharray='2 2' /%3E%3C/svg%3E");
}

.product-new__info {
    margin-top: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
}
.product-new__sliders-elements{
    display: none;
}
.product-new__slider-pagination{
    display: none;
}
.product-new__link-back{
    display: none;
}
.product-new__block-phone{
    display: none;
}

.modal-custom{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px 50px 115px !important;
    background: #fff;
}
.modal-custom .product-new__specifications{
    margin-bottom: 0;
}
.modal-custom__inner{
    display: flex;
    flex-direction: column;
    gap: 50px
}
.modal-custom__title{
    font-weight: 800;
    font-size: 34px;
    line-height: 110%;
    color: #1a1a1a;
    margin-bottom: 0;
}
.modal-custom__block-title{
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    color: #1a1a1a;
}
.modal-custom__block{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.fancybox-content.modal-custom{
    max-width: 590px;
}
.fancybox-content.modal-custom-map{
    max-width: unset;
}
.modal-custom{
    display: none;
    overscroll-behavior: contain;
}
.custom-fancybox{
    padding: unset !important;
    display: flex !important;
    justify-content: space-between;
}
.modal-custom__block-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.modal-custom__block-content :where(p, h2, h3, h4, li, a, div){
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #1a1a1a;
    margin: 0;
    text-align: start !important;
}
.modal-custom__block-bottom{
    border-radius: 6px;
    padding: 20px 50px;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    position: fixed;
    bottom: 0;
    width: 100%;
    right: 0;
    max-width: 590px;
}
.modal-custom__block-bottom p{
    font-weight: 400;
    font-size: 30px;
    line-height: 110%;
    color: #1a1a1a;
}
.modal-custom__block-bottom button{
    margin-bottom: 0;
    max-width: 205px;
}
.modal-custom__block-wrapper{
    display: none;
    flex-direction: column;
    gap: 50px;
}
.modal-custom__block-wrapper.modal-custom__block--show{
    display: flex;
}
#delivery-areas-map{
    width: 100%;
    height: calc(100vh - 300px);
}
@media (max-width: 1400px) {
    .product-new__inner {
       grid-template-columns: 400px 1fr 280px;
       gap: 20px;
    }
}

@media (max-width: 1200px) {
    .product-new__inner {
       grid-template-columns: 300px 1fr 280px;
       gap: 10px;
    }
    
    .colors__list {
        gap: 10px;
    }
    
    .colors__item a {
        width: 66px;
        height: 71px;
    }
    
    .colors__title {
        font-size: 10px;
    }
    
    .sizes__list{
        gap: 10px;
    }
}

@media (max-width: 992px) {
    .product-new__inner {
        grid-template-columns: 1.5fr 1fr;
        gap: 50px;
    }
    
    .product-new__content {
        grid-column: span 2;
        order: 3;
    }
    
    .product-new__aside {
        position: static;*/
    }
    
    .product-new__sliders {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .product-new__inner {
        gap: 20px;
    }
}

@media (max-width: 680px) {
    .product-new__inner {
        grid-template-columns: 1fr;
    }
    
    .product-new__content {
        grid-column: auto;
        order: 0;
    }
    
    .product-new__thumbs {
        display: none;
    }
    .product-new__sliders{
        margin-left: -15px;
        width: calc(100% + 30px);
        position: relative;
    }
    .product-new__slider{
        margin-bottom: 0;
    }
    .product-new__slide img{
        border-radius: unset;
    }
    .product-new__aside{
        margin-top: 30px;
    }
    .product-new__sizes{
        margin-bottom: 50px;
    }
    .product-new__sliders-elements{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        position: absolute;
        z-index: 1;
        top: 20px;
        right: 16px;
    }
    .product-new__sliders-elements .card__status{
        margin-bottom: 0;
        gap: 4px;
    }
    .product-new__sliders-elements .product-new__favourites{
        border-radius: 4px;
        padding: 9px;
        background: rgba(255, 255, 255, 0.75);
    }
    .slider-pagination.product-new__slider-pagination{
        display: flex;
        position: absolute;
        left: 15px;
        bottom: 15px;
        z-index: 1;
    }
    .slider-pagination{
        background: rgba(0, 0, 0, 0.12);
        border-radius: 50px;
        padding: 6px 12px;
        gap: 4px;
        max-width: fit-content;
        font-weight: 500;
        font-size: 12px;
        line-height: 140%;
        text-align: right;
        color: #1a1a1a;
    }
    .slider-pagination .swiper-pagination-current{
        font-weight: 700;
    }
    .product-new__link-back{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 42px;
        height: 42px;
        top: 20px;
        left: 18px;
        z-index: 1;
    }
    .product-new__link-back svg{
        width: 24px;
        height: 24px;
    }
}
@media(max-width: 575px){
    .product-new__title{
        margin-bottom: 20px;
    }
    .colors__top, .sizes__title{
        font-size: 14px;
    }
    .colors__circle{
        width: 12px;
        height: 12px;
    }
    .colors__title{
        font-size: 10px;
    }
    .sizes__item a{
        font-size: 14px;
    }
    .sizes__item a span:last-child{
        font-size: 10px;
    }
    .product-new__block-phone{
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: 15px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 15px;
        backdrop-filter: blur(4px);
        background: #1a1a1a;
        transition: opacity .4s ease;
        z-index: 7;
    }
    .product-new__block-phone p{
        font-weight: 400;
        font-size: 22px;
        line-height: 110%;
        color: #fff;
    }
    .product-new__block-phone .product-new__button{
        margin-bottom: 0;
        max-width: 191px;
    }
    .product-new{
        margin-bottom: 75px;
    }
    .product-new__block-phone.hidden{
        opacity: 0;
        pointer-events: none;
    }
    .modal-custom__inner{
        gap: 30px;
    }
    .modal-custom__block-content{
        gap: 10px;
    }
    .modal-custom__block-title{
        font-size: 18px;
    }
    .modal-custom__block-content :where(p, h2, h3, h4, li, a){
        font-size: 14px;
    }
    .modal-custom{
        padding: 50px 20px 75px !important;
    }
    .modal-custom__title{
        font-size: 24px;
    }
    .modal-custom__block-bottom{
        padding: 10px;
    }
    .modal-custom__block-bottom p{
        font-size: 22px;
    }
    .modal-custom__block-bottom button{
        min-height: 45px;
    }
    .modal-custom__block-wrapper{
        gap: 30px;
    }
    #delivery-areas-map{
        height: calc(100vh - 200px);
    }
}

body.fancybox-active {
    overflow: hidden!important;
}

.modal-custom .fancybox-button {
    width: fit-content;
    height: fit-content;
    padding: 20px!important;
}

.modal-custom .fancybox-button svg {
    width: 35px!important;
    height: 35px!important;
}
.catalogue-new__sort .catalogue-sorting-select{
    padding-left: unset;
    padding-right: 23px;
}
.catalogue-new__sort .catalogue-sorting-select::before{
    background-image: url('/assets/templates/site/img/svg/arrow-down.svg');
    right: 0;
    left: unset;
    width: 18px;
    height: 18px;
}
.catalogue-new__sort{
    display: flex;
    align-items: center;
    gap: 15px;
    flex-shrink: 0;
}
.catalogue-new__sort > span{
    font-weight: 400;
    font-size: 14px;
    line-height: 164%;
    color: #000;
    opacity: 0.5;
}
.catalogue__block{
    margin-bottom: 34px;
    display: flex;
    gap: 60px;
    justify-content: space-between;
    align-items: start;
}
.catalogue__filter-btns{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.catalogue__filter-btn{
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    padding: 8px 10px 9px 10px;
    background: #f8f8f8;
    font-weight: 400;
    font-size: 14px;
    line-height: 164%;
    color: #2e3036;
    transition: .4s ease;
}
.catalogue__filter-btn svg{
    width: 16px;
    height: 16px;
}
.catalogue__filter-btn svg path{
    stroke: currentColor;
}
.catalogue__filter-btn:hover{
    background: rgba(1, 46, 111, 0.1);
    color: #012e6f;
}
.link--back{
    display: none;
    gap: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #1a1a1a;
    margin: 30px 15px;
}
.link--back svg{
    width: 20px;
    height: 20px;
}
.nav-tab{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    backdrop-filter: blur(4px);
    background: #012e6f;
    padding: 12px 15px;
    z-index: 8;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.nav-tab__elem{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    text-transform: lowercase;
    color: #fff;
    position: relative;
}
.nav-tab__elem:focus{
    outline: unset;
}
.nav-tab__elem svg{
    width: 24px;
    height: 24px;
    color: currentColor;
}
.nav-tab__elem:first-child{
    color: #e5064a;
}
.nav-tab__elem--fly{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 30px;
    padding: 2px;
    font-size: 12px;
    margin: auto;
    width: fit-content;
    height: fit-content;
    line-height: 110%;
    background-color: #ff0052;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
svg [fill] {
    fill: currentColor;
}
svg [stroke] {
    stroke: currentColor;
}
h1.product-new__title{
    font-size: 45px;
}
.catalogue__slider-link{
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    text-align: left;
    color: #171717;
    transition: .4s ease;
    display: -webkit-box;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.catalogue__slider-link:active{
    background: #cedae6;
    color: #fff;
}
.catalogue__slider-links{
    display: none;
    overflow: hidden;
    margin-bottom: 37px;
}
.ui-select{
    padding: 13px 0;
    transition: .4s ease;
    border: 1px solid transparent !important;
    height: unset;
    gap: 10px;
    border-radius: 6px 6px 0 0;
    border-bottom: unset !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #171717;
    min-width: 185px;
    max-width: 225px;
}
.ui-select::before{
    position: unset;
}
.ui-select.open{
    background: #fff;
    border-color: #cedae6 !important;
    padding: 13px 20px;
}
.ui-select .list{
    border-radius: 0 0 6px 6px;
    margin-top: 0;
    border: 1px solid #cedae6;
    border-top: unset;
    width: calc(100% + 2px);
    margin-left: -1px;
    box-shadow: unset;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 7px 20px 24px;
}
.ui-select:hover{
    border: unset;
}
.ui-select .option{
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #171717;
    white-space: break-spaces;
    margin-bottom: 0;
}
.ui-select .option:not(:last-child){
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f1f1;
}
.btn-catalog svg{
    transition: .4s ease;
}
.btn-catalog.active .nav-tab__elem-svg--first{
    transform: scale(0);
}
.btn-catalog.active .nav-tab__elem-svg--last{
    transform: scale(1);
}
.btn-catalog .nav-tab__elem-svg--last{
    position: absolute;
    transform: scale(0);
}
.catalogue__slider-slide{
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cedae6;
    border-radius: 50px;
    padding: 10px 20px;
}
/* новый фильтр */
.catalogue-filter{
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fbfbfd;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 21;
    transition: .4s ease;
}
.catalogue-filter.show-filter{
    left: 0;
}
.catalogue-filter__btn--back{
    padding: 18px 15px;
    background: #012e6f;
    display: grid;
    grid-template-columns: 24px auto 69px;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.catalogue-filter__btn--reset{
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.04em;
    text-align: right;
    color: #fff;
}
.catalogue-filter__btn--back svg{
    width: 24px;
    height: 24px;
}
.catalogue-filter__block-btn{
    border-top: 1px solid rgba(1, 46, 111, 0.2);
    padding: 10px 15px;
    backdrop-filter: blur(6px);
    background: rgba(255, 255, 255, 0.72);
}
.catalogue-filter__list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
    padding: 0 15px;
    margin-bottom: auto;
    overscroll-behavior: none;
}
.catalogue-filter__list::-webkit-scrollbar-thumb {
    background: #afc5db;
    border-radius: 20px;
}
.catalogue-filter__list::-webkit-scrollbar-track {
    background: #e6edf4;
    border-radius: 20px;
}
.catalogue-filter__item{
    border: unset;
    padding-bottom: 20px;
    border-bottom: 1px solid #cedae6;
}
.catalogue-filter__item-btn{
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #1a1a1a;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}
.catalogue-filter__item-btn:focus-visible{
    outline: unset;
}
.catalogue-filter__item-btn > span{
    position: relative;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalogue-filter__item-btn > span::before, .catalogue-filter__item-btn > span::after{
    content: '';
    position: absolute;
    background: #171717;
    inset: 0;
    margin: auto;
    transition: .4s ease;
    border-radius: 4px;
}
.catalogue-filter__item-btn > span::before{
    width: 14px;
    height: 2px;
}
.catalogue-filter__item-btn > span::after{
    height: 14px;
    width: 2px;
}
.catalogue-filter__btn{
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    color: #fff;
    background: #ff0052;
    border-radius: 50px;
    padding: 16px 30px;
    width: 100%;
    text-align: center;
}
.catalogue-filter__item-content{
    display: none;
    margin-top: 20px;
}
.ui-input__input{
    display: none;
}
.ui-input__label{
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #1a1a1a;
    padding-right: 44px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 0;
}
.ui-input__label.disabled{
    cursor: no-drop;
    opacity: .5;
}
.ui-input__label::before{
    content: '';
    background: #e6edf4;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #cedae6;
}
.ui-input__label::after{
    content: '';
    background: url('/assets/templates/site/img/svg/check-new.svg') no-repeat;
    background-size: contain;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    visibility: hidden;
    z-index: 1;
}
.ui-input__label span{
    margin-left: 0;
    color: #1a1a1a;
}
.ui-input__label sup{
    font-size: 16px;
    vertical-align: baseline;
}
.ui-input__input:checked + .ui-input__label::after{
    visibility: visible;
}
.ui-input__label-color{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: block;
}
.catalogue-filter__item-elements{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.catalogue-filter__item-elem:focus-visible{
    outline: unset;
}
.catalogue-filter__item.active .catalogue-filter__item-btn > span:after{
    height: 0;
}
.catalogue-btn__show-filter{
    display: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #171717;
    align-items: center;
    gap: 10px;
}
.catalogue-btn__show-filter svg{
    width: 22px;
    height: 22px;
}
.cataloge-aside__range-label{
    display: none;
}
.ui-slider-horizontal .ui-slider-handle{
    top: 0 !important;
    position: absolute;
    z-index: 2;
}
.ui-widget-header{
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%;
}
#mse2_filters .mse2_number_slider{
    position: relative;
}
/* новый фильтр */
@media(max-width: 1150px){
    .catalogue__block{
        gap: 30px;
    }
}
@media(max-width: 991px){
    .catalogue__filter-btns{
        display: none;
    }
    h1.product-new__title{
        font-size: 35px;
    }
    .catalogue-btn__show-filter{
        display: flex;
    }
    .catalogue-filter__list{
        padding: 30px 15px 24px;
    }
    
    /* Обновляем фильтр */
    
    .catalogue-filter__item-content{
        position: fixed;
        background: #fff;
        height: calc(100% - 64px - 75px);
        width: 100%;
        margin-top: 0;
        right: -100%;
        top: 64px;
        z-index: 3;
        padding: 30px 20px;
        transition: .4s ease;
        display: block;
        overflow-y: auto;
        overscroll-behavior: none;
    }
    .catalogue-filter__item-content::-webkit-scrollbar-thumb {
        background: #afc5db;
        border-radius: 20px;
    }
    .catalogue-filter__item-content::-webkit-scrollbar-track {
        background: #e6edf4;
        border-radius: 20px;
    }
    .dropdown__content.dropdown__content--show{
        right: 0;
    }
    .catalogue-filter__item-btn > span:after, .catalogue-filter__item-btn > span:before{
        content: unset;
    }
    .catalogue-filter__item-btn > span{
        background-image: url('/assets/templates/site/img/svg/chevron-right.svg');
        background-size: unset;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }
    .ui-input__label {
        padding-left: 31px;
        padding-right: unset;
    }
    .ui-input__label::before{
        top: 2px;
        left: 0;
        right: unset;
        width: 16px;
        height: 16px;
        border: 1px solid #012e6f;
        background: #fff;
        border-radius: unset;
        line-height: 140%;
        color: #16263f;
    }
    .ui-input__input:checked + .ui-input__label::before{
        background: #012e6f;
    }
    .ui-input__label::after{
        content: unset;
    }
    .cataloge-aside__item-icon{
        display: none;
    }
    .dropdown__btn-title, .cataloge-aside__item-title, .ui-radio__label{
        font-weight: 700;
        font-size: 18px;
        line-height: 140%;
        color: #16263f;
        text-transform: lowercase;
        margin-bottom: 0;
    }
    .catalogue-filter__item{
        padding-bottom: 0;
        border-bottom: unset;
    }
    .catalogue-filter__list{
        gap: 30px;
    }
    .cataloge-aside__range-item::before{
        content: unset;
    }
    .cataloge-aside__range{
        max-width: unset;
        display: flex;
        justify-content: space-between;
    }
    .cataloge-aside__range-item{
        max-width: 119px;
    }
    .cataloge-aside__range-item input{
        background: unset;
        font-weight: 600;
        font-size: 13px;
        line-height: 140%;
        color: #16263f;
        padding: unset;
        width: fit-content;
    }
    .cataloge-aside__range-item > label{
        background: rgba(1, 46, 111, 0.1);
        font-weight: 600;
        font-size: 13px;
        line-height: 140%;
        color: #16263f;
        padding: 8px 10px;
        border-radius: 50px;
    }
    .cataloge-aside__range-label{
        font-weight: 600;
        font-size: 13px;
        line-height: 140%;
        color: #16263f;
        opacity: 1;
        display: inline-block;
    }
    .ui-slider-horizontal .ui-slider-handle{
        width: 18px !important;
        height: 18px !important;
        border-width: 3px !important;
        background: rgb(255, 255, 255) !important;
        top: 0 !important;
        position: absolute;
        z-index: 2;
    }
    .ui-slider-horizontal .ui-slider-handle:focus-visible{
        outline: unset;
    }
    #mse2_filters .mse2_number_slider{
        height: 2px;
    }
    .catalogue-filter__item-btn em{
        font-style: normal;
    }
    .dropdown__btn-name{
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        color: #e5064a;
    }
    .dropdown__btn-name--count{
        font-weight: 700;
        font-size: 12px;
        border-radius: 12px;
        padding: 0 4px;
        background: rgba(229, 6, 74, 0.1);
        min-width: 24px;
        min-height: 24px;
            display: flex;
        align-items: center;
        justify-content: center;
    }
    .catalogue-filter__item-btn p{
        display: flex;
        align-items: end;
        gap: 10px;
    }
    .catalogue-filter__btn--back-text{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .catalogue-filter__inner{
        display: flex;
        flex-direction: column;
        gap: 20px;
        overflow-y: auto;
        padding: 0 15px;
        margin-bottom: auto;
        overscroll-behavior: none;
        padding: 24px 15px;
    }
    .catalogue-filter__list{
        overflow-y: unset;
        margin-bottom: unset;
        padding: unset;
    }
    .form-group{
        margin-bottom: 20px;
    }
    .ui-radio{
        display: flex;
        align-items: start;
        gap: 20px;
        justify-content: space-between;
    }
    .ui-radio__input{
        width: 31px;
        height: 18px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        padding: unset;
        border: unset;
        margin: unset;
        flex-shrink: 0;
    }
    .ui-radio__label{
        width: 100%;
    }
    .ui-radio__input::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        transition: .25s ease-in-out;
        border-radius: 30px;
        background: rgba(1, 46, 111, 0.1);
    }
    .ui-radio__input::after{
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #fff;
        border: 2px solid #012e6f;
        transition: transform .25s linear, border .25s;
    }
    .ui-radio__input:checked:after{
        transform: translate(70%, 0);
        border-width: 6px;
    }
    .catalogue-filter__item-text{
        font-weight: 600;
        font-size: 12px;
        line-height: 140%;
        text-transform: uppercase;
        color: #16263f;
        opacity: 0.3;
        margin-bottom: 0;
    }
    .catalogue-filter__item-wrapper{
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    .catalogue-filter__item-wrapper .dropdown__btn-title{
        text-transform: unset;
    }
    .cataloge-aside__item-top{
        display: none;
    }
    .cataloge-aside__item-content.-js-visible{
        margin-top: unset;
    }
    .catalogue-btns-block{
        margin-bottom: 0;
    }
    .catalogue-btn__show-filter{
        position: fixed;
        bottom: 100px;
        z-index: 1;
        background: #012e6f;
        padding: 10px;
        border-radius: 50%;
        color: #fff;
        right: 10px;
    }
    .catalogue-sorting-form, .catalogue-btn__show-filter span, .catalogue__block{
        display: none;
    }
    .ui-slider{
        position: relative;
    }
    
    /* Обновляем фильтр */
}
@media(max-width: 768px){
    h1.product-new__title{
        font-size: 30px;
    }
}
@media(max-width: 575px){
    .catalogue__block{
        display: none;
    }
    .wrapper-catalog .breadcrumbs{
        display: none;
    }
    .link--back{
        display: flex;
    }
    .nav-tab{
        display: grid;
    }
    .menu__burger{
        top: 0;
        height: calc(100% - 68.8px);
    }
    .menu__burger-inner{
        height: 100%;
    }
    .catalog__burger{
        top: 0;
        height: calc(100% - 68.8px);
    }
    .catalog__menu-item .catalog__burger-wrapper{
        top: 0;
        height: calc(100% - 68.8px);
    }
    .header__basket{
        display: none;
    }
    .header__main-inline{
        gap: 0 35px;
    }
    .header__controls-item{
        padding: unset;
    }
    .footer{
        padding-bottom: 68.8px;
    }
    h1.product-new__title{
        font-size: 24px;
    }
    .catalogue__slider-links{
        display: flex;
    }
    .catalogue-btn-filter{
        padding: unset;
    }
}

.catalogue__wrap .btn_more {
    width: fit-content!important;
}

.btn_more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    padding: 0 60px;
    background: #fff;
    border: 1px solid #E9EAEE;
    border-radius: 5px;
    background: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    transition: .4s ease;
}

.btn_more:hover {
    background: #012E6F;
    color: #fff;
}

.mse2_pagination {
    margin-top: 20px;
}

@media (max-width: 768px) {
    .btn_more {
        height: 38px;
        font-size: 14px;
        padding: 0 30px;
    }
}