/* In Ấn Q7 – Khối trước footer V1.0.0 */
.inq7-pf{--p:#23356e;--a:#f5811f;--line:#e6e9f0;--muted:#6d7688;background:#fff}
.inq7-pf *{box-sizing:border-box}
.inq7-pf-wrap{width:min(1200px,calc(100% - 32px));margin:0 auto}

/* V1.1.0 – tỉ lệ cột đo theo ảnh mẫu: cột video rộng nhất, cột chủ đề hẹp */
.inq7-pf-grid{
  display:grid;grid-template-columns:3.4fr 1fr 2.17fr;gap:26px;
  align-items:start;padding:10px 0;   /* V1.4.0 – lề 10px trên/dưới cho đồng bộ với các section */
}
.inq7-pf-col{min-width:0}

.inq7-pf-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 14px}
.inq7-pf-head h2{
  margin:0;font-size:17px;font-weight:700;color:var(--p);line-height:1.3;
  text-transform:none;letter-spacing:0;
}
.inq7-pf-them{
  flex:none;font-size:12.5px;font-weight:600;color:#2a6fd6;text-decoration:none;white-space:nowrap;
}
.inq7-pf-them:hover{text-decoration:underline}

/* ---------- video TikTok ---------- */
.inq7-pf-feed{min-height:60px}
.inq7-pf-feed img{border-radius:8px}

