/* Gấu Bông Mây Hồng — trang trong (Cửa hàng / SP / Bài viết / Liên hệ). Hồng. Tiền tố mhi- */
.mhi .b9-w { max-width: 1250px; }
.mhi-h2 { font-size: 32px; line-height: 1.2; font-weight: 800; margin: 0 0 8px; }
.mhi-sub { color: var(--mu); font-size: 16.5px; margin: 0 0 22px; }
.mhi p { font-size: 16px; line-height: 1.6; }
.mhi-pt0 { padding-top: 0 !important; }
.mhi-more { color: var(--c1) !important; font-weight: 700; }
.mhi-band { background: linear-gradient(180deg, #fde4f0, #fff5fa); overflow: hidden; }
.mhi-band-in { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.mhi-band-in > div { padding: 26px 0 30px; }
.mhi-band h1 { font-size: 46px; font-weight: 800; margin: 14px 0 8px; }
.mhi-band p { margin: 0; font-size: 18px; }
.mhi-band img { width: 240px; height: 180px; object-fit: contain; object-position: center bottom; flex: none; }
.mhi-sub.b9-btn, .b9-btn.mhi-sub { width: 100%; min-height: 48px; border-radius: 10px; }
.mhi-sec { font-size: 13.5px !important; color: var(--mu); display: flex; gap: 6px; align-items: center; margin: 10px 0 0; }
.mhi-cc { display: flex; gap: 18px; align-items: center; background: #fdeaf3; border-radius: 12px; padding: 18px 20px; margin-bottom: 12px; }
.mhi-cc i { width: 56px; height: 56px; border-radius: 50%; background: #fbd3e5; display: flex; align-items: center; justify-content: center; flex: none; }
.mhi-cc i .b9-ic { width: 26px; height: 26px; color: var(--c1); }
.mhi-cc small { display: block; color: var(--c1); font-weight: 700; font-size: 15px; }
.mhi-cc a { display: block; color: var(--ink) !important; font-weight: 700; font-size: 20px; overflow-wrap: anywhere; }
.mhi-cc a.mhi-em { font-size: 17px; }
.mhi-cc span { display: block; font-size: 14px; color: var(--mu); }
.mhi-cc b { display: block; font-size: 16.5px; color: var(--ink); }
.mhi-qa details[open] { background: #fdeaf3; }
.mhi-in .b9i-band { background: linear-gradient(180deg, #fde4f0, #fff5fa); }
.mhi-in .b9i-pc { border-radius: 12px; }
.mhi-in .b9i-pc .b9-pc-img { --pc-pad: 0px; --pc-ar: 1 / 1.08; background: #fff5f9; }
.mhi-in .b9i-pc .b9-pc-img img { object-fit: contain; }
.mhi-in .b9i-pc .b9-pc-btn a.b9-btn { background: #fff; color: var(--c1) !important; border-color: #f6b7d3; }
.mhi-in .b9i-pc .b9-pc-btn a.b9-btn-o { background: var(--c1); color: #fff !important; border-color: var(--c1); }
.mhi-in .b9i-pd-k { background: #e4f1ff; color: #1d5fa8; border-radius: 6px; text-transform: none; }
.mhi-in .b9i-pd-main, .mhi-in .b9i-desc-img, .mhi-in .b9i-pd-th button { background: #fff5f9; border-radius: 14px; }
.mhi-in .b9i-pd-main { aspect-ratio: 1 / 0.95; }
.mhi-in .b9i-pd-btns .b9-btn, .mhi-in .b9i-pd-btns .b9-btn-o { border-radius: 10px; }
.mhi-in .b9i-fcat a.on { background: #fde4f0; }
.mhi-in .b9i-consult { background: #fdeaf3; }
@media (max-width: 849px) {
  .mhi-h2 { font-size: 25px; }
  .mhi-band h1 { font-size: 32px; }
  .mhi-band img { display: none; }
  .mhi-cc a.mhi-em { font-size: 15px; }
}
@media (min-width: 1200px) { .mhi-h2 { font-size: 38px; } .mhi-in .b9-pc-t { font-size: 18px; } }