/* ==========================================================================
   PHONG THỦY SỐ THỨC TÂM - STYLESHEET CHUẨN ĐẠO GIA
   Tone màu: Đỏ trầm (#7f1d1d, #571313), Vàng kim (#c4a47c, #caa146), Nền giấy (#fcfbf8)
   ========================================================================== */

.pts-app {
  max-width: 1040px;
  margin: 0 auto 50px auto;
  font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #2b2523;
}

/* Hero Title */
.pts-hero {
  text-align: center;
  margin-bottom: 24px;
}
.pts-badge {
  display: inline-block;
  padding: 4px 14px;
  background: #fef3c7;
  color: #92400e;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid #fde68a;
  margin-bottom: 8px;
}
.pts-title {
  font-family: 'Noto Serif', Georgia, serif;
  font-size: 28px;
  font-weight: 700;
  color: #7f1d1d;
  margin: 0 0 8px 0;
  letter-spacing: -0.5px;
}
@media (min-width: 768px) {
  .pts-title { font-size: 36px; }
}
.pts-desc {
  font-size: 15px;
  color: #665b57;
  max-width: 680px;
  margin: 0 auto;
  line-height: 1.5;
}

/* Category Tabs (4 loại số) */
.pts-type-tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .pts-type-tabs {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
}
.pts-type-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 14px 10px;
  background: #ffffff;
  border: 2px solid #e7ded4;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}
.pts-type-btn:hover {
  border-color: #c4a47c;
  background: #fffcf7;
  transform: translateY(-1px);
}
.pts-type-btn.active {
  border-color: #7f1d1d;
  background: #fdf5f5;
  box-shadow: 0 4px 12px rgba(127, 29, 29, 0.12);
}
.pts-type-icon {
  width: 28px;
  height: 28px;
  color: #7f1d1d;
}
.pts-type-name {
  font-size: 13px;
  font-weight: 700;
  color: #2b2523;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pts-type-btn.active .pts-type-name {
  color: #7f1d1d;
}
.pts-type-sub {
  font-size: 11px;
  color: #8c827a;
}

/* Card Form Container */
.pts-card {
  background: #ffffff;
  border: 1px solid #e7ded4;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  padding: 24px 20px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .pts-card { padding: 32px 28px; }
}

/* Number Input Area */
.pts-input-group {
  margin-bottom: 20px;
}
.pts-label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #2b2523;
  margin-bottom: 6px;
}
.pts-label-hint {
  font-weight: normal;
  color: #8c827a;
  font-size: 12px;
  margin-left: 6px;
}
.pts-num-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.pts-num-input {
  width: 100%;
  padding: 14px 16px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #7f1d1d;
  background: #fffcf7;
  border: 2px solid #d4c8bb;
  border-radius: 10px;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  font-family: 'Courier New', Courier, monospace, sans-serif;
}
.pts-num-input:focus {
  border-color: #7f1d1d;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(127, 29, 29, 0.15);
}

/* Preset Quick Buttons */
.pts-presets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.pts-preset-title {
  font-size: 12px;
  color: #8c827a;
  font-weight: 600;
}
.pts-preset-btn {
  padding: 4px 10px;
  font-size: 12px;
  background: #f5efe6;
  color: #5a4b41;
  border: 1px solid #decbb7;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.pts-preset-btn:hover {
  background: #c4a47c;
  color: #ffffff;
  border-color: #c4a47c;
}

/* Bazi Accordion / Box */
.pts-bazi-box {
  background: #fbf9f5;
  border: 1px solid #ebd8c2;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 24px;
}
.pts-bazi-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
}
.pts-bazi-toggle-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #7f1d1d;
}
.pts-bazi-tag {
  background: #dcfce7;
  color: #166534;
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 99px;
  font-weight: 700;
  text-transform: uppercase;
}
.pts-bazi-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed #decbb7;
}
@media (min-width: 640px) {
  .pts-bazi-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.pts-form-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pts-form-field label {
  font-size: 12px;
  font-weight: 600;
  color: #5a4b41;
}
.pts-select, .pts-text-input {
  padding: 8px 10px;
  border: 1px solid #d4c8bb;
  border-radius: 6px;
  background: #ffffff;
  font-size: 13px;
  color: #2b2523;
  outline: none;
}
.pts-select:focus, .pts-text-input:focus {
  border-color: #7f1d1d;
}

/* Submit Action Button */
.pts-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 16px 24px;
  background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%);
  color: #ffffff;
  font-family: 'Noto Serif', serif;
  font-size: 17px;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(127, 29, 29, 0.28);
  transition: all 0.2s ease;
  letter-spacing: 0.5px;
}
.pts-submit-btn:hover {
  background: linear-gradient(135deg, #601212 0%, #7f1d1d 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(127, 29, 29, 0.35);
}

/* ==========================================================================
   RESULTS PRESENTATION SECTION
   ========================================================================== */

.pts-result-wrap {
  display: none;
  animation: ptsFadeIn 0.35s ease forwards;
}
@keyframes ptsFadeIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Master Score Header Card */
.pts-master-card {
  background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);
  border: 2px solid #e2d3c1;
  border-radius: 20px;
  padding: 28px 20px;
  margin-bottom: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  position: relative;
  overflow: hidden;
}
.pts-master-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(90deg, #7f1d1d, #caa146, #7f1d1d);
}

