/* Larikon header: only top row and search block. JS ids/classes are untouched. */
:root {
    --lk-red: #f13179;
    --lk-border: #a30641;
    --lk-muted: #8f8f8f;
}

.topbar {
    background: #0d121e;
    border-top: none;
    border-bottom: none;
}

.topbar-inner {
    min-height: 32px;
    display: flex;
    align-items: stretch;
    flex-wrap:nowrap;
    padding-top:15px;
}

.logo-mobile {
    display: none;
}

.topnav {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    justify-content: center;
}

.topnav a,
.topbar-city,
.topbar-balance,
.topbar-user {
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 5px;
    color: #fff;
    border-left: 0px solid #e5e5e5;
    font-size: 15px;
    font-weight:600;
    line-height: 1;
    white-space: nowrap;
}

.topnav a {
    text-decoration: none;
}

.topnav a:hover,
.topbar a:hover {
    color: var(--lk-red);
}

.topbar-city svg,
.topbar-user svg,
.topbar-balance svg,
.topbar-city .fa,
.topbar-user .fa,
.topbar-balance .fa {
    color: var(--lk-red);
    fill: var(--lk-red);
}

.topbar-user {
    position: relative;
}

.user-dropdown {
    top: 100%;
    right: 0;
    z-index: 100;
}

.header-inner {
    display: flex;
    align-items: center;
    gap: 42px;
}

.search-form {
    height: 52px;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 280px 210px;
    flex: 1 1 auto;
    max-width: 100%;
    margin: 0;
    border: 1px solid #1c202a;
    border-radius: 10px;
    overflow: hidden;
    background: #1c202a;
}

.search-form input,
.search-form select {
    width: 100%;
    min-width: 0;
    height: 100%;
    border: 0;
    border-right: 1px solid #1c202a;
    background-color: #21242d;
    color: #fff;
    font-size: 18px;
    padding: 0 24px;
    outline: none;
}

