/* In Ấn Q7 – Hướng dẫn đặt hàng V1.0.0 */
.inq7-dh{
  --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-dh *{box-sizing:border-box}
.inq7-dh h2,.inq7-dh h3,.inq7-dh h4{margin:0;line-height:1.45;color:var(--p)}
.inq7-dh p{margin:0}

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

/* khối chung */
.inq7-dh-block{margin-bottom:34px}
.inq7-dh-block > h3{font-size:clamp(18px,2vw,24px);font-weight:800;
  padding-bottom:16px;margin-bottom:18px;border-bottom:2px solid var(--line)}
.inq7-dh-note{font-size:14.5px;color:var(--muted);max-width:86ch;margin-bottom:18px!important}

/* ba cách đặt */
.inq7-dh-cach{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.inq7-dh-cach article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;
  display:flex;flex-direction:column;gap:7px}
.inq7-dh-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:4px}
.inq7-dh-cach strong{font-size:16px;font-weight:800;color:var(--p)}
.inq7-dh-cach p{font-size:13.5px;color:var(--muted);flex:1}
.inq7-dh-cach a{font-size:13.5px;font-weight:700;color:var(--a);text-decoration:none}
.inq7-dh-cach a:hover{text-decoration:underline}

/* năm bước */
.inq7-dh-buoc{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.inq7-dh-buoc li{display:flex;gap:14px;align-items:flex-start;background:var(--soft);
  border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.inq7-dh-buoc span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:none;
  background:var(--p);color:#fff;font-weight:800;font-size:14px}
.inq7-dh-buoc strong{display:block;font-size:15.5px;color:var(--p);margin-bottom:3px}
.inq7-dh-buoc p{font-size:14px;color:var(--muted)}

/* bốn cách tính giá */
.inq7-dh-quantrong > h3{border-bottom-color:var(--a)}
.inq7-dh-gia{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.inq7-dh-gia article{background:#fffdf7;border:1px solid #f3e3c3;border-left:4px solid var(--a);
  border-radius:12px;padding:20px}
.inq7-dh-gia strong{display:block;font-size:16px;font-weight:800;color:var(--p);margin-bottom:2px}
.inq7-dh-gia em{font-style:normal;display:block;font-size:12.5px;font-weight:700;color:#a8720f;
  text-transform:uppercase;letter-spacing:.03em;margin-bottom:9px}
.inq7-dh-gia p{font-size:14px;color:#5b5341}
.inq7-dh-gia strong em{display:inline}

/* thanh toán & giao hàng */
.inq7-dh-hai-cot{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.inq7-dh-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.inq7-dh-card h4{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;
  margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.inq7-dh-card ul{margin:0;padding-left:18px;display:grid;gap:8px}
.inq7-dh-card li{font-size:14px;color:var(--muted)}

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

/* cta */
.inq7-dh-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-dh-cta h3{color:#fff;font-size:20px;font-weight:800;margin-bottom:5px}
.inq7-dh-cta p{font-size:14.5px}
.inq7-dh-cta-nut{display:flex;flex-wrap:wrap;gap:11px}
.inq7-dh-btn{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-dh-btn:hover{filter:brightness(1.06);color:#1b2233}
.inq7-dh-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.inq7-dh-btn-ghost:hover{background:#fff;color:var(--p);border-color:#fff}

@media(max-width:900px){
  .inq7-dh-cach,.inq7-dh-gia,.inq7-dh-hai-cot,.inq7-dh-luuy-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .inq7-dh{padding:20px 0 32px}
  .inq7-dh-hero{padding:24px 20px}
  .inq7-dh-cta{padding:22px 20px}
  .inq7-dh-btn{width:100%;justify-content:center}
  .inq7-dh-cta-nut{width:100%}
}