/* ===== Page Booking (namespace เดียว) ===== */
.page-booking{
  --brand:#2BB673; --brand-2:#1E9A5D; --ink:#243042; --line:#e7ecf3;
  --bg:#fff; --radius:14px; --shadow:0 14px 36px rgba(0,0,0,.08);
}
.page-booking .wrap{max-width:1200px;margin:0 auto;padding:20px}

/* Breadcrumb + Hero */
.page-booking .crumb{font-size:13px;color:#6a768a;margin:8px 0 0}
.page-booking .crumb a{color:#556;text-decoration:none}
.page-booking .hero{margin:18px 0 14px}
.page-booking .hero h1{
  font-size:32px;line-height:1.25;margin:4px 0 6px;font-weight:700;color:var(--ink)
}
.page-booking .hero .sub{margin:0 0 8px;color:#5b6b83}
.page-booking .bullets{
  display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:0;list-style:none
}
.page-booking .bullets li{
  background:#f6faf8;border:1px solid #e8f2ec;border-radius:999px;
  padding:6px 10px;font-size:13px
}

/* Booking wrapper (ห่อ widget เท่านั้น) */
.page-booking .booking-card{
  background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:14px;margin:14px 0 10px
}
.page-booking .booking-card .fallback{font-size:13px;color:#5b6b83;margin-top:8px}

/* Trust Section (ทำให้กว้างเท่าการ์ดและอยู่กึ่งกลาง) */
.page-booking .trust{margin:18px 0 6px}
.page-booking .trust .inner-narrow{
  max-width:960px;           /* ปรับได้ 880–1000 ให้แมทช์การ์ด */
  margin:0 auto;
  padding:0 4px;
}

/* กริด 3 คอลัมน์ + จัดแนว */
.page-booking .trust-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:20px;
  align-items:start;
}
@media (max-width:1000px){ .page-booking .trust-grid{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .page-booking .trust-grid{grid-template-columns:1fr} }

.page-booking .trust h3{
  margin:0 0 8px;
  font-size:18px; color:var(--ink);
  line-height:1.25;
}
.page-booking .trust .list{margin:0;padding-left:18px}
.page-booking .trust .list li{margin:4px 0}
.page-booking .trust .qr{
  display:block;width:200px;max-width:100%;height:auto;
  border:1px solid var(--line);border-radius:10px;margin-top:10px
}

/* หมายเหตุราคาให้ชิดใต้การ์ดและกึ่งกลาง */
.page-booking .note{font-size:12px;color:#5b6b83;margin-top:10px;text-align:center}

/* Sticky Help Chip (ลิงก์แบบปุ่ม) */
.page-booking .help-chip{
  position:fixed;right:16px;
  bottom:calc(24px + env(safe-area-inset-bottom));
  height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--brand);
  background:var(--brand);color:#fff;font-weight:700;z-index:999;
  box-shadow:0 6px 18px rgba(0,0,0,.12);cursor:pointer;

  /* ทำให้ <a> ดูเป็นปุ่มและจัดกึ่งกลาง */
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
}
.page-booking .help-chip:hover{background:var(--brand-2);border-color:var(--brand-2)}

/* Helpers */
.page-booking .muted{font-size:12px;color:#5b6b83}
.page-booking .divider{height:1px;background:#eef2f7;margin:14px 0}

/* ลด motion / ซ่อนปุ่มตอนพิมพ์ */
@media (prefers-reduced-motion: reduce){ .page-booking .help-chip{transition:none} }
@media print{ .page-booking .help-chip{display:none!important} }