/*
Theme Name: eQR Child
Theme URI: https://eqr.vn/
Template: astra
Author: Acb Tinhco
Author URI: https://eqr.vn/
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 261028.1
Updated: 2026-10-28

*/

/* =====================================================================
   A. KHUNG CHUNG, BIẾN
   ===================================================================== */
:root {
  --eqr-max-width: 1200px;
  --eqr-padding-x: 20px;
  --eqr-primary: #1A56DB;        /* nút, focus, link hover */
  --eqr-primary-dark: #1545B0;   /* hover nút */
  --eqr-menu-active: #1E3A8A;    /* menu đang chọn / hover */
  --eqr-menu-hover-bg: #E8EFFC;
}

/* Header, nội dung, footer chính, below-footer dùng chung 1 khung */
.site-header .ast-container,
#content.site-content .ast-container,
.site-primary-footer-wrap .ast-builder-grid-row-container-inner,
.site-below-footer-wrap .ast-builder-grid-row-container-inner {
  max-width: var(--eqr-max-width) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--eqr-padding-x) !important;
  padding-right: var(--eqr-padding-x) !important;
  box-sizing: border-box !important;
}


/* =====================================================================
   B. NÚT GỌI NỔI
   ===================================================================== */
.eqr-float-call{position:fixed;left:40px;bottom:60px;z-index:9999;isolation:isolate;display:inline-flex;align-items:center;gap:0;width:auto;min-width:0;margin:0;padding:0;border-radius:999px;background:linear-gradient(145deg,#e0213f,#9c0c26);color:#fff;font-weight:700;font-size:14px;line-height:1;letter-spacing:normal;text-decoration:none;white-space:nowrap;box-shadow:0 0 0 2px #fff,0 6px 16px rgba(156,12,38,.45);transition:background .2s,padding .2s}
.eqr-float-call:not(:has(.eqr-float-call__icon)){display:none}
.eqr-float-call:hover,.eqr-float-call:focus{color:#fff}
.eqr-float-call__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 45px;width:45px;height:45px;margin:0;border-radius:50%}
.eqr-float-call__icon svg{width:21px;height:21px;animation:eqr-call-ring 1.8s infinite}
.eqr-float-call__dot{position:absolute;left:33px;top:0;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-sizing:border-box}
.eqr-float-call__txt{margin:0;padding:0}
.eqr-float-call__txt:empty{display:none}
.eqr-float-call::before,.eqr-float-call::after{content:"";position:absolute;inset:0;border-radius:50%;background:#c8102e;z-index:-1;animation:eqr-call-wave 1.8s ease-out infinite}
.eqr-float-call::after{animation-delay:.6s}
@keyframes eqr-call-wave{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.1);opacity:0}}
@keyframes eqr-call-ring{0%,55%,100%{transform:rotate(0)}8%,24%,40%{transform:rotate(-16deg)}16%,32%,48%{transform:rotate(16deg)}}
.eqr-float-call.is-open{background:#17914f;padding-right:16px;box-shadow:0 0 0 2px #fff,0 6px 16px rgba(23,145,79,.4)}
.eqr-float-call.is-open::before,.eqr-float-call.is-open::after{display:none}
.eqr-float-call.is-open .eqr-float-call__icon svg{animation:none}
.eqr-float-call.is-open .eqr-float-call__txt{padding-left:4px;font-size:15px;letter-spacing:.3px}
/* 23/10/2026: bỏ rule @media(prefers-reduced-motion) – nút luôn có sóng và rung kể cả khi máy khách tắt hiệu ứng chuyển động */


/* =====================================================================
   C. HEADER, MENU, STICKY
   ===================================================================== */
#masthead {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* Chặn tràn ngang ở vùng nội dung (dải nền rộng 100vw).
   Không đặt overflow-x lên html/body: làm header mất ghim (sticky). 27/10/2026 */
#content.site-content {
  overflow-x: hidden;   /* trình duyệt cũ không hỗ trợ clip */
  overflow-x: clip;
}

.site-header-section {
  height: 50px;
}

/* Menu chính: hover / mục hiện tại */
.ast-builder-menu-1 .menu-item:hover > .menu-link,
.ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
  color: var(--eqr-menu-active);
  background-color: var(--eqr-menu-hover-bg);
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
.ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle,
.ast-builder-menu-1 .current-menu-ancestor > .menu-link {
  color: var(--eqr-menu-active);
}

/* Submenu không bị full width (Astra đặt width:1920px) */
.main-header-menu .menu-item-has-children {
  position: relative !important;
}

.main-header-menu .menu-item-has-children .sub-menu {
  width: auto !important;
  min-width: 220px !important;
  max-width: 320px !important;
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  z-index: 9999 !important;
}

.main-header-menu .menu-item-has-children .sub-menu .menu-item {
  width: 100% !important;
  white-space: nowrap !important;
}

.main-header-menu .menu-item-has-children .sub-menu .menu-link {
  display: block !important;
  padding: 10px 20px !important;
  color: #1e293b !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

.main-header-menu .menu-item-has-children .sub-menu .menu-link:hover {
  color: var(--eqr-primary) !important;
  background: #EEF3FF !important;
}

/* Khối HTML 1 trên header: "Đăng nhập" (chữ) + "Tư vấn 30 phút" (nút viền) + "Trải nghiệm 500 tem" (nút chính) – 24/10/2026 (v.7) */
.eqr-head-cta {
  display: flex;
  align-items: center;
  gap: 12px;
}

.eqr-head-cta__login {
  font-size: 14px;
  font-weight: 600;
  color: #334155;
  text-decoration: none;
  margin-right: 4px;
}

.eqr-head-cta__login:hover {
  color: var(--eqr-primary);
}

.eqr-head-cta__btn {
  display: inline-flex;
  align-items: center;
  height: 35px;
  padding: 0 11px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  text-decoration: none;
  border: 2px solid var(--eqr-primary);
  box-sizing: border-box;
  transition: background 0.2s, color 0.2s, transform 0.15s, box-shadow 0.2s;
}

.eqr-head-cta__btn--primary {
  background: var(--eqr-primary);
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(26, 86, 219, 0.32);
}

.eqr-head-cta__btn--primary:hover {
  background: var(--eqr-primary-dark);
  border-color: var(--eqr-primary-dark);
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(26, 86, 219, 0.38);
}

.eqr-head-cta__btn--outline {
  background: #fff;
  color: var(--eqr-primary) !important;
}

.eqr-head-cta__btn--outline:hover {
  background: #E8EFFC;
  color: var(--eqr-primary-dark) !important;
}

/* Header desktop: menu luôn một dòng, thu gọn dần khi màn hình hẹp */
#ast-desktop-header .main-header-menu {
  flex-wrap: nowrap;
}

#ast-desktop-header .main-header-menu > .menu-item > .menu-link {
  white-space: nowrap;
}

