/*
 * LIBRA CAR GROUP — CORPORATE UI STANDARD v1.7
 */

:root {
    --lcg-content: 1180px;
    --lcg-header-h: 66px;
    --lcg-surface: rgba(14,16,18,.84);
    --lcg-surface-2: rgba(20,22,25,.90);
    --lcg-line: rgba(255,255,255,.10);
}

body { font-size: 14px; }

.lcg-shell {
    width: min(var(--lcg-content), calc(100% - 32px));
    margin-inline: auto;
}

.lcg-header-wrap {
    background: rgba(7,9,10,.97);
    border-bottom: 1px solid var(--lcg-line);
}

.lcg-header {
    min-height: var(--lcg-header-h);
    gap: 16px;
}

.lcg-brand img {
    width: 136px;
    height: auto;
    display: block;
}

.lcg-nav {
    gap: 13px;
}

.lcg-nav a {
    font-size: 10.5px;
    font-weight: 800;
    white-space: nowrap;
}

.lcg-nav__hex {
    color: #fff !important;
}

.lcg-nav__hex::after {
    content: "";
    display: block;
    height: 1px;
    margin-top: 3px;
    background: var(--lcg-red);
}

.lcg-header-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.lcg-portal-btn {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    border: 1px solid rgba(198,31,38,.55);
    background: rgba(198,31,38,.08);
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
}

.lcg-lang {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    font-weight: 900;
}

.lcg-lang a { opacity: .55; }
.lcg-lang a.is-active,
.lcg-lang a:hover { opacity: 1; }

.lcg-page {
    padding: 24px 0 32px;
}

.lcg-page-head {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end;
    padding: 22px 24px;
    border: 1px solid var(--lcg-line);
    background: var(--lcg-surface);
}

