/* In Ấn Q7 – Hướng dẫn gửi file V1.0.0 */
.inq7-hd{
  --p:#23356e;--a:#faa21b;--ink:#1b2233;--muted:#5b6479;--line:#e6e9f0;--soft:#f6f7fb;
  font-family:"Roboto",-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.65;
}
.inq7-hd *{box-sizing:border-box}
.inq7-hd h2,.inq7-hd h3,.inq7-hd h4{margin:0;line-height:1.3;color:var(--p)}
.inq7-hd p{margin:0}
.inq7-hd code{background:#eef1f7;border-radius:5px;padding:2px 6px;font-size:13px;color:var(--p)}

.inq7-hd-hero{background:var(--p);color:#fff;border-radius:14px;padding:30px 28px;margin-bottom:30px}
.inq7-hd-hero h2{color:#fff;font-size:clamp(22px,2.5vw,30px);font-weight:800;margin-bottom:10px}
.inq7-hd-hero p{color:rgba(255,255,255,.82);font-size:15px;max-width:80ch}
.inq7-hd-hero strong{color:var(--a)}

.inq7-hd-block{margin-bottom:34px}
.inq7-hd-h3{font-size:clamp(18px,2vw,23px);font-weight:800;margin-bottom:16px;
  padding-bottom:10px;border-bottom:2px solid var(--line)}

/* 6 quy tắc */
.inq7-hd-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.inq7-hd-rules article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;position:relative}
.inq7-hd-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  background:var(--a);color:#1b2233;font-weight:800;font-size:14px;margin-bottom:11px}
.inq7-hd-rules strong{display:block;font-size:15.5px;color:var(--p);margin-bottom:5px}
.inq7-hd-rules p{font-size:13.5px;color:var(--muted)}

/* nhóm sản phẩm */
.inq7-hd-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.inq7-hd-groups article{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.inq7-hd-groups h4{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;
  margin-bottom:12px;padding-bottom:9px;border-bottom:1px dashed var(--line)}
.inq7-hd-groups ul{margin:0;padding-left:18px;display:grid;gap:7px}
.inq7-hd-groups li{font-size:13.5px;color:var(--muted)}

/* lỗi thường gặp */
.inq7-hd-errors{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}
.inq7-hd-errors article{display:flex;flex-direction:column;gap:3px;padding-left:15px;border-left:3px solid #e05a3c}
.inq7-hd-errors strong{font-size:14px;color:var(--p)}
.inq7-hd-errors span{font-size:13.5px;color:var(--muted)}

/* gửi file */
.inq7-hd-send{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start;margin-bottom:34px}
.inq7-hd-steps{margin:0;padding-left:20px;display:grid;gap:10px}
.inq7-hd-steps li{font-size:14px;color:var(--muted)}
.inq7-hd-steps strong{color:var(--p)}
.inq7-hd-name{margin-top:16px!important;font-size:13.5px;color:var(--muted)}

.inq7-hd-card{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:22px}
.inq7-hd-card h4{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:14px}
.inq7-hd-zalo{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;
  border-radius:999px;background:#0068ff;color:#fff;text-decoration:none;font-size:14.5px;font-weight:700;transition:.16s}
.inq7-hd-zalo:hover{background:#0055d4;color:#fff}
.inq7-hd-zalo svg{width:24px;height:24px;flex:none}
.inq7-hd-mail{display:block;margin-top:10px;padding:11px 16px;border-radius:10px;background:#fff;
  border:1px solid var(--line);text-align:center;font-size:13.5px;font-weight:700;color:var(--p);text-decoration:none}
.inq7-hd-mail:hover{border-color:var(--a);color:var(--p)}
.inq7-hd-note{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
.inq7-hd-note strong{display:block;font-size:14px;color:var(--p);margin-bottom:5px}
.inq7-hd-note p{font-size:13px;color:var(--muted);margin-bottom:9px!important}
.inq7-hd-note-link{font-size:13.5px;font-weight:700;color:var(--a);text-decoration:none}
.inq7-hd-note-link:hover{text-decoration:underline}

/* quy trình sau khi nhận file */
.inq7-hd-check{background:var(--p);border-radius:14px;padding:28px;color:rgba(255,255,255,.8)}
.inq7-hd-check .inq7-hd-h3{color:#fff;border-bottom-color:rgba(255,255,255,.18)}
.inq7-hd-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.inq7-hd-check-grid article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  border-radius:12px;padding:20px}
.inq7-hd-check-grid span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  background:var(--a);color:#1b2233;font-weight:800;font-size:14px;margin-bottom:11px}
.inq7-hd-check-grid strong{display:block;color:#fff;font-size:15px;margin-bottom:5px}
.inq7-hd-check-grid p{font-size:13.5px;color:rgba(255,255,255,.72)}
.inq7-hd-check-note{margin-top:18px!important;font-size:13px;color:rgba(255,255,255,.6)}

@media(max-width:1000px){
  .inq7-hd-rules{grid-template-columns:repeat(2,1fr)}
  .inq7-hd-send{grid-template-columns:1fr}
  .inq7-hd-check-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .inq7-hd-hero{padding:24px 20px}
  .inq7-hd-rules,.inq7-hd-groups,.inq7-hd-errors{grid-template-columns:1fr}
  .inq7-hd-check{padding:22px 18px}
}

/* ============ V1.1.0 – dòng dẫn nhập cho từng khối ============ */
.inq7-hd-lead{
  margin:-6px 0 16px!important;font-size:14px;color:var(--muted);max-width:82ch;
}

/* ============ V1.1.3 – nới đường kẻ để không cắt chân chữ có dấu ============ */
.inq7-hd-h3{
  line-height:1.5!important;
  padding-bottom:18px!important;
  margin-bottom:18px!important;
}
.inq7-hd-groups h4{
  line-height:1.5!important;
  padding-bottom:14px!important;
  margin-bottom:14px!important;
}
.inq7-hd-lead{margin-top:-8px!important}
.inq7-hd-hero h2{line-height:1.4!important}


/* ============ v1.2.0 – trang full width ============ */
body.inq7-fullwidth-page .inq7-fullwidth-content{padding:0!important;margin:0!important;max-width:none!important}
body.inq7-fullwidth-page .breadcrumbs,
body.inq7-fullwidth-page .page-title,
body.inq7-fullwidth-page .entry-header{display:none!important}
.inq7-hd{width:100%}
.inq7-hd > section,
.inq7-hd > header{width:100%}

/* khung nội dung khi trang chạy full width */
.inq7-hd{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:30px 0 44px}
.inq7-hd-hero{margin-left:0;margin-right:0}
@media(max-width:640px){ .inq7-hd{padding:20px 0 30px} }