.eqr-head-cta br {
  display: none;
}

@media (max-width: 1199px) {
  #ast-desktop-header .site-primary-header-wrap .ast-builder-grid-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    column-gap: 20px;
  }
  #ast-desktop-header .site-header-primary-section-center {
    min-width: 0;
  }
  #ast-desktop-header .main-header-menu > .menu-item > .menu-link {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 1079px) {
  #ast-desktop-header .site-primary-header-wrap .ast-builder-grid-row {
    column-gap: 12px;
  }
  #ast-desktop-header .main-header-menu > .menu-item > .menu-link {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
  }
  .eqr-head-cta {
    gap: 8px;
  }
  .eqr-head-cta__btn {
    padding: 0 9px;
    font-size: 13px;
  }
}

/* Màn hình ≤ 921px (Astra chuyển sang header di động): chỉ giữ nút chính */
@media (max-width: 921px) {
  .eqr-head-cta__login,
  .eqr-head-cta__btn--outline { display: none; }
  .eqr-head-cta__btn { height: 34px; padding: 0 12px; font-size: 13.5px; }
}


/* =====================================================================
   D. FOOTER
   ===================================================================== */
.site-primary-footer-wrap {
  padding-top: 50px;
  padding-bottom: 0;
}

/* Astra đặt padding ngang 50px cho below-footer → đưa về 0 để cùng khung.
   Cần selector có attribute để thắng Astra. */
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
  padding: 5px 0;
}

.widget_nav_menu li {
  color: #fff;
  font-size: 14px;
  line-height: 2.2em;
}

/* Below-footer: copyright trái, menu phải */
.site-footer-below-section-1 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.site-footer-below-section-2 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}


/* =====================================================================
   E. TRANG LIÊN HỆ + CONTACT FORM 7
   ===================================================================== */
.eqr-contact-wrap {
  display: flex;
  min-height: 480px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  font-family: 'Segoe UI', Arial, sans-serif;
  margin: 50px auto;          /* cách header/footer – 23/10/2026 */
  max-width: 1100px;
}

/* ---- Cột trái: thông tin liên hệ ---- */
.eqr-contact-left {
  flex: 0 0 50%;
  padding: 30px 25px;
  position: relative;
  overflow: hidden;
  color: #fff;
}

.eqr-contact-left::before {
  content: '';
  position: absolute;
  top: -80px; right: -80px;
  width: 320px; height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(96,165,250,0.22) 0%, transparent 70%);
  pointer-events: none;
}

.eqr-contact-left::after {
  content: '';
  position: absolute;
  bottom: -60px; left: -60px;
  width: 240px; height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,150,255,0.12) 0%, transparent 70%);
  pointer-events: none;
}