.search-form select {
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #999 50%),
        linear-gradient(135deg, #999 50%, transparent 50%);
    background-position:
        calc(100% - 28px) 50%,
        calc(100% - 21px) 50%;
    background-size: 7px 7px, 7px 7px;
    background-repeat: no-repeat;
    padding-right: 54px;
}

.search-form button {
    width: 100%;
    height: 100%;
    border: 0;
    background: var(--lk-red);
    color: #fff;
    font-size: 20px;
    font-family: 'CenturyGothicRegular';
    cursor: pointer;
}

@media (max-width: 1024px) {
    .topbar {
        background: #fff;
        border-top: 1px solid var(--lk-border);
        border-bottom: 1px solid var(--lk-border);
    }

    .topbar-inner {
        min-height: 78px;
        padding: 0;
        display: grid;
        grid-template-columns: minmax(110px, 1.35fr) 72px minmax(130px, 1.25fr) 72px minmax(160px, 1.15fr);
    }

    .logo-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        border-right: 1px solid #e2e2e2;
    }

    .logo-mobile img {
        max-width: 100%;
        max-height: 66px;
        object-fit: contain;
    }

    .burger-btn {
        width: auto;
        height: 78px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0;
        border: 0;
        border-right: 1px solid #e2e2e2;
        background: #fff;
    }

    .burger-btn span {
        width: 44px;
        height: 7px;
        display: block;
        border-radius: 2px;
        background: var(--lk-red);
    }

    .topnav {
        position: absolute;
        left: 0;
        right: 0;
        top: 78px;
        z-index: 90;
        display: none;
        flex-direction: column;
        background: #fff;
        border-bottom: 1px solid var(--lk-border);
    }

    .topnav.open,
    .topnav.active {
        display: flex;
    }

    .topnav a {
        min-height: 44px;
        justify-content: flex-start;
        border-left: 0;
        border-top: 1px solid #eee;
    }

    .topbar-city,
    .topbar-user,
    .topbar-balance {
        min-height: 78px;
        justify-content: center;
        padding: 0 12px;
        border-left: 0;
        border-right: 1px solid #e2e2e2;
        color: #111;
        font-size: 22px;
    }

    .topbar-city svg,
    .topbar-user svg,
    .topbar-balance svg,
    .topbar-city .fa,
    .topbar-user .fa,
    .topbar-balance .fa {
        width: 38px;
        height: 38px;
        font-size: 38px;
    }

    .topbar-city span {
        display: inline-block;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .topbar-city svg:last-child,
    .topbar-city .fa-caret-down {
        width: 18px;
        height: 18px;
        font-size: 18px;
        margin-left: 4px;
    }

    .topbar-user .hide-mobile,
    .topbar-balance.hide-mobile {
        display: none !important;
    }

    .header-inner {
        display: block;
        padding: 0;
    }

    .header .logo,
    .header .btn-add-top {
        display: none;
    }

    .search-form {
        height: 62px;
        max-width: none;
        display: grid;
        grid-template-columns: minmax(130px, 1fr) minmax(150px, .72fr) 66px;
        margin: 0;
        border: 7px solid var(--lk-red);
        border-radius: 0;
    }

    .search-form input,
    .search-form select {
        font-size: 20px;
        padding: 0 18px;
    }

    .search-form button {
        background: #fff;
        color: var(--lk-red);
        font-size: 20px;
    }
}

@media (max-width: 560px) {
    .topbar-inner {
        grid-template-columns: 22.5% 18% 28.5% 18% 13%;
    }
 .city-dropdown-inner {
        grid-template-columns: 1fr 1fr;
    }
    .topbar-city {
        font-size: 0;
    }

    .topbar-city span {
        display: none;
    }

    .search-form {
        height: 56px;
        grid-template-columns: minmax(120px, 1fr) minmax(145px, .76fr) 54px;
    }

    .search-form input,
    .search-form select {
        font-size: 15px;
        padding: 0 14px;
    }

    .search-form select {
        padding-right: 36px;
        background-position:
            calc(100% - 20px) 50%,
            calc(100% - 14px) 50%;
    }
}




.mobile-add-ad {
    display: none;
}

.logo-mobile .logo-full-mobile {
    display: none;
}

@media (max-width: 1024px) {
    .topbar-inner {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        min-height: 78px;
        padding: 0;
    }
    .mobile-add-ad {
        height: 78px;
        min-height: 78px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #e2e2e2;
        background: #fff;
        color: #ef3f22;
        text-decoration: none;
        order:3;
    }

    .mobile-add-ad-icon {
        position: relative;
        display: inline-flex;
        width: 48px;
        height: 58px;
    }

    .mobile-add-ad-icon .fa-file-o {
        color: #ef3f22;
        font-size: 54px;
        line-height: 1;
    }

    .mobile-add-ad-icon .fa-plus-circle {
        position: absolute;
        right: -6px;
        bottom: 4px;
        color: #ef3f22;
        background: #fff;
        border-radius: 50%;
        font-size: 22px;
    }
}

@media (min-width: 430px) and (max-width: 1024px) {
    .logo-mobile {
        gap: 6px;
        padding: 0 10px;
    }

    .logo-mobile .logo-full-mobile {
        display: block;
        width: 160px;
        max-width: calc(100% - 54px);
        height: auto;
    }
}

@media (max-width: 429px) {


    .logo-mobile .logo-full-mobile {
        display: none;
    }
}

.hdr-logo-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}
.hdr-logo-side-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.hdr-logo-side-icon img {
    width: 60px;
    height: 60px;
    display: block;
}
.hdr-logo-side-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    line-height: 1;
}
.hdr-logo-side-img {
    width: 180px;
    height: auto;
    display: block;
}
.hdr-logo-side-slogan {
    color: #555;
    font-size: 14px;
}
.hdr-logo-wrap:hover {
    text-decoration:none;
}
@media (max-width: 700px) {
    .hdr-logo-side-icon img { width: 44px; height: 44px; }
    .hdr-logo-side-img { width: 140px; }
    .hdr-logo-side-slogan { font-size: 12px; }
}
@media (max-width:1024px) {
    .hdr-logo-wrap {display:none;!important}
}
}