.model-slide__grid-col.price-content {
    padding: 10px;
    background: #0a0a0a73;
    border-radius: 20px;
    color: #dadada;
}

.hidden{
    display: none;
}

* {
    font-family: 'HarmonyOS Sans Regular', sans-serif;
}

.section-404 {
    justify-content: center;
    align-items: center;
    display: flex;
    height: calc(70vh - 213px);
    margin: 60px 24px 60px 24px;
}

.section-404 .container {
    display: flex;
    gap: 36px;
    flex-direction: column;
}

.buttons-404 {
    width: fit-content;
}

@media only screen and (max-width: 1100px) {
    .section-models {
        background: url(../img/ref__section-models-bg-plan.webp);
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 992px) {
    .model-slide__col-centered {
        width: 100%;
        max-width: unset;
    }
    .hero-carousel {
        height: calc(100lvh - 55px);
    }
    .hero-carousel__content {
        margin-top: 32px;
        width: 100%;
        height: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 16px;
    }
    .hero-carousel__slide {
        justify-content: flex-start;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 720px) {
    .section-models {
        background: url(../img/ref__section-models-bg-mobile.webp);
        background-repeat: no-repeat;
        background-size: cover;
    }
}

.resp-table__header {
    top: 91.4px;
}

@media (max-width: 1100px) {
    .resp-table__header {
        top: 65px;
    }
}

.mobile-header__btn {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 5H1c-.6 0-1 .4-1 1s.4 1 1 1h16c.6 0 1-.4 1-1s-.4-1-1-1ZM1 2h16c.6 0 1-.4 1-1s-.4-1-1-1H1C.4 0 0 .4 0 1s.4 1 1 1Zm16 8H1c-.6 0-1 .4-1 1s.4 1 1 1h16c.6 0 1-.4 1-1s-.4-1-1-1Z' fill='%230C0C0B'/%3e%3c/svg%3e");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
} 

.desktop-header__contacts {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.desktop-header {
    height: 60px;
}

.recall-btn {
    position: fixed;
    z-index: 99;
    bottom: 0;
    right: 0;
    margin: 20px;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    padding: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.recall-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0;

    border: 1px solid #b91a23;
    border-radius: inherit;

    animation: pulse 2s infinite;
}
@keyframes pulse {
    0%, 100% {
        inset: 0;
        opacity: 1;
    }
    50% {
        inset: -20px;
        opacity: 0;
    }
    
}

@media (max-width: 1100px) {
    body:has(.fixed_price) .recall-btn {
        display: none;
    }

    .footer-bottom {
        font-size: 12px;
    }

    .section-hero .hero-carousel__slide.swiper-slide {
        background-image: var(--bg-mobile-image) !important;
    }

    .mobile-menu {
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
        justify-content: space-between;
    }

    .mobile-menu__nav {
        grid-gap: 0;
    } 
    
    .mobile-menu__contacts {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mobile-menu__nav-item  {
        padding: 20px 50px 20px 20px;
        border-bottom: 1px solid #e0e0e0;
    }
    .finance-page-2x-grid__col .banks {
        margin-top: 20px;
    }
}

.desktop-header {
    height: auto;
    min-height: 60px;
}
.desktop-header__nav,
.desktop-header__contacts {
    white-space: nowrap;
}
.desktop-header__contacts {
    column-gap: 16px;
}

.badge.util{
    cursor: pointer;
    font-size: 12px;
    display: block;
    color: #ffffff;
    padding: 5px;
    background: #f44336;
    line-height: 17px;
    padding: 10px;
    border-radius: 5px;
    width: fit-content;
}

@media (max-width: 700px) {
    .badge.util{
        width: fit-content;
        text-align: center;
        place-self: center;
    }
}