.eqr-contact-left h2 {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 28px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.eqr-info-item {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 30px;
}

.eqr-info-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #E8EFFC;
  border: 1px solid rgba(96,165,250,0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.eqr-info-icon svg {
  width: 20px;
  height: 20px;
  fill: #1A56DB;
}

.eqr-info-label {
  font-size: 14px;
  color: rgba(255,255,255,0.55);
  margin-bottom: 3px;
}

.eqr-info-value {
  font-size: 14px;
  color: #ffffff;
  line-height: 1.5;
}

.eqr-info-value a {
  color: #ffffff;
  text-decoration: none;
}

.eqr-info-value a:hover {
  color: #93C5FD;
  text-decoration: underline;
}

/* ---- Cột phải: form ---- */
.eqr-contact-right {
  flex: 0 0 45% !important;
  max-width: 45% !important;
  background: #fff;
  padding: 30px 25px 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
}

.eqr-contact-right h2 {
  font-size: 20px;
  font-weight: 700;
  color: #0d2137;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* Xóa thẻ p rỗng WordPress tự sinh quanh CF7 */
.eqr-contact-left p:empty,
.eqr-contact-right p:empty {
  display: none !important;
  margin: 0 !important;
}

/* ---- Override Contact Form 7 (giữ !important: CF7 + Astra có specificity cao hơn) ---- */
.eqr-custom-cf7 .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.eqr-custom-cf7 .wpcf7-form p {
  margin: 0;
}

.eqr-custom-cf7 label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 6px;
}

.eqr-custom-cf7 input[type="text"],
.eqr-custom-cf7 input[type="email"],
.eqr-custom-cf7 input[type="tel"],
.eqr-custom-cf7 textarea {
  width: 100% !important;
  padding: 11px 16px !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  color: #1e293b !important;
  background: #f8fafc !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  box-sizing: border-box !important;
  outline: none !important;
  font-family: inherit !important;
}

.eqr-custom-cf7 input[type="text"],
.eqr-custom-cf7 input[type="email"],
.eqr-custom-cf7 input[type="tel"] {
  height: 37px;
}

.eqr-custom-cf7 input[type="text"]:focus,
.eqr-custom-cf7 input[type="email"]:focus,
.eqr-custom-cf7 input[type="tel"]:focus,
.eqr-custom-cf7 textarea:focus {
  border-color: var(--eqr-primary) !important;
  box-shadow: 0 0 0 3px rgba(26,86,219,0.15) !important;
  background: #fff !important;
}

/* Ô chọn (select) và ghi chú dưới ô chọn của CF7 – thêm 23/10/2026 */
.eqr-custom-cf7 select {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
  background: #f8fafc;
  color: #1e293b;
  margin-bottom: 8px;
  font-family: inherit;
}

.eqr-custom-cf7 .eqr-pg-form__hint {
  font-size: 13px;
  color: #4B5563;
  margin: 0 0 10px;
}

/* Form Liên hệ gọn 2 cột – 23/10/2026 */
.eqr-custom-cf7 .eqr-f2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px;margin-bottom: 3px}
.eqr-custom-cf7 label { margin-bottom: 10px; }
.eqr-custom-cf7 input[type="text"],
.eqr-custom-cf7 input[type="email"],
.eqr-custom-cf7 input[type="tel"],
.eqr-custom-cf7 textarea { padding: 9px 14px !important; }
.eqr-custom-cf7 textarea { min-height: 72px; resize: vertical; }
.eqr-custom-cf7 select { margin-bottom: 0; height: 37px; box-sizing: border-box; }
.eqr-custom-cf7 .eqr-pg-form__hint { font-size: 12.5px; line-height: 1.45; margin: -2px 0 12px; }
.eqr-contact-right { padding-bottom: 30px; }
@media (max-width: 560px) { .eqr-custom-cf7 .eqr-f2 { grid-template-columns: 1fr; } }

.eqr-custom-cf7 input[type="submit"] {
  width: 100% !important;
  padding: 14px 24px !important;
  background: var(--eqr-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.1s !important;
  letter-spacing: 0.02em !important;
  font-family: inherit !important;
  margin-top: 4px !important;
}

.eqr-custom-cf7 input[type="submit"]:hover {
  background: var(--eqr-primary-dark) !important;
  transform: translateY(-1px) !important;
}

.eqr-custom-cf7 input[type="submit"]:active {
  transform: translateY(0) !important;
}

.eqr-custom-cf7 .wpcf7-not-valid-tip {
  font-size: 12px !important;
  color: #e53e3e !important;
  margin-top: 4px !important;
}

/* Thông báo gửi thành công – giữ xanh lá (màu "thành công", không phải màu thương hiệu) */
.eqr-custom-cf7 .wpcf7-response-output {
  border-radius: 8px !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  margin-top: 12px !important;
  border: none !important;
  background: #f0fdf4 !important;
  color: #166534 !important;
}

/* ---- Nền ảnh trang Liên hệ (Page ID = 40) ---- */
.page-id-40 #content.site-content {
  background-image: url('/media/2026/10/bg-contact2-scaled.jpg') !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

.page-id-40 .ast-article-single,
.page-id-40 .entry-content,
.page-id-40 .ast-container,
.page-id-40 .site-content > .ast-container {
  background: transparent !important;
}


/* =====================================================================
   F. TRANG NỘI DUNG (chung)
   ===================================================================== */
header.entry-header .entry-title {
  font-size: 1.5rem;
}

.ast-single-post .entry-content a,
.ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
  text-decoration: none;
}


/* =====================================================================
   G. RESPONSIVE (phần chung – không chứa #eqr-gt / #eqr-page, xem mục I)
   ===================================================================== */

/* ---- Tablet lớn ≤ 1024px ---- */
@media (max-width: 1024px) {
  .site-footer-below-section-1,
  .site-footer-below-section-2 {
    justify-content: center !important;
    text-align: center !important;
  }

  .ast-single-post .entry-title,
  .ast-single-post .entry-title a {
    margin-top: 20px;
    text-align: center;
  }
}

/* ---- Mobile ≤ 768px ---- */
@media (max-width: 768px) {

  /* Nút gọi nổi */
  .eqr-float-call { left: 28px; bottom: 42px; }

  /* Mobile header: ẩn desktop, hiện mobile, logo giữa, hamburger phải */
  #ast-desktop-header .ast-main-header-wrap { display: none !important; }

  #ast-mobile-header { display: block !important; }
  #ast-mobile-header .ast-main-header-wrap { display: block !important; }
  #ast-mobile-header .ast-primary-header-bar { display: flex !important; align-items: center !important; }

  #ast-mobile-header .ast-builder-grid-row {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    min-height: 60px !important;
    padding: 0 16px !important;
    width: 100% !important;
  }

  #ast-mobile-header .site-header-primary-section-left {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1 !important;
  }

  #ast-mobile-header .site-header-primary-section-right {
    margin-left: auto !important;
    position: relative !important;
    z-index: 2 !important;
  }

  #ast-mobile-header button.menu-toggle,
  #ast-mobile-header button.ast-mobile-menu-trigger-minimal {
    display: flex !important;
    visibility: visible !important;
    pointer-events: all !important;
    cursor: pointer !important;
  }

  /* Below-footer */
  .site-footer-below-section-1 p,
  .site-footer-below-section-2 .ast-nav-menu { text-align: center !important; justify-content: center !important; }

  /* Trang Liên hệ */
  .eqr-contact-wrap { flex-direction: column; border-radius: 12px; margin: 24px auto; }
  .eqr-contact-left { flex: none; padding: 32px 24px; }
  .eqr-contact-right { padding: 32px 24px; flex: none !important; max-width: 100% !important; }
  .eqr-contact-right h2 { font-size: 20px; }
}