/* ---------- bài viết theo chủ đề ---------- */
.inq7-pf-cd-ds{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.inq7-pf-cd-ds a{
  display:flex;align-items:center;gap:10px;
  font-size:13px;color:#2b3552;text-decoration:none;line-height:1.4;
}
.inq7-pf-cd-ds i{
  flex:none;width:13px;height:13px;border-radius:50%;
  border:1.5px solid #c3ccdd;background:#fff;display:block;position:relative;
}
.inq7-pf-cd-ds li:first-child i{border-color:var(--a)}
.inq7-pf-cd-ds li:first-child i::after{
  content:"";position:absolute;inset:2px;border-radius:50%;background:var(--a);
}
.inq7-pf-cd-ds a:hover{color:var(--p)}
.inq7-pf-cd-ds a:hover i{border-color:var(--a)}

/* ---------- đăng ký nhận tin ---------- */
.inq7-pf-dk-sub{margin:0 0 13px;font-size:12.5px;color:var(--muted);line-height:1.5}
.inq7-pf-form{display:grid;gap:9px}
.inq7-pf-form input[type="email"]{
  width:100%;height:42px;padding:0 14px;
  border:1px solid #dbe2ec;border-radius:8px;background:#fff;
  font-size:13px;color:#33405c;font-family:inherit;
}
.inq7-pf-form input[type="email"]:focus{border-color:var(--a);outline:none;box-shadow:none}
.inq7-pf-form button{
  height:42px;border:0;border-radius:8px;cursor:pointer;
  background:var(--a);color:#fff;font-size:14px;font-weight:700;font-family:inherit;
  transition:background .16s ease;
}
.inq7-pf-form button:hover{background:#e0730f}
.inq7-pf-form button[disabled]{opacity:.6;cursor:default}
.inq7-pf-bao{margin:0;font-size:12px;line-height:1.45;min-height:0}
.inq7-pf-bao.ok{color:#1a7f5a}
.inq7-pf-bao.loi{color:#c0392b}

/* ---------- dải cam gọi hành động ---------- */
.inq7-pf-cta{background:linear-gradient(90deg,#f5811f 0%,#ff9d45 100%);color:#fff}
/* V1.2.1 – khoá bằng !important và đặt chiều cao tối thiểu: lúc trang đang tải,
   trước khi feed và phông chữ xong, khối này có lúc bị tính thiếu đệm dưới nên
   chữ dính đáy; ghim lại để cân trên dưới ngay từ khung hình đầu tiên. */
.inq7-pf-cta-inner{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:20px;flex-wrap:wrap;
  padding-top:30px!important;padding-bottom:30px!important;
  padding-left:0!important;padding-right:0!important;
  min-height:108px;box-sizing:border-box;
}
.inq7-pf-cta-tx,.inq7-pf-cta-nut,.inq7-pf-cta-ico{align-self:center!important;margin:0!important}
.inq7-pf-cta-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;color:#fff}
.inq7-pf-cta-ico svg{width:32px;height:32px}
.inq7-pf-cta-tx{flex:0 1 auto;min-width:0}
.inq7-pf-cta-tx strong{display:block;font-size:19px;font-weight:700;line-height:1.3}
.inq7-pf-cta-tx span{display:block;margin-top:3px;font-size:12.5px;opacity:.94}
.inq7-pf-cta-nut{
  flex:none;display:inline-flex;align-items:center;gap:8px;
  height:42px;padding:0 22px;border-radius:8px;
  border:1px solid #fff;background:#fff;
  color:#e0730f;font-size:14px;font-weight:700;text-decoration:none;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  transition:background .16s ease,color .16s ease;
}
.inq7-pf-cta-nut:hover{background:#fff5ec;color:#c9640a}

/* ---------- màn hẹp ---------- */
@media(max-width:1100px){
  .inq7-pf-grid{grid-template-columns:1fr 1fr;gap:22px}
  .inq7-pf-tt{grid-column:1 / -1}
}
@media(max-width:700px){
  .inq7-pf-grid{grid-template-columns:1fr}
  .inq7-pf-tt{grid-column:1}
  .inq7-pf-cta-inner{gap:14px}
  .inq7-pf-cta-tx strong{font-size:16px}
  .inq7-pf-cta-nut{width:100%;justify-content:center}
}


/* ==========================================================================
   V1.1.0 – FEED TIKTOK: MỘT HÀNG BỐN VIDEO
   Plugin feed xếp mười video thành hai hàng bằng cách đặt từng ô ở vị trí
   tuyệt đối, nên ô nào cũng nhỏ xíu. Ở đây trả các ô về dòng chảy bình thường
   rồi xếp thành một hàng bốn ô, phần còn lại xem trên TikTok.
   ========================================================================== */
.inq7-pf-feed .tiktok-feed-feed{
  height:auto!important;min-height:0!important;padding:0!important;margin:0!important;
}
/* nút "xem thêm" rỗng của plugin đẩy khối cao thêm 15px */
.inq7-pf-feed .tiktok-feed__actions{display:none!important}
.inq7-pf-feed .tiktok-feed-list{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;
  column-gap:10px!important;row-gap:0!important;
  float:none!important;width:100%!important;
  height:auto!important;min-height:0!important;position:static!important;
  padding:0!important;margin:0!important;
  align-items:start!important;align-content:start!important;
  line-height:0!important;font-size:0!important;
}
.inq7-pf-feed .tiktok-feed-item{
  position:static!important;width:auto!important;height:auto!important;
  max-width:none!important;margin:0!important;padding:0!important;
  float:none!important;transform:none!important;top:auto!important;left:auto!important;
  align-self:start!important;overflow:hidden!important;
  line-height:0!important;font-size:0!important;
}
.inq7-pf-feed .tiktok-feed-item:nth-child(n+5){display:none!important}
.inq7-pf-feed .tiktok-feed-item__wrap{
  display:block!important;width:100%!important;height:auto!important;
  margin:0!important;padding:0!important;overflow:hidden;border-radius:8px;
}
.inq7-pf-feed .tiktok-feed-item__video-wrap{
  width:100%!important;height:auto!important;padding:0!important;margin:0!important;
  line-height:0;font-size:0;
}
.inq7-pf-feed .tiktok-feed-item__video{
  width:100%!important;height:auto!important;position:static!important;
  aspect-ratio:9/16;object-fit:cover;border-radius:8px;display:block!important;vertical-align:top;
}
.inq7-pf-feed .tiktok-feed-item__video-mask{position:absolute!important;inset:0!important}


/* ==========================================================================
   V1.1.0 – KHOẢNG CÁCH 20px VỚI KHỐI NGAY TRÊN
   Ba chỗ đệm chồng lên nhau (khối cuối trang chủ, khung nội dung của theme và
   khối này) làm khoảng trống lên tới 130px; khoá lại còn đúng 20px.
   ========================================================================== */
body.home .large-12.col{padding-bottom:0!important}
body.inq7-hero-moi .inq7-home{padding-bottom:0!important}
/* V1.4.0 – section cuối của trang chủ giữ lề dưới 10px (trước đây khoá về 0);
   cộng với 10px lề trên của khối này vẫn ra đúng khe 20px. */
body.inq7-hero-moi .inq7-home .inq7-section:last-of-type{padding-bottom:10px!important}


/* V1.2.2 – theme Flatsome đặt lề trái cho mọi <li>; danh sách chủ đề dùng
   lưới nên phải gỡ lề đó đi, không thì các dòng bị thụt vào và lệch nhau. */
.inq7-pf-cd-ds li{margin-left:0!important;margin-bottom:0!important}


/* ==========================================================================
   V1.3.0 – ĐIỆN THOẠI: THU HẸP BA KHOẢNG TRỐNG QUANH DẢI CAM
   Trên màn hẹp ba khối xếp dọc nên các khoảng đệm cộng dồn: sau nút "Đăng ký"
   còn 29px trắng, dải cam thì chừa 30px trên và 30px dưới, cộng chiều cao tối
   thiểu 108px vốn đặt cho bản máy tính. Thu lại cho khối liền mạch.
   ========================================================================== */
@media(max-width:860px){
  .inq7-pf-grid{padding:10px 0!important}
  .inq7-pf-cta-inner{
    padding-top:14px!important;padding-bottom:14px!important;
    min-height:0!important;gap:12px;
  }
  .inq7-pf-cta-ico{width:32px;height:32px}
  .inq7-pf-cta-ico svg{width:26px;height:26px}
  .inq7-pf-cta-tx strong{font-size:16px}
  .inq7-pf-cta-tx span{font-size:11.5px}
  .inq7-pf-cta-nut{height:38px;font-size:13.5px}
}