/* ============ RESET / BASE ============ */
* {
    box-sizing: border-box
}

html,
body {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #111;
    font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ============ CSS VARIABLES ============ */
:root {
    --bg: #0a0a0a;
    --text: #f7f7f7;
    --muted: #5c6a7f;
    --muted-bg: #dbe7ff;

    --brand: #ffd22e;
    /* шар акцент */
    --brand-2: #115aa8;
    /* CTA цэнхэр */
    --brand-2-dark: #0e4b8e;

    --news-shadow: 0 12px 40px rgba(0, 0, 0, .25);
    --radius: 18px;
    --maxw: 1440px;

    --blue: #155fae;
    --blue-dark: #0f4f93;

    --hover-bg: #e8f1ff;
    /* submenu hover цэнхэр */
    --hover-text: #0c4aad;

    --ink: #ffffff;
    --border: #eef2f7;
    --muted2: #6b7a90;

    --nav: #15509a;
    /* navbar дэвсгэр */
    --link: #eaf2ff;

    --gap: 10px;
    /* үндсэн ба submenu хоорондын зай */
    --radius-nav: 14px;
    --shadow: 0 14px 34px rgba(0, 0, 0, .18);

    /* fixed header-ийн өндрийг нөхөхөд ашиглана */
    --topbar-h: 64px;
    --nav-h: 56px;


    /* --brand:#ffd22e; */
    /* --primary: #0f4f93; */
    --nav: #0b3a7a;
    /* --text: #122133; */
    /* --muted: #6b7a90; */
    /* --card: #fff; */
    --bg: #f7f9fc;
    --shadow-price: 0 10px 30px rgba(0, 0, 0, .12);
    --radius-news: 16px;


    /* --bg:#eaf2ff;        хэсгийн цайвар цэнхэр дэвсгэр */
    /* --primary:#0f4f93;   гарчиг, холбоосын хөх */
    /* --accent:#ffd22e;    шар */
    /* --text:#122133; */
    --muted4: #5f6f84;
    /* --card: #fff; */
    --radius-price: 16px;
    --shadow-price: 0 10px 30px rgba(0, 0, 0, .08);


    /* ------------------------------------ */
    --cols: 3;
    /* мөр бүрийн баганын тоо (desktop) */
    /* --brand:#0f4f93; */
    /* --bg:#f7f9fc; */
    /* --card:#fff; */
    --border: #dde7f6;
    --hover: #e8f1ff;
    --radius-service: 14px;
    --shadow-service: 0 2px 8px rgba(0, 0, 0, .06);
    --shadow-lg: 0 10px 26px rgba(0, 0, 0, .12);
}

/* ============ FOOTER ============ */
.footer {
    background: #f8f9fc;
    color: #0d1727;
    padding: 60px 20px 0;
    border-top: 4px solid var(--brand-2);
}

.footer-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
    max-width: var(--maxw);
    margin: 0 auto;
}

.footer-logo {
    width: 160px;
    margin-bottom: 16px;
}

.footer h3 {
    color: var(--brand-2-dark);
    margin-bottom: 16px;
    font-size: 18px;
}

.footer p {
    color: var();
    line-height: 1.6;
    margin-bottom: 12px;
}

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

.footer ul li {
    margin-bottom: 10px;
    color: #333;
    line-height: 1.5;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.footer ul li a {
    color: var(--blue);
    text-decoration: none;
}

.footer ul li a:hover {
    text-decoration: underline;
}

.footer .socials a img {
    width: 28px;
    height: 28px;
    transition: transform 0.2s ease;
}

.footer .socials a:hover img {
    transform: scale(1.1);
}

.footer-bottom {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    /* төвөөс бүрэн дэлгэцэд тэлнэ */
    background: var(--brand-2);
    color: #fff;
    text-align: center;
    padding: 14px 10px;
    margin-top: 40px;
    font-size: 14px;
}