/* ---- Mobile rất nhỏ ≤ 480px ---- */
@media (max-width: 480px) {
  .eqr-contact-left,
  .eqr-contact-right { padding: 24px 16px; }
}


/* =====================================================================
   H. BÀI VIẾT (.eqr-post) – khung bài viết chuyên mục kiến thức
   Xóa cả mục này nếu bài viết eqr.vn không dùng khung .eqr-post
   ===================================================================== */
.eqr-post {
  --eqr-green: #1545B0;
  --eqr-green-soft: #E8EFFC;
  --eqr-orange: #D9771A;
  --eqr-orange-soft: #FFF6E9;
  --eqr-text: #1A2332;
  --eqr-muted: #5A6A7A;
  --eqr-line: #E2E8F0;
  --eqr-soft: #F7F9FC;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--eqr-text);
}
.eqr-post * { box-sizing: border-box; }

/* Tiêu đề (H1 do WordPress hiển thị) */
.eqr-post h2 { font-size: clamp(21px,2.2vw,24px); font-weight: 600; line-height: 1.3; color: var(--eqr-text); margin: 36px 0 12px; }
.eqr-post h3 { font-size: 18px; font-weight: 600; line-height: 1.4; color: var(--eqr-green); margin: 24px 0 8px; }

/* Văn bản */
.eqr-post p { margin: 0 0 16px; color: var(--eqr-text); }
.eqr-post ul, .eqr-post ol { margin: 0 0 18px; padding-left: 22px; }
.eqr-post li { margin-bottom: 8px; }
.eqr-post a { color: var(--eqr-green); text-decoration: underline; text-underline-offset: 3px; }
.eqr-post a:hover { color: #0F2F7A; }
.eqr-post b, .eqr-post strong { font-weight: 600; }
.eqr-lead { font-size: 18px; line-height: 1.65; }

/* Tóm tắt nhanh */
.eqr-summary { background: var(--eqr-green-soft); border-left: 5px solid var(--eqr-green); border-radius: 0 12px 12px 0; padding: 16px 20px 6px; margin: 0 0 26px; }
.eqr-summary-title { font-weight: 600; color: var(--eqr-green) !important; margin: 0 0 6px !important; }
.eqr-summary ul { margin: 0 0 10px; }

/* Công thức, ô nhấn */
.eqr-formula { background: var(--eqr-green-soft); border-left: 5px solid var(--eqr-green); border-radius: 0 12px 12px 0; padding: 16px 20px; margin: 22px 0; }
.eqr-formula b { color: var(--eqr-green); }
.eqr-formula p { margin: 6px 0 0; }

/* Kinh nghiệm thực tế */
.eqr-tip { background: var(--eqr-orange-soft); border-left: 5px solid var(--eqr-orange); border-radius: 0 12px 12px 0; padding: 16px 20px; margin: 24px 0; }
.eqr-tip b { color: #B5630A; }

/* Sơ đồ các bước */
.eqr-flow { display: flex; gap: 6px; align-items: stretch; flex-wrap: wrap; margin: 22px 0; }
.eqr-flow div { flex: 1 1 104px; border: 1.5px solid var(--eqr-green); border-radius: 12px; padding: 10px; background: #fff; }
.eqr-flow b { display: block; color: var(--eqr-green); font-size: 15px; }
.eqr-flow span { display: block; font-size: 14px; color: var(--eqr-orange); margin-top: 4px; line-height: 1.45; }
.eqr-flow i { align-self: center; color: var(--eqr-orange); font-style: normal; font-weight: 700; font-size: 22px; }

/* Bảng */
.eqr-table { overflow-x: auto; margin: 20px 0; }
.eqr-post table { border-collapse: collapse; width: 100%; font-size: 15px; line-height: 1.55; }
.eqr-post th, .eqr-post td { text-align: left; vertical-align: top; padding: 11px 14px; border-bottom: 1px solid var(--eqr-line); }
.eqr-post th { background: var(--eqr-soft); color: var(--eqr-text); font-weight: 600; }

/* Danh sách tự kiểm tra */
.eqr-check { list-style: none; padding-left: 0 !important; }
.eqr-check li { position: relative; padding-left: 30px; }
.eqr-check li:before { content: ""; position: absolute; left: 2px; top: 6px; width: 16px; height: 16px; border: 2px solid var(--eqr-green); border-radius: 4px; }

/* Ảnh: rộng tối đa 700px, căn giữa */
.eqr-post .eqr-figure { max-width: 700px; width: 100%; margin: 26px auto !important; float: none !important; text-align: center; }
.eqr-post .eqr-figure img { display: block; width: 100%; height: auto; margin: 0 auto !important; border-radius: 12px; border: 1px solid var(--eqr-line); }

/* Hỏi đáp */
.eqr-faq h3 { color: var(--eqr-text); font-size: 17px; margin: 20px 0 6px; }
.eqr-faq p { color: var(--eqr-muted); }

/* Khối kêu gọi */
.eqr-cta { background: var(--eqr-green); border-radius: 16px; padding: 24px 26px; margin: 36px 0 14px; }
.eqr-cta p { color: #fff !important; margin: 0 0 16px; }
.eqr-cta .eqr-cta-title { font-size: 21px; font-weight: 600; line-height: 1.35; margin-bottom: 8px; }
.eqr-cta .eqr-btn { display: inline-block; background: #fff; color: var(--eqr-green) !important; font-weight: 600; font-size: 16px; text-decoration: none; padding: 12px 24px; border-radius: 8px; }
.eqr-cta .eqr-btn:hover { background: var(--eqr-green-soft); }

/* Đọc tiếp */
.eqr-related { border-top: 1px solid var(--eqr-line); margin-top: 30px; padding-top: 16px; }
.eqr-related-title { font-weight: 600; font-size: 18px; margin: 0 0 8px !important; }
.eqr-related ul { margin: 0; }

/* Di động ≤ 820px */
@media (max-width: 820px) {
  .eqr-flow i { transform: rotate(90deg); margin: 0 auto; }
  .eqr-lead { font-size: 17px; }
  .eqr-cta { padding: 20px; }
}


/* =====================================================================
   I. TRANG CHỦ (#eqr-gt) & TRANG GIẢI PHÁP (#eqr-page)
   Các selector [style*="..."] bám vào inline style trong nội dung trang –
   đổi 1 khoảng trắng trong inline style là rule mất tác dụng.
   ===================================================================== */

/* ---- I1. Base ---- */
#eqr-gt div[style*="grid-template-columns"] {
  max-width: none !important;
  width: 100% !important;
}

#eqr-gt div[style*="grid-template-columns"] > div {
  max-width: none !important;
  min-width: 0 !important;
  width: auto !important;
}

#eqr-gt section > div {
  max-width: 1100px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ---- I2. Tablet lớn ≤ 1024px ---- */
@media (max-width: 1024px) {
  #eqr-gt div[style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  #eqr-gt section > div[style*="max-width:1100px"] {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  #eqr-gt div[style*="display:flex;gap:52px"],
  #eqr-gt div[style*="display:flex;gap:48px"] {
    gap: 28px !important;
  }
}

/* ---- I3. Tablet ≤ 900px ---- */
@media (max-width: 900px) {
  #eqr-page section > div[style*="max-width:1100px"] { padding-left: 20px !important; padding-right: 20px !important; }
  #eqr-page [style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns: repeat(2,1fr) !important; }
  #eqr-page [style*="display:flex;gap:40px"],
  #eqr-page [style*="display:flex;gap:52px"] { flex-direction: column !important; gap: 24px !important; }
  #eqr-page [style*="flex:0 0 46%"],
  #eqr-page [style*="flex:0 0 320px"] { flex: none !important; width: 100% !important; }

  #eqr-gt section > div[style*="max-width:1100px"] { padding-left: 20px !important; padding-right: 20px !important; }
  #eqr-gt [style*="grid-template-columns:repeat(4,1fr)"] { grid-template-columns: repeat(2,1fr) !important; }
  #eqr-gt [style*="display:flex;gap:52px"],
  #eqr-gt [style*="display:flex;gap:48px"] { flex-direction: column !important; gap: 28px !important; }
  #eqr-gt [style*="flex:0 0 44%"] { flex: none !important; width: 100% !important; }
}

/* ---- I4. Mobile ≤ 768px ---- */
@media (max-width: 768px) {
  /* hero */
  #eqr-gt section:first-of-type > div[style*="display:flex"] {
    flex-direction: column !important;
    padding: 0 16px !important;
    gap: 24px !important;
  }
  #eqr-gt section:first-of-type > div > div[style*="flex:0 0 44%"] {
    flex: none !important;
    width: 100% !important;
  }

  /* vấn đề thường gặp */
  #eqr-gt div[style*="display:flex;align-items:flex-start;gap:40px"],
  #eqr-gt div[style*="display:flex;align-items:center;gap:40px"] {
    flex-direction: column !important;
    gap: 16px !important;
    padding: 20px 16px !important;
  }
  #eqr-gt div[style*="flex:0 0 160px"] {
    flex: none !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* tại sao nên chọn */
  #eqr-gt div[style*="display:flex;gap:52px"] { flex-direction: column !important; gap: 24px !important; }
  #eqr-gt div[style*="flex:0 0 44%;display:flex"] { flex: none !important; width: 100% !important; }

  /* khối đăng ký */
  #eqr-gt div[style*="position:absolute;top:0;right:0"],
  #eqr-page div[style*="position:absolute;top:0;right:0"] {
    position: relative !important;
    width: 100% !important;
    padding: 20px 16px !important;
  }

  /* padding chung */
  #eqr-gt section { padding: 40px 0 !important; }
  #eqr-gt section > div[style*="max-width:1100px"] { padding-left: 16px !important; padding-right: 16px !important; }
}

