/* Yamaha Quốc Hưng — tin tức, bài viết, trang chính sách */
.crumb{font-size:13px;color:var(--muted);padding-block:14px 0}
.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--navy)}
.ph1{font-size:clamp(30px,4.6vw,46px);font-weight:800}
.wrap.narrow{max-width:820px}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);min-width:0}
.pcard:hover{border-color:var(--navy)}
.pcard img,.pcard .noimg{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--navy-soft)}
.pcard div{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}
.pcard time{font-size:12.5px;color:var(--muted)}
.pcard h2,.pcard h3{font-size:21px;line-height:1.15}
.pcard p{font-size:14px;color:var(--muted)}
.post{padding-block:18px 48px}
.post header{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.post header time{font-size:13px;color:var(--muted)}
.post .lede{font-size:17px;color:var(--muted)}
.post .cover{width:100%;border-radius:var(--r);margin-bottom:22px;border:1px solid var(--line)}
.prose{font-size:16.5px;line-height:1.75;display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}
.prose h2{font-size:28px;margin-top:14px}.prose h3{font-size:22px;margin-top:10px}
.prose ul,.prose ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.prose img{border-radius:8px;margin-block:6px}
.prose blockquote{margin:0;border-left:4px solid var(--red);padding:6px 14px;background:var(--surface);border-radius:0 8px 8px 0}
.prose a{color:var(--navy);font-weight:600}
.pcta{margin-top:28px;background:var(--navy-soft);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:8px}
.pcta b{font-family:var(--f-display);font-size:24px}
.pcta div{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
@media (max-width:900px){.pgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pgrid{grid-template-columns:1fr}.prose{font-size:16px}}
/* trang cửa hàng */
.stpage{display:flex;flex-direction:column;gap:22px}
.sthead{display:flex;flex-direction:column;gap:10px}
.sthead .lede{font-size:17px;color:var(--muted);max-width:820px}
.stgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
.stinfo{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:16px}
.stinfo dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:15px}
.stinfo dt{color:var(--muted)}.stinfo dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.stinfo dd a{color:var(--navy);text-decoration:none;font-family:var(--f-display);font-size:22px}
.stacts{display:flex;gap:10px;flex-wrap:wrap}
.stmap{width:100%;min-height:320px;height:100%;border:1px solid var(--line);border-radius:var(--r);background:var(--navy-soft)}
.stsvc{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stsvc div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.stsvc b{font-family:var(--f-display);font-size:20px}.stsvc span{font-size:14px;color:var(--muted)}
.store h3 a{color:inherit;text-decoration:none}.store h3 a:hover{color:var(--red)}
@media (max-width:900px){.stgrid{grid-template-columns:1fr}.stsvc{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.stsvc{grid-template-columns:1fr}.stinfo dl{grid-template-columns:1fr}.stinfo dt{margin-top:4px}}
.prose table{border-collapse:collapse;width:100%;font-size:15px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left;white-space:nowrap}
.prose th{background:var(--navy-soft);font-weight:700}
.prose td:first-child{white-space:normal;min-width:150px}
