/* In Ấn Q7 – Hướng dẫn thanh toán V1.0.0 */
.inq7-tt{
  --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.7;
  width:min(1320px,calc(100% - 32px));margin:0 auto;padding:30px 0 46px;
}
.inq7-tt *{box-sizing:border-box}
.inq7-tt h2,.inq7-tt h3,.inq7-tt h4{margin:0;line-height:1.45;color:var(--p)}
.inq7-tt p{margin:0}
.inq7-tt code{background:#eef1f7;border-radius:5px;padding:2px 7px;font-size:13.5px;color:var(--p)}

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}

/* hero */
.inq7-tt-hero{background:var(--p);color:#fff;border-radius:14px;padding:32px 30px;margin-bottom:32px}
.inq7-tt-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--a);margin-bottom:10px!important}
.inq7-tt-hero h2{color:#fff;font-size:clamp(23px,2.6vw,32px);font-weight:800;margin-bottom:10px}
.inq7-tt-lead{color:rgba(255,255,255,.83);font-size:15.5px;max-width:80ch}

/* khối chung */
.inq7-tt-block{margin-bottom:34px}
.inq7-tt-block > h3{font-size:clamp(18px,2vw,24px);font-weight:800;
  padding-bottom:16px;margin-bottom:18px;border-bottom:2px solid var(--line)}

/* ba hình thức */
.inq7-tt-hinhthuc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.inq7-tt-hinhthuc article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.inq7-tt-hinhthuc 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-tt-hinhthuc strong{display:block;font-size:16px;font-weight:800;color:var(--p);margin-bottom:5px}
.inq7-tt-hinhthuc p{font-size:13.5px;color:var(--muted)}

/* thanh toán trước hay sau */
.inq7-tt-khinao{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.inq7-tt-khinao article{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:20px}
.inq7-tt-khinao strong{display:block;font-size:15px;font-weight:800;color:var(--p);margin-bottom:4px}
.inq7-tt-khinao p{font-size:13.5px;color:var(--muted)}

/* chuyển khoản */
.inq7-tt-ck > h3{border-bottom-color:var(--a)}
.inq7-tt-ck-inner{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start;
  background:#fffdf7;border:1px solid #f3e3c3;border-radius:14px;padding:26px}
.inq7-tt-ck dl{margin:0 0 20px;display:grid;gap:12px}
.inq7-tt-ck dl > div{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;
  padding-bottom:11px;border-bottom:1px dashed #eadfc4}
.inq7-tt-ck dt{min-width:130px;font-size:12.5px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;color:#a8720f}
.inq7-tt-ck dd{margin:0;font-size:15.5px;font-weight:700;color:var(--p)}
.inq7-tt-stk{font-size:19px!important;letter-spacing:.04em}
.inq7-tt-chua-co{font-size:14.5px;color:var(--muted);margin-bottom:18px!important}
.inq7-tt-chua-co a{color:var(--p);font-weight:700;text-decoration:none}
.inq7-tt-noidung{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:18px}
.inq7-tt-noidung strong{display:block;font-size:13px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.inq7-tt-noidung p{font-size:14.5px;color:var(--ink)}
.inq7-tt-vidu{margin-top:6px!important;color:var(--muted)!important}
.inq7-tt-note{margin-top:8px!important;font-size:13px!important;color:var(--muted)!important}
.inq7-tt-btn{display:inline-flex;align-items:center;padding:13px 24px;border-radius:999px;
  background:#0068ff;color:#fff;font-size:14.5px;font-weight:700;text-decoration:none;transition:.16s}
.inq7-tt-btn:hover{background:#0055d4;color:#fff}
.inq7-tt-qr{margin:0;text-align:center}
.inq7-tt-qr img{width:190px;height:190px;object-fit:contain;background:#fff;
  border:1px solid var(--line);border-radius:12px;padding:10px}
.inq7-tt-qr figcaption{margin-top:9px;font-size:12.5px;color:var(--muted)}

/* hóa đơn */
.inq7-tt-hoadon{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.inq7-tt-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.inq7-tt-card h4{font-size:15px;font-weight:800;margin-bottom:9px;line-height:1.5}
.inq7-tt-card p{font-size:13.5px;color:var(--muted)}
.inq7-tt-card ul{margin:0;padding-left:18px;display:grid;gap:6px}
.inq7-tt-card li{font-size:13.5px;color:var(--muted)}

/* lưu ý */
.inq7-tt-luuy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.inq7-tt-luuy-grid article{padding-left:15px;border-left:3px solid var(--p)}
.inq7-tt-luuy-grid strong{display:block;font-size:15px;color:var(--p);margin-bottom:4px}
.inq7-tt-luuy-grid p{font-size:13.5px;color:var(--muted)}

/* cta */
.inq7-tt-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  background:var(--p);border-radius:14px;padding:26px 30px;color:rgba(255,255,255,.8)}
.inq7-tt-cta h3{color:#fff;font-size:20px;font-weight:800;margin-bottom:5px}
.inq7-tt-cta p{font-size:14.5px}
.inq7-tt-cta-nut{display:flex;flex-wrap:wrap;gap:11px}
.inq7-tt-btn2{display:inline-flex;align-items:center;padding:13px 26px;border-radius:999px;
  background:var(--a);color:#1b2233;font-size:14.5px;font-weight:800;text-decoration:none;
  border:2px solid var(--a);transition:.16s}
.inq7-tt-btn2:hover{filter:brightness(1.06);color:#1b2233}
.inq7-tt-btn2-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.inq7-tt-btn2-ghost:hover{background:#fff;color:var(--p);border-color:#fff}

@media(max-width:1000px){
  .inq7-tt-hinhthuc,.inq7-tt-hoadon{grid-template-columns:1fr}
  .inq7-tt-ck-inner{grid-template-columns:1fr}
  .inq7-tt-qr{justify-self:start}
}
@media(max-width:700px){
  .inq7-tt{padding:20px 0 32px}
  .inq7-tt-hero{padding:24px 20px}
  .inq7-tt-khinao,.inq7-tt-luuy-grid{grid-template-columns:1fr}
  .inq7-tt-ck-inner{padding:20px 18px}
  .inq7-tt-cta{padding:22px 20px}
  .inq7-tt-btn,.inq7-tt-btn2{width:100%;justify-content:center}
  .inq7-tt-cta-nut{width:100%}
}

/* ============ V1.1.0 – khối cảnh báo thanh toán trước ============ */
.inq7-tt-canhbao{margin-bottom:34px}
.inq7-tt-canhbao-box{
  background:#fdeceb;border:1px solid #f3c4bf;border-left:5px solid #d94f2b;
  border-radius:12px;padding:20px 24px;
}
.inq7-tt-canhbao-box strong{display:block;font-size:17px;font-weight:800;color:#a3281a;margin-bottom:6px}
.inq7-tt-canhbao-box p{font-size:14.5px;color:#7a3a2c}
.inq7-tt-canhbao-box p strong{display:inline;font-size:inherit;color:#a3281a}