/* ---- I5. Mobile nhỏ ≤ 640px ---- */
@media (max-width: 640px) {
  #eqr-page section > div[style*="max-width:1100px"] { padding-left: 16px !important; padding-right: 16px !important; }
  #eqr-page [style*="grid-template-columns:repeat(3,1fr)"] { grid-template-columns: 1fr !important; }
  #eqr-page section:first-of-type > div { flex-direction: column !important; }
  #eqr-page section:first-of-type > div > div:last-child { flex: none !important; width: 100% !important; }
  #eqr-page h1 { font-size: 26px !important; }
  #eqr-page h2 { font-size: 20px !important; }

  /* Giữ cả 2 selector: biến thể "div[...]" có specificity (1,1,1) mới thắng
     được rule repeat(2,1fr) ở ≤1024px, nếu không grid chỉ xuống 2 cột. */
  #eqr-gt div[style*="grid-template-columns"],
  #eqr-gt [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  #eqr-gt [style*="display:flex;align-items:center;gap:40px"] { flex-direction: column !important; gap: 16px !important; }
  #eqr-gt [style*="flex:0 0 160px"] { flex: none !important; width: 100% !important; }
  #eqr-gt h1 { font-size: 26px !important; }
  #eqr-gt h2 { font-size: 20px !important; }
  #eqr-gt section > div[style*="max-width:1100px"] { padding-left: 16px !important; padding-right: 16px !important; }
}


