/* mua365 info page templates (Giới thiệu, Hướng dẫn thanh toán) and checkout strip. */
.m3-pg-hero{background:var(--navy);background-image:radial-gradient(700px 320px at 88% 0%,rgba(94,162,255,.28),transparent 70%);color:var(--on-navy);padding-block:56px 48px}
.m3-pg-k{display:inline-block;font:700 .76rem var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:#8ec0ff}
.m3-pg-hero h1{color:#fff;font:800 clamp(2rem,1.3rem + 2.2vw,3rem)/1.1 var(--f-head);letter-spacing:-.03em;margin:12px 0 0;max-width:22ch}
.m3-pg-hero p{color:var(--navy-sub);font-size:1.06rem;max-width:62ch;margin:16px 0 0}
.m3-pg-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:32px 0 0;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}
.m3-pg-facts div{padding:16px 18px}
.m3-pg-facts div+div{border-left:1px solid rgba(255,255,255,.12)}
.m3-pg-facts dt{font-size:.8rem;color:var(--navy-sub)}
.m3-pg-facts dd{margin:4px 0 0;font:800 1.35rem var(--f-head);color:#fff}
@media (max-width:760px){.m3-pg-facts{grid-template-columns:1fr 1fr}.m3-pg-facts div:nth-child(3){border-left:0}.m3-pg-facts div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}}
.m3-pg-sec{padding-block:44px;border-bottom:1px solid var(--line)}
.m3-pg-sec:last-child{border-bottom:0}
.m3-pg-sec h2{font:800 clamp(1.4rem,1.1rem + 1vw,1.9rem) var(--f-head);color:var(--ink);margin:0 0 14px}
.m3-pg-sec p{color:var(--ink-2);max-width:68ch}
.m3-pg-sec p+p{margin-top:12px}
.m3-pg-two{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
@media (max-width:900px){.m3-pg-two{grid-template-columns:1fr}}
.m3-pg-steps,.m3-pg-flow{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:m3s}
.m3-pg-steps li,.m3-pg-flow li{display:grid;grid-template-columns:40px 1fr;gap:4px 14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:0}
.m3-pg-steps li::before,.m3-pg-flow li::before{counter-increment:m3s;content:counter(m3s);grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:#fff;font:800 1rem var(--f-head)}
.m3-pg-steps b,.m3-pg-flow b{font:700 1rem var(--f-head);color:var(--ink)}
.m3-pg-steps span,.m3-pg-flow span{color:var(--ink-2);font-size:.92rem}
.m3-pg-flow{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.m3-pg-flow{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.m3-pg-flow{grid-template-columns:1fr}}
.m3-pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
@media (max-width:900px){.m3-pg-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.m3-pg-grid{grid-template-columns:1fr}}
.m3-pg-card{display:grid;gap:6px;align-content:start;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font-style:normal;transition:border-color .2s,transform .25s var(--ease)}
a.m3-pg-card:hover{border-color:var(--blue);transform:translateY(-2px);color:var(--ink)}
.m3-pg-card b{font:700 1.05rem var(--f-head)}
.m3-pg-card span{color:var(--ink-2);font-size:.92rem}
.m3-pg-card .m3-pg-k{color:var(--blue);font-size:.7rem}
.m3-pg-card a{font-weight:600;margin-top:4px}
.m3-pg-note{margin-top:16px!important;font-size:.9rem}
.m3-pg-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.m3-pg-list li{display:grid;gap:2px;padding:14px 18px;margin:0}
.m3-pg-list li+li{border-top:1px solid var(--line)}
.m3-pg-list b{font:600 .96rem var(--f-head);color:var(--ink)}
.m3-pg-list span{font-size:.88rem;color:var(--ink-2)}
.m3-pg-warn{border-left:4px solid var(--cta);background:#fff7ed;border-radius:12px;padding:20px 22px}
.m3-pg-warn h2{font-size:1.2rem!important;margin-bottom:6px!important}
.m3-pg .m3-faq{max-width:820px}

/* checkout strip above WooCommerce Blocks checkout */
.m3-co-strip{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:800px){.m3-co-strip{grid-template-columns:1fr}}
.m3-co-strip li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:.88rem;color:var(--ink-2);margin:0}
.m3-co-strip .m3-ico{color:var(--blue);margin-top:2px}
.m3-co-strip b{color:var(--ink);font-weight:600}
.m3-co-guide{margin:0 0 24px;font-size:.88rem}
.wc-block-checkout .wc-block-components-checkout-place-order-button{background:var(--cta);border-radius:12px;font-family:var(--f-head);font-weight:700}
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover{background:var(--cta-2)}

/* full-bleed hero inside WoodMart's content container */
.m3-pg .m3-pg-hero{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}
.page-template-template-gioi-thieu .wd-content-layout,.page-template-template-thanh-toan .wd-content-layout,.page-template-page-templatestemplate-gioi-thieu-php .wd-content-layout,.page-template-page-templatestemplate-thanh-toan-php .wd-content-layout{padding-top:0}