/* Trang tĩnh cho Google: trang từng máy, tấm pin, bài viết. Cùng font và màu với trang chính. */
:root{--brand:#2B3894;--deep:#141B5C;--ink:#0F1533;--muted:#5A6386;--line:#DDE2F0;--bg:#F4F6FB;--surface:#fff;--amber:#FFB81C;--zalo:#0068FF;--f:'Be Vietnam Pro',system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;font:16px/1.65 var(--f);color:var(--ink);background:var(--bg)}
a{color:var(--brand)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px}
.top .logo{width:120px}
.top nav{display:flex;gap:4px;align-items:center}
.top nav a{text-decoration:none;color:var(--muted);font-weight:500;padding:8px 10px;border-radius:8px;font-size:15px;white-space:nowrap}
.top nav a.hot{background:#16A34A;color:#fff;font-weight:600;border-radius:999px;padding:8px 14px}
.crumb{font-size:14px;color:var(--muted);margin:16px 0}
.crumb a{color:var(--muted)}
h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:0 0 10px;letter-spacing:-.5px}
h2{font-size:24px;line-height:1.3;margin:36px 0 12px}
h3{font-size:18px;margin:20px 0 6px}
.pd{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gal img{border-radius:10px;background:#0b0f22;aspect-ratio:4/3;object-fit:cover;width:100%}
.gal img[src*="/goc/"]{object-fit:contain;padding:8px}
.gal img:first-child{grid-column:1/-1;aspect-ratio:auto;object-fit:contain;padding:12px}
.lead{color:var(--muted);font-size:17px}
.facts{list-style:none;padding:0;margin:16px 0;display:flex;gap:10px;flex-wrap:wrap}
.facts li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column}
.facts b{font-size:20px;color:var(--deep)}
.facts span{font-size:13px;color:var(--muted)}
.price{font-size:18px}.price strong{color:var(--brand)}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.btn{display:inline-block;text-decoration:none;font-weight:600;padding:12px 18px;border-radius:12px;border:1.5px solid transparent}
.btn.pri{background:var(--amber);color:#1F1400}
.btn.zalo{background:var(--zalo);color:#fff}
.btn.ghost{border-color:var(--line);color:var(--ink);background:#fff}
.pol{padding-left:18px;color:var(--muted);font-size:15px}
.tbl{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:#EEF1FA}
tr:last-child td{border-bottom:0}
.post{max-width:760px}
.post table{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block;overflow-x:auto}
.formula{background:#fff;border-left:4px solid var(--amber);padding:12px 16px;border-radius:8px;font-weight:600}
.muted{color:var(--muted);font-size:14px}
.cta-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:32px 0}
.others{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.others a{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;text-decoration:none;font-weight:600}
.posts{list-style:none;padding:0;display:grid;gap:12px}
.posts a{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;text-decoration:none;color:var(--ink)}
.posts b{display:block;font-size:19px;color:var(--brand)}.posts span{color:var(--muted);font-size:15px}
footer{background:var(--deep);color:#C9D0EE;margin-top:56px;padding:32px 0;font-size:14px}
footer .wrap{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:24px}
footer a{color:#fff}
footer h3{color:#fff;font-size:15px;margin:0 0 8px}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
footer .logo.inv{width:110px;filter:brightness(0) invert(1);margin-bottom:8px}
@media (max-width:820px){.pd{grid-template-columns:1fr}footer .wrap{grid-template-columns:1fr}}
@media (max-width:480px){.top nav a:not(.hot){padding:8px 6px;font-size:14px}.top .logo{width:96px}}