/* =====================================================================
   J. CSS DÙNG CHUNG CÁC TRANG NỘI DUNG MỚI (.eqr-page, eqr-grid/card/adv/steps/home-cta, eqr-pg-*)
   Thêm 23/10/2026 – thay cho khối <style> inline trong từng trang (trang Cảm ơn trở đi).
   Trang chủ PA1 còn giữ CSS riêng inline cho tới khi được chốt.
   ===================================================================== */
.eqr-page{--eqr-primary:#1A56DB;--eqr-primary-dark:#1545B0;--eqr-accent:#F5B400;--eqr-text:#1F2937;--eqr-muted:#4B5563;--eqr-bg:#F4F6FA;--eqr-border:#E5E7EB;
  color:var(--eqr-text);font-size:17px;line-height:1.65;max-width:1170px;margin:0 auto;padding:0 16px}
.eqr-page *{box-sizing:border-box}
.eqr-page h2,.eqr-page h3,.eqr-page h4{line-height:1.3;margin:0 0 12px}
.eqr-page p{margin:0 0 12px}
.eqr-section{padding:36px 0}
.eqr-page h2.eqr-title{text-align:center;text-transform:uppercase;font-size:24px;font-weight:700;margin:0 0 28px;letter-spacing:.3px}
.eqr-title span,.eqr-primary{color:var(--eqr-primary)}
.eqr-home-btn{display:inline-block;padding:11px 26px;border-radius:6px;font-weight:600;text-decoration:none!important;border:2px solid var(--eqr-accent);
  background:var(--eqr-accent);color:#1F2937!important;transition:.2s}
.eqr-home-btn:hover{filter:brightness(.95)}
.eqr-home-btn--outline{background:#fff;color:#1F2937!important}
.eqr-home-btn--primary{background:var(--eqr-primary);border-color:var(--eqr-primary);color:#fff!important}
.eqr-home-btn--primary:hover{background:var(--eqr-primary-dark);border-color:var(--eqr-primary-dark);filter:none}
.eqr-home-btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:8px 0 0}
.eqr-home-btn-row--start{justify-content:flex-start}
/* Giới thiệu */
.eqr-intro{background:#fff;border:1px solid var(--eqr-border);border-radius:8px;padding:28px 32px;box-shadow:0 4px 18px rgba(0,0,0,.05)}
.eqr-page .eqr-intro h2{font-size:26px;text-transform:uppercase}
/* Lưới thẻ */
.eqr-grid{display:grid;gap:20px}
.eqr-grid--5{grid-template-columns:repeat(5,1fr)}
.eqr-grid--3{grid-template-columns:repeat(3,1fr)}
.eqr-grid--2{grid-template-columns:repeat(2,1fr)}
.eqr-card{background:#fff;border:1px solid var(--eqr-border);border-radius:10px;padding:22px 18px;text-align:center;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.eqr-card h3{font-size:18px;color:var(--eqr-primary)}
.eqr-card h4{font-size:18px}
.eqr-card p,.eqr-card li{font-size:15.5px;color:var(--eqr-muted)}
.eqr-card .eqr-card__body{flex:1}
.eqr-card ul{text-align:left;padding-left:20px;margin:0 0 14px}
.eqr-card li{margin-bottom:8px}
.eqr-card--left{text-align:left}
.eqr-card--lead{border-color:var(--eqr-primary);box-shadow:0 4px 18px rgba(26,86,219,.12)}
.eqr-card__img{width:100%;height:164px;object-fit:cover;border-radius:8px;margin-bottom:14px}
/* Bảng so sánh */
.eqr-home-table-wrap{overflow-x:auto}
.eqr-home-table{width:100%;border-collapse:collapse;background:#fff;min-width:560px}
.eqr-home-table th,.eqr-home-table td{border:1px solid var(--eqr-border);padding:12px 14px;vertical-align:middle}
.eqr-home-table th{background:var(--eqr-bg);font-size:15px;text-transform:uppercase;text-align:center}
.eqr-home-table th.eqr-th-smart{background:var(--eqr-primary);color:#fff}
.eqr-home-table td{font-size:15.5px}
.eqr-home-table td.c{text-align:center;white-space:nowrap}
.eqr-star{color:var(--eqr-accent);font-size:18px;letter-spacing:2px}
.eqr-yes{color:#15803D;font-weight:700;font-size:18px}
.eqr-no{color:#B91C1C;font-weight:700;font-size:18px}
/* Ưu điểm – PA-A: thẻ icon 3 cột */
.eqr-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.eqr-adv{background:#fff;border:1px solid var(--eqr-border);border-top:3px solid var(--eqr-primary);border-radius:10px;padding:22px 20px;transition:.2s}
.eqr-adv:hover{box-shadow:0 10px 26px rgba(26,86,219,.12);transform:translateY(-2px)}
.eqr-adv__icon{width:48px;height:48px;border-radius:12px;background:#E8EFFC;color:var(--eqr-primary);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.eqr-adv__icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eqr-adv h4{font-size:17px;margin-bottom:6px}
.eqr-adv p{font-size:15.5px;color:var(--eqr-muted);margin:0}
@media (max-width:980px){.eqr-adv-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.eqr-adv-grid{grid-template-columns:1fr}}
/* Quy trình */
.eqr-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;text-align:center}
.eqr-step img{width:56px;height:56px;margin:0 auto 10px;display:block}
.eqr-step p{font-weight:600;margin:0}
/* Kêu gọi liên hệ */
.eqr-home-cta{background:var(--eqr-bg);border-radius:12px;padding:40px 24px;text-align:center}
.eqr-page .eqr-home-cta h2{text-transform:uppercase;font-size:24px}
.eqr-home-cta .eqr-sub{color:var(--eqr-muted);margin-bottom:22px}
.eqr-home-cta .eqr-contact-line{margin:18px 0 0;font-size:15.5px;color:var(--eqr-muted)}
.eqr-home-cta .eqr-contact-line a{color:var(--eqr-primary);font-weight:600;text-decoration:none}
@media (max-width:980px){.eqr-grid--5{grid-template-columns:repeat(3,1fr)}.eqr-steps{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.eqr-grid--5,.eqr-grid--3,.eqr-grid--2{grid-template-columns:1fr}.eqr-steps{grid-template-columns:repeat(2,1fr)}
  .eqr-intro{padding:22px 18px}.eqr-page h2.eqr-title{font-size:21px}.eqr-page{font-size:16px}}
/* ---- Khối dùng chung các trang con (eqr-pg-*) ---- */
.eqr-pg-hero{padding:26px 0 6px}
.eqr-pg-lead{font-size:18px;line-height:1.65;max-width:880px;margin:0 0 18px;color:#374151} /* 26/10/2026: 19px → 18px, chữ xám đậm – đoạn mở đầu dài 3–4 dòng, tách khỏi tiêu đề trang */
.eqr-pg-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--eqr-primary);margin-bottom:8px}
.eqr-pg-block{background:#fff;border:1px solid var(--eqr-border);border-radius:10px;padding:22px 22px 14px;margin:0 0 18px}
.eqr-pg-block h3{font-size:18px;margin-bottom:10px}
.eqr-pg-block ul,.eqr-pg-block ol{margin:0 0 12px;padding-left:22px}
.eqr-pg-block li{margin-bottom:6px}
.eqr-pg-block--problem{border-left:4px solid #D9771A;background:#FFFBF5}
.eqr-pg-block--solution{border-left:4px solid var(--eqr-primary);background:#F6F9FF}
.eqr-pg-note{margin:8px 0 0!important;padding-top:10px;border-top:1px dashed var(--eqr-border);font-size:15.5px;color:var(--eqr-muted)}
.eqr-pg-block--problem .eqr-pg-note strong{color:#B5630A}
.eqr-pg-block--solution .eqr-pg-note strong{color:var(--eqr-primary)}
.eqr-grid .eqr-pg-block{margin:0}
.eqr-pg-steps{list-style:none;counter-reset:eqr-step;margin:0 0 18px;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.eqr-pg-steps li{counter-increment:eqr-step;background:#fff;border:1px solid var(--eqr-border);border-radius:10px;padding:18px;margin:0}
.eqr-pg-steps li::before{content:counter(eqr-step);display:flex;width:34px;height:34px;border-radius:50%;background:var(--eqr-primary);color:#fff;font-weight:700;align-items:center;justify-content:center;margin:0 auto 10px}
.eqr-pg-steps li strong{display:block;text-align:center;font-size:16.5px;margin-bottom:4px}
.eqr-pg-steps li span{display:block;font-size:15px;color:var(--eqr-muted)}
.eqr-pg-callout{background:#E8EFFC;border-left:5px solid var(--eqr-primary);border-radius:0 12px 12px 0;padding:16px 20px;margin:18px 0}
.eqr-pg-callout p:last-child{margin:0}
.eqr-pg-callout--warn{background:#FFF6E9;border-left-color:#D9771A}
.eqr-pg-faq details{border:1px solid var(--eqr-border);border-radius:8px;background:#fff;margin:0 0 10px;padding:0 18px}
.eqr-pg-faq summary{cursor:pointer;font-weight:600;padding:14px 28px 14px 0;list-style:none;position:relative}
.eqr-pg-faq summary::-webkit-details-marker{display:none}
.eqr-pg-faq summary::after{content:"+";position:absolute;right:0;top:11px;font-size:20px;color:var(--eqr-primary)}
.eqr-pg-faq details[open] summary::after{content:"–"}
.eqr-pg-faq details p{margin:0 0 14px;color:var(--eqr-muted);font-size:15.5px}
.eqr-page{overflow-wrap:anywhere}
.eqr-pg-related ul{margin:0;padding-left:22px}
.eqr-pg-related li{margin-bottom:8px}
.eqr-pg-split{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.eqr-pg-aside{background:var(--eqr-bg);border-radius:10px;padding:20px 22px}
.eqr-pg-list-check{list-style:none;padding:0;margin:0 0 16px}
.eqr-pg-list-check li{position:relative;padding-left:28px;margin-bottom:8px}
.eqr-pg-list-check li::before{content:"✓";position:absolute;left:0;top:0;color:#15803D;font-weight:700}
.eqr-pg-price{margin:6px 0 10px}
.eqr-pg-price__num{font-size:26px;font-weight:700;color:var(--eqr-primary)}
.eqr-pg-muted{color:var(--eqr-muted);font-size:15px}
.eqr-page .eqr-pg-img{margin:22px auto;max-width:860px}
.eqr-page .eqr-pg-img img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--eqr-border)}
.eqr-page .eqr-pg-img figcaption{text-align:center;font-size:14px;color:var(--eqr-muted);margin-top:8px}
.eqr-page .eqr-pg-img .eqr-pg-img__ph{display:block;text-align:center;min-height:220px;overflow-wrap:anywhere;word-break:break-word;background:repeating-linear-gradient(45deg,#F4F6FA,#F4F6FA 12px,#EDF1F7 12px,#EDF1F7 24px);border:1px dashed #9AA8BC;border-radius:12px;padding:20px;color:#4B5563;font-size:14px}
.eqr-page .eqr-custom-cf7{max-width:640px;margin:8px 0 18px}
.eqr-page .eqr-custom-cf7 .wpcf7-form{display:flex;flex-direction:column;gap:12px}
.eqr-page .eqr-custom-cf7 select{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;background:#f8fafc;color:#1e293b}
.eqr-page .eqr-custom-cf7 .eqr-pg-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.eqr-page .eqr-custom-cf7 .eqr-pg-form__check{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#334155}
.eqr-page .eqr-custom-cf7 .eqr-pg-form__check input{margin-top:4px}
.eqr-page .eqr-custom-cf7 .eqr-pg-form__hint{font-size:13px;color:var(--eqr-muted);margin:0}
.eqr-page .eqr-custom-cf7 .eqr-pg-form__chips{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:14px}
.eqr-page .eqr-custom-cf7 .eqr-pg-form__chips label{display:inline-flex;gap:6px;align-items:center;font-weight:500;margin:0}
@media (max-width:720px){.eqr-pg-split{grid-template-columns:1fr}.eqr-pg-lead{font-size:17px}.eqr-page .eqr-custom-cf7 .eqr-pg-form__row{grid-template-columns:1fr}}