:root {
    --hala-red: #e52025;
    --hala-dark: #11111f;
}

/* Keep the mobile header controls accessible even on full-width pages. */
@media (max-width: 1199px) {
    .main-menu__wrapper-inner {
        min-height: 72px;
        position: relative;
    }

    .main-menu__middle-box,
    .main-menu__main-menu-box {
        display: flex !important;
        align-items: center;
    }

    .mobile-nav__toggler {
        position: relative;
        z-index: 50;
        display: inline-flex !important;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff !important;
        background: var(--hala-red);
    }

    .main-menu__list {
        display: none !important;
    }
}

.mobile-nav__wrapper {
    pointer-events: none;
}

.mobile-nav__wrapper.expanded {
    pointer-events: auto;
}

.mobile-nav__container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-nav__container .dropdown > ul {
    display: none;
}

.mobile-nav__container .dropdown.expanded > ul {
    display: block;
}

.hala-media-section {
    padding: 45px 0;
}

.hala-media-card {
    height: 100%;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    background: #171726;
    overflow: hidden;
}

.hala-media-card .slider-for img,
.hala-media-card .cloudimage-360 {
    display: block;
    width: 100%;
    height: clamp(280px, 38vw, 520px);
    object-fit: contain;
    border-radius: 18px;
    background: transparent;
}

.hala-media-card .impl_carparts_inner,
.hala-media-card .impl_buy_old_car,
.hala-media-card .slider,
.hala-media-card .slick-list,
.hala-media-card .slick-track,
.hala-media-card .cloudimage-360,
.hala-media-card .cloudimage-360 canvas {
    background-color: transparent !important;
}

.hala-media-card .cloudimage-360 canvas {
    mix-blend-mode: normal;
}

.hala-media-card .slider-nav {
    margin-top: 12px;
}

.hala-media-card .slider-nav .slick-slide {
    padding: 4px;
}

.hala-media-card .slider-nav img {
    width: 100%;
    height: 82px;
    object-fit: cover;
    border: 2px solid transparent;
    border-radius: 12px !important;
}

.hala-media-card .slider-nav .slick-current img {
    border-color: var(--hala-red);
}

.hala-description {
    max-width: 920px;
    margin: 0 auto;
    padding: 28px;
    border-radius: 22px;
    background: #171726;
}

.hala-description__text {
    margin: 0;
    color: #fff;
    font-size: clamp(16px, 1.4vw, 20px);
    line-height: 2;
    text-align: start !important;
    white-space: pre-line;
}

.hala-empty-state {
    padding: 54px 20px;
    border: 1px dashed rgba(229, 32, 37, .45);
    border-radius: 20px;
    text-align: center;
}

@media (max-width: 767px) {
    .hala-media-section {
        padding: 24px 0;
    }

    .hala-media-card {
        padding: 12px;
        border-radius: 18px;
    }

    .hala-media-card .slider-for img,
    .hala-media-card .cloudimage-360 {
        height: 300px;
    }

    .hala-media-card .slider-nav img {
        height: 62px;
    }

    .hala-description {
        margin: 12px;
        padding: 20px;
    }
}