/* Mahaxan Business Hub — same tokens as the premium theme module (navy / gold / warm wash). */
.mxb { --b-navy:#0F3B66; --b-deep:#0A2A49; --b-ink:#0E1823; --b-text:#1E2A36; --b-body:#3D4752; --b-mute:#5B6470; --b-gold:#F3C95B; --b-gold-d:#C99A1E;
  --b-wash:#F7F5F0; --b-chip:#F4F2ED; --b-line:#E6E2D8; --b-hair:#EFECE5; --b-ok:#1A7F37; --b-red:#B3261E; --b-r:6px; }
.mxb .mxb-wrapper, .mxb [class*="mxb-"], .mxb .jet-smart-filters-search, .mxb .jet-form-builder, .mxb .jet-listing-grid { font-family: Phetsarath, 'Noto Sans Lao', sans-serif; }
.mxb-i { flex: none; vertical-align: -3px; }
.mxb-btn { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 16px; border-radius: var(--b-r); border: 1px solid transparent; font: 700 14.5px/1.3 Phetsarath, sans-serif;
  text-decoration: none !important; cursor: pointer; white-space: nowrap; transition: filter .15s, background .15s; }
.mxb-btn:hover { filter: brightness(.96); }
.mxb-btn--navy { background: var(--b-navy); color: #fff !important; }
.mxb-btn--gold { background: var(--b-gold); color: var(--b-deep) !important; }
.mxb-btn--wa { background: #1F9D55; color: #fff !important; }
.mxb-btn--ghost { background: #fff; color: var(--b-navy) !important; border-color: var(--b-line); }
.mxb-btn--sm { min-height: 34px; padding: 0 12px; font-size: 13.5px; }
.mxb-muted { color: var(--b-mute); font-size: 14px; line-height: 1.7; }
.mxb-err { color: var(--b-red); font-weight: 700; }
.mxb-h2 { font: 700 21px/1.5 Phetsarath, sans-serif; color: var(--b-ink); margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--b-line); position: relative; }
.mxb-h2::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 56px; height: 3px; background: var(--b-navy); }
.mxb-h3 { display: flex; align-items: center; gap: 7px; font: 700 17px/1.5 Phetsarath, sans-serif; color: var(--b-ink); margin: 0 0 10px; }
.mxb-box { background: #fff; border: 1px solid var(--b-line); border-radius: var(--b-r); padding: 16px 18px; margin: 0 0 16px; }
.mxb-sec { margin: 0 0 30px; scroll-margin-top: 90px; }

/* ---------- directory hero ---------- */
.mxb-hero { position: relative; }
.mxb-hero .elementor-background-overlay { background: linear-gradient(90deg, rgba(10,42,73,.94) 0%, rgba(10,42,73,.82) 55%, rgba(10,42,73,.55) 100%) !important; opacity: 1 !important; }
body.mxb .mxb-hero__h, body.mxb h1.mxb-hero__h { font: 700 38px/1.45 Phetsarath, sans-serif; color: #fff; margin: 0 0 6px; }
.mxb-hero__sub { font-size: 16.5px; line-height: 1.7; color: #DCE6F2; margin: 0 0 18px; max-width: 640px; }
.mxb-hero .jet-search-filter__input, .mxb-hero .jet-select__control { height: 50px !important; border: 0 !important; border-radius: var(--b-r) !important; font: 400 15.5px Phetsarath, sans-serif !important; padding: 0 16px !important; background: #fff !important; color: var(--b-text) !important; }
.mxb-hero .jet-search-filter { display: flex; gap: 8px; align-items: stretch; }
.mxb-hero .jet-search-filter__input-wrapper { flex: 1; }
.mxb-hero .jet-search-filter__submit, .mxb-hero .apply-filters__button { height: 50px; border-radius: var(--b-r) !important; background: var(--b-gold) !important; color: var(--b-deep) !important; font: 700 15.5px Phetsarath, sans-serif !important; padding: 0 22px !important; border: 0 !important; margin: 0 !important; flex: none; }
.mxb-stats { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: baseline; color: #DCE6F2; font-size: 14px; margin-top: 14px; }
.mxb-stats b { color: var(--b-gold); font-size: 20px; margin-right: 4px; }
.mxb-stats__credit { margin-left: auto; font-size: 11px; opacity: .65; }
.mxb-chips { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 6px; scrollbar-width: thin; }
.mxb-chips a { flex: none; display: inline-flex; gap: 6px; align-items: center; padding: 7px 14px; border: 1px solid var(--b-line); border-radius: 999px; background: #fff; color: var(--b-text) !important; font-size: 14px; text-decoration: none !important; white-space: nowrap; }
.mxb-chips a small { color: var(--b-mute); font-size: 12px; }
.mxb-chips a:hover, .mxb-chips a[aria-current] { border-color: var(--b-navy); background: var(--b-navy); color: #fff !important; }
.mxb-chips a[aria-current] small { color: #C9D6E6; }

/* ---------- filters sidebar ---------- */
.mxb-filters { background: #fff; border: 1px solid var(--b-line); border-radius: var(--b-r); padding: 14px 16px; }
.mxb-filters .jet-filter-label, .mxb-filters .elementor-heading-title { font: 700 15px/1.5 Phetsarath, sans-serif !important; color: var(--b-ink) !important; margin: 14px 0 8px !important; }
.mxb-filters .jet-checkboxes-list__item { margin: 0 0 4px; }
.mxb-filters .jet-checkboxes-list__label { font: 400 14.5px/1.6 Phetsarath, sans-serif; color: var(--b-body); }
.mxb-filters .jet-checkboxes-list__decorator { border-color: #C9C4B6 !important; border-radius: 3px; }
.mxb-filters .jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button .jet-checkboxes-list__decorator { background: var(--b-navy) !important; border-color: var(--b-navy) !important; }
.mxb-filters .jet-checkboxes-list-wrapper { max-height: 280px; overflow: auto; }
.mxb-filters .jet-remove-all-filters__button { background: none !important; border: 0 !important; color: var(--b-navy) !important; padding: 0 !important; font: 700 13.5px Phetsarath, sans-serif !important; text-decoration: underline; }
.mxb-resbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--b-line); padding-bottom: 10px; margin-bottom: 14px; }
.mxb-resbar .jet-sorting-select { height: 38px; border: 1px solid var(--b-line); border-radius: var(--b-r); padding: 0 10px; font: 400 14px Phetsarath, sans-serif; background: #fff; }
.mxb-resbar > .elementor-container { width: 100%; align-items: center; }
.mxb-resbar .elementor-col-40 { justify-content: flex-end; }
.mxb-resbar .jet-sorting-select { min-width: 190px; }
.mxb-resbar .jet-active-filter { background: var(--b-chip) !important; border: 1px solid var(--b-line) !important; border-radius: 999px !important; padding: 4px 10px !important; font: 400 13px Phetsarath, sans-serif; }

/* ---------- company card (JetEngine listing item) ---------- */
.mxb-card { position: relative; background: #fff; border: 1px solid var(--b-line); border-radius: var(--b-r); height: 100%; transition: box-shadow .15s, border-color .15s; }
.mxb-card:hover { border-color: #CFC9BA; box-shadow: 0 6px 22px rgba(14,24,35,.08); }
.mxb-card > .elementor-container { align-items: flex-start; }
.mxb-card .mxb-card__logo img, .mxb-logo { width: 64px; height: 64px; object-fit: contain; border: 1px solid var(--b-line); border-radius: var(--b-r); background: #fff; padding: 4px; box-sizing: border-box; }
.mxb-logo--ph { display: inline-flex; align-items: center; justify-content: center; background: var(--b-wash); color: var(--b-navy); font: 700 26px Phetsarath, sans-serif; }
.mxb-card__title .jet-listing-dynamic-field__content { font: 700 17px/1.5 Phetsarath, sans-serif; color: var(--b-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mxb-card__ex .jet-listing-dynamic-field__content { font-size: 14px; line-height: 1.7; color: var(--b-body); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mxb-card__go a { font: 700 13.5px Phetsarath, sans-serif; color: var(--b-navy) !important; }
.mxb-card__go a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.mxb-meta { font-size: 13.5px; line-height: 1.6; color: var(--b-mute); }
.mxb-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 3px 0; }
.mxb-b { display: inline-flex; align-items: center; gap: 3px; font: 700 11.5px/1.5 Phetsarath, sans-serif; padding: 1px 8px; border-radius: 999px; }
.mxb-b .mxb-i { width: 13px; height: 13px; }
.mxb-b--ok { background: #E7F5EC; color: var(--b-ok); }
.mxb-b--feat { background: var(--b-gold); color: var(--b-deep); }
.mxb-b--un { background: var(--b-chip); color: var(--b-mute); font-weight: 400; }
.mxb-cardfoot { display: flex; flex-wrap: wrap; gap: 6px; }
.mxb-chip { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; padding: 2px 9px; border-radius: 999px; background: var(--b-chip); color: var(--b-body); }
.mxb-chip .mxb-i { width: 14px; height: 14px; }
.mxb-chip--jobs { background: #E8EEF6; color: var(--b-navy); font-weight: 700; }
.mxb .jet-listing-grid__load-more, .mxb .jet-engine-listing-load-more button { background: #fff !important; color: var(--b-navy) !important; border: 1px solid var(--b-navy) !important; border-radius: var(--b-r) !important; font: 700 14.5px Phetsarath, sans-serif !important; padding: 10px 28px !important; }
.mxb .jet-listing-not-found { padding: 30px; text-align: center; color: var(--b-mute); background: var(--b-wash); border-radius: var(--b-r); }

/* ---------- CTA band ---------- */
.mxb-cta { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; justify-content: space-between; background: var(--b-deep); color: #fff; border-radius: var(--b-r); padding: 28px 30px; }
.mxb-cta h2 { font: 700 23px/1.5 Phetsarath, sans-serif; color: #fff; margin: 0 0 4px; }
.mxb-cta p { margin: 0; color: #C9D6E6; font-size: 15px; line-height: 1.7; }
.mxb-cta__btns { display: flex; flex-wrap: wrap; gap: 10px; }

/* ---------- company profile ---------- */
.mxb-crumb { font-size: 13.5px; color: var(--b-mute); margin: 0 0 12px; }
.mxb-crumb a { color: var(--b-mute) !important; }
.mxb-head { background: #fff; border: 1px solid var(--b-line); border-radius: var(--b-r); overflow: hidden; margin-bottom: 14px; }
.mxb-cover { height: 240px; overflow: hidden; position: relative; background: linear-gradient(120deg, var(--b-deep), var(--b-navy) 60%, #2B5C8C); }
body.mxb .mxb-cover__img { width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; display: block; }
.mxb-head__row { display: flex; gap: 18px; align-items: flex-start; padding: 0 22px 18px; flex-wrap: wrap; }
.mxb-logo--lg { width: 112px !important; height: 112px !important; margin-top: -48px; box-shadow: 0 4px 16px rgba(14,24,35,.12); position: relative; font-size: 44px; }
.mxb-head__txt { flex: 1; min-width: 240px; padding-top: 12px; }
body.mxb .mxb-head__h { font: 700 27px/1.45 Phetsarath, sans-serif; color: var(--b-ink); margin: 0; }
.mxb-head__en { color: var(--b-mute); font-size: 14px; }
.mxb-head__act { display: flex; gap: 8px; flex-wrap: wrap; padding-top: 16px; }
.mxb-tabs { display: flex; gap: 2px; overflow-x: auto; border-bottom: 1px solid var(--b-line); margin: 0 0 18px; position: sticky; top: 0; background: #fff; z-index: 5; }
.mxb-tabs a { flex: none; padding: 11px 14px; font: 700 14.5px Phetsarath, sans-serif; color: var(--b-body) !important; text-decoration: none !important; border-bottom: 3px solid transparent; }
.mxb-tabs a:hover, .mxb-tabs a.is-on { color: var(--b-navy) !important; border-bottom-color: var(--b-navy); }
.mxb-mgr { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; background: #FFF8E1; border: 1px solid #F0DC9A; border-radius: var(--b-r); padding: 10px 14px; margin: 0 0 18px; font-size: 14px; }
.mxb-mgr a { display: inline-flex; gap: 5px; align-items: center; font-weight: 700; color: var(--b-navy) !important; }
.mxb-mgr__n { margin-left: auto; color: var(--b-mute); }
.mxb-prose { font-size: 16px; line-height: 1.85; color: var(--b-text); }
.mxb-prose p { margin: 0 0 12px; }
.mxb-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0; border: 1px solid var(--b-line); border-radius: var(--b-r); margin: 16px 0 0; background: var(--b-wash); }
.mxb-facts > div { padding: 10px 14px; border-right: 1px solid var(--b-line); }
.mxb-facts dt { font-size: 12.5px; color: var(--b-mute); }
.mxb-facts dd { margin: 0; font-weight: 700; font-size: 14.5px; color: var(--b-text); line-height: 1.6; }
.mxb-svc { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.mxb-svc li { display: flex; gap: 10px; align-items: center; border: 1px solid var(--b-line); border-radius: var(--b-r); padding: 10px; }
.mxb-svc img { width: 52px; height: 52px; object-fit: cover; border-radius: 4px; }
.mxb-svc small { display: block; color: var(--b-mute); }
.mxb-rows { list-style: none; margin: 0; padding: 0; }
.mxb-rows li a { display: flex; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--b-hair); color: var(--b-text) !important; text-decoration: none !important; }
.mxb-rows small { color: var(--b-red); white-space: nowrap; }
.mxb-news { list-style: none; margin: 0; padding: 0; }
.mxb-news a { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--b-hair); color: var(--b-text) !important; text-decoration: none !important; font-weight: 700; line-height: 1.55; }
.mxb-news img { width: 96px; height: 64px; object-fit: cover; border-radius: 4px; flex: none; }
.mxb-news small { display: block; font-weight: 400; color: var(--b-mute); font-size: 12.5px; }
.mxb-gal { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.mxb-gal img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 4px; display: block; }
.mxb-contact { list-style: none; margin: 0; padding: 0; }
.mxb-contact li { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--b-hair); font-size: 14.5px; line-height: 1.5; word-break: break-word; }
.mxb-contact li:last-child { border: 0; }
.mxb-contact .mxb-i { color: var(--b-navy); margin-top: 2px; }
.mxb-contact small { display: block; color: var(--b-mute); font-size: 12px; }
.mxb-contact a { color: var(--b-navy) !important; font-weight: 700; }
.mxb-map { padding: 0; overflow: hidden; }
.mxb-map iframe { width: 100%; height: 220px; border: 0; display: block; }
.mxb-map a { display: block; padding: 9px 14px; font-weight: 700; font-size: 13.5px; color: var(--b-navy) !important; }
.mxb-hours { width: 100%; border-collapse: collapse; font-size: 14px; }
.mxb-hours th { text-align: left; font-weight: 400; color: var(--b-mute); padding: 4px 0; }
.mxb-hours td { text-align: right; font-weight: 700; }
.mxb-claim { background: var(--b-wash); }
.mxb-claim p { font-size: 14.5px; line-height: 1.7; margin: 0 0 10px; }
.mxb-note { font-size: 12.5px; color: var(--b-mute); line-height: 1.7; }
.mxb-note a { color: var(--b-mute) !important; text-decoration: underline; }

/* ---------- forms (JetFormBuilder) ---------- */
.mxb .jet-form-builder__label-text, .mxb .jet-form-builder__heading { font: 700 14.5px/1.5 Phetsarath, sans-serif; color: var(--b-ink); }
.mxb .jet-form-builder__desc { font-size: 13px; color: var(--b-mute); }
.mxb .jet-form-builder__field:not([type=checkbox]):not([type=radio]):not([type=file]) { width: 100%; min-height: 46px; border: 1px solid #D5D0C3 !important; border-radius: var(--b-r) !important; padding: 9px 12px !important; font: 400 15px/1.6 Phetsarath, sans-serif !important; background: #fff; box-sizing: border-box; }
.mxb textarea.jet-form-builder__field { min-height: 120px; }
.mxb .jet-form-builder__field:focus { border-color: var(--b-navy) !important; outline: 2px solid rgba(15,59,102,.15); }
.mxb .jet-form-builder__row { margin-bottom: 14px; }
.mxb .jet-form-builder__submit { background: var(--b-gold) !important; color: var(--b-deep) !important; border: 0 !important; border-radius: var(--b-r) !important; min-height: 48px; padding: 0 26px !important; font: 700 16px Phetsarath, sans-serif !important; cursor: pointer; }
.mxb .jet-form-builder-messages-wrap > div { border-radius: var(--b-r); padding: 12px 14px; font: 400 15px/1.6 Phetsarath, sans-serif; }
.mxb .jet-form-builder-message--success { background: #E7F5EC; color: var(--b-ok); }
.mxb .jet-form-builder-message--error { background: #FBEAEA; color: var(--b-red); }
.mxb .jet-form-builder__heading { border-bottom: 1px solid var(--b-line); padding: 14px 0 6px; margin: 6px 0 12px; font-size: 17px !important; }
.mxb-find__f { display: flex; gap: 8px; }
.mxb-find__f input { flex: 1; min-height: 46px; border: 1px solid #D5D0C3; border-radius: var(--b-r); padding: 0 12px; font: 400 15px Phetsarath, sans-serif; }
.mxb-found { list-style: none; margin: 12px 0; padding: 0; }
.mxb-found li { display: flex; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--b-hair); flex-wrap: wrap; }
.mxb-found .mxb-logo { width: 44px; height: 44px; font-size: 18px; }
.mxb-found li > a:not(.mxb-btn) { flex: 1; color: var(--b-ink) !important; }
.mxb-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 0 0 22px; }
.mxb-type { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; border: 1px solid var(--b-line); border-radius: 12px; padding: 14px; background: #fff; text-decoration: none !important; color: var(--b-ink) !important; transition: border-color .15s, box-shadow .15s, transform .15s; }
.mxb-type:hover { border-color: var(--b-navy); box-shadow: 0 6px 18px rgba(10,42,73,.08); transform: translateY(-1px); }
.mxb-type.is-on { border: 2px solid var(--b-navy); background: #F2F6FB; }
.mxb-type b { display: block; font-size: 15px; line-height: 1.4; color: var(--b-ink); }
.mxb-type small { color: var(--b-mute); font-size: 12.5px; line-height: 1.5; }
.mxb-type i { margin-top: auto; padding-top: 4px; font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--b-navy); }
@media (max-width: 600px) { .mxb-types { grid-template-columns: 1fr 1fr; } }
.mxb-claimhead { display: flex; gap: 12px; align-items: center; margin: 0 0 12px; flex-wrap: wrap; }
.mxb-claimhead > div { flex: 1; }
.mxb-claimhead small { display: block; color: var(--b-mute); font-size: 13px; }
.mxb-claimhead b { font-size: 19px; color: var(--b-ink); }

/* ---------- login / register / account ---------- */
.mxb-auth form p { margin: 0 0 14px; }
.mxb-auth label { display: block; font: 700 14.5px Phetsarath, sans-serif; color: var(--b-ink); margin-bottom: 4px; }
.mxb-auth input[type=text], .mxb-auth input[type=password] { width: 100%; min-height: 46px; border: 1px solid #D5D0C3; border-radius: var(--b-r); padding: 0 12px; font-size: 15px; box-sizing: border-box; }
.mxb-auth .login-remember label { display: inline; font-weight: 400; }
.mxb-auth input[type=submit] { background: var(--b-gold); color: var(--b-deep); border: 0; border-radius: var(--b-r); min-height: 48px; padding: 0 30px; font: 700 16px Phetsarath, sans-serif; cursor: pointer; }
.mxb-auth__links { font-size: 14px; color: var(--b-mute); }
.mxb-acc__head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; align-items: center; background: var(--b-deep); color: #fff; padding: 14px 20px; border-radius: var(--b-r); margin-bottom: 16px; }
.mxb-acc__head b { font-size: 18px; } .mxb-acc__head a { color: var(--b-gold) !important; }
.mxb-acc__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.mxb-acc__top .mxb-h2 { flex: 1; }
.mxb-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin: 0 0 24px; }
.mxb-kpis > div { background: #fff; border: 1px solid var(--b-line); border-radius: var(--b-r); padding: 12px 14px; font-size: 13.5px; color: var(--b-mute); }
.mxb-kpis b { display: block; font-size: 26px; color: var(--b-navy); line-height: 1.3; }
.mxb-mine { list-style: none; margin: 0; padding: 0; }
.mxb-mine li { display: flex; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--b-hair); }
.mxb-mine li > span { flex: 1; }
.mxb-mine small { display: block; color: var(--b-mute); font-size: 13px; }
.mxb-mine b { color: var(--b-ink); }
.mxb-mine .mxb-logo { width: 48px; height: 48px; font-size: 20px; }
.mxb-mine .mxb-empty { display: block; color: var(--b-mute); }
.mxb-msgs { list-style: none; margin: 0; padding: 0; }
.mxb-msgs li { border: 1px solid var(--b-line); border-radius: var(--b-r); padding: 12px 14px; margin-bottom: 10px; background: #fff; }
.mxb-msgs small { color: var(--b-mute); }
.mxb-msgs__act { display: flex; gap: 16px; flex-wrap: wrap; font-size: 14px; }
.mxb-msgs__act a { display: inline-flex; gap: 5px; align-items: center; color: var(--b-navy) !important; font-weight: 700; }
.mxb .jet-profile-menu { display: flex; flex-direction: column; gap: 2px; }
.mxb .jet-profile-menu__item-link { display: block; padding: 10px 14px; border-radius: var(--b-r); font: 700 14.5px Phetsarath, sans-serif; color: var(--b-body) !important; text-decoration: none !important; }
.mxb .jet-profile-menu__item.is-active .jet-profile-menu__item-link, .mxb .jet-profile-menu__item-link:hover { background: #E8EEF6; color: var(--b-navy) !important; }

@media (max-width: 1024px) {
  body.mxb .mxb-hero__h { font-size: 30px; }
  .mxb .jet-profile-menu { flex-direction: row; overflow-x: auto; }
  .mxb .jet-profile-menu__item { flex: none; }
}
@media (max-width: 767px) {
  body.mxb .mxb-hero__h { font-size: 25px; }
  .mxb-hero__sub { font-size: 15px; }
  .mxb-hero .jet-search-filter { flex-direction: column; }
  .mxb-stats__credit { margin-left: 0; width: 100%; }
  .mxb-cover { height: 140px; }
  .mxb-logo--lg { width: 84px !important; height: 84px !important; margin-top: -36px; }
  .mxb-head__row { padding: 0 14px 14px; gap: 10px; }
  body.mxb .mxb-head__h { font-size: 22px; }
  .mxb-head__act { width: 100%; } .mxb-head__act .mxb-btn { flex: 1; justify-content: center; }
  .mxb-cta { padding: 22px 18px; } .mxb-cta h2 { font-size: 20px; }
  .mxb-cta__btns, .mxb-cta__btns .mxb-btn { width: 100%; justify-content: center; }
  .mxb-facts > div { border-right: 0; border-bottom: 1px solid var(--b-line); }
}

/* Phones/tablets: filters fold behind a button */
.mxb-ftoggle { display: none; }
@media (max-width: 1024px) {
  .mxb-ftoggle { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 44px; padding: 0 14px; margin: 0 0 12px; border: 1px solid var(--b-line); border-radius: var(--b-r); background: #fff; color: var(--b-navy); font: 700 15px Phetsarath, sans-serif; cursor: pointer; }
  .mxb-filters-col { flex-wrap: wrap; align-content: flex-start; }
  .mxb-ftoggle::after { content: '▾'; transition: transform .2s; }
  .mxb-filters-col.is-open .mxb-ftoggle::after { transform: rotate(180deg); }
  .mxb-filters-col:not(.is-open) > .elementor-widget-wrap > .elementor-element { display: none; }
}

/* theme paints every <button> pink — force our colours on buttons in all states */
button.mxb-btn, button.mxb-btn:hover, button.mxb-btn:focus, button.mxb-btn:active { box-shadow: none !important; text-transform: none !important; }
button.mxb-btn--ghost, button.mxb-btn--ghost:hover, button.mxb-btn--ghost:focus, button.mxb-btn--ghost:active { background: #fff !important; color: var(--b-navy) !important; border: 1px solid var(--b-line) !important; }
button.mxb-btn--ghost:hover { background: #F7F5F0 !important; }
button.mxb-btn--navy, button.mxb-btn--navy:hover, button.mxb-btn--navy:focus { background: var(--b-navy) !important; color: #fff !important; border-color: var(--b-navy) !important; }
button.mxb-btn--gold, button.mxb-btn--gold:hover, button.mxb-btn--gold:focus { background: var(--b-gold) !important; color: var(--b-deep) !important; border-color: var(--b-gold) !important; }
button.mxb-btn svg { stroke: currentColor; }

/* ===== phase 2: jobs · deals · events · tenders ===== */
.mxb-boxx, .mxb-mega { --b-navy:#0F3B66; --b-deep:#0A2A49; --b-ink:#0E1823; --b-mute:#5B6470; --b-gold:#F3C95B; --b-line:#E6E2D8; --b-hair:#EFECE5; --b-wash:#F7F5F0; --b-red:#B3261E; --b-ok:#1A7F37; --b-r:6px; }
.mxb-logo--xs { width: 36px !important; height: 36px !important; flex: none; border-radius: 6px; object-fit: contain; background: #fff; border: 1px solid var(--b-line); }
.mxb-logo--md { width: 56px !important; height: 56px !important; flex: none; border-radius: 8px; object-fit: contain; background: #fff; border: 1px solid var(--b-line); }
.mxb-chip--soon { background: #FDECEA !important; color: var(--b-red) !important; font-weight: 700; }
.mxb-chip--pay { background: #EAF5EE !important; color: var(--b-ok) !important; font-weight: 700; }
.mxb-chip--code { background: #FFF6DC !important; color: #8A6400 !important; }
.mxb-chip--type { background: #E8EEF6 !important; color: var(--b-navy) !important; }
.mxb-chip--on { background: var(--b-navy) !important; color: #fff !important; }
.mxb-chip .mxb-i { width: 14px; height: 14px; }
/* cards */
.mxb-lc { position: relative; display: flex; gap: 14px; align-items: flex-start; height: 100%; padding: 16px; background: #fff; border: 1px solid var(--b-line); border-radius: 8px; transition: border-color .15s, box-shadow .15s; }
.mxb-lc:hover { border-color: #CFC8B8; box-shadow: 0 4px 14px rgba(10,42,73,.07); }
.mxb-lc__logo { width: 52px !important; height: 52px !important; flex: none; border-radius: 8px; object-fit: contain; border: 1px solid var(--b-line); background: #fff; }
.mxb-lc__b { flex: 1; min-width: 0; }
body.mxb .mxb-lc__t, .mxb-lc__t { font: 700 16.5px/1.45 Phetsarath, sans-serif !important; margin: 0 0 2px !important; color: var(--b-ink) !important; }
.mxb-lc__t a { color: inherit !important; text-decoration: none; }
.mxb-lc__t a::after { content: ""; position: absolute; inset: 0; }
.mxb-lc__co { font-size: 14px; color: var(--b-mute); margin-bottom: 8px; }
.mxb-lc__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.mxb-lc__chips .mxb-chip { font-size: 12.5px; padding: 3px 9px; }
.mxb-lc--deal { flex-direction: column; padding: 0; overflow: hidden; gap: 0; }
.mxb-lc--deal .mxb-lc__b { padding: 12px 14px 14px; width: 100%; }
.mxb-lc__media { position: relative; display: block; width: 100%; aspect-ratio: 16/10; background: var(--b-wash); }
body.mxb .mxb-lc__img { width: 100% !important; height: 100% !important; object-fit: cover; display: flex; align-items: center; justify-content: center; color: #C9C2B2; }
.mxb-lc__img--ph .mxb-i { width: 40px; height: 40px; }
.mxb-lc__pct { position: absolute; top: 10px; left: 10px; background: var(--b-red); color: #fff; font: 700 14px Phetsarath, sans-serif; padding: 3px 9px; border-radius: 4px; }
.mxb-lc__price { margin: 2px 0 8px; font-size: 15px; }
.mxb-lc__price b { color: var(--b-red); font-size: 17px; }
.mxb-lc__price s { color: var(--b-mute); font-size: 13px; }
.mxb-lc__date { flex: none; width: 58px; text-align: center; border: 1px solid var(--b-line); border-radius: 8px; overflow: hidden; }
.mxb-lc__date b { display: block; background: var(--b-navy); color: #fff; font: 700 22px/1.5 Phetsarath, sans-serif; }
.mxb-lc__date span { display: block; font-size: 12.5px; padding: 2px 0; color: var(--b-ink); }
.mxb-lc--project { border-left: 4px solid var(--b-gold); }
/* detail page */
.mxb-ihead { margin: 6px 0 16px; }
.mxb-ihead__img img { width: 100% !important; height: auto !important; max-height: 440px; object-fit: cover; border-radius: 8px; margin-bottom: 14px; }
.mxb-ihead__row { display: flex; gap: 14px; align-items: center; }
body.mxb .mxb-ihead__h { font: 700 27px/1.4 Phetsarath, sans-serif !important; color: var(--b-ink) !important; margin: 0 0 4px !important; }
.mxb-co { display: inline-flex; align-items: center; gap: 6px; color: var(--b-navy) !important; font-weight: 700; text-decoration: none; }
.mxb-co .mxb-i { width: 16px; height: 16px; color: var(--b-ok); }
.mxb-closed { background: #FDECEA; color: var(--b-red); font-weight: 700; padding: 10px 14px; border-radius: 6px; margin: 10px 0; }
.mxb-item .mxb-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; background: var(--b-wash); border: 1px solid var(--b-line); border-radius: 8px; padding: 14px 16px; margin: 0 0 18px; }
.mxb-item .mxb-facts div { min-width: 0; }
.mxb-item .mxb-facts dt { font-size: 12.5px; color: var(--b-mute); margin: 0; }
.mxb-item .mxb-facts dd { margin: 0; font-weight: 700; color: var(--b-ink); word-break: break-word; }
.mxb-price { color: var(--b-red); font-size: 18px; }
.mxb-list { margin: 0 0 8px; padding-left: 20px; }
.mxb-list li { margin: 4px 0; }
.mxb-act { display: flex; flex-direction: column; gap: 10px; }
.mxb-act .mxb-h3 { margin: 0 !important; }
.mxb-btn--block { width: 100%; justify-content: center; }
.mxb-code { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; border: 2px dashed var(--b-gold); background: #FFFBEF; border-radius: 8px; padding: 10px 12px; }
.mxb-code small { width: 100%; color: var(--b-mute); }
.mxb-code b { font: 700 20px monospace; letter-spacing: 1px; color: var(--b-deep); flex: 1; }
.mxb-cobox__h { display: flex; gap: 12px; align-items: center; margin-bottom: 8px; }
.mxb-cobox__h small { display: block; color: var(--b-mute); }
.mxb-pickco { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
/* account: my listings */
.mxb-mylist { list-style: none; margin: 0; padding: 0; border: 1px solid var(--b-line); border-radius: 8px; background: #fff; }
.mxb-mylist li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-top: 1px solid var(--b-hair); }
.mxb-mylist li:first-child { border-top: 0; }
.mxb-mylist small { display: block; color: var(--b-mute); }
.mxb-mylist a { font-weight: 700; color: var(--b-ink) !important; }
.mxb-b--wait { background: #FFF6DC; color: #8A6400; }
.mxb-b--off { background: #EEE; color: #555; }
.mxb-mylist .mxb-b { flex: none; min-width: 86px; text-align: center; }
/* reader box (news articles, sidebars, any page) */
.mxb-boxx { font-family: Phetsarath, "Noto Sans Lao", sans-serif; border: 1px solid var(--b-line); border-top: 3px solid var(--b-gold); border-radius: 8px; background: #fff; margin: 28px 0; overflow: hidden; }
.mxb-boxx__h { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 16px; background: var(--b-deep); }
.mxb-boxx__h b { color: #fff; font-size: 16px; }
.mxb-boxx__h a { color: var(--b-gold) !important; font-size: 13.5px; text-decoration: none; white-space: nowrap; }
.mxb-boxx ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.mxb-boxx li { margin: 0 !important; padding: 0 !important; border-top: 1px solid var(--b-line); }
.mxb-boxx li:first-child { border-top: 0; }
.mxb-boxx li::before { display: none !important; }
.mxb-boxx li a { display: flex; gap: 12px; align-items: center; padding: 11px 16px; text-decoration: none !important; color: var(--b-ink) !important; }
.mxb-boxx li a:hover { background: var(--b-wash); }
.mxb-boxx li span { min-width: 0; }
.mxb-boxx li small { display: block; font-size: 12px; color: var(--b-navy); font-weight: 700; }
.mxb-boxx li b { display: block; font-size: 15px; line-height: 1.45; }
.mxb-boxx li em { display: block; font-style: normal; font-size: 13px; color: var(--b-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mxb-boxx .mxb-logo--xs { width: 40px !important; height: 40px !important; max-width: none; }
.mxb-boxx__ic { display: inline-flex; align-items: center; justify-content: center; background: var(--b-wash); color: var(--b-navy); }
.mxb-boxx__tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px; border-top: 1px solid var(--b-line); background: var(--b-wash); }
.mxb-boxx__tabs a { font-size: 13px; padding: 3px 10px; border-radius: 99px; background: #fff; border: 1px solid var(--b-line); color: var(--b-navy) !important; text-decoration: none !important; }
.mxb-boxx__post { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 11px; font-weight: 700; font-size: 14px; color: var(--b-deep) !important; background: var(--b-gold); text-decoration: none !important; }
@media (max-width: 600px) { body.mxb .mxb-ihead__h { font-size: 22px !important; } .mxb-lc { padding: 13px; } .mxb-item .mxb-facts { grid-template-columns: 1fr 1fr; } }

/* form submit: text centred both ways (Phetsarath sits high with a fixed line-height) */
.mxb .jet-form-builder__submit, .mxb .jet-form-builder__action-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1.3 !important; padding-top: 0 !important; padding-bottom: 0 !important; height: auto !important; min-height: 48px !important; }
.mxb .jet-form-builder__submit-wrap, .mxb .jet-form-builder__action-button-wrapper { align-items: center; }
.mxb-stats__post { display: inline-flex; align-items: center; gap: 5px; color: var(--b-gold) !important; font-weight: 700; text-decoration: none !important; border: 1px solid rgba(243,201,91,.55); border-radius: 99px; padding: 3px 12px; }
.mxb-stats__post:hover { background: rgba(243,201,91,.12); }

/* ===== detail pages v2 (detail.php): photo header, fact cards, gallery, timeline ===== */
.mxb-ih{--c:#0F3B66;position:relative;overflow:hidden;background:#0A2A49;color:#fff;font-family:Phetsarath,sans-serif;isolation:isolate}
.mxb-ih__bg{position:absolute;inset:-40px;z-index:-2;background-size:cover;background-position:center;filter:blur(30px) saturate(1.2) brightness(.5);transform:scale(1.1)}
.mxb-ih::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(10,42,73,.97) 0%,rgba(10,42,73,.86) 45%,rgba(10,42,73,.55) 100%)}
.mxb-ih__in{max-width:1200px;margin:0 auto;padding:40px 24px 46px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;align-items:center}
.mxb-ih__crumb{font-size:13px;color:#AFC2D8;margin-bottom:14px}.mxb-ih__crumb a{color:#DCE6F1!important;text-decoration:none!important}.mxb-ih__crumb a:hover{color:#F3C95B!important}
.mxb-ih__type{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:99px;background:var(--c);color:#fff;font-size:13px;font-weight:700;box-shadow:0 0 0 1px rgba(255,255,255,.25) inset}
.mxb-ih__type svg{width:16px;height:16px}
body.mxb .mxb-ih__h,.mxb-ih__h{margin:12px 0 12px;font-size:34px;line-height:1.35;font-weight:700;color:#fff!important}
.mxb-ih__co{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:#fff!important;text-decoration:none!important;font-weight:700;font-size:15px}
.mxb-ih__co:hover span{text-decoration:underline}
.mxb-ih__colo,.mxb-ih__co .mxb-logo{width:38px!important;height:38px!important;border-radius:10px;background:#fff;object-fit:contain;padding:3px;flex:none}
.mxb-ih__co>svg{width:18px;height:18px;color:#7FD49B}
.mxb-ih__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.mxb-ic{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:13.5px;line-height:1.4;color:#EAF0F7}
.mxb-ic svg{width:16px;height:16px;flex:none;opacity:.9}
.mxb-ic.is-good{color:#9BE8B4}.mxb-ic.is-soon{background:#B3261E;border-color:#B3261E;color:#fff;font-weight:700}.mxb-ic.is-gold{color:#F3C95B;border-color:rgba(243,201,91,.5)}
.mxb-ih__price{display:inline-flex;align-items:baseline;gap:8px;padding:2px 4px 2px 0;font-size:26px;font-weight:700;color:#F3C95B}.mxb-ih__price s{font-size:15px;font-weight:400;color:#AFC2D8}
.mxb-ih__closed{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;padding:6px 12px;border-radius:10px;background:rgba(179,38,30,.25);color:#FFD5D1;font-weight:700}
.mxb-ih__btns{display:flex;flex-wrap:wrap;gap:10px}
.mxb-ih__cta{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:12px;background:#F3C95B;color:#0A2A49!important;font-weight:700;font-size:16px;text-decoration:none!important;box-shadow:0 8px 22px rgba(243,201,91,.25);transition:transform .15s,background .15s}
.mxb-ih__cta:hover{background:#EDBB3A;transform:translateY(-1px)}.mxb-ih__cta svg{width:18px;height:18px}
button.mxb-ih__ghost,.mxb-ih__ghost{display:inline-flex!important;align-items:center;gap:7px;padding:12px 18px!important;border-radius:12px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;font:700 14.5px/1.3 Phetsarath,sans-serif!important;text-decoration:none!important;cursor:pointer;box-shadow:none!important}
button.mxb-ih__ghost:hover,.mxb-ih__ghost:hover{background:rgba(255,255,255,.18)!important}.mxb-ih__ghost svg{width:17px;height:17px}
.mxb-ih__media{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45);aspect-ratio:16/10;background:#16365A}
.mxb-ih__media img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.mxb-ih__media--none{background:linear-gradient(135deg,#1B4A7A,#0A2A49)}
.mxb-ih__pct{position:absolute;left:14px;top:14px;padding:6px 14px;border-radius:12px;background:#C2410C;color:#fff;font-size:22px;font-weight:700;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.mxb-ih__date{position:absolute;left:14px;top:14px;display:flex;flex-direction:column;align-items:center;min-width:74px;padding:8px 10px;border-radius:16px;background:#fff;color:#6D28D9;font-size:12.5px;font-weight:700;line-height:1.3;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.mxb-ih__date b{font-size:32px;line-height:1.1;color:#17202B}
.mxb-ih__logo{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;border-radius:20px;background:#fff;color:#17202B;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.mxb-ih__logoimg,.mxb-ih__logo .mxb-logo{width:120px!important;height:120px!important;object-fit:contain;border-radius:16px}
.mxb-ih__logo b{font-size:17px;line-height:1.45}.mxb-ih__logo small{font-size:13px;color:#1A7F37;font-weight:700}
.mxb-ih__count{justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.07);border:2px solid rgba(243,201,91,.6);box-shadow:0 0 0 14px rgba(243,201,91,.07)}
.mxb-ih__count b{font-size:72px;line-height:1;color:#F3C95B}.mxb-ih__count span{margin-top:6px;font-size:15px;color:#DCE6F1}
.mxb-ih .mxb-demo{vertical-align:middle;margin-left:8px}
/* body */
.mxb-item2{--c:#0F3B66;font-family:Phetsarath,sans-serif}
.mxb-item--job{--c:#1A7F37}.mxb-item--deal{--c:#C2410C}.mxb-item--event{--c:#6D28D9}.mxb-item--project{--c:#B7791F}
.mxb-item2 .mxb-sec{margin-top:30px}
.mxb-item2 .mxb-h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:20px;color:#17202B}
.mxb-item2 .mxb-h2>svg{width:34px;height:34px;padding:8px;border-radius:10px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);flex:none}
.mxb-item2 .mxb-h2 small{font-size:13px;font-weight:700;color:#5B6470;background:#F1EEE6;border-radius:99px;padding:1px 9px}
.mxb-h2__more{margin-left:auto;font-size:14px;font-weight:700;color:var(--c)!important;text-decoration:none!important}
.mxb-demo-note{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:11px 14px;border-radius:12px;background:#FFF6D9;border:1px solid #F1DC99;color:#6B4F00;font-size:14px}
.mxb-demo-note svg{width:18px;height:18px;flex:none;color:#C99A1E}
.mxb-fx{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.mxb-fx__i{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#fff;border:1px solid #EEEAE1}
.mxb-fx__i>svg{width:40px;height:40px;padding:10px;border-radius:11px;flex:none;color:var(--c);background:color-mix(in srgb,var(--c) 11%,#fff)}
.mxb-fx__i>span{min-width:0}.mxb-fx__i small{display:block;font-size:12.5px;color:#5B6470}.mxb-fx__i b{display:block;font-size:15px;line-height:1.5;color:#17202B;word-break:break-word}
.mxb-fx__i a{color:var(--c)!important}
.mxb-bar{display:block;height:6px;margin-top:6px;border-radius:9px;background:#EEEAE1;overflow:hidden}.mxb-bar i{display:block;height:100%;background:var(--c);border-radius:9px}
.mxb-prose{font-size:16px;line-height:1.85;color:#26303B}.mxb-prose p{margin:0 0 12px}
.mxb-tags{display:flex;flex-wrap:wrap;gap:8px}.mxb-tags span{padding:5px 12px;border-radius:99px;background:color-mix(in srgb,var(--c) 9%,#fff);color:var(--c);font-size:13.5px;font-weight:700}
.mxb-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mxb-checks li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #EEEAE1;font-size:15px;line-height:1.6}
.mxb-checks li svg{width:20px;height:20px;flex:none;margin-top:2px;padding:3px;border-radius:50%;color:#fff;background:#1A7F37}
.mxb-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.mxb-mini{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #EEEAE1;text-decoration:none!important;color:#17202B!important}
.mxb-mini>svg{width:40px;height:40px;padding:10px;border-radius:11px;flex:none;color:var(--c);background:color-mix(in srgb,var(--c) 11%,#fff)}
.mxb-mini img{width:52px!important;height:52px!important;border-radius:50%;object-fit:cover;flex:none}
.mxb-mini b{display:block;font-size:15px;line-height:1.45}.mxb-mini small{display:block;font-size:13px;color:#5B6470}
a.mxb-mini:hover{border-color:var(--c)}
.mxb-tl{list-style:none;margin:0;padding:0 0 0 8px;position:relative}
.mxb-tl::before{content:"";position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:color-mix(in srgb,var(--c) 25%,#fff)}
.mxb-tl li{position:relative;display:flex;gap:14px;align-items:baseline;padding:0 0 16px 30px;margin:0;text-align:left}
.mxb-tl li::before{content:"";position:absolute;left:1px;top:7px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--c)}
.mxb-tl time{flex:none;min-width:58px;padding:2px 10px;border-radius:8px;background:color-mix(in srgb,var(--c) 11%,#fff);color:var(--c);font-weight:700;font-size:14px;text-align:center}
.mxb-tl span{font-size:15.5px;line-height:1.6;color:#26303B}
.mxb-tl li.is-past{opacity:.5}.mxb-tl--dates time{min-width:130px}
.mxb-gl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px;gap:8px}
.mxb-gl a{display:block;border-radius:12px;overflow:hidden;background:#F1EEE6}
.mxb-gl img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .3s}.mxb-gl a:hover img{transform:scale(1.05)}
.mxb-gl--1{grid-template-columns:1fr;grid-auto-rows:auto}.mxb-gl--1 a{aspect-ratio:16/9}
.mxb-gl--2{grid-template-columns:1fr 1fr;grid-auto-rows:240px}
.mxb-gl--3 a:first-child,.mxb-gl--4 a:first-child{grid-column:span 2;grid-row:span 2}
.mxb-gl--3{grid-template-columns:2fr 1fr 1fr}.mxb-gl--3 a:first-child{grid-column:span 1}
.mxb-gl a.is-more{display:none}
.mxb-note--row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.mxb-note--row a{display:inline-flex;align-items:center;gap:5px}
.mxb-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mxb-lb{max-width:none;max-height:none;width:100vw;height:100vh;margin:0;padding:0;border:0;background:rgba(5,12,22,.94)}
.mxb-lb[open]{display:flex;align-items:center;justify-content:center}.mxb-lb::backdrop{background:rgba(5,12,22,.9)}
.mxb-lb img{max-width:92vw;max-height:86vh;border-radius:10px;object-fit:contain}
.mxb-lb button{position:absolute;display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;padding:0!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:30px!important;line-height:1!important;cursor:pointer}
.mxb-lb__x{top:16px;right:16px}.mxb-lb__p{left:16px;top:50%}.mxb-lb__n{right:16px;top:50%}
.mxb-stick{display:none}
#mxb-act{scroll-margin-top:90px}
@media(max-width:1024px){.mxb-ih__in{gap:28px}.mxb-ih__h{font-size:28px}.mxb-rel{grid-template-columns:1fr 1fr}}
@media(max-width:767px){
.mxb-ih__in{grid-template-columns:1fr;padding:22px 16px 26px;gap:18px}
.mxb-ih--deal .mxb-ih__media,.mxb-ih--event .mxb-ih__media{order:-1;border-radius:16px}
.mxb-ih__logo,.mxb-ih__count{display:none}
body.mxb .mxb-ih__h,.mxb-ih__h{font-size:23px;margin:10px 0}
.mxb-ih__crumb{margin-bottom:10px;font-size:12.5px}
.mxb-ih__chips{gap:6px;margin-bottom:16px}.mxb-ic{font-size:13px;padding:5px 10px}
.mxb-ih__btns>*{flex:1 1 auto;justify-content:center}
.mxb-ih__cta{width:100%;justify-content:center}
.mxb-ih__date{min-width:60px}.mxb-ih__date b{font-size:26px}
.mxb-fx{grid-template-columns:1fr 1fr;gap:8px}.mxb-fx__i{flex-direction:column;gap:8px;padding:12px}
.mxb-gl{grid-template-columns:1fr 1fr;grid-auto-rows:120px}.mxb-gl--3,.mxb-gl--4{grid-template-columns:1fr 1fr}.mxb-gl--3 a:first-child,.mxb-gl--4 a:first-child{grid-column:span 2;grid-row:span 2}
.mxb-gl--1{grid-template-columns:1fr}
.mxb-rel{grid-template-columns:1fr}
.mxb-tl--dates time{min-width:0}
.mxb-stick{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:9970;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:14px;background:#F3C95B;color:#0A2A49!important;font:700 16px/1.3 Phetsarath,sans-serif;text-decoration:none!important;box-shadow:0 10px 26px rgba(0,0,0,.25);transform:translateY(160%);transition:transform .25s}
.mxb-stick.is-on{transform:none}.mxb-stick svg{width:18px;height:18px}
body:has(.mxt-appsheet.is-open) .mxb-stick{display:none}
}

/* view count (views.php) */
.mxv-co{display:inline-flex;align-items:center;gap:4px;margin-left:8px;white-space:nowrap;vertical-align:middle}
.mxb-meta .mxv-co:first-child{margin-left:0}
.mxv-chip svg{flex:none}