/* =========================================================
   minibusticket.com — ธีมใหม่ (header / footer / search / home)
   ทุกคลาสขึ้นต้นด้วย mbt- เพื่อไม่ชนกับหน้าเดิมของเว็บ
   ========================================================= */
:root {
  /* ชุดสีหลัก (หลังบ้าน > ตกแต่งเว็บ เขียนทับค่าพวกนี้) */
  --mbt-c50: #f0f9ff; --mbt-c100: #e0f2fe; --mbt-c200: #bae6fd; --mbt-c300: #7dd3fc; --mbt-c400: #38bdf8;
  --mbt-c500: #0ea5e9; --mbt-c600: #0284c7; --mbt-c700: #0369a1; --mbt-c800: #075985; --mbt-c900: #0c4a6e;
  --mbt-accent: #2563eb; --mbt-accent-2: #60a5fa; --mbt-tint: #dbeafe;
  --mbt-c300-rgb: 125, 211, 252; --mbt-c400-rgb: 56, 189, 248; --mbt-c500-rgb: 14, 165, 233; --mbt-c600-rgb: 2, 132, 199; --mbt-c700-rgb: 3, 105, 161; --mbt-c900-rgb: 12, 74, 110;
  --mbt-head-1: var(--mbt-c600); --mbt-head-2: var(--mbt-c500); --mbt-head-3: var(--mbt-c400);
  --mbt-footer-bg: #e8f4fd; --mbt-footer-line: #c7e2f6; --mbt-footer-text: #334155; --mbt-footer-head: var(--mbt-c900);
  --mbt-red: var(--mbt-c600);
  --mbt-red-2: var(--mbt-c700);
  --mbt-grad: linear-gradient(135deg, var(--mbt-c400) 0%, var(--mbt-c500) 45%, var(--mbt-accent) 100%);
  --mbt-navy: var(--mbt-c900);
  --mbt-navy-2: #1e293b;
  --mbt-ink: #0f172a;
  --mbt-text: #334155;
  --mbt-muted: #64748b;
  --mbt-line: #dbe7f3;
  --mbt-soft: #f1f5f9;
  --mbt-bg: #f3f8fd;
  --mbt-card: #ffffff;
  --mbt-green: #10b981;
  --mbt-radius: 16px;
  --mbt-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);
  --mbt-shadow-lg: 0 24px 48px -16px rgba(var(--mbt-c600-rgb), .35);
  --mbt-font: "Prompt", "Sarabun", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body.mbt-body {
  font-family: var(--mbt-font);
  background: var(--mbt-bg);
  color: var(--mbt-text);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
.mbt-body a { color: inherit; }
.mbt-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }

/* ---------- Header ---------- */
.mbt-header {
  position: sticky; top: 0; z-index: 1030;
  background: linear-gradient(90deg, var(--mbt-head-1) 0%, var(--mbt-head-2) 55%, var(--mbt-head-3) 100%);
  backdrop-filter: saturate(160%) blur(10px);
  -webkit-backdrop-filter: saturate(160%) blur(10px);
  border-bottom: 0; box-shadow: 0 4px 18px -8px rgba(var(--mbt-c600-rgb), .55);
  font-family: var(--mbt-font);
}
.mbt-header .mbt-wrap { display: flex; align-items: center; gap: 12px; height: 64px; }
.mbt-logo { display: inline-flex; align-items: center; flex-shrink: 1; min-width: 0; max-width: 60vw; overflow: hidden; }
.mbt-logo img { height: 34px; width: auto; max-width: 100%; object-fit: contain; object-position: left center; display: block; }
.mbt-nav { display: flex; align-items: center; gap: 2px; margin-left: auto; list-style: none; padding: 0; margin-bottom: 0; }
.mbt-nav a {
  display: inline-flex; align-items: center; gap: 6px;
  color: rgba(255, 255, 255, .95) !important; text-decoration: none !important;
  font-size: .92rem; font-weight: 500; padding: 8px 12px; border-radius: 10px;
  transition: background .15s, color .15s; white-space: nowrap;
}
.mbt-nav a:hover { background: rgba(255, 255, 255, .18); color: #fff !important; }
.mbt-nav a.is-active { color: #fff !important; background: rgba(255, 255, 255, .22); }
.mbt-nav .mbt-nav-cta a { background: #fff; color: var(--mbt-c700) !important; box-shadow: 0 6px 18px rgba(var(--mbt-c700-rgb), .25); margin-left: 6px; }
.mbt-nav .mbt-nav-cta a:hover { background: var(--mbt-c50); color: var(--mbt-c700) !important; }
.mbt-nav .mbt-nav-cta a:hover { filter: brightness(1.06); }
.mbt-burger {
  display: none; margin-left: auto; background: rgba(255, 255, 255, .2); border: 0; color: #fff;
  width: 42px; height: 42px; border-radius: 12px; font-size: 1.35rem; line-height: 1; cursor: pointer;
}
.mbt-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; width: min(320px, 86vw); z-index: 1060; font-family: var(--mbt-font);
  background: #fff; color: var(--mbt-ink); transform: translateX(105%); transition: transform .25s ease; overflow-y: auto;
  padding: 0 12px 24px; box-shadow: -20px 0 40px rgba(0, 0, 0, .3);
}
.mbt-drawer.open { transform: none; }
.mbt-drawer-backdrop { position: fixed; inset: 0; z-index: 1055; background: rgba(var(--mbt-c900-rgb), .35); opacity: 0; pointer-events: none; transition: opacity .25s; }
.mbt-drawer-backdrop.open { opacity: 1; pointer-events: auto; }
.mbt-drawer-head { display: flex; align-items: center; justify-content: space-between; height: 64px; padding: 0 4px; border-bottom: 1px solid var(--mbt-line); margin-bottom: 8px; }
.mbt-drawer-head b { font-weight: 600; }
.mbt-drawer-close { background: var(--mbt-soft); border: 0; color: var(--mbt-ink); width: 38px; height: 38px; border-radius: 10px; font-size: 1.1rem; cursor: pointer; }
.mbt-drawer a {
  display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 12px;
  color: var(--mbt-text) !important; text-decoration: none !important; font-weight: 500; font-size: .95rem;
}
.mbt-drawer a:hover, .mbt-drawer a.is-active { background: var(--mbt-c100); color: var(--mbt-c700) !important; }
.mbt-drawer a i { width: 22px; text-align: center; color: var(--mbt-c600); font-size: 1.05rem; }
.mbt-drawer-group { font-size: .72rem; letter-spacing: .06em; color: var(--mbt-muted); padding: 14px 12px 4px; }
@media (max-width: 1099px) {
  .mbt-nav { display: none; }
  .mbt-burger { display: inline-flex; align-items: center; justify-content: center; }
}

/* ---------- Hero ---------- */
.mbt-hero {
  position: relative; overflow: hidden; color: var(--mbt-ink);
  background:
    radial-gradient(900px 420px at 90% -10%, rgba(var(--mbt-c400-rgb), .45), transparent 60%),
    radial-gradient(700px 380px at -10% 110%, rgba(var(--mbt-c300-rgb), .35), transparent 60%),
    linear-gradient(180deg, var(--mbt-c100) 0%, var(--mbt-c50) 70%, var(--mbt-bg) 100%);
  padding: 48px 0 120px;
}
.mbt-hero h1 { font-weight: 700; font-size: clamp(1.6rem, 1.1rem + 2.4vw, 2.75rem); line-height: 1.25; margin: 0 0 12px; letter-spacing: -.01em; color: var(--mbt-c900); }
.mbt-hero h1 span { background: linear-gradient(90deg, var(--mbt-c500), var(--mbt-accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mbt-hero p.mbt-lead { color: #475569; font-size: clamp(.95rem, .9rem + .3vw, 1.1rem); margin: 0 0 22px; max-width: 640px; }
.mbt-hero-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.mbt-hero-chips a, .mbt-hero-chips span {
  display: inline-flex; align-items: center; gap: 6px; font-size: .85rem; padding: 6px 12px; border-radius: 999px;
  background: #fff; border: 1px solid var(--mbt-c200); color: var(--mbt-c700) !important; box-shadow: 0 2px 8px -4px rgba(var(--mbt-c600-rgb), .3); text-decoration: none !important;
}
.mbt-hero-chips a:hover { background: var(--mbt-c100); }
.mbt-hero--sm { padding: 32px 0 90px; }
.mbt-hero--sm h1 { font-size: clamp(1.4rem, 1.1rem + 1.6vw, 2.1rem); }
.mbt-crumb { font-size: .82rem; color: var(--mbt-muted); margin-bottom: 10px; }
.mbt-crumb a { color: var(--mbt-c700) !important; text-decoration: none; }
.mbt-crumb a:hover { color: var(--mbt-c800) !important; text-decoration: underline; }
.mbt-crumb i { font-size: .65rem; margin: 0 6px; opacity: .6; }

/* ---------- Stats ---------- */
.mbt-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 18px; }
.mbt-stat { background: rgba(255, 255, 255, .85); border: 1px solid var(--mbt-c200); border-radius: 14px; padding: 12px 14px; }
.mbt-stat b { display: block; font-size: 1.35rem; font-weight: 700; color: var(--mbt-c700); line-height: 1.2; }
.mbt-stat small { color: var(--mbt-muted); font-size: .8rem; }
@media (max-width: 640px) { .mbt-stats { grid-template-columns: repeat(2, 1fr); } }

/* ---------- Search card ---------- */
.mbt-search { font-family: var(--mbt-font); position: relative; z-index: 5; }
.mbt-search-card {
  background: #fff; border-radius: 20px; box-shadow: var(--mbt-shadow-lg);
  padding: 18px; color: var(--mbt-text); border: 1px solid rgba(15, 23, 42, .04);
}
.mbt-search-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.mbt-search-title h2 { font-size: 1.05rem; font-weight: 600; margin: 0; color: var(--mbt-ink); }
.mbt-search-title h2 i { color: var(--mbt-red); margin-right: 6px; }
.mbt-search-title small { color: var(--mbt-muted); font-size: .8rem; }
.mbt-search-grid { display: grid; grid-template-columns: 1fr auto 1fr 190px 170px; gap: 10px; align-items: end; }
.mbt-field { position: relative; min-width: 0; }
.mbt-field label { display: block; font-size: .76rem; font-weight: 600; color: var(--mbt-muted); margin: 0 0 5px 4px; text-transform: none; }
.mbt-input {
  display: flex; align-items: center; gap: 10px; height: 54px; padding: 0 14px;
  border: 1.5px solid var(--mbt-line); border-radius: 14px; background: #fff; transition: border-color .15s, box-shadow .15s;
}
.mbt-input:focus-within { border-color: var(--mbt-red); box-shadow: 0 0 0 4px rgba(var(--mbt-c600-rgb), .12); }
.mbt-input i { color: var(--mbt-red); font-size: 1.05rem; flex-shrink: 0; }
.mbt-input input {
  border: 0; outline: 0; background: transparent; width: 100%; min-width: 0; height: 100%;
  font: inherit; font-size: .98rem; color: var(--mbt-ink);
}
.mbt-input input::placeholder { color: #94a3b8; }
.mbt-input .mbt-clear { border: 0; background: transparent; color: #94a3b8; padding: 0 2px; cursor: pointer; display: none; font-size: 1rem; }
.mbt-input.has-value .mbt-clear { display: inline-block; }
.mbt-swap {
  width: 42px; height: 42px; border-radius: 50%; border: 1.5px solid var(--mbt-line); background: #fff; color: var(--mbt-ink);
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer; margin-bottom: 6px; transition: transform .2s, border-color .15s;
}
.mbt-swap:hover { border-color: var(--mbt-red); color: var(--mbt-red); transform: rotate(180deg); }
.mbt-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 54px; padding: 0 22px; border: 0; border-radius: 14px; cursor: pointer;
  background: var(--mbt-grad); color: #fff !important; font: inherit; font-weight: 600; font-size: 1rem; text-decoration: none !important;
  box-shadow: 0 10px 24px -6px rgba(var(--mbt-c600-rgb), .55); transition: transform .15s, box-shadow .15s, filter .15s;
}
.mbt-btn:hover { transform: translateY(-1px); filter: brightness(1.05); }
.mbt-btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.mbt-btn--sm { height: 38px; padding: 0 14px; font-size: .88rem; border-radius: 10px; box-shadow: 0 6px 14px -6px rgba(var(--mbt-c600-rgb), .55); }
.mbt-btn--ghost { background: #fff; color: var(--mbt-ink) !important; border: 1.5px solid var(--mbt-line); box-shadow: none; }
.mbt-btn--ghost:hover { border-color: var(--mbt-red); color: var(--mbt-red) !important; }
.mbt-search-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; font-size: .82rem; color: var(--mbt-muted); }
.mbt-search-foot a { color: var(--mbt-red) !important; text-decoration: none; font-weight: 500; }
.mbt-search-foot .mbt-trust { display: inline-flex; gap: 14px; flex-wrap: wrap; }
.mbt-search-foot .mbt-trust i { color: var(--mbt-green); margin-right: 4px; }
.mbt-search-msg { margin-top: 10px; font-size: .88rem; color: var(--mbt-red-2); display: none; }
.mbt-search-msg.show { display: block; }
.mbt-pane { display: none; }
.mbt-pane.is-active { display: block; }
.mbt-widget-box { border-radius: 14px; overflow: hidden; border: 1px solid var(--mbt-line); background: #fff; }
.mbt-mode { display: inline-flex; gap: 4px; background: var(--mbt-c100); padding: 4px; border-radius: 12px; }
.mbt-mode button {
  display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; padding: 8px 14px; border-radius: 9px;
  font: inherit; font-size: .9rem; font-weight: 600; color: var(--mbt-c700); cursor: pointer; transition: background .15s, color .15s, box-shadow .15s;
}
.mbt-mode button:hover { background: rgba(255, 255, 255, .6); }
.mbt-mode button.is-active { background: var(--mbt-grad); color: #fff; box-shadow: 0 6px 14px -6px rgba(var(--mbt-c600-rgb), .6); }
@media (max-width: 575px) { .mbt-mode { width: 100%; } .mbt-mode button { flex: 1; justify-content: center; padding: 8px 6px; font-size: .85rem; } }
.mbt-widget-box iframe { width: 100%; height: 330px; border: 0; display: block; }
@media (max-width: 1007px) { .mbt-widget-box iframe { height: 440px; } }
@media (max-width: 600px) { .mbt-widget-box iframe { height: 700px; } }

/* dropdown */
.mbt-ac {
  position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 50; background: #fff; border-radius: 14px;
  box-shadow: 0 18px 40px -8px rgba(15, 23, 42, .28); border: 1px solid var(--mbt-line); max-height: 340px; overflow-y: auto; display: none; padding: 6px;
}
.mbt-ac.show { display: block; }
.mbt-ac button {
  display: flex; width: 100%; align-items: flex-start; gap: 10px; text-align: left; border: 0; background: transparent;
  padding: 9px 10px; border-radius: 10px; font: inherit; color: var(--mbt-ink); cursor: pointer;
}
.mbt-ac button:hover, .mbt-ac button.is-active { background: var(--mbt-c100); }
.mbt-ac button i { color: var(--mbt-red); margin-top: 3px; }
.mbt-ac .mbt-ac-name { display: block; font-size: .93rem; line-height: 1.35; }
.mbt-ac .mbt-ac-sub { display: block; font-size: .76rem; color: var(--mbt-muted); }
.mbt-ac .mbt-ac-empty { padding: 12px; color: var(--mbt-muted); font-size: .88rem; }
.mbt-ac mark { background: var(--mbt-tint); color: inherit; padding: 0 1px; border-radius: 3px; }

@media (max-width: 991px) {
  .mbt-search-grid { grid-template-columns: 1fr 1fr; }
  .mbt-search-grid .mbt-swap { display: none; }
  .mbt-search-grid .mbt-btn { grid-column: span 1; }
}
@media (max-width: 575px) {
  .mbt-search-card { padding: 14px; border-radius: 18px; }
  .mbt-search-grid { grid-template-columns: 1fr; }
  .mbt-search-grid .mbt-btn { width: 100%; }
}
/* กล่องค้นหาที่ฝังในหน้าเดิม (ไม่มี hero) */
.mbt-search--embed { max-width: 1180px; margin: 24px auto; padding: 0 12px; box-sizing: border-box; }
.mbt-search--embed .mbt-search-card { box-shadow: var(--mbt-shadow); }
.mbt-search--embed .mbt-embed-head { text-align: center; margin-bottom: 14px; }
.mbt-search--embed .mbt-embed-head h2 { font-weight: 700; color: var(--mbt-ink); font-size: clamp(1.3rem, 1.1rem + 1vw, 1.8rem); margin: 0 0 4px; }
.mbt-search--embed .mbt-embed-head h2 span { color: var(--mbt-red); }
.mbt-search--embed .mbt-embed-head p { color: var(--mbt-muted); margin: 0; }

/* ---------- Sections ---------- */
.mbt-main { margin-top: -60px; position: relative; z-index: 2; }
.mbt-section { margin: 40px 0; }
.mbt-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.mbt-section-head h2 { font-size: clamp(1.2rem, 1.05rem + .7vw, 1.55rem); font-weight: 700; color: var(--mbt-ink); margin: 0; }
.mbt-section-head h2 .mbt-ico {
  display: inline-flex; width: 36px; height: 36px; border-radius: 10px; align-items: center; justify-content: center;
  background: var(--mbt-tint); color: var(--mbt-red); font-size: 1rem; margin-right: 10px; vertical-align: -6px;
}
.mbt-section-head p { margin: 4px 0 0; color: var(--mbt-muted); font-size: .92rem; }
.mbt-more { color: var(--mbt-red) !important; text-decoration: none !important; font-weight: 600; font-size: .92rem; white-space: nowrap; }
.mbt-more:hover { text-decoration: underline !important; }
.mbt-panel { background: var(--mbt-card); border-radius: var(--mbt-radius); box-shadow: var(--mbt-shadow); padding: 22px; }
@media (max-width: 575px) { .mbt-panel { padding: 16px; } .mbt-section { margin: 28px 0; } }

.mbt-grid { display: grid; gap: 12px; }
.mbt-grid-2 { grid-template-columns: repeat(2, 1fr); }
.mbt-grid-3 { grid-template-columns: repeat(3, 1fr); }
.mbt-grid-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 991px) { .mbt-grid-3, .mbt-grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .mbt-grid-2, .mbt-grid-3, .mbt-grid-4 { grid-template-columns: 1fr; } }

/* route card */
.mbt-route {
  display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--mbt-line); border-radius: 14px;
  padding: 14px; text-decoration: none !important; color: var(--mbt-ink) !important; transition: transform .15s, box-shadow .15s, border-color .15s; min-height: 72px;
}
.mbt-route:hover { transform: translateY(-2px); box-shadow: var(--mbt-shadow); border-color: var(--mbt-c200); }
.mbt-route-ico { width: 42px; height: 42px; border-radius: 12px; background: var(--mbt-c100); color: var(--mbt-red); display: flex; align-items: center; justify-content: center; font-size: 1.15rem; flex-shrink: 0; }
.mbt-route-body { flex: 1; min-width: 0; }
.mbt-route-title { display: block; font-weight: 600; font-size: .95rem; line-height: 1.4; }
.mbt-route-sub { display: block; font-size: .8rem; color: var(--mbt-muted); margin-top: 2px; }
.mbt-route-cta { flex-shrink: 0; font-size: .82rem; font-weight: 600; color: var(--mbt-red); background: var(--mbt-c100); padding: 6px 10px; border-radius: 999px; white-space: nowrap; }
.mbt-route:hover .mbt-route-cta { background: var(--mbt-red); color: #fff; }

/* operator card */
.mbt-op {
  display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--mbt-line); border-radius: 14px; padding: 12px;
  text-decoration: none !important; color: var(--mbt-ink) !important; transition: transform .15s, box-shadow .15s, border-color .15s;
}
.mbt-op:hover { transform: translateY(-2px); box-shadow: var(--mbt-shadow); border-color: var(--mbt-c200); }
.mbt-op img, .mbt-op .mbt-op-ph { width: 48px; height: 48px; border-radius: 12px; object-fit: contain; background: #fff; border: 1px solid var(--mbt-soft); flex-shrink: 0; }
.mbt-op .mbt-op-ph { display: flex; align-items: center; justify-content: center; color: var(--mbt-red); background: var(--mbt-c100); font-size: 1.2rem; }
.mbt-op b { display: block; font-weight: 600; font-size: .92rem; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mbt-op small { color: var(--mbt-muted); font-size: .78rem; }

/* province pair chips */
.mbt-pairs { display: flex; flex-wrap: wrap; gap: 8px; }
.mbt-pair {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--mbt-line);
  font-size: .9rem; color: var(--mbt-ink) !important; text-decoration: none !important; transition: border-color .15s, color .15s, box-shadow .15s;
}
.mbt-pair:hover { border-color: var(--mbt-red); color: var(--mbt-red) !important; box-shadow: 0 6px 14px -6px rgba(var(--mbt-c600-rgb), .35); }
.mbt-pair i { color: var(--mbt-red); font-size: .8rem; }
.mbt-pair small { color: var(--mbt-muted); font-size: .75rem; }

/* tools */
.mbt-tool {
  display: flex; gap: 14px; align-items: flex-start; padding: 18px; border-radius: 16px; background: #fff; border: 1px solid var(--mbt-line);
  text-decoration: none !important; color: var(--mbt-ink) !important; height: 100%; transition: transform .15s, box-shadow .15s;
}
.mbt-tool:hover { transform: translateY(-2px); box-shadow: var(--mbt-shadow); }
.mbt-tool .mbt-tool-ico { width: 46px; height: 46px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0; color: #fff; background: var(--mbt-grad); }
.mbt-tool:nth-child(2) .mbt-tool-ico { background: linear-gradient(135deg, #34d399, #059669); }
.mbt-tool:nth-child(3) .mbt-tool-ico { background: linear-gradient(135deg, var(--mbt-accent-2), var(--mbt-accent)); }
.mbt-tool:nth-child(4) .mbt-tool-ico { background: linear-gradient(135deg, #fbbf24, #d97706); }
.mbt-tool b { display: block; font-weight: 600; margin-bottom: 2px; }
.mbt-tool small { color: var(--mbt-muted); font-size: .84rem; line-height: 1.45; display: block; }

/* article card */
.mbt-post { display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid var(--mbt-line); text-decoration: none !important; color: var(--mbt-ink) !important; height: 100%; transition: transform .15s, box-shadow .15s; }
.mbt-post:hover { transform: translateY(-3px); box-shadow: var(--mbt-shadow); }
.mbt-post-img { aspect-ratio: 16/9; background: linear-gradient(135deg, var(--mbt-c100), #f1f5f9); overflow: hidden; display: flex; align-items: center; justify-content: center; color: var(--mbt-c300); font-size: 2rem; }
.mbt-post-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.mbt-post:hover .mbt-post-img img { transform: scale(1.04); }
.mbt-post-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.mbt-post-meta { font-size: .76rem; color: var(--mbt-muted); display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.mbt-post-meta .mbt-tag { background: var(--mbt-c100); color: var(--mbt-red-2); padding: 2px 8px; border-radius: 999px; font-weight: 500; }
.mbt-post-title { font-weight: 600; font-size: .98rem; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
.mbt-post-ex { font-size: .84rem; color: var(--mbt-muted); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
.mbt-post--wide { flex-direction: row; }
.mbt-post--wide .mbt-post-img { width: 42%; aspect-ratio: auto; min-height: 100%; }
@media (max-width: 575px) { .mbt-post--wide { flex-direction: column; } .mbt-post--wide .mbt-post-img { width: 100%; aspect-ratio: 16/9; } }

/* tabs */
.mbt-tabs { display: inline-flex; gap: 4px; background: var(--mbt-soft); padding: 4px; border-radius: 12px; }
.mbt-tabs button { border: 0; background: transparent; padding: 7px 14px; border-radius: 9px; font: inherit; font-size: .88rem; font-weight: 500; color: var(--mbt-muted); cursor: pointer; }
.mbt-tabs button.is-active { background: #fff; color: var(--mbt-ink); box-shadow: 0 1px 3px rgba(15, 23, 42, .1); }
.mbt-tabpane { display: none; }
.mbt-tabpane.is-active { display: block; }

/* trip list (หน้าเส้นทางจังหวัด) */
.mbt-trip {
  display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; background: #fff; border: 1px solid var(--mbt-line);
  border-radius: 14px; padding: 14px 16px;
}
.mbt-trip + .mbt-trip { margin-top: 10px; }
.mbt-trip-line { display: flex; align-items: stretch; gap: 12px; min-width: 0; }
.mbt-trip-dots { display: flex; flex-direction: column; align-items: center; padding: 5px 0; }
.mbt-trip-dots span { width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--mbt-red); background: #fff; }
.mbt-trip-dots span:last-child { background: var(--mbt-red); }
.mbt-trip-dots em { flex: 1; width: 2px; background: repeating-linear-gradient(180deg, var(--mbt-c300) 0 4px, transparent 4px 8px); margin: 3px 0; min-height: 14px; }
.mbt-trip-stops { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; }
.mbt-trip-stops a, .mbt-trip-stops span { font-size: .92rem; color: var(--mbt-ink) !important; text-decoration: none; line-height: 1.35; }
.mbt-trip-stops a:hover { color: var(--mbt-red) !important; text-decoration: underline; }
@media (max-width: 575px) { .mbt-trip { grid-template-columns: 1fr; } .mbt-trip .mbt-btn { width: 100%; } }

.mbt-filter { display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 14px; border: 1.5px solid var(--mbt-line); border-radius: 12px; background: #fff; }
.mbt-filter:focus-within { border-color: var(--mbt-red); box-shadow: 0 0 0 4px rgba(var(--mbt-c600-rgb), .12); }
.mbt-filter i { color: var(--mbt-muted); }
.mbt-filter input, .mbt-filter select { border: 0; outline: 0; width: 100%; font: inherit; background: transparent; color: var(--mbt-ink); }

/* FAQ */
.mbt-faq details { background: #fff; border: 1px solid var(--mbt-line); border-radius: 14px; padding: 0 18px; }
.mbt-faq details + details { margin-top: 10px; }
.mbt-faq summary { cursor: pointer; list-style: none; padding: 16px 28px 16px 0; font-weight: 600; color: var(--mbt-ink); position: relative; }
.mbt-faq summary::-webkit-details-marker { display: none; }
.mbt-faq summary::after { content: "+"; position: absolute; right: 0; top: 12px; font-size: 1.4rem; color: var(--mbt-red); font-weight: 400; transition: transform .2s; }
.mbt-faq details[open] summary::after { transform: rotate(45deg); }
.mbt-faq details p { color: var(--mbt-text); margin: 0 0 16px; line-height: 1.7; }

/* about strip */
.mbt-about { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; align-items: center; }
.mbt-about h2 { font-weight: 700; color: var(--mbt-ink); font-size: clamp(1.2rem, 1.05rem + .7vw, 1.55rem); }
.mbt-about p { line-height: 1.8; }
.mbt-about img { width: 100%; height: auto; border-radius: 16px; }
.mbt-checks { list-style: none; padding: 0; margin: 14px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mbt-checks li { display: flex; gap: 8px; align-items: flex-start; font-size: .92rem; }
.mbt-checks i { color: var(--mbt-green); margin-top: 2px; }
@media (max-width: 767px) { .mbt-about { grid-template-columns: 1fr; } .mbt-checks { grid-template-columns: 1fr; } }

.mbt-empty { text-align: center; padding: 32px 16px; color: var(--mbt-muted); background: #fff; border: 1px dashed var(--mbt-line); border-radius: 14px; }
.mbt-empty i { font-size: 2rem; display: block; margin-bottom: 8px; color: #cbd5e1; }

/* ---------- Footer ---------- */
.mbt-footer { font-family: var(--mbt-font); background: var(--mbt-footer-bg); color: var(--mbt-footer-text); margin-top: 56px; border-top: 4px solid var(--mbt-c400); padding: 44px 0 24px; text-align: left; }
.mbt-footer a { color: var(--mbt-footer-text) !important; text-decoration: none !important; }
.mbt-footer a:hover { color: var(--mbt-c600) !important; }
.mbt-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; }
.mbt-footer h3 { font-size: .95rem; font-weight: 600; color: var(--mbt-footer-head); margin: 0 0 12px; }
.mbt-footer ul { list-style: none; padding: 0; margin: 0; }
.mbt-footer li { margin-bottom: 8px; font-size: .9rem; }
.mbt-footer .mbt-footer-brand img { height: 50px; width: auto; margin-bottom: 12px; padding: 8px 12px; border-radius: 12px; background: var(--mbt-grad); }
.mbt-footer .mbt-footer-brand p { font-size: .9rem; line-height: 1.7; margin: 0 0 14px; }
.mbt-pay { display: flex; flex-wrap: wrap; gap: 6px; }
.mbt-pay img { height: 28px; width: auto; background: #fff; border-radius: 6px; padding: 3px 6px; border: 1px solid var(--mbt-line); }
.mbt-footer-bottom { border-top: 1px solid var(--mbt-footer-line); margin-top: 28px; padding-top: 18px; display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: space-between; font-size: .8rem; color: var(--mbt-muted); }
.mbt-footer-banner { margin: 0 auto 28px; max-width: 650px; text-align: center; }
.mbt-footer-banner img, .mbt-footer-banner iframe { max-width: 100%; height: auto; border-radius: 10px; }
@media (max-width: 991px) { .mbt-footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) { .mbt-footer-grid { grid-template-columns: 1fr 1fr; gap: 22px; } .mbt-footer-grid > :first-child { grid-column: 1 / -1; } }

.mbt-totop {
  position: fixed; right: 18px; bottom: 18px; z-index: 1040; width: 46px; height: 46px; border-radius: 50%; border: 0;
  background: var(--mbt-grad); color: #fff; font-size: 1.2rem; box-shadow: 0 10px 24px -6px rgba(var(--mbt-c600-rgb), .55);
  display: none; align-items: center; justify-content: center; cursor: pointer;
}
.mbt-totop.show { display: inline-flex; }
.mbt-app-btn {
  position: fixed; left: 18px; bottom: 18px; z-index: 1040; display: inline-flex; align-items: center; gap: 8px;
  background: #fff; color: var(--mbt-ink) !important; padding: 10px 16px; border-radius: 999px; font-family: var(--mbt-font);
  font-size: .9rem; font-weight: 600; box-shadow: 0 10px 28px -8px rgba(15, 23, 42, .4); text-decoration: none !important; border: 1px solid var(--mbt-line);
}
.mbt-app-btn i { color: var(--mbt-red); }
.mbt-app-btn .mbt-x { margin-left: 4px; color: var(--mbt-muted); border: 0; background: transparent; padding: 0 0 0 4px; font-size: 1rem; line-height: 1; cursor: pointer; }
@media (max-width: 575px) { .mbt-app-btn { font-size: .82rem; padding: 8px 12px; } }

/* ---------- แถบประกาศ (ตั้งจากหลังบ้าน) ---------- */
.mbt-notice { font-family: var(--mbt-font); font-size: .9rem; padding: 8px 0; color: #fff; }
.mbt-notice .mbt-wrap { display: flex; align-items: center; justify-content: center; gap: 8px; text-align: center; }
.mbt-notice a, .mbt-notice span { color: #fff !important; text-decoration: none !important; font-weight: 500; }
.mbt-notice a:hover { text-decoration: underline !important; }
.mbt-notice--blue { background: var(--mbt-c700); }
.mbt-notice--green { background: #047857; }
.mbt-notice--amber { background: #b45309; }
.mbt-notice--red { background: #b91c1c; }
.mbt-contact { margin: 0 0 16px !important; }
.mbt-contact i { color: var(--mbt-c600); margin-right: 6px; }

/* ข้อมูลเส้นทาง (หน้า /trip/A/B) */
.mbt-trip-about { margin-bottom: 16px; }
.mbt-trip-about p { color: #475569; line-height: 1.75; }
.mbt-trip-facts { display: flex; flex-wrap: wrap; gap: 8px; }
.mbt-trip-facts span { display: inline-flex; align-items: center; gap: 6px; background: var(--mbt-c50); border: 1px solid var(--mbt-c200); color: var(--mbt-c800); border-radius: 999px; padding: 4px 12px; font-size: .88rem; }
.mbt-trip-facts i { color: var(--mbt-c600); }

/* แบนเนอร์สไลด์หน้าแรก (จากหลังบ้าน) */
.mbt-banners { position: relative; margin: 8px 0 28px; border-radius: var(--mbt-radius); overflow: hidden; box-shadow: var(--mbt-shadow); background: var(--mbt-c100); }
.mbt-banners-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.mbt-banners-track::-webkit-scrollbar { display: none; }
.mbt-banner { flex: 0 0 100%; scroll-snap-align: start; aspect-ratio: 10 / 3; display: block; color: #fff !important; text-decoration: none !important; }
.mbt-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mbt-banner-text { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 24px 48px; background: var(--mbt-grad); }
.mbt-banner-text b { font-size: clamp(1.2rem, 3vw, 2rem); font-weight: 600; }
.mbt-banner-text small { font-size: clamp(.9rem, 1.6vw, 1.1rem); opacity: .9; }
.mbt-banners-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .9); color: var(--mbt-red); box-shadow: 0 4px 12px rgba(0, 0, 0, .12); display: flex; align-items: center; justify-content: center; }
.mbt-banners-nav.prev { left: 12px; } .mbt-banners-nav.next { right: 12px; }
.mbt-banners-dots { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 6px; }
.mbt-banners-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 99px; background: rgba(255, 255, 255, .6); transition: width .2s; }
.mbt-banners-dots button.is-active { width: 22px; background: #fff; }
@media (max-width: 575px) { .mbt-banner { aspect-ratio: 16 / 7; } .mbt-banners-nav { display: none; } .mbt-banner-text { padding: 16px 20px; } }

/* การ์ดโปรโมชั่น */
.mbt-promo { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--mbt-line); border-radius: 16px; overflow: hidden; height: 100%; transition: transform .15s, box-shadow .15s; }
.mbt-promo:hover { transform: translateY(-3px); box-shadow: var(--mbt-shadow); }
.mbt-promo-img { display: block; aspect-ratio: 16 / 10; background: var(--mbt-c100); overflow: hidden; }
.mbt-promo-img img { width: 100%; height: 100%; object-fit: cover; }
.mbt-promo-body { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; }
.mbt-promo-body h3 { font-size: 1rem; font-weight: 600; color: var(--mbt-ink); margin: 0 0 6px; }
.mbt-promo-body p { font-size: .9rem; color: var(--mbt-muted); margin: 0 0 12px; }
.mbt-promo-end { align-self: flex-start; font-size: .75rem; color: #b45309; background: #fef3c7; border-radius: 99px; padding: 2px 10px; margin-bottom: 8px; }
.mbt-promo-foot { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mbt-code { display: inline-flex; align-items: center; gap: 6px; border: 1.5px dashed var(--mbt-c400); background: var(--mbt-c50); color: var(--mbt-c800); border-radius: 10px; padding: 5px 10px; font-size: .88rem; }
.mbt-code b { letter-spacing: .05em; }
.mbt-code.is-copied { border-color: var(--mbt-green); background: #ecfdf5; color: #047857; }
.mbt-code.is-copied .bi-copy::before { content: "\F26E"; }

/* ป๊อปอัปโปรโมชั่น */
.mbt-pop { position: fixed; inset: 0; z-index: 2000; background: rgba(var(--mbt-c900-rgb), .45); display: flex; align-items: center; justify-content: center; padding: 16px; animation: mbtFade .2s; }
.mbt-pop[hidden] { display: none; }
.mbt-pop-box { position: relative; width: 100%; max-width: 440px; max-height: 90vh; overflow: auto; background: #fff; border-radius: 20px; box-shadow: 0 30px 60px -20px rgba(var(--mbt-c600-rgb), .5); }
.mbt-pop-img { display: block; }
.mbt-pop-img img { width: 100%; display: block; }
.mbt-pop-body { padding: 16px 20px 20px; }
.mbt-pop-body h3 { font-size: 1.1rem; font-weight: 600; color: var(--mbt-ink); margin: 0 0 6px; }
.mbt-pop-body p { color: var(--mbt-muted); font-size: .92rem; margin: 0 0 12px; }
.mbt-pop-x { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--mbt-ink); box-shadow: 0 2px 8px rgba(0, 0, 0, .15); z-index: 1; }
@keyframes mbtFade { from { opacity: 0; } to { opacity: 1; } }
.mbt-promo--text { background: linear-gradient(160deg, var(--mbt-c100), #fff 60%); border-color: var(--mbt-c200); }
.mbt-promo--text .mbt-promo-body h3 { font-size: 1.15rem; color: var(--mbt-c800); }

/* ปุ่มเปลี่ยนภาษา */
.mbt-lang { display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; height: 36px; padding: 0 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .55); color: #fff !important; text-decoration: none !important; font-size: .85rem; font-weight: 600; font-family: var(--mbt-font); }
.mbt-lang:hover { background: rgba(255, 255, 255, .18); }
@media (max-width: 1099px) { .mbt-lang { margin-left: auto; } .mbt-burger { margin-left: 0; } }

/* ================= บทความ (articles.php) ================= */
.mbt-tag--soft { background: #f1f5f9 !important; color: var(--mbt-muted) !important; }
.mbt-read { margin-top: auto; padding-top: 8px; font-size: .85rem; font-weight: 600; color: var(--mbt-red); display: flex; align-items: center; gap: 4px; }
.mbt-read small { margin-left: auto; font-weight: 400; color: var(--mbt-muted); }
.mbt-post-body { display: flex; flex-direction: column; flex: 1; }
.mbt-art-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; justify-content: space-between; margin: 0 0 24px; position: relative; z-index: 2; background: #fff; border-radius: var(--mbt-radius); box-shadow: var(--mbt-shadow); padding: 12px; }
.mbt-art-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.mbt-art-tabs a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; background: var(--mbt-c50); color: var(--mbt-c800) !important; text-decoration: none !important; font-size: .9rem; font-weight: 500; }
.mbt-art-tabs a.is-active, .mbt-art-tabs a:hover { background: var(--mbt-grad); color: #fff !important; }
.mbt-art-find { position: relative; flex: 0 1 280px; }
.mbt-art-find i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--mbt-muted); }
.mbt-art-find input { width: 100%; border: 1px solid var(--mbt-line); border-radius: 999px; padding: 8px 14px 8px 36px; font: inherit; font-size: .9rem; outline: 0; }
.mbt-art-find input:focus { border-color: var(--mbt-c400); box-shadow: 0 0 0 3px rgba(var(--mbt-c500-rgb), .15); }
.mbt-art-hero { display: grid; grid-template-columns: 1.3fr 1fr; background: #fff; border: 1px solid var(--mbt-line); border-radius: 20px; overflow: hidden; margin-bottom: 20px; text-decoration: none !important; color: var(--mbt-ink) !important; transition: box-shadow .15s; }
.mbt-art-hero:hover { box-shadow: var(--mbt-shadow); }
.mbt-art-hero-img { aspect-ratio: 16 / 9; background: linear-gradient(135deg, var(--mbt-c100), #f1f5f9); display: flex; align-items: center; justify-content: center; color: var(--mbt-c300); font-size: 3rem; }
.mbt-art-hero-img img { width: 100%; height: 100%; object-fit: cover; }
.mbt-art-hero-body { padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.mbt-art-hero-body h2 { font-size: clamp(1.15rem, 1rem + .8vw, 1.6rem); font-weight: 600; margin: 0; line-height: 1.4; }
.mbt-art-hero-body p { color: var(--mbt-muted); margin: 0; }
.mbt-pager { display: flex; justify-content: center; gap: 6px; margin: 28px 0 8px; }
.mbt-pager a { min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: #fff; border: 1px solid var(--mbt-line); color: var(--mbt-ink) !important; text-decoration: none !important; }
.mbt-pager a.is-active { background: var(--mbt-grad); color: #fff !important; border-color: transparent; }
@media (max-width: 767px) { .mbt-art-hero { grid-template-columns: 1fr; } .mbt-art-find { flex-basis: 100%; } }

.mbt-article-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: start; padding-top: 28px; margin-top: 0; }
.mbt-article { background: #fff; border-radius: 20px; box-shadow: var(--mbt-shadow); padding: 28px clamp(18px, 4vw, 44px) 32px; min-width: 0; }
.mbt-art-crumb { font-size: .82rem; color: var(--mbt-muted); margin-bottom: 14px; }
.mbt-art-crumb a { color: var(--mbt-c700) !important; text-decoration: none; }
.mbt-art-crumb i { font-size: .65rem; margin: 0 6px; opacity: .6; }
.mbt-art-cat { display: inline-flex; align-items: center; gap: 6px; background: var(--mbt-c100); color: var(--mbt-c800) !important; border-radius: 999px; padding: 4px 12px; font-size: .82rem; font-weight: 500; text-decoration: none !important; }
.mbt-article h1 { font-size: clamp(1.45rem, 1.1rem + 1.6vw, 2.2rem); font-weight: 700; color: var(--mbt-ink); line-height: 1.35; margin: 12px 0 10px; }
.mbt-art-meta { display: flex; flex-wrap: wrap; gap: 16px; color: var(--mbt-muted); font-size: .86rem; }
.mbt-art-meta i { margin-right: 5px; color: var(--mbt-c500); }
.mbt-art-cover { margin: 8px 0 20px; border-radius: 16px; overflow: hidden; background: var(--mbt-c50); }
.mbt-art-cover img { width: 100%; display: block; max-height: 520px; object-fit: cover; }
.mbt-toc { background: var(--mbt-c50); border: 1px solid var(--mbt-c200); border-radius: 14px; padding: 12px 18px; margin: 0 0 22px; }
.mbt-toc summary { font-weight: 600; color: var(--mbt-c800); cursor: pointer; }
.mbt-toc summary i { margin-right: 8px; }
.mbt-toc ol, .mbt-side-toc ol { margin: 8px 0 0; padding-left: 20px; }
.mbt-toc li, .mbt-side-toc li { margin: 4px 0; }
.mbt-toc li.lv3, .mbt-side-toc li.lv3 { margin-left: 16px; list-style: circle; font-size: .94em; }
.mbt-toc a, .mbt-side-toc a { color: var(--mbt-c700) !important; text-decoration: none; }
.mbt-art-body { font-family: "Sarabun", var(--mbt-font); font-size: 1.08rem; line-height: 1.9; color: #1e293b; overflow-wrap: anywhere; }
.mbt-art-body h2 { font-family: var(--mbt-font); font-size: 1.45rem; font-weight: 600; color: var(--mbt-ink); margin: 2rem 0 .8rem; padding-left: 12px; border-left: 4px solid var(--mbt-c500); scroll-margin-top: 80px; }
.mbt-art-body h3 { font-family: var(--mbt-font); font-size: 1.2rem; font-weight: 600; color: var(--mbt-c800); margin: 1.6rem 0 .6rem; scroll-margin-top: 80px; }
.mbt-art-body p { margin: 0 0 1.1rem; }
.mbt-art-body a { color: var(--mbt-c600); text-decoration: underline; text-underline-offset: 3px; }
.mbt-art-body img { max-width: 100%; height: auto; border-radius: 12px; display: block; margin: 1rem auto; }
.mbt-art-body figure { margin: 1.2rem 0; } .mbt-art-body figcaption { text-align: center; font-size: .88rem; color: var(--mbt-muted); }
.mbt-art-body blockquote { margin: 1.4rem 0; padding: 14px 20px; background: var(--mbt-c50); border-left: 4px solid var(--mbt-c400); border-radius: 0 12px 12px 0; color: var(--mbt-c900); }
.mbt-art-body ul, .mbt-art-body ol { padding-left: 1.4rem; margin-bottom: 1.1rem; }
.mbt-art-body table { width: 100%; border-collapse: collapse; margin: 1.2rem 0; font-size: .95rem; display: block; overflow-x: auto; }
.mbt-art-body th, .mbt-art-body td { border: 1px solid var(--mbt-line); padding: 8px 12px; }
.mbt-art-body th { background: var(--mbt-c50); }
.mbt-art-body iframe { display: block; width: 100% !important; max-width: 100%; aspect-ratio: 16 / 9; height: auto !important; margin: 18px auto; border: 0; border-radius: 12px; }
.mbt-art-body .mbt-art-search, .mbt-art-search { margin: 28px 0 0; }
.mbt-art-route { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; background: linear-gradient(135deg, var(--mbt-c100), var(--mbt-c50)); border: 1px solid var(--mbt-c200); border-radius: 16px; padding: 14px 16px; margin: 1.4rem 0; font-family: var(--mbt-font); }
.mbt-art-route-ico { width: 46px; height: 46px; border-radius: 12px; background: var(--mbt-grad); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0; }
.mbt-art-route-body { flex: 1; min-width: 180px; display: flex; flex-direction: column; }
.mbt-art-route-body b { color: var(--mbt-ink); font-size: 1.05rem; }
.mbt-art-route-body small { color: var(--mbt-muted); font-size: .84rem; line-height: 1.5; }
.mbt-art-route .mbt-btn { text-decoration: none !important; color: #fff !important; }
.mbt-art-cta { margin-top: 28px; } .mbt-art-cta h2 { font-size: 1.15rem; font-weight: 600; }
.mbt-art-tags { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 24px; color: var(--mbt-muted); }
.mbt-art-tags a { background: #f1f5f9; color: #334155 !important; border-radius: 999px; padding: 3px 12px; font-size: .85rem; text-decoration: none !important; }
.mbt-art-tags a:hover { background: var(--mbt-c100); color: var(--mbt-c800) !important; }
.mbt-art-lang { margin-top: 12px; font-size: .92rem; } .mbt-art-lang i { margin-right: 6px; color: var(--mbt-c500); }
.mbt-art-side { position: sticky; top: 84px; display: flex; flex-direction: column; gap: 16px; }
.mbt-side-box { background: #fff; border-radius: 16px; box-shadow: var(--mbt-shadow); padding: 16px 18px; }
.mbt-side-box h3 { font-size: .98rem; font-weight: 600; color: var(--mbt-ink); margin: 0 0 10px; }
.mbt-side-toc { max-height: 50vh; overflow: auto; font-size: .9rem; }
.mbt-side-post { display: flex; gap: 10px; padding: 8px 0; border-top: 1px solid #eef4fa; text-decoration: none !important; color: var(--mbt-text) !important; font-size: .9rem; line-height: 1.5; }
.mbt-side-post:first-of-type { border-top: 0; }
.mbt-side-post b { width: 24px; height: 24px; border-radius: 8px; background: var(--mbt-c100); color: var(--mbt-c700); display: inline-flex; align-items: center; justify-content: center; font-size: .8rem; flex-shrink: 0; }
.mbt-side-post:hover span { color: var(--mbt-c600); }
.mbt-side-cat { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: var(--mbt-text) !important; text-decoration: none !important; font-size: .92rem; }
.mbt-side-cat:hover { background: var(--mbt-c50); } .mbt-side-cat i { color: var(--mbt-c600); }
@media (max-width: 991px) { .mbt-article-wrap { grid-template-columns: 1fr; } .mbt-art-side { position: static; } .mbt-side-toc { display: none; } }

/* ---------- ปุ่มแชร์ (หลังบ้าน > ตกแต่งเว็บ > แชร์) ---------- */
.mbt-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-family: var(--mbt-font); }
.mbt-share-label { font-size: .88rem; font-weight: 600; color: var(--mbt-muted); margin-right: 2px; }
.mbt-share-btn {
  width: 40px; height: 40px; border-radius: 50%; border: 0; display: inline-flex; align-items: center; justify-content: center;
  background: var(--c, var(--mbt-c600)); color: #fff; font-size: 1.05rem; cursor: pointer; transition: transform .15s, filter .15s, box-shadow .15s;
  box-shadow: 0 4px 12px -4px rgba(15, 23, 42, .35);
}
.mbt-share-btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
.mbt-share-btn.is-copy { font-size: 1.25rem; }
.mbt-share-inline { margin: 28px 0 8px; padding: 16px 18px; border: 1px solid var(--mbt-line); border-radius: var(--mbt-radius); background: var(--mbt-card); }
.mbt-share-float { position: fixed; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1035; }
.mbt-share--float { flex-direction: column; background: rgba(255, 255, 255, .92); padding: 8px 6px; border-radius: 999px; border: 1px solid var(--mbt-line); box-shadow: var(--mbt-shadow); backdrop-filter: blur(6px); }
.mbt-share--float .mbt-share-label { display: none; }
.mbt-share--float .mbt-share-btn { width: 36px; height: 36px; font-size: .95rem; box-shadow: none; }
.mbt-share-fab {
  display: none; position: fixed; right: 18px; bottom: 74px; z-index: 1040; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--mbt-line);
  background: #fff; color: var(--mbt-c600); font-size: 1.15rem; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 10px 24px -8px rgba(15, 23, 42, .35);
}
@media (max-width: 1339px) { .mbt-share-float { display: none; } .mbt-share-fab { display: inline-flex; } }
@media (max-width: 1339px) {
  .mbt-share-open .mbt-share-float { display: block; left: 50%; top: auto; bottom: 132px; transform: translateX(-50%); }
  .mbt-share-open .mbt-share--float { flex-direction: row; padding: 8px; }
}
@media print { .mbt-share-float, .mbt-share-fab, .mbt-share { display: none !important; } }
.mbt-toast { position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 20px); z-index: 1080; background: var(--mbt-ink); color: #fff; padding: 10px 18px; border-radius: 999px; font: 500 .9rem var(--mbt-font); opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; }
.mbt-toast.show { opacity: 1; transform: translate(-50%, 0); }

/* โซเชียลในส่วนท้าย */
.mbt-social { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 18px; }
.mbt-social a { width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--mbt-footer-line); color: var(--mbt-c600) !important; font-size: 1.05rem; }
.mbt-social a:hover { background: var(--mbt-c600); color: #fff !important; }

/* แถบเมนูโทนสว่าง (เลือกในหลังบ้าน) */
.mbt-header--light { box-shadow: 0 2px 14px -8px rgba(15, 23, 42, .25); border-bottom: 1px solid rgba(15, 23, 42, .06); }
.mbt-header--light .mbt-nav a { color: var(--mbt-ink) !important; }
.mbt-header--light .mbt-nav a i { color: var(--mbt-c600); }
.mbt-header--light .mbt-nav a:hover, .mbt-header--light .mbt-nav a.is-active { background: rgba(var(--mbt-c600-rgb), .1); color: var(--mbt-c700) !important; }
.mbt-header--light .mbt-nav .mbt-nav-cta a { background: var(--mbt-c600); color: #fff !important; }
.mbt-header--light .mbt-nav .mbt-nav-cta a i { color: #fff; }
.mbt-header--light .mbt-nav .mbt-nav-cta a:hover { background: var(--mbt-c700); color: #fff !important; }
.mbt-header--light .mbt-lang { color: var(--mbt-ink) !important; border-color: var(--mbt-line); }
.mbt-header--light .mbt-lang:hover { background: var(--mbt-soft); }
.mbt-header--light .mbt-burger { background: var(--mbt-soft); color: var(--mbt-ink); }
.mbt-share--art { margin: 16px 0; }

/* ---------- เส้นทางที่ดูล่าสุด ---------- */
.mbt-recent[hidden] { display: none !important; }
.mbt-recent-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.mbt-recent-head h2 { font-size: 1.15rem; font-weight: 700; color: var(--mbt-ink); margin: 0; display: flex; align-items: center; gap: 10px; }
.mbt-recent-clear { border: 0; background: none; color: var(--mbt-muted); font: inherit; font-size: .85rem; cursor: pointer; text-decoration: underline; }
.mbt-recent-list { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 1fr); gap: 12px; overflow-x: auto; padding-bottom: 4px; scroll-snap-type: x proximity; }
.mbt-rc { position: relative; display: flex; align-items: center; gap: 10px; padding: 12px 34px 12px 12px; border: 1px solid var(--mbt-line); border-radius: 14px; background: var(--mbt-card); scroll-snap-align: start; }
.mbt-rc-ico { flex: 0 0 38px; height: 38px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; background: var(--mbt-c100); color: var(--mbt-c600); }
.mbt-rc-body { flex: 1; min-width: 0; text-decoration: none !important; color: var(--mbt-ink) !important; }
.mbt-rc-body b { display: block; font-weight: 600; font-size: .92rem; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mbt-rc-body b i { font-size: .8em; color: var(--mbt-c500); }
.mbt-rc-body small { color: var(--mbt-muted); font-size: .78rem; }
.mbt-rc-btn { flex-shrink: 0; font-size: .8rem; font-weight: 600; padding: 6px 12px; border-radius: 999px; background: var(--mbt-c600); color: #fff !important; text-decoration: none !important; white-space: nowrap; }
.mbt-rc-btn:hover { background: var(--mbt-c700); }
.mbt-rc-x { position: absolute; top: 4px; right: 6px; border: 0; background: none; color: #94a3b8; font-size: 1.1rem; line-height: 1; cursor: pointer; padding: 2px 4px; }
.mbt-rc-x:hover { color: var(--mbt-ink); }

/* ปุ่มเล็กใต้กล่องค้นหา (ค้นหาล่าสุด / วันหยุดยาว) */
.mbt-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; font-family: var(--mbt-font); }
.mbt-chips-label { font-size: .78rem; color: var(--mbt-muted); margin-right: 2px; }
.mbt-chip { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--mbt-line); background: #fff; color: var(--mbt-text) !important; font: 500 .8rem var(--mbt-font); padding: 5px 11px; border-radius: 999px; cursor: pointer; text-decoration: none !important; transition: background .15s, border-color .15s; }
.mbt-chip:hover { border-color: var(--mbt-c300); background: var(--mbt-c50); }
.mbt-chip.is-on { background: var(--mbt-c600); border-color: var(--mbt-c600); color: #fff !important; }
.mbt-chip--hol { border-color: #fecaca; background: #fff5f5; color: #b91c1c !important; }
.mbt-chip--hol:hover { background: #fee2e2; border-color: #fca5a5; }
.mbt-chip--hol.is-on { background: #dc2626; border-color: #dc2626; color: #fff !important; }
.mbt-chip-link { font-size: .78rem; color: var(--mbt-c600) !important; margin-left: 4px; }

/* ---------- แจ้งเตือนชวนจอง ---------- */
.mbt-nudge {
  position: fixed; left: 18px; bottom: 78px; z-index: 1045; width: min(380px, calc(100vw - 36px)); display: flex; gap: 12px; align-items: flex-start;
  background: #fff; border: 1px solid var(--mbt-line); border-radius: 18px; padding: 14px 34px 14px 14px; font-family: var(--mbt-font);
  box-shadow: 0 24px 48px -16px rgba(15, 23, 42, .35); opacity: 0; transform: translateY(16px); transition: opacity .3s, transform .3s; pointer-events: none;
}
.mbt-nudge.show { opacity: 1; transform: none; pointer-events: auto; }
.mbt-nudge-cal { flex: 0 0 54px; border-radius: 12px; overflow: hidden; text-align: center; border: 1px solid #fecaca; background: #fff; }
.mbt-nudge-cal small { display: block; background: #dc2626; color: #fff; font-size: .7rem; font-weight: 600; padding: 2px 0; }
.mbt-nudge-cal b { display: block; font-size: 1.45rem; font-weight: 700; color: var(--mbt-ink); line-height: 1.5; }
.mbt-nudge-body p { margin: 0 0 10px; font-size: .9rem; line-height: 1.55; color: var(--mbt-ink); }
.mbt-nudge-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.mbt-nudge-cal-link { font-size: .8rem; color: var(--mbt-c600) !important; }
.mbt-nudge-x { position: absolute; top: 6px; right: 8px; border: 0; background: none; font-size: 1.3rem; line-height: 1; color: #94a3b8; cursor: pointer; }
@media (max-width: 575px) { .mbt-nudge { left: 12px; right: 12px; width: auto; bottom: 70px; } }

/* ---------- วันหยุดยาว ---------- */
.mbt-hol-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.mbt-hol-card { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: var(--mbt-card); border: 1px solid var(--mbt-line); text-decoration: none !important; color: var(--mbt-ink) !important; transition: transform .15s, box-shadow .15s; }
.mbt-hol-card:hover { transform: translateY(-2px); box-shadow: var(--mbt-shadow); }
.mbt-hol-card.is-past { opacity: .5; pointer-events: none; }
.mbt-hol-date { flex: 0 0 52px; text-align: center; border-radius: 11px; overflow: hidden; border: 1px solid #fecaca; }
.mbt-hol-date small { display: block; background: #dc2626; color: #fff; font-size: .7rem; font-weight: 600; padding: 2px 0; }
.mbt-hol-date b { display: block; font-size: 1.35rem; font-weight: 700; line-height: 1.55; }
.mbt-hol-body { flex: 1; min-width: 0; }
.mbt-hol-body b { display: block; font-weight: 600; font-size: .92rem; line-height: 1.4; }
.mbt-hol-body small { color: var(--mbt-muted); font-size: .8rem; }
.mbt-hol-badge { position: absolute; top: 8px; right: 10px; font-size: .7rem; font-weight: 600; color: var(--mbt-c700); background: var(--mbt-c100); padding: 2px 8px; border-radius: 999px; }
.mbt-hol-card.is-soon .mbt-hol-badge { background: #fee2e2; color: #b91c1c; }
.mbt-hol-card .mbt-hol-body { padding-right: 56px; }

/* หน้าปฏิทินวันหยุด */
.mbt-holpage { margin-top: 24px; }
.mbt-holpage-head h1 { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.2rem); font-weight: 700; margin: 10px 0 6px; color: var(--mbt-ink); }
.mbt-holpage-head p { color: var(--mbt-muted); margin: 0 0 12px; }
.mbt-holpage-years { display: flex; gap: 8px; }
.mbt-cal-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.mbt-cal { background: var(--mbt-card); border: 1px solid var(--mbt-line); border-radius: 14px; padding: 12px; }
.mbt-cal h3 { font-size: .98rem; font-weight: 600; margin: 0 0 8px; color: var(--mbt-ink); }
.mbt-cal-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center; font-size: .82rem; }
.mbt-cal-days b { font-weight: 500; color: var(--mbt-muted); font-size: .72rem; padding: 2px 0; }
.mbt-cal-days a, .mbt-cal-days span { display: block; padding: 5px 0; border-radius: 8px; color: var(--mbt-text) !important; text-decoration: none !important; }
.mbt-cal-days a:hover { background: var(--mbt-c100); }
.mbt-cal-days .is-we { color: #dc2626 !important; }
.mbt-cal-days .is-run { background: #fff1f2; }
.mbt-cal-days .is-hol { background: #dc2626; color: #fff !important; font-weight: 600; }
.mbt-cal-days .is-today { outline: 2px solid var(--mbt-c500); outline-offset: -2px; }
.mbt-cal-days .is-past { opacity: .45; }
.mbt-cal-list { list-style: none; padding: 8px 0 0; margin: 8px 0 0; border-top: 1px dashed var(--mbt-line); font-size: .8rem; color: var(--mbt-text); }
.mbt-cal-list li { padding: 2px 0; }
.mbt-cal-list b { color: #dc2626; font-weight: 600; margin-right: 4px; }
.mbt-cal-legend { display: flex; align-items: center; gap: 6px; font-size: .8rem; color: var(--mbt-muted); }
.mbt-cal-legend span { width: 14px; height: 14px; border-radius: 4px; display: inline-block; margin-left: 8px; }
.mbt-cal-legend .is-hol { background: #dc2626; } .mbt-cal-legend .is-run { background: #fff1f2; border: 1px solid #fecaca; }

/* ---------- ประเภทรถ (/vehicle) ---------- */
.mbt-vcat-chips { margin: 0 0 14px; }
.mbt-vcat-chips .mbt-chip { font-size: .86rem; padding: 6px 13px; }
.mbt-holpage-head .mbt-vcat-chips { margin: 14px 0 0; }
.mbt-vcat-filter { max-width: 260px; border-radius: 999px; font-size: .9rem; }
.mbt-vcat-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.mbt-vcat-card { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 16px; background: var(--mbt-card, #fff); border: 1px solid var(--mbt-line); text-decoration: none !important; color: var(--mbt-ink) !important; transition: transform .15s, box-shadow .15s, border-color .15s; }
.mbt-vcat-card:hover { transform: translateY(-2px); box-shadow: var(--mbt-shadow); border-color: var(--mbt-c200); }
.mbt-vcat-ico { width: 54px; height: 54px; border-radius: 14px; background: var(--mbt-c100); color: var(--mbt-c600); display: flex; align-items: center; justify-content: center; font-size: 1.6rem; flex-shrink: 0; }
.mbt-vcat-body { flex: 1; min-width: 0; }
.mbt-vcat-body b { display: block; font-size: 1.05rem; font-weight: 700; }
.mbt-vcat-body small { color: var(--mbt-muted); font-size: .82rem; }
.mbt-vcat-logos { display: flex; margin-top: 6px; }
.mbt-vcat-logos img { width: 28px; height: 28px; border-radius: 8px; object-fit: contain; background: #fff; border: 1px solid var(--mbt-soft); margin-right: -6px; }
.mbt-vcat-go { color: var(--mbt-muted); }
.mbt-vcatpage h1 .bi { color: var(--mbt-c600); }
@media (max-width: 575px) { .mbt-vcat-filter { max-width: none; width: 100%; } }

/* ---------- กล่องค้นหา: สีที่ตั้งเอง (หลังบ้าน > กล่องค้นหา) ---------- */
.mbt-search .mbt-search-card { background: var(--sb-card, #fff); }
.mbt-search .mbt-field label { color: var(--sb-label, var(--mbt-muted)); }
.mbt-search .mbt-input, .mbt-search .mbt-swap { background: var(--sb-input, #fff); }
.mbt-search .mbt-search-grid .mbt-btn { background: var(--sb-btn, var(--mbt-grad)); color: var(--sb-btn-text, #fff) !important; }
.mbt-search .mbt-search-grid .mbt-btn i { color: inherit; }
.mbt-search .mbt-mode button.is-active { background: var(--sb-tab, var(--mbt-grad)); }
.mbt-search .mbt-search-title:has(> span:only-child) { display: none; }
.mbt-dual-sep { display: flex; align-items: center; gap: 10px; margin: 16px 0 10px; color: var(--mbt-muted); font-size: .82rem; }
.mbt-dual-sep::before, .mbt-dual-sep::after { content: ""; flex: 1; height: 1px; background: var(--mbt-line); }

/* แถบค้นหาใต้เมนู */
.mbt-sbar { background: var(--sb-bar, rgba(255, 255, 255, .92)); border-bottom: 1px solid var(--mbt-line); box-shadow: 0 6px 18px -14px rgba(15, 23, 42, .4); padding: 10px 0; position: relative; z-index: 1020; }
.mbt-sbar.is-sticky { position: sticky; top: 64px; backdrop-filter: saturate(1.4) blur(8px); -webkit-backdrop-filter: saturate(1.4) blur(8px); }
.mbt-sbar .mbt-search-card { padding: 10px 12px; box-shadow: none; border: 1px solid var(--mbt-line); border-radius: 16px; }
.mbt-sbar .mbt-search-title { margin-bottom: 8px; }
.mbt-sbar .mbt-mode button { padding: 5px 10px; font-size: .82rem; }
.mbt-sbar .mbt-search-grid { grid-template-columns: 1fr auto 1fr 170px 150px; gap: 8px; }
.mbt-sbar .mbt-input, .mbt-sbar .mbt-search-grid .mbt-btn { height: 46px; }
.mbt-sbar .mbt-swap { width: 36px; height: 36px; margin-bottom: 5px; }
.mbt-sbar .mbt-field label { font-size: .72rem; margin-bottom: 3px; }
.mbt-sbar .mbt-search-foot { margin-top: 6px; }
.mbt-sbar .mbt-widget-box iframe { height: 300px; }
.mbt-sbar-toggle { display: none; }
@media (max-width: 991px) { .mbt-sbar .mbt-search-grid { grid-template-columns: 1fr 1fr; } .mbt-sbar .mbt-swap { display: none; } }
@media (max-width: 767px) {
  .mbt-sbar { padding: 8px 0; }
  .mbt-sbar.is-collapsible .mbt-sbar-toggle { display: flex; align-items: center; gap: 10px; width: 100%; height: 46px; padding: 0 14px; border: 1.5px solid var(--mbt-line); border-radius: 14px; background: var(--sb-input, #fff); color: var(--mbt-muted); font: 500 .92rem var(--mbt-font); text-align: left; cursor: pointer; }
  .mbt-sbar-toggle .bi-search { color: var(--mbt-c600); }
  .mbt-sbar-toggle span { flex: 1; }
  .mbt-sbar-toggle .bi-chevron-down { transition: transform .2s; }
  .mbt-sbar.is-open .mbt-sbar-toggle .bi-chevron-down { transform: rotate(180deg); }
  .mbt-sbar.is-collapsible .mbt-search { display: none; margin-top: 8px; }
  .mbt-sbar.is-collapsible.is-open .mbt-search { display: block; }
  .mbt-sbar.is-sticky { top: 64px; }
  .mbt-sbar.is-sticky.is-open { max-height: calc(100vh - 64px); overflow: auto; }
}
@media (max-width: 575px) { .mbt-sbar .mbt-search-grid { grid-template-columns: 1fr; } }

/* ---------- หน้าเส้นทางจุดต่อจุด (/route/...) ---------- */
.mbt-rt-h1 { font-size: clamp(1.3rem, 1rem + 1.4vw, 2rem) !important; }
.mbt-rt-facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.mbt-rt-facts span { display: inline-flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, .85); border: 1px solid var(--mbt-line); border-radius: 999px; padding: 5px 12px; font-size: .86rem; color: var(--mbt-ink); }
.mbt-rt-facts i { color: var(--mbt-c600); }
.mbt-rt-book { display: grid; grid-template-columns: 1fr 300px; gap: 18px; align-items: center; }
.mbt-rt-line { display: flex; gap: 12px; align-items: stretch; min-width: 0; }
.mbt-rt-stops { display: flex; flex-direction: column; justify-content: space-between; gap: 14px; min-width: 0; }
.mbt-rt-stops small { display: block; color: var(--mbt-muted); font-size: .76rem; }
.mbt-rt-stops b { font-size: 1.02rem; font-weight: 600; color: var(--mbt-ink); }
.mbt-rt-stops a { color: inherit; text-decoration: none; }
.mbt-rt-stops a:hover { color: var(--mbt-c600); text-decoration: underline; }
.mbt-rt-act { display: flex; flex-direction: column; gap: 6px; }
.mbt-rt-act .mbt-btn { width: 100%; box-sizing: border-box; margin-top: 4px; }
@media (max-width: 767px) { .mbt-rt-rel > :nth-child(n+7) { display: none; } }
@media (max-width: 767px) { .mbt-rt-book { grid-template-columns: 1fr; } }
.mbt-trip-more { font-size: .78rem; color: var(--mbt-muted) !important; margin-left: 8px; white-space: nowrap; }
.mbt-footer-policy a{color:inherit}.mbt-footer-policy a:hover{color:var(--mbt-c600)}
.mbt-policy{max-width:860px;margin:0 auto}.mbt-policy h1{font-size:1.7rem;font-weight:700;margin:6px 0 4px}.mbt-policy-date{color:var(--mbt-muted);font-size:.86rem}.mbt-policy-body{line-height:1.85}.mbt-policy-body h2{font-size:1.15rem;font-weight:600;margin:22px 0 8px}.mbt-policy-nav{display:flex;flex-wrap:wrap;gap:10px 18px;border-top:1px solid var(--mbt-line);margin-top:24px;padding-top:16px}