.lcg-kicker {
    margin: 0 0 6px;
    color: var(--lcg-red);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.lcg-page-head h1 {
    margin: 0;
    font-size: clamp(25px,2.5vw,36px);
}

.lcg-page-head p {
    margin: 8px 0 0;
    color: var(--lcg-muted);
    font-size: 13px;
    line-height: 1.45;
}

.lcg-panel {
    border: 1px solid var(--lcg-line);
    background: var(--lcg-surface);
}

.lcg-tile-grid {
    display: grid;
    gap: 10px;
}

.lcg-tile {
    position: relative;
    min-width: 0;
    border: 1px solid var(--lcg-line);
    background: linear-gradient(145deg, rgba(28,31,34,.92), rgba(11,13,15,.92));
}

.lcg-tile:hover {
    border-color: rgba(210,30,37,.70);
    background: linear-gradient(145deg, rgba(34,37,40,.96), rgba(13,15,17,.96));
}

.lcg-tile__no {
    color: var(--lcg-red);
    font-size: 9px;
    font-weight: 900;
}

.lcg-tile h2,
.lcg-tile h3 {
    margin: 0;
    font-size: 15px;
}

.lcg-tile p {
    margin: 5px 0 0;
    color: var(--lcg-muted);
    font-size: 10.5px;
    line-height: 1.35;
}

.lcg-tile__arrow {
    color: var(--lcg-red);
    font-size: 17px;
}

.lcg-btn {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border: 1px solid var(--lcg-line);
    background: rgba(255,255,255,.025);
    font-size: 10.5px;
    font-weight: 900;
}

.lcg-btn--red {
    border-color: var(--lcg-red);
    background: var(--lcg-red);
    color: #fff;
}

.lcg-footer {
    border-top: 1px solid var(--lcg-line);
    background: rgba(7,9,10,.82);
}

.lcg-footer__inner {
    min-height: 54px;
    font-size: 10px;
}

@media (max-width: 1080px) {
    .lcg-header {
        flex-wrap: wrap;
        padding-block: 8px;
    }

    .lcg-nav {
        order: 3;
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 680px) {
    .lcg-shell {
        width: min(100% - 20px, var(--lcg-content));
    }

    .lcg-brand img {
        width: 124px;
    }

    .lcg-nav {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 3px;
    }
}

/* LCG GLOBAL FOOTER CONTACTS v1.1 */
.lcg-footer__inner {
    min-height: 70px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "contact social" "legal social";
    gap: 6px 18px;
    align-items: center;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 11px;
}
.lcg-footer__contact {
    grid-area: contact;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    color: #f1f1f1;
}
.lcg-footer__company { color: #fff; font-weight: 900; letter-spacing: .02em; }
.lcg-footer__item { color: #e4e4e4; white-space: nowrap; }
a.lcg-footer__item:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--lcg-red); }
.lcg-footer__legal {
    grid-area: legal;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    color: var(--lcg-muted);
    font-size: 9.5px;
}
.lcg-footer__social {
    grid-area: social;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}
.lcg-social {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    background: rgba(255,255,255,.035);
    color: #fff;
    font-size: 9px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.02em;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
a.lcg-social:hover { border-color: var(--lcg-red); background: rgba(210,30,37,.18); transform: translateY(-1px); }
.lcg-social--facebook { font-family: Arial, sans-serif; font-size: 18px; text-transform: lowercase; }
.lcg-social--pending { opacity: .48; cursor: default; }
@media (max-width: 900px) {
    .lcg-footer__inner { grid-template-columns: 1fr; grid-template-areas: "contact" "social" "legal"; gap: 9px; }
    .lcg-footer__social { justify-content: flex-start; }
}
@media (max-width: 680px) {
    .lcg-footer__inner { font-size: 12px; padding-top: 12px; padding-bottom: 12px; }
    .lcg-footer__contact { display: grid; gap: 7px; }
    .lcg-footer__item { white-space: normal; }
    .lcg-footer__legal { display: grid; font-size: 10px; }
    .lcg-social { width: 34px; height: 34px; }
}

/* LCG GLOBAL FOOTER CONTACTS v1.2 - prominent phone + messenger icons */
.lcg-footer__inner {
    min-height: 86px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    grid-template-areas: none;
    gap: 22px;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.lcg-footer__identity { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 15px; }
.lcg-footer__identity .lcg-footer__legal { width: 100%; display: flex; gap: 14px; color: var(--lcg-muted); font-size: 9.5px; }
.lcg-footer__phonebox { display: flex; flex-direction: column; align-items: flex-end; gap: 7px; min-width: 370px; }
.lcg-footer__phone { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: clamp(21px,1.55vw,29px); line-height: 1; font-weight: 900; letter-spacing: .02em; white-space: nowrap; }
.lcg-footer__phone:hover { color: #fff; }
.lcg-footer__phone-icon { color: var(--lcg-red); font-size: .95em; }
.lcg-footer__messengers { display: flex; align-items: flex-start; justify-content: flex-end; gap: 8px; }
.lcg-msg { width: 46px; display: inline-flex; flex-direction: column; align-items: center; gap: 3px; color: #ddd; font-size: 8px; }
.lcg-msg > span { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-family: Arial,sans-serif; font-size: 16px; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.lcg-msg small { font-size: 7.5px; line-height: 1; white-space: nowrap; }
.lcg-msg--wa > span { background: #25D366; }
.lcg-msg--viber > span { background: #7360F2; }
.lcg-msg--tg > span { background: #229ED9; }
.lcg-msg--ms > span { background: #168AFF; }
.lcg-msg--fb > span { background: #1877F2; font-size: 19px; }
a.lcg-msg:hover { color: #fff; transform: translateY(-1px); }
.lcg-msg--pending { opacity: .52; cursor: default; }
@media (max-width: 900px) {
    .lcg-footer__inner { grid-template-columns: 1fr; gap: 12px; }
    .lcg-footer__phonebox { min-width: 0; align-items: flex-start; }
    .lcg-footer__messengers { justify-content: flex-start; }
}
@media (max-width: 680px) {
    .lcg-footer__phone { font-size: 23px; }
    .lcg-footer__identity { display: grid; gap: 6px; }
    .lcg-footer__identity .lcg-footer__legal { display: grid; gap: 4px; }
    .lcg-msg { width: 42px; }
}