/* ========================================================= SITE 2014 — LOWA Mongolia (lowa.easyweb.mn) Брэнд давхарга — /bootstrap-extra/*.css-ийн ДАРАА ачаална. ⛔ extra-г энд бүү өөрчил — зөвхөн override. ЭХ СУРВАЛЖ (2026-09-23): · Хуучин хувилбар lowa.easyweb.mn — GreenCMS `ecommerce_sandbox` (Cartzilla), site_id 2014 · Дизайны эх https://lowa.com/en/ — хэрэглэгч «энэ сайтыг дуурайна» гэж тогтоов · Site_id 2014 хэвээр (хэрэглэгч 2026-09-23 баталлаа) ХЭМЖСЭН ӨНГӨ (lowa.com-ын амьд DOM-оос, 2026-09-23): · Логоны хар #1d1d1b (албан ёсны SVG-ийн `.st0` fill) · Товчны текст #282827 · Үндсэн текст #000000 · Хоёрдогч текст #575756 (breadcrumb-ийн сүүлийн item) · Товч ЦАГААН дэвсгэр + бараан текст, radius 2px, «›» сумтай lowa.com нь өнгөт accent ХЭРЭГЛЭДЭГГҮЙ — хар/цагаан/саарал дээр бүтээгдэхүүний зураг өөрөө өнгө өгдөг. Тиймээс primary = брэндийн хар байсан → 2026-10-03-нөөс ЭЛСЭН #d8cdb8 (§1, хэрэглэгч). ⚠️ Хуучин хувилбарын `--cz-primary: #0b1a78` (хар хөх) нь **Delta Pro-гийнх** — Lowa-д хамаарахгүй, энд авчрахгүй. ========================================================= */ /* ========================================================= 1. БРЭНД ТОКЕН — light Дериватив томьёо (Bootstrap-ийнхтэй ижил): bg-subtle = .2c + .8×255 · border-subtle = .4c + .6×255 · text-emphasis = .6c ========================================================= */ /* ⭐ PRIMARY = #d8cdb8 ЭЛСЭН ШАР (хэрэглэгч 2026-10-03 «primary өнгө болчихьё, энд тэнд гоё шигтгээд»; өмнө = брэндийн хар #1d1d1b). Цайвар өнгө ⇒ ДЭЭР НЬ бичиг ҮРГЭЛЖ бараан #1d1d1b (§3 · §8), цагаан дээрх ХҮРЭЭ/ФОКУС = `--bs-emphasis-color` (хар) — #d8cdb8 цагаан дээр 1.7:1 тул бичиг/хүрээнд хэрэглэвэл харагдахгүй. Холбоосын өнгө хар хэвээр (`--bs-link-color`). text-emphasis = primary-ийн ТЕКСТ хувилбар (hover бичиг г.м): #d8cdb8 + 45% хар = #777165 (цагаан дээр 4.9:1, AA). */ :root, [data-bs-theme="light"] { --bs-primary: #d8cdb8; --bs-primary-rgb: 216, 205, 184; --bs-primary-bg-subtle: #f7f5f1; --bs-primary-border-subtle: #efebe3; --bs-primary-text-emphasis: #777165; --bs-secondary: #575756; --bs-secondary-rgb: 87, 87, 86; --bs-secondary-bg-subtle: #dddddd; --bs-secondary-border-subtle: #bbbbbb; --bs-secondary-text-emphasis: #343433; --bs-body-color: #282827; --bs-link-color: #1d1d1b; --bs-link-hover-color: #000000; /* Sand backgrounds all derive from the brand colour (= primary-bg-subtle) */ --bs-secondary-bg: var(--bs-primary-bg-subtle); --bs-secondary-bg-rgb: 247, 245, 241; --bs-tertiary-bg: var(--bs-primary-bg-subtle); --bs-tertiary-bg-rgb: 247, 245, 241; } /* ========================================================= 2. БРЭНД ТОКЕН — dark ========================================================= */ [data-bs-theme="dark"] { /* primary = #d8cdb8 (2026-10-03; өмнө #fff) — бараан дээр 11:1 тул энд хамгийн тод харагдана */ --bs-primary: #d8cdb8; --bs-primary-rgb: 216, 205, 184; --bs-primary-bg-subtle: #2b2925; --bs-primary-border-subtle: #56524a; --bs-primary-text-emphasis: #e8e1d4; --bs-link-color: #ffffff; --bs-link-hover-color: #d8cdb8; /* Текст — body · secondary · tertiary бүгд ЦУЛ цагаан (хэрэглэгч 2026-09-23) */ --bs-body-color: #ffffff; --bs-body-color-rgb: 255, 255, 255; --bs-secondary-color: #ffffff; --bs-secondary-color-rgb: 255, 255, 255; --bs-tertiary-color: #ffffff; --bs-tertiary-color-rgb: 255, 255, 255; } /* Theme-ийн хил бүр дээр текстийн өнгийг ДАХИН оноох — Bootstrap-ийн `[data-bs-theme]` зөвхөн хувьсагч солидог тул `color` нь body-оос өвлөгдөнө: html dark (прототипийн 19–07 цагийн auto) үед light section доторх үнэ г.м цагаан болж алга болдог байсан (2026-09-23 хэмжсэн). */ [data-bs-theme] { color: var(--bs-body-color); } /* ========================================================= ⭐ УТИЛИТ ЭХЭНДЭЭ (хэрэглэгч 2026-09-23): хэмжээ · зай · фонт · байрлал бүгд markup дээрх Bootstrap/extra утилитаар. Энд ЗӨВХӨН утилитаар гарахгүй зүйл: товчны өнгөний хувьсагч · :hover · max-width. ========================================================= */ /* ========================================================= 3. ТОВЧ — lowa.com-ын hero CTA: цагаан дэвсгэр, бараан (#282827) текст. Хэмжээ/фонт/булан нь markup-д: `btn btn-lowa-light btn-lg fw-bold text-uppercase rounded-0 shadow-none` + «›» inline SVG. ⛔ `btn-sm` хэрэглэхгүй — карт дотор ч үндсэн хэмжээ (хэрэглэгч 2026-09-23). ⚠️ extra-гийн товчны --bs-btn-* нь !important тул дарахад !important заавал. ========================================================= */ .btn-lowa-light { --bs-btn-bg: #ffffff !important; --bs-btn-border-color: #ffffff !important; --bs-btn-color: #282827 !important; --bs-btn-focus-shadow-rgb: 255, 255, 255 !important; } /* extra-гийн hover өргөлт (translateY + сүүдэр) → §8-д БҮХ товчинд унтраасан */ /* HOVER = өнгө ХЭВЭЭРЭЭ, зөвхөн бүдгэрнэ (хэрэглэгч 2026-10-03; өмнө нь дүүрэн ↔ outline солигддог байсан). Hover-ийн өнгө = товчны үндсэн өнгө. `active` (сонгогдсон хэмжээ, шүүлтүүрийн чип г.м) өөрийн өнгөөр хэвээр. */ .btn { --bs-btn-hover-bg: var(--bs-btn-bg) !important; --bs-btn-hover-border-color: var(--bs-btn-border-color) !important; --bs-btn-hover-color: var(--bs-btn-color) !important; transition: all .4s ease-in-out; } .btn:hover { opacity: .75; } /* Сонгогдсон/дарагдсан төлөв — дүүрэн ↔ outline хэвээр (сонголт ялгарна) */ .btn-primary, .btn-secondary, .btn-dark, .btn-light { --bs-btn-active-bg: transparent !important; --bs-btn-active-border-color: var(--bs-btn-border-color) !important; --bs-btn-active-color: var(--bs-btn-border-color) !important; } .btn-outline-primary, .btn-outline-secondary, .btn-outline-dark, .btn-outline-light { --bs-btn-active-bg: var(--bs-btn-border-color) !important; --bs-btn-active-border-color: var(--bs-btn-border-color) !important; --bs-btn-active-color: var(--bs-body-bg) !important; } /* Bootstrap-ийн dark/light өнгө theme-ээс хамаардаггүй тул бичгийг тогтмол өнгөөр */ .btn-outline-dark { --bs-btn-active-color: #ffffff !important; } .btn-outline-light { --bs-btn-active-color: #000000 !important; } /* ⭐ primary = #d8cdb8 (2026-10-03): дүүрэн товчны бичиг ҮРГЭЛЖ бараан; сонгогдсон үед хүрээ/бичиг = emphasis. */ .btn-primary { --bs-btn-color: #1d1d1b !important; --bs-btn-disabled-color: #1d1d1b !important; --bs-btn-active-border-color: var(--bs-emphasis-color) !important; --bs-btn-active-color: var(--bs-emphasis-color) !important; } /* Outline: light = хар хүрээ/бичиг (элсэн хүрээ бүдэг) · dark = элсэн хүрээ + цагаан бичиг. Сонгогдсон = элсэн дүүргэлт. */ .btn-outline-primary { --bs-btn-border-color: var(--bs-emphasis-color) !important; --bs-btn-color: var(--bs-emphasis-color) !important; --bs-btn-active-bg: var(--bs-primary) !important; --bs-btn-active-border-color: var(--bs-primary) !important; --bs-btn-active-color: #1d1d1b !important; } [data-bs-theme="dark"] .btn-outline-primary { --bs-btn-border-color: var(--bs-primary) !important; } /* ⭐ ICON-ТОЙ ТОВЧ — ОПТИК ТЭНЦВЭР (хэрэглэгч 2026-09-24): icon-ы талын padding = бичгийн талын ⅔ (Material Design 3: бичгийн тал 24dp ↔ icon-ы тал 16dp). Icon-ы дүрс хүрээндээ сул зайтай тул ижил padding өгвөл тэр тал нүдэнд илүү өргөн харагддаг. CSS текст зангилааны байрлалыг харж чадахгүй (`svg:last-child` нь icon зүүн талд байсан ч таарна) тул icon-ы ТӨРЛӨӨР ялгана: `.icon-next` (›) = ДАНДАА баруун · бусад `.icon` ба FA `` = ДАНДАА зүүн талд. Хэмжээ = `--bs-btn-padding-x` ⇒ btn-sm/btn-lg өөрийн шатаар дагана; markup-ийн `px-*`/`pe-*` утилит давамгайлна. */ .btn:has(> .icon-next) { padding-inline-end: calc(var(--bs-btn-padding-x) * 2 / 3); } .btn:has(> .icon:not(.icon-next), > i) { padding-inline-start: calc(var(--bs-btn-padding-x) * 2 / 3); } /* ========================================================= 4. ТОЛГОЙ · STAGE — утилитаар гарахгүй 2 зүйл ========================================================= */ /* САВ (хэрэглэгч 2026-09-25): ⭐ Ердийн хэсэг = Bootstrap-ийн ЭНГИЙН `container`. Өргөн хүрээ = `container-fluid mw-1824 px-xl-8` (1824px) — ЗӨВХӨН слайдер (stage-ийн section-д `mw-1824`) · толгой · «Ангилал» блок · footer. Bootstrap-д `mw-100`-аас өөр max-width утилит байхгүй тул энд. (2026-09-23 – 09-24: бүх хэсэг `container-fluid mw-1920` байсан.) */ .mw-1824 { max-width: 114rem; } /* Header follows the page below xl; the 2rem top bar scrolls away first */ @media (max-width: 1199.98px) { .lowa-head { top: -2rem; z-index: 1020 !important; } } /* Menu drawer: group label is not a link (no hover), social circles brighten on hover like the footer */ .main-menu .nav-lowa span.nav-link { pointer-events: none; } .main-menu .social-link:hover { --bs-bg-opacity: 1; } /* ЦЭС · САГСНЫ DRAWER — 1990-ийн `.main-menu` / `.cart-drawer` (хөвөгч самбар, offcanvas-end). Drawer нь `header`-ийн ГАДНА (body-д) сууна. m-3 = .75rem × 2 */ .main-menu, .cart-drawer { --bs-offcanvas-width: calc(100vw - 1.5rem); } @media (min-width: 576px) { .main-menu, .cart-drawer { --bs-offcanvas-width: 26rem; } } @media (min-width: 992px) { .main-menu, .cart-drawer { --bs-offcanvas-width: 32rem; } } /* Main nav: .875rem, hover / open = primary text colour (no black box, user 2026-10-03) */ .nav-lowa { --bs-nav-link-color: #000000; --bs-nav-link-hover-color: var(--bs-primary-text-emphasis); --bs-nav-link-font-size: .875rem; } .nav-lowa .nav-link.show, .nav-lowa .nav-link.active { color: var(--bs-primary-text-emphasis); } /* Item titles turn primary on hover — text tone so it reads on white (extra uses --bs-primary) */ .items-hover-title .item-element:hover .item-title, .items-hover-title .item-element:hover .item-title a { color: var(--bs-primary-text-emphasis) !important; } /* ========================================================= 5. БУЛАНГҮЙ — бүх элемент ТЭГШ ӨНЦӨГТ (хэрэглэгч 2026-09-23 «rounded элементүүдийг бүгдийг нь болиулах»). lowa.com-ын хэлбэр. Сайт даяар тул энд — markup-д давтахгүй. ① Bootstrap-ийн булангийн токен → badge · pill · dropdown · card · modal · offcanvas бүгд дагана. ⚠️ `[data-bs-theme]` хамт — Bootstrap токеноо `[data-bs-theme=light]` дээр ДАХИН зарладаг; `.btn`/форм — extra-гийн form-button.css токеноо тэдэн дээр ДАХИН зарладаг. ② extra-д хатуу бичигдсэн булан (токен уншдаггүй) + дурын `rounded-*` утилит. ========================================================= */ :root, [data-bs-theme], .btn, .form-control, .form-select, .form-option, .input-group-text { --bs-border-radius: 0; --bs-border-radius-sm: 0; --bs-border-radius-lg: 0; --bs-border-radius-xl: 0; --bs-border-radius-xxl: 0; --bs-border-radius-2xl: 0; --bs-border-radius-pill: 0; --swiper-scrollbar-border-radius: 0; } [class*="rounded"], .item-element .item-image, .item-element, .btn, .form-control, .form-select, .form-check-input[type="checkbox"] { border-radius: 0 !important; } /* ⭐ Input = ТОВЧТОЙ ИЖИЛ стандарт (хэрэглэгч 2026-09-24): extra `style.css` нь `.form-control, .form-select`-д `.75rem`-ийг ТОКЕН БИШ хатуу бичсэн тул дээрх жагсаалтад. Checkbox ч тэгш; radio нь утгаараа дугуй хэвээр. */ /* ⭐ Pagination · accordion · modal г.м (хэрэглэгч 2026-09-24 «pagination-ийг хүртэл анхаар»). extra-гийн хатуу булангуудыг бүгдийг нь нэг дор (2026-09-24 extra-гаас скан хийж олсон): · `.page-item .page-link` нь `!important` (0,2,0), `.pagination-var-1 …` (0,3,0) ⇒ ИЖИЛ жинтэй сонгогч + дараа нь · `.accordion-item` (+ :first/:last-child) · хуучин `figure` зураг · swiper-ийн progress зурвас · `.modal` / `.accordion` нь булангаа Bootstrap-ийн ӨӨРИЙН хувьсагчид литерал утгаар өгдөг */ .modal { --bs-modal-border-radius: 0; --bs-modal-inner-border-radius: 0; } .accordion { --bs-accordion-border-radius: 0; --bs-accordion-inner-border-radius: 0; } .pagination, .accordion-item, .accordion-button, .item-element figure, .pagination-progress, .pagination-progress-fill { border-radius: 0 !important; } /* ⭐ ДУГУЙ — §5-ийн ГАНЦ үл хамаарал (хэрэглэгч 2026-09-24 «шууд circle rounded»): жижиг удирдлагын товчлуур — хуудаслалтын дугаар · swiper сум/цэг · хаах (`btn-close`) · `btn-circle` icon товч · сагсны тоолуур (`badge rounded-pill`) · захиалгын явцын шатны дугуй (`.step-dot`, 1990-тэй ижил — 2026-09-29) · өнгөт шинжийн цэг (`.color-dot` — шүүлтүүр, барааны хуудас; хэрэглэгч 2026-10-05 «circle бай»). Том хэлбэр (товч, input, карт, зурвас) тэгш хэвээр. `50rem` = дөрвөлжин дээр тойрог, өргөн дээр pill (50% шиг зууван болдоггүй). ⚠️ Дээрх `.btn` · `[class*="rounded"]`-ийн ДАРАА, тэнцүү/их жинтэй байх ёстой; `.pagination .page-item .page-link` (0,3,0) = extra-гийн `.pagination-var-1 …`-тэй тэнцүү. */ .pagination .page-item .page-link, .page-item .page-link, .swiper-button, .swiper-pagination-bullet, .btn-close, .btn-circle, .badge.rounded-pill, .order-steps .step-dot, .color-dot { border-radius: 50rem !important; } /* ========================================================= 6. OVERLAY — ТАС ХАР (хэрэглэгч 2026-09-23 «overlay-ууд бүгд #000»). extra-гийн `.item-overlay` · `.bg-overlay` нь `rgba(var(--bs-body-bg-rgb), …)` өнгө авдаг (dark = #212529, light = цагаан) — overlay дээр л хувьсагчийг #000 болгож дарав. ========================================================= */ .item-overlay, .bg-overlay { --bs-body-bg-rgb: 0, 0, 0; } /* ========================================================= 7. SAND ДЭВСГЭР — брэнд өнгөнөөс (primary-bg-subtle) ========================================================= */ .bg-sand { background-color: var(--bs-primary-bg-subtle); } /* ========================================================= 8. ФОКУС · ИДЭВХТЭЙ ТӨЛӨВ — LOWA брэнд (хэрэглэгч 2026-09-24 «брэндингээс хамаарч focus нтр арай өөр дүрэмтэй»). Bootstrap-ийн цэнхэр (#86b7fe хүрээ · rgba(13,110,253,.25) гэрэл · #0d6efd чагт/идэвхтэй) нь ЛИТЕРАЛ утга тул primary-г дагадаггүй — хар/цагаан брэндэд гадны өнгө болж гардаг байсан. Дүрэм: ① хулганы :focus = гэрэлгүй — хүрээтэй удирдлагын хүрээ л primary болно ② гарын :focus-visible = ГАНЦ цагираг (body-bg + EMPHASIS: light = цагаан/хар, dark = урвуу) — 2026-10-03-нөөс primary элсэн тул extra-гийн primary цагирагийг §8-ийн төгсгөлд emphasis болгож дарсан ③ сонгосон / идэвхтэй = primary (элсэн) дэвсгэр, БАРААН #1d1d1b бичиг (хоёр тэмд уншигдана) ④ товч хавтгай — extra-гийн сүүдэр, hover өргөлт lowa.com-д байхгүй ========================================================= */ /* ① Bootstrap-ийн цэнхэр гэрлийг ӨӨРИЙН хувьсагчаар нь унтраана */ .pagination { --bs-pagination-focus-box-shadow: none; --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); --bs-pagination-active-color: #1d1d1b; } .accordion { --bs-accordion-btn-focus-box-shadow: none; } .btn-close { --bs-btn-close-focus-shadow: none; } .navbar { --bs-navbar-toggler-focus-width: 0; } /* Хүрээтэй удирдлага (input · select · хүрээтэй товч): hover/focus = хүрээ primary, гэрэлгүй. Текст талбар нь хулганаар дарахад ч :focus-visible болдог тул extra-гийн цагираг хүрээн дээр давхар хайрцаг зурдаг байсан ⇒ `!important` (0,2,0) нь extra-гийн `input:focus-visible` (0,1,1)-ийг дарна. */ .form-control:hover, .form-select:hover { border-color: var(--bs-emphasis-color); } .form-control:focus, .form-select:focus { border-color: var(--bs-emphasis-color); box-shadow: none !important; } .btn.border:focus-visible { border-color: var(--bs-emphasis-color) !important; } /* Checkbox · radio — хулганаар гэрэлгүй; гарын цагираг нь extra-гаас хэвээр (жижиг тул хүрээ л хангалтгүй) */ .form-check-input:focus { border-color: var(--bs-emphasis-color); box-shadow: none; } /* Range — цагирагийг бүтэн зурвасан дээр БИШ бариул дээр */ .form-range:focus-visible { box-shadow: none !important; } .form-range:focus::-webkit-slider-thumb { box-shadow: none; } .form-range:focus::-moz-range-thumb { box-shadow: none; } .form-range:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 2px var(--bs-body-bg), 0 0 0 4px var(--bs-primary); } .form-range:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 2px var(--bs-body-bg), 0 0 0 4px var(--bs-primary); } .form-range::-webkit-slider-thumb, .form-range::-webkit-slider-thumb:active { background-color: var(--bs-primary); } .form-range::-moz-range-thumb, .form-range::-moz-range-thumb:active { background-color: var(--bs-primary); } /* ③ Сонгосон checkbox = primary. Radio = extra/Bootstrap-ийн DEFAULT (хэрэглэгч 2026-10-03) */ .form-check-input[type="checkbox"]:checked, .form-check-input[type="checkbox"]:indeterminate { background-color: var(--bs-primary); border-color: var(--bs-primary); } /* primary = элсэн #d8cdb8 (2026-10-03) ⇒ Bootstrap-ийн ЦАГААН чагт алга болно — хоёр тэмд ХАР чагт (өмнө зөвхөн dark) */ .form-check-input:checked[type="checkbox"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .dropdown-menu { --bs-dropdown-link-active-bg: var(--bs-primary); --bs-dropdown-link-active-color: #1d1d1b; } /* Хуудасны sidebar (`list-group`) — идэвхтэй хуудас = primary (Bootstrap #0d6efd литерал) */ .list-group { --bs-list-group-active-bg: var(--bs-primary); --bs-list-group-active-border-color: var(--bs-primary); --bs-list-group-active-color: #1d1d1b; } /* ② Гарын цагираг — extra нь `rgb(var(--bs-primary-rgb))` (элсэн #d8cdb8 цагаан дээр 1.7:1 — харагдахгүй) ⇒ EMPHASIS (light хар · dark цагаан, хамгийн ойрын theme-ээс өвлөгдөнө). Сонгогч extra-гийнхтэй ИЖИЛ ⇒ дараа ачаалагдсан нь давамгайлна. */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { box-shadow: 0 0 0 2px rgb(var(--bs-body-bg-rgb)), 0 0 0 4px rgb(var(--bs-emphasis-color-rgb)) !important; } .accordion-button:focus-visible, .swiper-button:focus-visible, .page-link:focus-visible, .btn-close:focus-visible { box-shadow: inset 0 0 0 2px rgb(var(--bs-body-bg-rgb)), inset 0 0 0 4px rgb(var(--bs-emphasis-color-rgb)) !important; } /* ④ Товч хавтгай (гарын цагираг нь extra-гийн `button:focus-visible` !important-оор хэвээр) */ .btn, .btn:hover:not(:focus-visible), .btn:active { box-shadow: none; transform: none; } /* ========================================================= 9. TYPOGRAPHY — CMS-ийн INLINE хэмжээ · фонт · ӨНГИЙГ цуцлах (хэрэглэгч 2026-09-24 «яг стандартаар»). Word/CKEditor-оос буулгасан `` нь extra-гийн стандартыг (p·li = .875rem, h1–h6 = Bootstrap) давж жижигрүүлдэг байв: «Бидний тухай» (h2 доторх span 14px · li доторх span 12px), мэдээ 179720 (span 14/20px). Inline элемент эх элементийнхээ СТАНДАРТ хэмжээг өвлөнө; p·li шууд .875rem. Өнгө: «Lowa FAQ»-ийн h5 доторх span-д Delta Pro-гийн `color:#0b1a78` — эх элементийн өнгийг өвлөнө, холбоос = link өнгө. ⭐ HTML-ийг сервер ӨӨРӨӨ цэвэрлэдэг (`_lowa.php` `gs2014_clean_html`) — энэ хэсэг нь НӨӨЦ хамгаалалт. ========================================================= */ .typography :is(span, font, strong, b, em, i, u, a, small, sup, sub)[style*="font-size"], .typography font[size] { font-size: inherit !important; } .typography :is(p, li)[style*="font-size"] { font-size: .875rem !important; } .typography [style*="font-family"], .typography font[face] { font-family: inherit !important; } .typography [style*="line-height"] { line-height: inherit !important; } .typography [style*="color"]:not(a), .typography font[color] { color: inherit !important; } .typography a[style*="color"] { color: var(--bs-link-color) !important; } /* ⭐ Rich text-ийн ЗУРАГ (хэрэглэгч 2026-09-29 «Зурагны rounded арилгах» · «Rich text дээр класс, CSS нэмэх хэрэггүй»). extra нь `.typography img`-д `width:100%` + `border-radius:.75rem/1rem` ХАТУУ бичсэн (токен уншдаггүй). · Булан = 0 (§5-ийн дүрэм rich text-д ч мөн) — iframe ч хамт. · Өргөн = зургийн ӨӨРИЙН хэмжээ, баганаас хэтрэхгүй: 100×100 технологийн тэмдэг, лого сунахгүй (өмнө 1296px болж «Уулын» хуудас 19,498px өндөртэй байв); багананаас том зураг баганаа дүүргэнэ. Ингэснээр body-д `w-auto` мэт класс ОРУУЛАХ шаардлагагүй. */ .typography img, .typography iframe { border-radius: 0 !important; } .typography img { width: auto; max-width: 100%; height: auto; } /* ⭐ Rich text-ийн ГАРЧИГ (хэрэглэгч 2026-09-29 «жаахан жижиг, үндсэн гарчигтайгаа хэт зодолдохгүй»). Bootstrap-ийн жамын хэмжээ (h2 = 2rem, h3 = 1.75rem) нь хуудасны h1-тэй (2.5rem) бараг тэнцэж байв ⇒ body текст (.875rem) ба хуудасны гарчгийн ДУНД шатлал. Body-д класс хэрэггүй (`.typography` = page · post · product). */ .typography h1 { font-size: 1.5rem; } .typography h2 { font-size: 1.25rem; } .typography h3 { font-size: 1.125rem; } .typography h4 { font-size: 1rem; } .typography h5 { font-size: .9375rem; } .typography h6 { font-size: .875rem; } /* ========================================================= 10. PRIMARY «ШИГТГЭЭ» — элсэн #d8cdb8-ийг тохирох газарт (хэрэглэгч 2026-10-03 «энд тэнд гоё шигтгээд»). Бичиг/хүрээнд БИШ — дэвсгэр, тэмдэг, бараан хэсэгт л (цагаан дээр 1.7:1). · «Шинэ» тэмдэг — extra-гийн primary дэвсгэр + ЦАГААН бичиг ⇒ бараан бичиг · Бараан хэсгийн холбоосын hover (footer · topbar г.м) = §2 `--bs-link-hover-color` · Сэтгэгдлийн онцлох үг · хуудаслалтын цэг — блокийн өөрийн