/* banmat.vn v2 – lop chung: an header/footer Flatsome, anh that trong khung thiet ke, form, nut noi. */

/* Header Flatsome (2 header chong nhau + topbar "ADD ANYTHING HERE") -> an, dung #bm-hdr. */
.bm-v2 #header, .bm-v2 .header-wrapper, .bm-v2 #top-bar { display: none !important; }
#bm-hdr { display: contents; }               /* de nav.site-nav sticky theo #wrapper, khong theo khung boc */
#bm-hdr nav.site-nav { top: 0; }
.admin-bar #bm-hdr nav.site-nav { top: 32px; }
#bm-hdr ul.nav-links { margin: 0; padding: 0; }
#bm-hdr ul.nav-links li { margin: 0; }
#bm-hdr .nav-burger { margin: 0; min-height: 0; box-shadow: none; }
#bm-hdr a.nav-logo { line-height: 1; }
#bm-hdr .nav-drawer a { min-height: 44px; }
#bm-hdr .nav-hotline a { padding: 6px 2px; display: inline-block; }

/* Footer: tieu de cot 11px -> 12px (QC: chu < 12px kho doc). */
#bm-ftr .footer-col-title { font-size: 12px; }
#bm-ftr .footer-links li { margin: 0; }
#bm-ftr ul.footer-links { margin: 0; padding: 0; }
#bm-ftr .footer-links li a { display: inline-block; padding: 3px 0; }
.bm-v2 .absolute-footer { display: none; }