.pts-master-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .pts-master-grid {
    flex-direction: row;
    text-align: left;
    justify-content: space-between;
  }
}

/* Score Circle Gauge */
.pts-score-gauge {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  border: 6px solid #e7ded4;
  flex-shrink: 0;
  position: relative;
}
.pts-score-gauge.tier-daicat { border-color: #caa146; background: #fffcf2; }
.pts-score-gauge.tier-cat { border-color: #15803d; background: #f0fdf4; }
.pts-score-gauge.tier-binh { border-color: #b45309; background: #fffbeb; }
.pts-score-gauge.tier-hung { border-color: #ea580c; background: #fff7ed; }
.pts-score-gauge.tier-daihung { border-color: #991b1b; background: #fef2f2; }

.pts-score-number {
  font-family: 'Noto Serif', serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
  color: #7f1d1d;
}
.pts-score-gauge.tier-cat .pts-score-number { color: #15803d; }
.pts-score-gauge.tier-binh .pts-score-number { color: #b45309; }
.pts-score-gauge.tier-hung .pts-score-number { color: #ea580c; }
.pts-score-gauge.tier-daihung .pts-score-number { color: #991b1b; }

.pts-score-label {
  font-size: 11px;
  color: #8c827a;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 4px;
  font-weight: 600;
}

/* Master Info Content */
.pts-master-info {
  flex: 1;
}
.pts-master-num {
  font-family: 'Courier New', Courier, monospace;
  font-size: 26px;
  font-weight: 800;
  color: #14110f;
  letter-spacing: 2px;
  margin-bottom: 6px;
}
.pts-tier-badge {
  display: inline-block;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 999px;
  margin-bottom: 10px;
}
.tier-daicat .pts-tier-badge, .pts-tier-badge.tier-daicat {
  background: #fef3c7; color: #92400e; border: 1px solid #fde68a;
}
.tier-cat .pts-tier-badge, .pts-tier-badge.tier-cat {
  background: #dcfce7; color: #166534; border: 1px solid #bbf7d0;
}
.tier-binh .pts-tier-badge, .pts-tier-badge.tier-binh {
  background: #fef9c3; color: #854d0e; border: 1px solid #fef08a;
}
.tier-hung .pts-tier-badge, .pts-tier-badge.tier-hung {
  background: #ffedd5; color: #9a3412; border: 1px solid #fed7aa;
}
.tier-daihung .pts-tier-badge, .pts-tier-badge.tier-daihung {
  background: #fee2e2; color: #991b1b; border: 1px solid #fecaca;
}

.pts-master-summary {
  font-size: 14px;
  color: #4a3e39;
  line-height: 1.55;
  margin-bottom: 8px;
}

/* Sub-score Bars */
.pts-sub-scores {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #ede3d6;
}
.pts-sub-item {
  background: #ffffff;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #e7ded4;
  text-align: center;
}
.pts-sub-name {
  font-size: 11px;
  color: #786d66;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 2px;
}
.pts-sub-val {
  font-family: 'Noto Serif', serif;
  font-size: 17px;
  font-weight: 700;
  color: #7f1d1d;
}
.pts-sub-val small {
  font-size: 12px;
  color: #a3978f;
  font-weight: normal;
}

/* Candid Reality Box (Zero Flattery Box) */
.pts-candid-box {
  background: #fff8f8;
  border-left: 4px solid #991b1b;
  padding: 16px 18px;
  border-radius: 0 10px 10px 0;
  margin-bottom: 28px;
}
.pts-candid-box.good {
  background: #f6fcf8;
  border-left-color: #15803d;
}
.pts-candid-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 800;
  color: #991b1b;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.pts-candid-box.good .pts-candid-title {
  color: #15803d;
}
.pts-candid-list {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: #4a3e39;
  line-height: 1.5;
}
.pts-candid-list li {
  margin-bottom: 4px;
}

/* SECTION TABS / HEADINGS */
.pts-section-h {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-weight: 700;
  color: #7f1d1d;
  margin: 0 0 16px 0;
  padding-bottom: 8px;
  border-bottom: 2px solid #ecdcc8;
}
.pts-sec-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: #7f1d1d;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50%;
  font-family: sans-serif;
}

/* SECTION 1: KINH DỊCH 3 QUẺ */
.pts-hex-trio {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .pts-hex-trio {
    grid-template-columns: repeat(3, 1fr);
  }
}
.pts-hex-card {
  background: #ffffff;
  border: 1px solid #e7ded4;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
  display: flex;
  flex-direction: column;
}
.pts-hex-header {
  border-bottom: 1px dashed #decbb7;
  padding-bottom: 10px;
  margin-bottom: 12px;
  text-align: center;
}
.pts-hex-role {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  color: #8c827a;
  letter-spacing: 1px;
}
.pts-hex-name {
  font-family: 'Noto Serif', serif;
  font-size: 18px;
  font-weight: 700;
  color: #7f1d1d;
  margin: 4px 0 2px 0;
}
.pts-hex-folk {
  font-size: 12px;
  color: #5a4b41;
  font-style: italic;
}
.pts-hex-quality {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  margin-top: 6px;
}
.pts-hex-quality.good { background: #dcfce7; color: #166534; }
.pts-hex-quality.bad { background: #fee2e2; color: #991b1b; }
.pts-hex-quality.mid { background: #fef9c3; color: #854d0e; }

/* 6 vạch quẻ SVG / CSS */
.pts-lines-wrap {
  display: flex;
  flex-direction: column-reverse; /* Hào 1 ở dưới cùng, hào 6 ở trên */
  gap: 5px;
  width: 110px;
  margin: 12px auto;
  padding: 8px 12px;
  background: #fffcf7;
  border: 1px solid #ecdcc8;
  border-radius: 8px;
}
.pts-line-bar {
  display: flex;
  height: 8px;
  width: 100%;
}
.pts-line-bar.duong {
  background: #7f1d1d;
  border-radius: 2px;
}
.pts-line-bar.am {
  justify-content: space-between;
}
.pts-line-bar.am::before, .pts-line-bar.am::after {
  content: '';
  width: 44%;
  height: 100%;
  background: #7f1d1d;
  border-radius: 2px;
}
.pts-line-bar.dong {
  box-shadow: 0 0 6px #f59e0b;
  position: relative;
}
.pts-line-bar.dong::after {
  /* Hào động phát sáng */
}

.pts-hex-body {
  font-size: 12px;
  color: #4a3e39;
  line-height: 1.5;
  flex: 1;
}
.pts-hex-body p {
  margin: 0 0 6px 0;
}

/* Thể Dụng Mai Hoa Box */
.pts-thedung-card {
  background: #fbf9f5;
  border: 1px solid #ebd8c2;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 28px;
}
.pts-thedung-h {
  font-size: 14px;
  font-weight: 700;
  color: #7f1d1d;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pts-thedung-rel {
  font-size: 13px;
  color: #2b2523;
  line-height: 1.5;
}

/* SECTION 2: BÁT TỰ DỤNG THẦN */
.pts-bazi-report {
  background: #ffffff;
  border: 1px solid #e7ded4;
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 28px;
}
.pts-bazi-pills {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .pts-bazi-pills {
    grid-template-columns: repeat(4, 1fr);
  }
}
.pts-pill-item {
  background: #fdfaf6;
  border: 1px solid #ebd8c2;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}
.pts-pill-role {
  font-size: 11px;
  font-weight: 700;
  color: #8c827a;
  text-transform: uppercase;
}
.pts-pill-val {
  font-family: 'Noto Serif', serif;
  font-size: 16px;
  font-weight: 700;
  color: #7f1d1d;
  margin-top: 2px;
}

/* Element Frequency Bar */
.pts-elements-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin: 16px 0;
}
.pts-el-col {
  text-align: center;
  background: #fcfbf8;
  border: 1px solid #ebd8c2;
  border-radius: 8px;
  padding: 8px 4px;
}
.pts-el-name {
  font-size: 12px;
  font-weight: 700;
}
.pts-el-nums {
  font-size: 10px;
  color: #8c827a;
  margin-bottom: 4px;
}
.pts-el-count {
  font-size: 16px;
  font-weight: 800;
  color: #7f1d1d;
}
.pts-el-pct {
  font-size: 10px;
  color: #a3978f;
}

/* SECTION 3: 81 LINH SỐ 4 SỐ ĐUÔI */
.pts-linhso-card {
  background: #ffffff;
  border: 1px solid #e7ded4;
  border-radius: 14px;
  padding: 22px 20px;
  margin-bottom: 28px;
}
.pts-linhso-top {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px dashed #decbb7;
}
@media (min-width: 640px) {
  .pts-linhso-top {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.pts-linhso-num-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.pts-linhso-circle {
  width: 52px;
  height: 52px;
  background: #7f1d1d;
  color: #ffffff;
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(127, 29, 29, 0.2);
}
.pts-linhso-meta h4 {
  font-family: 'Noto Serif', serif;
  font-size: 18px;
  margin: 0;
  color: #14110f;
}
.pts-linhso-meta span {
  font-size: 12px;
  color: #8c827a;
}
.pts-linhso-calc {
  font-size: 12px;
  background: #f5efe6;
  padding: 6px 12px;
  border-radius: 6px;
  color: #5a4b41;
  font-family: monospace;
}

.pts-linhso-content {
  font-size: 14px;
  color: #3b302c;
  line-height: 1.6;
}
.pts-linhso-warn {
  margin-top: 10px;
  padding: 10px 14px;
  background: #fff8f8;
  border-left: 3px solid #991b1b;
  font-size: 13px;
  color: #7f1d1d;
  border-radius: 0 6px 6px 0;
}

/* SECTION 4: KHUYẾN NGHỊ & HÓA GIẢI */
.pts-advice-card {
  background: linear-gradient(135deg, #fdfbf7 0%, #f6efe2 100%);
  border: 1px solid #d4c0a5;
  border-radius: 14px;
  padding: 22px 20px;
  margin-bottom: 28px;
}
.pts-advice-item {
  margin-bottom: 12px;
}
.pts-advice-item:last-child { margin-bottom: 0; }
.pts-advice-h {
  font-size: 14px;
  font-weight: 700;
  color: #7f1d1d;
  margin-bottom: 4px;
}
.pts-advice-text {
  font-size: 13.5px;
  color: #4a3e39;
  line-height: 1.55;
}

/* Action Share / Copy Toolbar */
.pts-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 24px;
}
.pts-btn-tool {
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  background: #ffffff;
  border: 1px solid #d4c8bb;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #5a4b41;
  transition: all 0.2s ease;
}
.pts-btn-tool:hover {
  background: #7f1d1d;
  color: #ffffff;
  border-color: #7f1d1d;
}
.pts-btn-pdf {
  background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%) !important;
  color: #ffffff !important;
  border-color: #7f1d1d !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(127, 29, 29, 0.25);
}
.pts-btn-pdf:hover {
  background: linear-gradient(135deg, #991b1b 0%, #b91c1c 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(127, 29, 29, 0.35);
}

/* ==========================================================================
   TOP ACTION BAR - THANH CÔNG CỤ ĐẦU KẾT QUẢ (XUẤT PDF & SAO CHÉP NGAY)
   ========================================================================== */
.pts-top-action-bar {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: linear-gradient(135deg, #fffcf5 0%, #fef3e2 100%);
  border: 1.5px solid #d4af37;
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 20px;
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.18);
}
@media (min-width: 640px) {
  .pts-top-action-bar {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.pts-tab-desc {
  font-size: 13.5px;
  color: #7f1d1d;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pts-tab-btns {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.pts-mini-pdf-btn {
  background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%);
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s ease;
}
.pts-mini-pdf-btn:hover {
  background: #991b1b;
  transform: translateY(-1px);
}

/* ==========================================================================
   HEADER & FOOTER BÁO CÁO PDF (Mặc định ẩn trên màn hình, chỉ hiện khi in/xuất PDF)
   ========================================================================== */
.pts-pdf-header,
.pts-pdf-footer {
  display: none;
}

/* ==========================================================================
   QUY CHUẨN XUẤT FILE PDF / PRINT BÁO CÁO A4 CHUYÊN NGHIỆP
   ========================================================================== */
@media print {
  @page {
    size: A4 portrait;
    margin: 10mm 12mm 10mm 12mm;
  }

  /* Ẩn toàn bộ thành phần ngoài khu vực báo cáo */
  header.site-header,
  nav,
  .site-nav,
  .nav-desk,
  .nav-sheet,
  .pts-hero,
  .pts-type-tabs,
  .pts-card:not(#pts-result .pts-card),
  .pts-input-group,
  .pts-bazi-box,
  .pts-submit-btn,
  .pts-toolbar,
  .pts-top-action-bar,
  .pts-mini-pdf-btn,
  .pts-caivan-box,
  .pts-caivan-hero-match,
  .pts-bazi-caivan-cta,
  .site-prose,
  footer.site-footer,
  .msg-fab,
  .zalo-fab,
  #pts-copy-btn,
  #pts-pdf-btn {
    display: none !important;
  }

  body {
    background: #ffffff !important;
    color: #1a1615 !important;
    font-size: 10.5pt !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .pts-app {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #pts-result {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Header độc quyền trang PDF */
  .pts-pdf-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #7f1d1d;
    padding-bottom: 8px;
    margin-bottom: 14px;
    page-break-after: avoid;
  }
  .pts-pdf-logo-title {
    font-family: 'Noto Serif', Georgia, serif;
    font-size: 15pt;
    font-weight: 700;
    color: #7f1d1d !important;
    letter-spacing: -0.5px;
    line-height: 1.2;
  }
  .pts-pdf-meta {
    font-size: 8.5pt;
    color: #4a3e39;
    text-align: right;
    line-height: 1.35;
  }

  /* Footer độc quyền trang PDF */
  .pts-pdf-footer {
    display: block !important;
    border-top: 1px solid #ebd8c2;
    padding-top: 8px;
    margin-top: 16px;
    font-size: 8pt;
    color: #786c66;
    text-align: center;
    page-break-before: avoid;
  }

  /* Master Card */
  .pts-master-card {
    background: #faf7f2 !important;
    border: 1.5px solid #caa146 !important;
    box-shadow: none !important;
    padding: 12px 14px !important;
    margin-bottom: 12px !important;
    page-break-inside: avoid;
  }
  .pts-score-gauge {
    width: 76px !important;
    height: 76px !important;
    border-width: 3px !important;
  }
  .pts-score-number {
    font-size: 24pt !important;
  }
  .pts-score-label {
    font-size: 7.5pt !important;
  }
  .pts-master-num {
    font-size: 18pt !important;
  }
  .pts-sub-scores {
    margin-top: 8px !important;
    padding-top: 8px !important;
  }

  /* Candid Box */
  .pts-candid-box {
    box-shadow: none !important;
    border-width: 1.5px !important;
    padding: 10px 14px !important;
    margin-bottom: 12px !important;
    page-break-inside: avoid;
  }
  .pts-candid-list li {
    font-size: 9pt !important;
    margin-bottom: 3px !important;
  }

  /* Content Cards */
  .pts-card {
    box-shadow: none !important;
    border: 1px solid #dcc8b0 !important;
    padding: 12px 14px !important;
    margin-bottom: 12px !important;
    page-break-inside: avoid;
  }
  .pts-section-h {
    font-size: 11pt !important;
    margin-bottom: 8px !important;
    padding-bottom: 4px !important;
  }

  /* Kinh Dịch Trio */
  .pts-hex-trio {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }
  .pts-hex-card {
    padding: 8px !important;
    font-size: 8pt !important;
  }
  .pts-hex-name {
    font-size: 11pt !important;
  }
  .pts-hex-body p {
    font-size: 8pt !important;
    line-height: 1.3 !important;
    margin-bottom: 3px !important;
  }
  .pts-thedung-card {
    padding: 8px 10px !important;
    margin-top: 8px !important;
    font-size: 8.5pt !important;
  }

  /* Bát Tự Pills & Grid */
  .pts-bazi-pills {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
  }
  .pts-pill-val {
    font-size: 10.5pt !important;
  }
  .pts-elements-grid {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 6px !important;
  }
  .pts-el-col {
    padding: 6px !important;
  }

  /* Linh Số */
  .pts-linhso-top {
    gap: 10px !important;
    margin-bottom: 8px !important;
  }
  .pts-linhso-circle {
    width: 40px !important;
    height: 40px !important;
    font-size: 14pt !important;
  }
  .pts-linhso-content p {
    font-size: 8.5pt !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
  }
  .pts-linhso-warn {
    font-size: 8.5pt !important;
    padding: 6px 10px !important;
  }

  /* Lời Khuyên & Hóa Giải */
  .pts-advice-card {
    box-shadow: none !important;
    border: 1px solid #d4c0a5 !important;
    padding: 10px 12px !important;
    margin-bottom: 10px !important;
    page-break-inside: avoid;
  }
  .pts-advice-h {
    font-size: 9.5pt !important;
  }
  .pts-advice-text {
    font-size: 8.5pt !important;
    line-height: 1.35 !important;
  }

  /* Remedy Shopee */
  .pts-bad-number-remedy {
    box-shadow: none !important;
    padding: 10px 12px !important;
    margin-bottom: 10px !important;
    page-break-inside: avoid;
  }
  .pts-shopee-items {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
  }
  .pts-shopee-item {
    padding: 6px !important;
  }
  .pts-shopee-img {
    width: 32px !important;
    height: 32px !important;
  }

  /* Thông tin người xem & Số tra cứu (Phần I & II) in PDF */
  .pts-info-card {
    box-shadow: none !important;
    border: 1px solid #d4c0a5 !important;
    padding: 10px 12px !important;
    margin-bottom: 10px !important;
    page-break-inside: avoid;
    background: #faf7f2 !important;
  }
  .pts-info-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
  .pts-info-block {
    background: #ffffff !important;
    border: 1px solid #ebd8c2 !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
  }
  .pts-info-block-title {
    font-size: 9pt !important;
    margin-bottom: 6px !important;
    padding-bottom: 4px !important;
    color: #7f1d1d !important;
  }
  .pts-info-rows {
    gap: 4px !important;
    font-size: 8pt !important;
  }
  .pts-info-label {
    font-size: 8pt !important;
  }
  .pts-info-val {
    font-size: 8pt !important;
  }
  .pts-num-highlight {
    font-size: 13pt !important;
    color: #7f1d1d !important;
  }

  /* Quảng cáo dịch vụ tìm SIM hợp mệnh (Phần VII) in PDF */
  .pts-service-ad-card {
    display: block !important;
    box-shadow: none !important;
    border: 1.5px solid #caa146 !important;
    background: #fffdf9 !important;
    padding: 10px 12px !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
    page-break-inside: avoid;
  }
  .pts-service-badge {
    font-size: 7.5pt !important;
    padding: 2px 8px !important;
    background: #7f1d1d !important;
    color: #ffffff !important;
  }
  .pts-service-title {
    font-size: 10.5pt !important;
    margin-bottom: 4px !important;
    color: #7f1d1d !important;
  }
  .pts-service-sub {
    font-size: 8pt !important;
    margin-bottom: 8px !important;
    line-height: 1.35 !important;
  }
  .pts-service-features {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
  }
  .pts-service-feat {
    padding: 6px 8px !important;
    background: #ffffff !important;
    border: 1px solid #ebd8c2 !important;
  }
  .pts-service-feat-h {
    font-size: 8pt !important;
    margin-bottom: 2px !important;
  }
  .pts-service-feat-p {
    font-size: 7.5pt !important;
    line-height: 1.3 !important;
  }
  .pts-service-contact-box {
    padding: 6px 10px !important;
    border: 1px dashed #caa146 !important;
    background: #ffffff !important;
    gap: 6px !important;
  }
  .pts-ad-btn {
    padding: 3px 8px !important;
    font-size: 7.5pt !important;
  }
}


/* ==========================================================================
   KHỐI LIÊN KẾT CÔNG CỤ CẢI VẬN CỦA WEBSITE THỨC TÂM
   ========================================================================== */
.pts-caivan-box {
  background: #ffffff;
  border: 1px solid #e7ded4;
  border-radius: 14px;
  padding: 24px 20px;
  margin-top: 24px;
  box-shadow: 0 4px 16px rgba(43, 37, 35, 0.04);
}

.pts-caivan-header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 20px auto;
}
.pts-caivan-badge {
  display: inline-block;
  padding: 4px 12px;
  background: #fdf5f5;
  color: #7f1d1d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid #ebd8c2;
  margin-bottom: 6px;
}
.pts-caivan-title {
  font-family: 'Noto Serif', Georgia, serif;
  font-size: 20px;
  font-weight: 700;
  color: #7f1d1d;
  margin: 0 0 6px 0;
}
@media (min-width: 640px) {
  .pts-caivan-title { font-size: 22px; }
}
.pts-caivan-desc {
  font-size: 13.5px;
  color: #665b57;
  line-height: 1.5;
  margin: 0;
}

/* Dynamic Personalized Banner (Dành riêng cho Dụng Thần tính được) */
.pts-caivan-hero-match {
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: linear-gradient(135deg, #fefce8 0%, #fffbeb 100%);
  border: 1.5px solid #ca8a04;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  .pts-caivan-hero-match {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.pts-caivan-hero-match .pts-chm-info {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.pts-caivan-hero-match .pts-chm-icon {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: #ca8a04;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pts-caivan-hero-match .pts-chm-title {
  font-size: 15px;
  font-weight: 700;
  color: #854d0e;
  margin-bottom: 2px;
}
.pts-caivan-hero-match .pts-chm-sub {
  font-size: 13px;
  color: #713f12;
  line-height: 1.4;
}
.pts-caivan-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 18px;
  background: #854d0e;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  white-space: nowrap;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(133, 77, 14, 0.25);
}
.pts-caivan-hero-btn:hover {
  background: #713f12;
  transform: translateY(-1px);
}

/* Grid các công cụ cải vận */
.pts-caivan-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 640px) {
  .pts-caivan-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .pts-caivan-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.pts-caivan-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fdfbf8;
  border: 1px solid #ebd8c2;
  border-radius: 10px;
  padding: 16px;
  text-decoration: none !important;
  color: inherit !important;
  transition: all 0.2s ease;
}
.pts-caivan-card:hover {
  background: #ffffff;
  border-color: #7f1d1d;
  box-shadow: 0 4px 14px rgba(127, 29, 29, 0.08);
  transform: translateY(-2px);
}
.pts-caivan-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.pts-caivan-card-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #fdf5f5;
  color: #7f1d1d;
  border: 1px solid #f2dede;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pts-caivan-card-title {
  font-size: 14px;
  font-weight: 700;
  color: #7f1d1d;
  line-height: 1.3;
}
.pts-caivan-card-desc {
  font-size: 12.5px;
  color: #5a4b41;
  line-height: 1.45;
  margin-bottom: 12px;
}
.pts-caivan-card-link {
  font-size: 12.5px;
  font-weight: 700;
  color: #7f1d1d;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: auto;
}
.pts-caivan-card:hover .pts-caivan-card-link {
  color: #991b1b;
}

/* Callout trong Section Bát Tự */
.pts-bazi-caivan-cta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #fff8f5;
  border: 1px dashed #d97706;
  border-radius: 10px;
  padding: 14px 16px;
  margin-top: 16px;
}
@media (min-width: 640px) {
  .pts-bazi-caivan-cta {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.pts-bazi-cta-title {
  font-size: 13.5px;
  font-weight: 700;
  color: #92400e;
  margin-bottom: 2px;
}
.pts-bazi-cta-sub {
  font-size: 12.5px;
  color: #78350f;
  line-height: 1.4;
}
.pts-bazi-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 14px;
  background: #b45309;
  color: #ffffff !important;
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 6px;
  white-space: nowrap;
  transition: all 0.2s ease;
}
.pts-bazi-cta-btn:hover {
  background: #92400e;
}

/* ==========================================================================
   KHỐI HÓA GIẢI SỐ XẤU & GỢI Ý CẢI VẬN / VẬT PHẨM SHOPEE
   ========================================================================== */
.pts-bad-number-remedy {
  background: linear-gradient(135deg, #fff7ed 0%, #fff1f2 100%);
  border: 2px solid #ea580c;
  border-radius: 14px;
  padding: 22px 20px;
  margin-top: 24px;
  margin-bottom: 24px;
  box-shadow: 0 4px 16px rgba(234, 88, 12, 0.12);
}
.pts-remedy-top {
  margin-bottom: 12px;
}
.pts-remedy-badge {
  display: inline-block;
  padding: 4px 12px;
  background: #ea580c;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 999px;
  margin-bottom: 8px;
}
.pts-remedy-title {
  font-family: 'Noto Serif', Georgia, serif;
  font-size: 19px;
  font-weight: 700;
  color: #9a3412;
  margin: 0 0 8px 0;
  line-height: 1.35;
}
@media (min-width: 640px) {
  .pts-remedy-title { font-size: 21px; }
}
.pts-remedy-desc {
  font-size: 13.5px;
  color: #431407;
  line-height: 1.6;
  margin-bottom: 16px;
}
.pts-remedy-cta-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}
.pts-remedy-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: linear-gradient(135deg, #ee4d2d 0%, #c2410c 100%);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(238, 77, 45, 0.35);
  transition: all 0.2s ease;
}
.pts-remedy-cta-btn:hover {
  background: linear-gradient(135deg, #d73211 0%, #9a3412 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(238, 77, 45, 0.45);
}
.pts-remedy-cta-subbtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 18px;
  background: #ffffff;
  border: 1px solid #fed7aa;
  color: #9a3412 !important;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 10px;
  transition: all 0.2s ease;
}
.pts-remedy-cta-subbtn:hover {
  background: #ffedd5;
  border-color: #ea580c;
}

/* Danh sách vật phẩm Shopee hóa giải cụ thể */
.pts-shopee-box {
  background: #ffffff;
  border: 1px solid #fed7aa;
  border-radius: 12px;
  padding: 16px;
  margin-top: 14px;
}
.pts-shopee-box-title {
  font-size: 13.5px;
  font-weight: 700;
  color: #9a3412;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.pts-shopee-items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 640px) {
  .pts-shopee-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .pts-shopee-items {
    grid-template-columns: repeat(3, 1fr);
  }
}

.pts-shopee-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  background: #fffaf5;
  border: 1px solid #ffedd5;
  border-radius: 8px;
  text-decoration: none !important;
  color: inherit !important;
  transition: all 0.15s ease;
}
.pts-shopee-item:hover {
  background: #fff7ed;
  border-color: #ea580c;
  transform: translateY(-1px);
}
.pts-shopee-img {
  width: 52px;
  height: 52px;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid #fed7aa;
}
.pts-shopee-meta {
  flex: 1;
  min-width: 0;
}
.pts-shopee-name {
  font-size: 13px;
  font-weight: 700;
  color: #2b2523;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pts-shopee-why {
  font-size: 11.5px;
  color: #78350f;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 4px;
}
.pts-shopee-price-tag {
  font-size: 12px;
  font-weight: 800;
  color: #ee4d2d;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ==========================================================================
   CẤU TRÚC BÁO CÁO 7 PHẦN: THÔNG TIN CÁ NHÂN & SỐ ĐANG XEM (PHẦN I & II)
   ========================================================================== */
.pts-info-card {
  background: #ffffff;
  border: 1px solid #ebd8c2;
  border-radius: 12px;
  padding: 20px 22px;
  margin-bottom: 20px;
  box-shadow: 0 4px 16px rgba(43, 37, 35, 0.05);
}
.pts-info-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
  .pts-info-grid {
    grid-template-columns: 1.15fr 1fr;
    gap: 20px;
  }
}
.pts-info-block {
  background: #faf7f2;
  border: 1px solid #f0e6da;
  border-radius: 10px;
  padding: 16px 18px;
}
.pts-info-block-title {
  font-family: 'Noto Serif', Georgia, serif;
  font-size: 14px;
  font-weight: 700;
  color: #7f1d1d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebd8c2;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pts-info-rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13.5px;
}
.pts-info-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  line-height: 1.4;
}
.pts-info-label {
  color: #786c66;
  font-weight: 500;
  flex-shrink: 0;
}
.pts-info-val {
  color: #2b2523;
  font-weight: 700;
  text-align: right;
  word-break: break-word;
}
.pts-num-highlight {
  font-family: 'Noto Serif', Georgia, serif;
  font-size: 20px;
  font-weight: 800;
  color: #7f1d1d;
  letter-spacing: 0.5px;
}

/* ==========================================================================
   CẤU TRÚC BÁO CÁO 7 PHẦN: QUẢNG CÁO DỊCH VỤ TÌM SIM HỢP MỆNH (PHẦN VII)
   ========================================================================== */
.pts-service-ad-card {
  background: linear-gradient(145deg, #fffcf8 0%, #faf3eb 100%);
  border: 1.5px solid #d4af37;
  border-radius: 14px;
  padding: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  box-shadow: 0 6px 20px rgba(127, 29, 29, 0.08);
}
.pts-service-header {
  margin-bottom: 18px;
}
.pts-service-badge {
  display: inline-block;
  padding: 4px 12px;
  background: #7f1d1d;
  color: #fef08a;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 999px;
  margin-bottom: 10px;
}
.pts-service-title {
  font-family: 'Noto Serif', Georgia, serif;
  font-size: 20px;
  font-weight: 700;
  color: #7f1d1d;
  line-height: 1.35;
  margin-bottom: 6px;
}
.pts-service-sub {
  font-size: 13.5px;
  color: #5a4b41;
  line-height: 1.5;
  margin-bottom: 16px;
}
.pts-service-features {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .pts-service-features {
    grid-template-columns: repeat(3, 1fr);
  }
}
.pts-service-feat {
  background: #ffffff;
  border: 1px solid #ebd8c2;
  border-radius: 8px;
  padding: 12px 14px;
}
.pts-service-feat-h {
  font-size: 13.5px;
  font-weight: 700;
  color: #7f1d1d;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.pts-service-feat-p {
  font-size: 12px;
  color: #5a4b41;
  line-height: 1.45;
  margin: 0;
}
.pts-service-contact-box {
  background: #ffffff;
  border: 1px dashed #caa146;
  border-radius: 10px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  text-align: center;
}
@media (min-width: 640px) {
  .pts-service-contact-box {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}
.pts-ad-btn-wrap {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.pts-ad-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
.pts-ad-btn.zalo {
  background: #0068ff;
  color: #ffffff !important;
}
.pts-ad-btn.zalo:hover {
  background: #0052cc;
  box-shadow: 0 4px 12px rgba(0, 104, 255, 0.3);
}
.pts-ad-btn.messenger {
  background: #0084ff;
  color: #ffffff !important;
}
.pts-ad-btn.messenger:hover {
  background: #0066cc;
  box-shadow: 0 4px 12px rgba(0, 132, 255, 0.3);
}
.pts-ad-btn.hotline {
  background: #7f1d1d;
  color: #ffffff !important;
}
.pts-ad-btn.hotline:hover {
  background: #991b1b;
}