/* Style dùng chung cho các section render từ Bố cục (layout field-based). */
.qs{padding:56px 0}
.qs .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.qs h2{font-size:30px;line-height:1.15;margin:0 0 8px;color:#0f172a;font-weight:800}
.qs .eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;letter-spacing:.08em;color:#c99700;text-transform:uppercase;margin-bottom:10px}
.qs p{color:#475569;font-size:16px;line-height:1.7}

.qs-hero{background:#0f172a;color:#e2e8f0}
.qs-hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.qs-hero h1{font-size:44px;line-height:1.08;margin:6px 0 14px;color:#fff;font-weight:800}
.qs-hero p{color:#cbd5e1;font-size:18px}
.qs-hero .eyebrow{color:#f5b301}
.qs-hero .photo{position:relative;border-radius:16px;overflow:hidden;min-height:280px;background:#1e293b}
.qs-hero .photo img{width:100%;height:100%;object-fit:cover;display:block}
.qs-hero .badge{position:absolute;top:18px;left:18px;background:#fff;color:#0f172a;padding:10px 14px;border-radius:10px;font-weight:800;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
@media(max-width:820px){.qs-hero .grid{grid-template-columns:1fr}.qs-hero h1{font-size:32px}}

.qs-keyspecs{background:#0f172a;padding-top:0}
.qs-keyspecs .row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1e293b;border-radius:14px;overflow:hidden}
.qs-keyspecs .cell{background:#111c33;padding:20px}
.qs-keyspecs .cell small{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}
.qs-keyspecs .cell b{color:#fff;font-size:22px}
@media(max-width:820px){.qs-keyspecs .row{grid-template-columns:repeat(2,1fr)}}

.qs-specs table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}
.qs-specs th,.qs-specs td{padding:13px 16px;border-bottom:1px solid #eef2f7;text-align:left;font-size:15px}
.qs-specs th{background:#f8fafc;color:#334155;width:42%;font-weight:600}
.qs-specs tr:last-child th,.qs-specs tr:last-child td{border-bottom:0}

.qs-faq details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:10px;overflow:hidden}
.qs-faq summary{padding:16px 18px;cursor:pointer;font-weight:600;color:#0f172a;list-style:none;display:flex;justify-content:space-between}
.qs-faq summary::after{content:"+";color:#c99700;font-weight:800}
.qs-faq details[open] summary::after{content:"–"}
.qs-faq .ans{padding:0 18px 16px;color:#475569}

.qs-features .items{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.qs-features .item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px}
.qs-features .item b{display:block;color:#0f172a;font-size:17px;margin-bottom:6px}
@media(max-width:820px){.qs-features .items{grid-template-columns:1fr}}

.qs-cta{background:#0f172a;color:#e2e8f0}
.qs-cta .grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.qs-cta h2{color:#fff}
.qs-cta .card{background:#fff;border-radius:16px;padding:26px;color:#0f172a}
.qs-cta .card h3{margin:0 0 6px}
.qs-cta label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px;color:#334155}
.qs-cta input,.qs-cta textarea{width:100%;padding:11px 13px;border:1px solid #cbd5e1;border-radius:9px;font-size:15px;font-family:inherit}
.qs-cta .btn{margin-top:16px;width:100%;padding:13px;border:0;border-radius:10px;background:#f5b301;color:#0f172a;font-weight:800;font-size:16px;cursor:pointer}
.qs-cta .phone{display:inline-block;margin-top:14px;color:#f5b301;font-size:22px;font-weight:800;text-decoration:none}
@media(max-width:820px){.qs-cta .grid{grid-template-columns:1fr}}
.qs-rich :is(h3,h4){color:#0f172a} .qs-rich{color:#475569;line-height:1.75}