/* Anh that dat vao khung .img-ph cu cua thiet ke. */
.bm-v2 .bm-home img.bm-cover { width: 100%; height: 100%; object-fit: contain; background: #fff; display: block; }
.bm-v2 .bm-home .blog-img img.bm-cover { object-fit: cover; }
.bm-v2 .bm-home .banner-img { background: #fff; border-radius: 8px; overflow: hidden; }
.bm-v2 .bm-home .banner-img a.bm-hero-link { display: block; width: 100%; height: 100%; }
.bm-v2 .bm-home .sp-ph { width: 88px; height: 66px; background: #fff; border-radius: 4px; overflow: hidden; }
.bm-v2 .bm-home .cat-img, .bm-v2 .bm-home .app-img { overflow: hidden; background: #fff; }
.bm-v2 .bm-home .img-ph { display: flex; align-items: center; justify-content: center; background: var(--cream2, #E4EAF0); }

/* Flatsome dinh nghia .badge thanh o vuong 2.8em (bop meo "Cánh inox") -> tra ve nhan chu. */
.bm-v2 .bm-home .badge { display: inline-block; width: auto; height: auto; min-width: 0; line-height: 1.4; white-space: nowrap;
	border-radius: 3px; padding: 4px 10px; vertical-align: middle; opacity: 1; }
.bm-v2 .bm-home .badge::after, .bm-v2 .bm-home .badge::before { content: none; }

/* Mobile: bang kich thuoc (min 600px) keo .wrap rong 632px -> tran ngang. Ghim .wrap theo khung, bang tu cuon. */
.bm-v2 .bm-home .wrap { width: 100%; min-width: 0; }
.bm-v2 .bm-home .size-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bm-v2 .bm-home .size-tabs { flex-wrap: wrap; }
@media (max-width: 768px) {
	.bm-v2 .bm-home .section-head .btn-outline, .bm-v2 .bm-home .section-head .btn-primary { max-width: 100%; }
}

/* QC: chu nho nhat 12px (thiet ke goc co nhan 8.6-11.5px, kho doc tren mobile). */
.bm-v2 .bm-home .banner-pill-txt, .bm-v2 .bm-home .banner-slbl, .bm-v2 .bm-home .banner-new-badge, .bm-v2 .bm-home .banner-chip, .bm-v2 .bm-home .eyebrow,
.bm-v2 .bm-home .sp-hot, .bm-v2 .bm-home .badge, .bm-v2 .bm-home .size-tab, .bm-v2 .bm-home .size-table th, .bm-v2 .bm-home small, .bm-v2 .bm-home .tag-coral,
.bm-v2 .bm-home .tag-teal, .bm-v2 .bm-home .price-size, .bm-v2 .bm-home .price-canh, .bm-v2 .bm-home .price-unit, .bm-v2 .bm-home .price-popular,
.bm-v2 .bm-home .brand-tier-sub, .bm-v2 .bm-home .brand-origin, .bm-v2 .bm-home .brand-tag, .bm-v2 .bm-home .brand-models-title, .bm-v2 .bm-home .brand-vn-desc,
.bm-v2 .bm-home .reason-num, .bm-v2 .bm-home .app-kw, .bm-v2 .bm-home .blog-cat, .bm-v2 .bm-home .blog-meta, .bm-v2 .bm-home .cta-eyebrow,
.bm-v2 .bm-home .form-note, .bm-v2 .bm-home .size-note, .bm-v2 .bm-home .price-note { font-size: 12px; }
.bm-v2 .bm-home .size-table td { font-size: 13px; }

/* QC vung cham >= 36px tren mobile. */
#bm-hdr a.nav-logo { padding: 6px 0; }
#bm-hdr .nav-hotline a { padding: 9px 4px; }
@media (max-width: 768px) {
	.bm-v2 .bm-home .cat-link, .bm-v2 .bm-home .banner-chip, .bm-v2 .bm-home .brand-link { display: inline-flex; align-items: center; min-height: 36px; }
	.bm-v2 .entry-meta a, .bm-v2 .entry-category a, .bm-v2 .category-filtering a, .bm-v2 .breadcrumbs a, .bm-v2 .product_meta a { display: inline-block; padding: 12px 0; }
}

/* Form bao gia (that). */
.bm-v2 .bm-home .bm-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.bm-v2 .bm-home .form-input, .bm-v2 .bm-home .form-select { min-height: 46px; margin: 0; box-shadow: none; }
.bm-v2 .bm-home .form-submit { margin: 0; min-height: 48px; }
.bm-v2 .bm-home .form-note a { color: var(--coral, #1354A0); font-weight: 500; }
.bm-lead-msg { padding: 12px 14px; border-radius: 6px; margin: 0 0 14px; font-size: 14px; line-height: 1.5; }
.bm-lead-msg--ok { background: #E7F6EC; color: #11643A; }
.bm-lead-msg--err { background: #FDECEC; color: #9B1C1C; }
.bm-quote-page { padding: 32px 0 48px; }
.bm-quote-page .cta-form { max-width: 640px; margin: 0 auto; box-shadow: 0 6px 30px rgba(9,18,30,.08); }

/* Hero H1 trang shop. */
.bm-page-hero { background: linear-gradient(135deg, #0B3670, #1354A0); color: #fff; padding: 34px 0 30px; font-family: 'Lexend', sans-serif; }
.bm-page-hero h1 { color: #fff; font-family: 'Lora', serif; font-size: clamp(24px, 3vw, 34px); margin: 0 0 8px; }
.bm-page-hero p { margin: 0; color: rgba(255,255,255,.85); font-size: 15px; }

/* Nut noi goi + Zalo. */
.bm-float { position: fixed; right: 16px; bottom: 20px; z-index: 990; display: flex; flex-direction: column; gap: 12px; }
.bm-float a { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
	box-shadow: 0 4px 14px rgba(0,0,0,.2); border: 2px solid #fff; color: #fff; font: 600 13px/1 'Lexend', sans-serif; }
.bm-float__zalo { background: #0068FF; }
.bm-float__call { background: #E8491D; animation: bmPulse 2s infinite; }
@keyframes bmPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(232,73,29,.5); } 50% { box-shadow: 0 0 0 10px rgba(232,73,29,0); } }
@media (max-width: 768px) { .bm-float { right: 12px; bottom: 16px; } .bm-float a { width: 48px; height: 48px; } }

/* Trang Lien he (template page-blank khong co le tren). */
.bm-v2 .bm-lienhe { padding-top: 32px; padding-bottom: 8px; }
.bm-v2 .bm-lienhe h1 { font-family: 'Lora', serif; font-size: clamp(26px, 3vw, 34px); margin-bottom: 10px; }
.bm-v2 .bm-lienhe ul { margin: 12px 0 0 1.3em; }
.bm-v2 .bm-lienhe li { margin-bottom: 6px; }