* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Be Vietnam Pro', system-ui, -apple-system, sans-serif; background: #EEF3F5; color: #102A38; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; }
::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-thumb { background: #C4D5DB; border-radius: 8px; }
@keyframes lfpulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@keyframes lftoast { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes lfpoint { 0%,100% { transform: translateX(0); } 50% { transform: translateX(-6px); } }
@media (max-width: 820px) {
div[style*="grid-template-columns: 1fr 1fr"],
div[style*="grid-template-columns: 1.15fr 1fr"],
div[style*="grid-template-columns: 1fr 1.15fr"],
div[style*="grid-template-columns: 1.1fr 1fr"],
div[style*="grid-template-columns: 1.3fr 1fr"],
div[style*="grid-template-columns: 1.5fr 1fr"],
div[style*="grid-template-columns: 280px 1fr"],
div[style*="grid-template-columns: 300px 1fr"],
div[style*="grid-template-columns: 1fr 300px"],
div[style*="grid-template-columns: 1fr 320px"],
div[style*="grid-template-columns: 1fr 380px"],
div[style*="grid-template-columns: 2fr 1fr 1fr"],
a[style*="grid-template-columns: 1.3fr 1fr"] {
grid-template-columns: 1fr !important;
gap: 18px !important;
}
aside[style*="position: sticky"] { position: static !important; top: auto !important; }
div[style*="z-index: 40"] > div[style*="flex-wrap: wrap"] { flex-wrap: nowrap !important; overflow-x: auto; }
div[style*="z-index: 40"] a[style*="margin-left: auto"] { margin-left: 12px !important; }
/* Menu ngang: chữ không gãy dòng, thu gọn để cuộn ngang mượt */
div[style*="z-index: 40"] a { white-space: nowrap !important; padding: 12px 11px !important; font-size: 13px !important; }
div[style*="z-index: 40"] button { white-space: nowrap !important; }
div[style*="height: 420px"] { height: auto !important; }
/* Collage ảnh câu chuyện: giữ ghép 2 cột như PC */
div.lf-story-collage[style] { grid-template-columns: 1fr 1fr !important; grid-template-rows: minmax(0,1fr) minmax(0,1fr) !important; height: 160px !important; gap: 6px !important; max-width: 340px !important; margin: 4px auto 0 !important; overflow: hidden; }
.lf-story-collage img { border-radius: 9px !important; min-height: 0 !important; min-width: 0 !important; }
/* 2 ảnh chứng chỉ: giữ cạnh nhau, thu nhỏ */
div.lf-cert-grid[style] { grid-template-columns: 1fr 1fr !important; gap: 10px !important; max-width: 340px !important; margin: 0 auto !important; }
.lf-cert-grid a { padding: 7px !important; border-radius: 10px !important; }
.lf-cert-grid a > div:first-child { font-size: 8px !important; padding: 2px 6px !important; top: 10px !important; right: 10px !important; }
/* Kho hàng: ảnh thấp, chữ nhỏ */
.lf-store-img { height: 90px !important; }
.lf-store > div:last-child { padding: 12px 14px !important; }
.lf-store span[style*="width: 36px"] { width: 28px !important; height: 28px !important; font-size: 14px !important; border-radius: 8px !important; }
/* Gallery ảnh công ty: ảnh lớn trên + 4 ô xếp 2 hàng */
div.lf-gallery[style] { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
.lf-gallery > image-slot:first-child { grid-column: 1 / -1 !important; grid-row: auto !important; aspect-ratio: 2/1 !important; }
/* Bước quy trình IQF gọn */
.lf-pstep { padding: 13px 14px !important; }
.lf-pstep > div:first-child { margin-bottom: 6px !important; gap: 8px !important; }
.lf-pstep span[style*="width: 44px"] { width: 30px !important; height: 30px !important; font-size: 13px !important; border-radius: 8px !important; }
.lf-pstep span[style*="font-size: 26px"] { font-size: 17px !important; }
.lf-pstep span[style*="font-size: 16px"] { font-size: 13px !important; }
.lf-pstep > div:last-child { font-size: 11px !important; }
/* CTA cuối trang: chữ + nút nhỏ */
.lf-cta-inner h2 { font-size: 15px !important; margin-bottom: 6px !important; }
.lf-cta-inner p { font-size: 11px !important; margin-bottom: 12px !important; }
.lf-cta-inner a { font-size: 11.5px !important; padding: 8px 14px !important; border-radius: 9px !important; }
/* Trang Công thức gọn */
.lf-rhero { padding: 22px 20px 30px !important; }
.lf-rhero h1 { font-size: 19px !important; margin: 4px 0 8px !important; }
.lf-rhero p { font-size: 11.5px !important; }
.lf-rhero > div:nth-child(2) { font-size: 13px !important; }
.lf-rhero > div:last-child { gap: 14px !important; margin-top: 12px !important; }
.lf-rhero > div:last-child div[style*="font-size: 26px"] { font-size: 17px !important; }
.lf-rhero > div:last-child div[style*="font-size: 12.5px"] { font-size: 10px !important; }
/* Featured: ảnh nhỏ 1 góc, chữ nằm cạnh ảnh */
div.lf-feat[style] { grid-template-columns: 150px 1fr !important; align-items: center !important; }
.lf-feat > div:first-child { min-height: 0 !important; aspect-ratio: 1 / 1 !important; align-self: center !important; margin: 10px 0 10px 10px !important; border-radius: 12px !important; overflow: hidden !important; }
.lf-feat > div:first-child > div { font-size: 8px !important; padding: 3px 8px !important; top: 8px !important; left: 8px !important; }
.lf-feat > div:last-child { padding: 10px 12px 10px 10px !important; gap: 6px !important; }
.lf-feat h2 { font-size: 14.5px !important; }
.lf-feat p { font-size: 11.5px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lf-feat span { font-size: 10px !important; }
.lf-feat a { font-size: 11px !important; padding: 8px 13px !important; }
/* Bài nổi bật công thức: ⏱/🔥/🍽 1 hàng */
.lf-feat div[style*="gap: 20px"] { flex-wrap: nowrap !important; white-space: nowrap !important; overflow: hidden; gap: 10px !important; font-size: 10.5px !important; }
.lf-feat div[style*="gap: 20px"] span { white-space: nowrap !important; gap: 4px !important; }
/* Lưới công thức 2 cột, tiêu đề nhỏ */
.lf-rfilter { gap: 8px !important; margin: 18px 0 12px !important; }
.lf-rfilter h2 { font-size: 14px !important; flex-basis: 100%; }
.lf-rfilter > div:last-child { flex-wrap: nowrap !important; overflow-x: auto; width: 100%; margin-left: 0 !important; padding-bottom: 3px; }
.lf-rfilter button { font-size: 10px !important; padding: 5px 11px !important; white-space: nowrap !important; flex: 0 0 auto; }
.lf-rgrid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.lf-rgrid a > div:last-child { padding: 9px 11px !important; gap: 4px !important; }
.lf-rgrid a div { font-size: 11px !important; }
.lf-rgrid a div[style*="font-weight: 700"] { font-size: 13.5px !important; min-height: 0 !important; }
.lf-rgrid a span { font-size: 9.5px !important; padding: 3px 8px !important; }
/* Dòng ngày + tag: 1 hàng ngang, không xuống dòng */
.lf-rgrid a > div:last-child > div:first-child { white-space: nowrap !important; overflow: hidden; }
.lf-rgrid a > div:last-child > div:first-child span { white-space: nowrap !important; padding: 0 !important; }
.lf-rgrid a > div:last-child > div:last-child span { padding: 0 !important; }
/* CTA nguyên liệu trang Công thức gọn */
.lf-rcta { padding: 14px 16px !important; gap: 10px !important; border-radius: 14px !important; }
.lf-rcta h2 { font-size: 13px !important; margin-bottom: 3px !important; }
.lf-rcta p { font-size: 10.5px !important; }
.lf-rcta a { font-size: 11px !important; padding: 7px 14px !important; border-radius: 8px !important; }
/* Trang Tin tức: giống trang Công thức */
.lf-nhero { padding: 22px 20px 30px !important; }
.lf-nhero h1 { font-size: 19px !important; margin-bottom: 6px !important; }
.lf-nhero p { font-size: 11.5px !important; }
a.lf-nfeat[style] { grid-template-columns: 150px 1fr !important; align-items: center !important; margin-bottom: 16px !important; }
.lf-nfeat > div:first-child { aspect-ratio: 1 / 1 !important; align-self: center !important; margin: 10px 0 10px 10px !important; border-radius: 12px !important; }
.lf-nfeat > div:last-child { padding: 10px 8px 10px 10px !important; gap: 6px !important; }
.lf-nfeat h2 { font-size: 14.5px !important; }
.lf-nfeat p { font-size: 11.5px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lf-nfeat span[style*="border-radius"] { font-size: 9.5px !important; padding: 3px 8px !important; }
.lf-nfeat div[style*="font-size: 12.5px"] { font-size: 10px !important; }
.lf-nchips { flex-wrap: nowrap !important; overflow-x: auto; padding-bottom: 3px; margin-bottom: 12px !important; }
.lf-nchips button { font-size: 10px !important; padding: 5px 11px !important; white-space: nowrap !important; flex: 0 0 auto; }
.lf-ngrid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.lf-ngrid a > div:last-child { padding: 9px 11px !important; gap: 4px !important; }
.lf-ngrid h3 { font-size: 13.5px !important; }
.lf-ngrid p { font-size: 11px !important; }
.lf-ngrid a span { font-size: 9.5px !important; }
.lf-ngrid a div[style*="margin-top: auto"] { white-space: nowrap !important; overflow: hidden; gap: 6px !important; }
/* Dòng ngày • phút đọc của bài nổi bật: 1 hàng */
.lf-nfeat div[style*="gap: 12px"][style*="font-size: 12.5px"] { white-space: nowrap !important; overflow: hidden; gap: 3px !important; font-size: 9px !important; flex-wrap: nowrap !important; justify-content: flex-start !important; width: auto !important; }
.lf-nfeat div[style*="gap: 12px"][style*="font-size: 12.5px"] span { white-space: nowrap !important; letter-spacing: 0 !important; word-spacing: 0 !important; padding: 0 !important; font-size: 9.5px !important; }
/* Cửa hàng: chips ngang + bộ lọc dropdown */
.lf-shop-chips { display: block !important; margin-bottom: 12px; }
.lf-shop-chips button { font-size: 10px !important; padding: 5px 10px !important; }
aside.lf-shop-aside { display: none !important; }
aside.lf-shop-aside.open { display: flex !important; flex-basis: 100% !important; max-width: 100% !important; }
aside.lf-shop-aside.open > div:first-child { display: none !important; }
/* Thanh sắp xếp gọn */
.lf-sortbar { padding: 8px 10px !important; gap: 6px !important; border-radius: 11px !important; }
.lf-sortbar > div:first-child { font-size: 10.5px !important; flex-basis: 100%; }
.lf-sortbar button { font-size: 9px !important; padding: 4px 8px !important; border-radius: 7px !important; white-space: nowrap !important; flex: 0 0 auto; }
.lf-sortbar > div:last-child { gap: 4px !important; flex-wrap: nowrap !important; overflow-x: auto; width: 100%; padding-bottom: 2px; }
/* Bộ lọc xổ xuống: gọn chữ nhỏ */
aside.lf-shop-aside.open { gap: 8px !important; }
aside.lf-shop-aside.open > div { padding: 11px 13px !important; border-radius: 11px !important; }
aside.lf-shop-aside.open > div > div:first-child { font-size: 11px !important; margin-bottom: 7px !important; }
aside.lf-shop-aside.open label { font-size: 11px !important; gap: 7px !important; }
aside.lf-shop-aside.open input[type="radio"], aside.lf-shop-aside.open input[type="checkbox"] { width: 13px; height: 13px; }
/* Ô "Mua sỉ số lượng lớn": icon + chữ cùng dòng, co gọn */
aside.lf-shop-aside.open > div:last-child { display: grid !important; grid-template-columns: auto 1fr auto !important; align-items: center !important; gap: 3px 8px !important; padding: 11px 14px !important; }
aside.lf-shop-aside.open > div:last-child > div:nth-child(1) { font-size: 15px !important; margin: 0 !important; }
aside.lf-shop-aside.open > div:last-child > div:nth-child(2) { font-size: 12px !important; margin: 0 !important; }
aside.lf-shop-aside.open > div:last-child > div:nth-child(3) { grid-column: 1 / 3 !important; font-size: 10px !important; margin: 0 !important; }
aside.lf-shop-aside.open > div:last-child > div:nth-child(4) { grid-column: 3 !important; grid-row: 1 / 3 !important; align-self: center !important; font-size: 13px !important; white-space: nowrap !important; }
/* Thẻ cam kết: icon + tiêu đề cùng 1 dòng */
.lf-vcard { display: grid !important; grid-template-columns: auto 1fr !important; align-items: center !important; gap: 7px 11px !important; padding: 13px 14px !important; }
.lf-vcard > div:nth-child(1) { width: 34px !important; height: 34px !important; font-size: 16px !important; border-radius: 9px !important; }
.lf-vcard > div:nth-child(2) { font-size: 13px !important; }
.lf-vcard > div:nth-child(3) { grid-column: 1 / -1 !important; font-size: 11px !important; line-height: 1.5 !important; }
}
@media (max-width: 600px) {
div[style*="padding: 44px"] { padding: 26px 22px !important; }
div[style*="padding: 40px 36px"] { padding: 28px 22px !important; }
div[style*="padding: 36px"] { padding: 24px 20px !important; }
div[style*="z-index: 95"] { max-width: 94vw; overflow-x: auto; flex-wrap: nowrap; }
div[style*="width: 300px"][style*="border-radius: 18px"] { width: 84vw !important; }
/* Nút Zalo nổi nhỏ gọn */
div[style*="z-index: 96"] { right: 12px !important; bottom: 108px !important; }
div[style*="z-index: 96"] > button { padding: 8px 13px !important; font-size: 11.5px !important; gap: 6px !important; }
div[style*="z-index: 96"] > button > span { font-size: 14px !important; }
/* Tiêu đề hero nhỏ lại cho vừa màn */
h1 { font-size: 27px !important; line-height: 1.18 !important; }
}
/* ===== Mobile nav (hamburger) ===== */
.lf-hamb { display: none; }
.lf-searchicon { display: none; }
.lf-mobmenu { display: none; }
@media (max-width: 820px) {
.lf-hamb { display: inline-flex !important; }
.lf-navlink { display: none !important; }
.lf-logo { height: 46px !important; }
.lf-mobmenu { display: block !important; }
.lf-mobmenu div[style*="margin-top: 12px"] a { font-size: 12px !important; padding: 9px !important; border-radius: 9px !important; }
/* Header mobile: ☰ + logo trái · giỏ phải · search hàng 2 */
.lf-header-inner { gap: 10px !important; flex-wrap: wrap !important; padding: 10px 14px !important; }
.lf-logo-wrap { flex: 0 0 auto !important; justify-content: flex-start !important; }
.lf-actions { margin-left: auto !important; }
.lf-searchicon { display: none !important; }
.lf-search { display: flex !important; flex: 1 1 100% !important; min-width: 0 !important; order: 10; }
.lf-search > div:last-child { display: none !important; }
.lf-search > div:first-child { border-width: 1.5px !important; border-radius: 10px !important; }
.lf-search > div:first-child > div:first-child { display: none !important; }
.lf-search input { padding: 9px 12px !important; font-size: 13px !important; }
.lf-search button { padding: 0 15px !important; font-size: 13px !important; }
/* Hiện toggle Giá lẻ/sỉ + hotline dạng gọn trên header */
.lf-toggle { display: flex !important; }
.lf-toggle button { font-size: 9.5px !important; padding: 4px 8px !important; border-radius: 7px !important; }
.lf-hotline { display: flex !important; gap: 5px !important; }
.lf-hotline > div:first-child { width: 26px !important; height: 26px !important; font-size: 12px !important; }
.lf-hotline > div:last-child > div:first-child { display: none !important; }
.lf-hotline > div:last-child > div:last-child { font-size: 11px !important; }
.lf-actions { gap: 7px !important; }
.lf-cart-text { display: none !important; }
.lf-cart { padding: 10px !important; gap: 0 !important; }
/* Top bar ẩn trên mobile */
.lf-topbar { display: none !important; }
/* Danh mục sidebar ở hero: ẩn trên mobile */
.lf-cat-sidebar { display: none !important; }
/* Thanh nav teal ẩn (đã gộp vào hamburger) */
.lf-navbar { display: none !important; }
/* Lưới sản phẩm 2 cột trên mobile */
div[style*="minmax(200px, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
div[style*="minmax(230px, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
div[style*="minmax(190px, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
/* Danh mục nổi bật: thu nhỏ, thiên về icon */
.lf-cattiles { grid-template-columns: repeat(6, 1fr) !important; gap: 6px !important; }
.lf-cattiles > a { padding: 8px 2px !important; gap: 5px !important; border-radius: 11px !important; }
.lf-cattiles > a > div:first-child { width: 38px !important; height: 38px !important; }
.lf-cattiles > a > div:first-child img { width: 24px !important; height: 24px !important; }
.lf-cat-name { font-size: 8.5px !important; line-height: 1.15 !important; }
.lf-cat-count { display: none !important; }
/* Tiêu đề section nhỏ lại */
h2 { font-size: 19px !important; }
/* Header section + chip lọc (Tất cả / Mực ống / ...) nhỏ gọn trên mobile */
div[style*="border-bottom: 2px solid"] { gap: 8px !important; padding-bottom: 8px !important; }
div[style*="border-bottom: 2px solid"] h2 { font-size: 15px !important; }
div[style*="border-bottom: 2px solid"] h2 span { width: 4px !important; height: 16px !important; }
div[style*="border-bottom: 2px solid"] button { font-size: 10.5px !important; padding: 5px 11px !important; }
div[style*="border-bottom: 2px solid"] a { font-size: 11px !important; }
/* Thẻ sản phẩm nhỏ gọn */
.lf-pcard > div:last-child { padding: 8px 10px 10px !important; gap: 4px !important; }
.lf-pcard div[style*="text-transform: uppercase"] { font-size: 8.5px !important; }
.lf-pcard div[style*="-webkit-line-clamp: 2"] { font-size: 11.5px !important; min-height: 30px !important; }
.lf-pcard div[style*="letter-spacing: 1px"], .lf-pcard span[style*="letter-spacing: 1px"] { font-size: 9px !important; }
.lf-pcard div[style*="gap: 6px"] { font-size: 10px !important; }
.lf-pcard span[style*="font-size: 18px"] { font-size: 14px !important; }
.lf-pcard span[style*="line-through"] { font-size: 10.5px !important; }
.lf-pcard div[style*="top: 10px"][style*="left: 10px"] { font-size: 10px !important; padding: 2px 7px !important; top: 7px !important; left: 7px !important; }
.lf-pcard div[style*="top: 10px"][style*="right: 10px"] { font-size: 9px !important; padding: 3px 7px !important; top: 7px !important; right: 7px !important; }
/* Công thức: thẻ gọn, chữ nhỏ */
.lf-recipes { gap: 10px !important; }
.lf-recipes a > div:last-child { padding: 9px 11px !important; gap: 4px !important; }
.lf-recipes a div { font-size: 11px !important; }
.lf-recipes a div[style*="font-weight: 700"], .lf-recipes a div[style*="font-weight:700"] { font-size: 12px !important; min-height: 0 !important; }
.lf-recipes a span { font-size: 8.5px !important; padding: 3px 8px !important; }
/* Newsletter gọn */
.lf-newsletter { padding: 12px 12px !important; gap: 8px !important; border-radius: 13px !important; }
.lf-newsletter h2 { font-size: 12.5px !important; margin-bottom: 2px !important; }
.lf-newsletter p { font-size: 10px !important; }
.lf-newsletter input { padding: 8px 10px !important; font-size: 11px !important; border-radius: 8px !important; }
.lf-newsletter button { font-size: 10.5px !important; padding: 0 12px !important; border-radius: 8px !important; }
/* Footer gọn, chữ nhỏ */
.lf-footer { font-size: 11px !important; }
.lf-footer > div:first-child { padding: 26px 20px 18px !important; gap: 18px !important; }
.lf-footer div { font-size: 11px !important; line-height: 1.5 !important; }
.lf-footer a { font-size: 11px !important; }
.lf-footer div[style*="font-size: 28px"] { font-size: 20px !important; }
.lf-footer div[style*="font-size: 20px"] { font-size: 14px !important; }
.lf-footer div[style*="padding: 14px"] { padding: 9px 12px !important; border-radius: 10px !important; margin-bottom: 10px !important; }
.lf-footer a[style*="width: 40px"] { width: 30px !important; height: 30px !important; border-radius: 8px !important; font-size: 12px !important; }
/* Trang Giới thiệu gọn trên mobile */
.lf-about h1 { font-size: 20px !important; line-height: 1.2 !important; }
.lf-about h2 { font-size: 15px !important; }
.lf-about h3 { font-size: 13px !important; }
.lf-about p { font-size: 11.5px !important; line-height: 1.55 !important; }
.lf-about li { font-size: 11px !important; }
.lf-about span[style*="border-radius: 999px"] { font-size: 9.5px !important; padding: 4px 10px !important; }
.lf-about div[style*="font-size: 34px"], .lf-about div[style*="font-size: 36px"], .lf-about div[style*="font-size: 32px"], .lf-about div[style*="font-size: 30px"] { font-size: 20px !important; }
.lf-about div[style*="font-size: 27px"], .lf-about div[style*="font-size: 26px"], .lf-about div[style*="font-size: 24px"] { font-size: 16px !important; }
.lf-about div[style*="font-size: 16px"], .lf-about div[style*="font-size: 17px"] { font-size: 12.5px !important; }
.lf-about div[style*="font-size: 15px"], .lf-about div[style*="font-size: 14.5px"], .lf-about div[style*="font-size: 14px"] { font-size: 11.5px !important; }
.lf-about div[style*="font-size: 13.5px"], .lf-about div[style*="font-size: 13px"] { font-size: 11px !important; }
.lf-about div[style*="margin: 64px"] { margin-top: 28px !important; }
.lf-about div[style*="margin: 56px"] { margin-top: 26px !important; }
.lf-about div[style*="width: 60px"][style*="border-radius: 50%"] { width: 42px !important; height: 42px !important; font-size: 17px !important; }
.lf-about div[style*="width: 48px"] { width: 36px !important; height: 36px !important; font-size: 17px !important; }
.lf-about div[style*="padding: 26px"], .lf-about div[style*="padding: 28px"] { padding: 16px !important; }
.lf-about img[style*="height: 52px"] { height: 38px !important; }
/* Khối thống kê 2×2 gọn đều */
.lf-astats { grid-template-columns: repeat(2, 1fr) !important; padding: 4px !important; }
.lf-astats > div { padding: 10px 6px !important; border-right: none !important; }
.lf-astats div[style*="font-size: 32px"] { font-size: 18px !important; }
.lf-astats > div > div:last-child { font-size: 9.5px !important; margin-top: 3px !important; }
/* Trang Tra cứu: đồng bộ font như Tin tức */
.lf-track h1 { font-size: 16px !important; margin-bottom: 6px !important; }
.lf-track > div:first-child p { font-size: 11.5px !important; }
.lf-track > div:first-child > div { padding: 22px 20px 30px !important; }
.lf-track h2 { font-size: 13px !important; }
.lf-track label { font-size: 11px !important; }
.lf-track input { font-size: 12px !important; padding: 9px 10px 9px 0 !important; }
.lf-track button { font-size: 11.5px !important; }
.lf-track button[style*="height: 48px"] { height: 40px !important; padding: 0 18px !important; }
.lf-track div[style*="font-size: 20px"] { font-size: 15px !important; }
.lf-track div[style*="font-size: 14"] { font-size: 11.5px !important; }
.lf-track div[style*="font-size: 13"] { font-size: 11px !important; }
.lf-track div[style*="font-size: 12"] { font-size: 10px !important; }
.lf-track span[style*="font-size: 13px"] { font-size: 10.5px !important; }
.lf-track span[style*="font-size: 12"] { font-size: 10px !important; }
.lf-track div[style*="width: 46px"] { width: 34px !important; height: 34px !important; font-size: 15px !important; border-width: 2px !important; }
/* Liên hệ: 3 thẻ 1 hàng ngang */
div.lf-ccards[style] { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
/* Liên hệ: font gọn như Tin tức */
.lf-contact h1 { font-size: 16px !important; margin-bottom: 6px !important; }
.lf-contact > div:first-child p { font-size: 11.5px !important; }
.lf-contact > div:first-child > div { padding: 22px 20px 30px !important; }
.lf-contact h2 { font-size: 13px !important; }
.lf-contact p { font-size: 11px !important; }
.lf-contact label { font-size: 11px !important; }
.lf-contact input, .lf-contact textarea { font-size: 12px !important; padding: 9px 11px !important; }
.lf-contact textarea { min-height: 120px !important; width: 100% !important; }
.lf-contact button { font-size: 11.5px !important; }
.lf-contact button[style*="height: 50px"] { height: 40px !important; }
.lf-contact div[style*="font-size: 14"] { font-size: 11.5px !important; }
.lf-contact div[style*="font-size: 13"] { font-size: 11px !important; }
/* "Bạn là": 1 hàng ngang, chip gọn */
.lf-contact div[style*="flex-wrap: wrap"][style*="gap: 10px"] { flex-wrap: nowrap !important; overflow-x: auto; padding-bottom: 3px; }
.lf-contact div[style*="gap: 10px"] > button { white-space: nowrap !important; flex: 0 0 auto; font-size: 10.5px !important; padding: 6px 11px !important; border-radius: 8px !important; }
/* Kho HN / HCM: box nhỏ, thấp */
.lf-contact div[style*="padding: 20px"] { padding: 10px 12px !important; border-radius: 12px !important; }
.lf-contact span[style*="width: 34px"] { width: 24px !important; height: 24px !important; font-size: 12px !important; border-radius: 7px !important; }
.lf-contact div[style*="margin-bottom: 12px"] { margin-bottom: 5px !important; gap: 7px !important; }
.lf-contact div[style*="gap: 8px"][style*="flex-direction: column"] { gap: 3px !important; }
.lf-contact iframe { height: 140px !important; }
/* FAQ card thấp gọn */
.lf-contact div[style*="padding: 18px 20px"] { padding: 9px 13px !important; border-radius: 11px !important; }
.lf-contact div[style*="margin-bottom: 7px"] { margin-bottom: 2px !important; }
/* Đăng nhập mobile: gọn */
.lf-auth { padding: 14px 12px !important; }
.lf-authbrand img { display: inline-block !important; height: 26px !important; vertical-align: middle !important; margin-right: 9px !important; }
.lf-authbrand h2 { display: inline !important; margin: 0 !important; font-size: 15px !important; vertical-align: middle !important; }
.lf-authbrand p { margin: 10px 0 10px !important; font-size: 11px !important; }
.lf-authbrand > div:last-child { gap: 6px !important; }
.lf-authbrand > div:last-child > div { font-size: 11px !important; }
.lf-auth h1 { font-size: 17px !important; }
.lf-auth label { font-size: 11px !important; }
.lf-auth input { font-size: 12px !important; padding: 9px 11px !important; }
.lf-auth p { font-size: 11px !important; margin-bottom: 12px !important; }
.lf-auth button[style*="height: 50px"] { height: 40px !important; font-size: 13px !important; }
.lf-auth button[style*="height: 46px"] { height: 36px !important; font-size: 11.5px !important; }
/* Menu tài khoản = dropdown như bộ lọc cửa hàng */
.lf-accdd { display: flex !important; }
.lf-accmenu { display: none !important; }
.lf-accmenu.open { display: block !important; margin-top: -4px; }
.lf-accmenu.open button { width: 100% !important; flex: none !important; }
/* Tài khoản mobile: gọn như trang đăng nhập */
.lf-account { padding: 12px !important; }
.lf-account > div:first-child { font-size: 11px !important; margin-bottom: 10px !important; }
.lf-account > div:last-child { grid-template-columns: 1fr !important; gap: 12px !important; }
.lf-account aside { gap: 10px !important; }
.lf-account aside > div:first-child { padding: 12px !important; border-radius: 12px !important; }
.lf-account aside div[style*="width: 64px"] { width: 40px !important; height: 40px !important; font-size: 16px !important; }
.lf-account aside div[style*="font-size: 16px"][style*="margin-top: 12px"] { font-size: 13px !important; margin-top: 7px !important; }
.lf-account aside div[style*="font-size: 12.5px"] { font-size: 10.5px !important; }
.lf-account aside div[style*="font-size: 11.5px"] { font-size: 10px !important; padding: 3px 9px !important; margin-top: 7px !important; }
.lf-account aside > div:last-child { padding: 5px !important; border-radius: 12px !important; display: flex; flex-wrap: wrap; gap: 2px; }
.lf-account aside button { font-size: 11px !important; padding: 7px 9px !important; gap: 6px !important; width: auto !important; flex: 1 1 40%; }
.lf-account aside button span { font-size: 12px !important; }
.lf-account div[style*="grid-template-columns: repeat(3"] { gap: 7px !important; margin-bottom: 10px !important; }
.lf-account div[style*="grid-template-columns: repeat(3"] > div { padding: 9px 10px !important; border-radius: 10px !important; }
.lf-account div[style*="grid-template-columns: repeat(3"] div[style*="font-size: 12.5px"] { font-size: 9.5px !important; }
.lf-account div[style*="grid-template-columns: repeat(3"] div[style*="font-size: 26px"] { font-size: 16px !important; margin-top: 2px !important; }
.lf-account div[style*="grid-template-columns: repeat(3"] div[style*="font-size: 22px"] { font-size: 14px !important; margin-top: 3px !important; }
.lf-account h2 { font-size: 15px !important; margin-bottom: 12px !important; }
.lf-account div[style*="padding: 26px"] { padding: 14px !important; border-radius: 12px !important; }
.lf-account div[style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; gap: 10px !important; }
.lf-account label { font-size: 11px !important; margin-bottom: 4px !important; }
.lf-account input { font-size: 12px !important; padding: 9px 11px !important; }
.lf-account button[style*="padding: 12px 26px"] { font-size: 12.5px !important; padding: 9px 18px !important; margin-top: 14px !important; }
.lf-account div[style*="padding: 16px 18px"] { padding: 10px 12px !important; gap: 8px !important; }
.lf-account div[style*="font-size: 15px"] { font-size: 12.5px !important; }
.lf-account div[style*="font-size: 16px"][style*="font-weight: 800"] { font-size: 13px !important; }
.lf-account span[style*="border-radius: 999px"] { font-size: 9.5px !important; padding: 3px 9px !important; }
.lf-account button[style*="padding: 8px 14px"] { font-size: 11px !important; padding: 6px 10px !important; }
/* Chi tiết SP mobile: gọn */
.lf-pd { padding: 10px 12px 6px !important; }
.lf-pd > div:first-child { font-size: 10.5px !important; margin-bottom: 8px !important; }
.lf-pd > div:nth-child(2) { padding: 12px !important; gap: 12px !important; border-radius: 14px !important; }
.lf-pd div[style*="flex: 1 1 320px"] { flex: 1 1 100% !important; min-width: 0 !important; gap: 8px !important; }
.lf-pd div[style*="aspect-ratio: 1 / 1"][style*="position: relative"] { max-width: none; margin: 0; width: 100%; }
.lf-pd div[style*="aspect-ratio"] div[style*="font-size: 14px"] { font-size: 10px !important; padding: 3px 8px !important; top: 8px !important; left: 8px !important; border-radius: 7px !important; }
.lf-pd div[style*="grid-template-columns: repeat(4"] { max-width: none; margin: 0; width: 100%; gap: 6px !important; }
.lf-pd div[style*="flex: 1 1 360px"] { flex: 1 1 100% !important; min-width: 0 !important; gap: 10px !important; }
.lf-pd div[style*="font-size: 12px"][style*="uppercase"] { font-size: 9.5px !important; }
.lf-pd h1 { font-size: 15px !important; margin-top: 3px !important; }
.lf-pd div[style*="gap: 14px"][style*="font-size: 13px"] { font-size: 10.5px !important; gap: 8px !important; }
.lf-pd div[style*="padding: 16px 18px"] { padding: 10px 12px !important; border-radius: 11px !important; }
.lf-pd span[style*="font-size: 34px"] { font-size: 20px !important; }
.lf-pd span[style*="line-through"] { font-size: 12px !important; }
.lf-pd span[style*="padding: 3px 9px"] { font-size: 10px !important; padding: 2px 7px !important; }
.lf-pd div[style*="font-size: 12.5px"][style*="margin-top: 6px"] { font-size: 10px !important; margin-top: 4px !important; }
.lf-pd div[style*="padding: 10px 14px"] { padding: 7px 11px !important; font-size: 10.5px !important; }
.lf-pd div[style*="margin-bottom: 8px"][style*="font-size: 13px"] { font-size: 11px !important; margin-bottom: 5px !important; }
.lf-pd div[style*="gap: 10px"] > button { font-size: 11px !important; padding: 6px 11px !important; }
.lf-pd button[style*="width: 42px"] { width: 26px !important; min-width: 26px !important; height: 30px !important; font-size: 13px !important; flex: 0 0 auto !important; }
.lf-pd div[style*="width: 48px"] { width: 28px !important; font-size: 12px !important; }
.lf-pd button[style*="height: 46px"] { height: 34px !important; font-size: 11.5px !important; min-width: 0 !important; border-radius: 9px !important; white-space: nowrap; padding: 0 10px; }
.lf-pd a[style*="height: 46px"] { height: 36px !important; font-size: 12px !important; border-radius: 9px !important; }
.lf-pd div[style*="minmax(150px"] { grid-template-columns: 1fr 1fr !important; gap: 12px 8px !important; padding-top: 14px !important; }
.lf-pd div[style*="minmax(150px"] > div { font-size: 11.5px !important; gap: 7px !important; line-height: 1.45 !important; white-space: nowrap; }
.lf-pd div[style*="minmax(150px"] span { font-size: 13px !important; }
/* FAQ hero + chips gọn */
.lf-faqhero { padding: 20px 16px 24px !important; }
.lf-faqhero > div:first-child { font-size: 10.5px !important; margin-bottom: 8px !important; }
.lf-faqhero h1 { font-size: 19px !important; margin-bottom: 6px !important; }
.lf-faqhero p { font-size: 11.5px !important; margin-bottom: 12px !important; }
.lf-faqhero > div:last-child { border-radius: 9px !important; }
.lf-faqhero span { font-size: 13px !important; padding: 0 10px !important; }
.lf-faqhero input { font-size: 12px !important; padding: 8px 10px 8px 0 !important; }
.lf-faqchips { flex-wrap: nowrap !important; overflow-x: auto; gap: 6px !important; margin-bottom: 14px !important; padding-bottom: 4px; scrollbar-width: none; }
.lf-faqchips::-webkit-scrollbar { display: none; }
.lf-faqchips button { white-space: nowrap !important; flex: 0 0 auto; font-size: 10.5px !important; padding: 6px 12px !important; }
/* FAQ CTA gọn: nút 1 hàng */
.lf-faqcta { padding: 14px 16px !important; gap: 10px !important; border-radius: 14px !important; }
.lf-faqcta h2 { font-size: 14px !important; margin-bottom: 3px !important; }
.lf-faqcta p { font-size: 10.5px !important; }
.lf-faqcta > div:last-child { flex-wrap: nowrap !important; gap: 7px !important; width: 100%; }
.lf-faqcta a { font-size: 11px !important; padding: 8px 12px !important; border-radius: 9px !important; white-space: nowrap; flex: 1; text-align: center; }
/* Giới thiệu hero: kéo nội dung + box số liệu lên */
div[style*="min-height: 420px"] { min-height: 0 !important; }
.lf-abhero { padding: 18px 16px 46px !important; }
.lf-abhero h1 br { display: none; }
/* Collage câu chuyện: không tràn đè chữ */
.lf-story-collage img { height: 100% !important; min-height: 0 !important; min-width: 0 !important; }
/* Khách sỉ mobile: gọn đồng bộ */
.lf-ws div[style*="grid-template-columns: 1.5fr 1fr"] { grid-template-columns: 1fr !important; gap: 14px !important; padding: 20px 16px 24px !important; }
.lf-ws div[style*="grid-template-columns: 1.5fr 1fr"] > div:first-child > div:first-child { font-size: 10.5px !important; margin-bottom: 8px !important; }
.lf-ws div[style*="border-radius: 999px"][style*="font-size: 12px"] { font-size: 9px !important; padding: 3px 10px !important; margin-bottom: 8px !important; }
.lf-ws h1 { font-size: 19px !important; margin-bottom: 8px !important; }
.lf-ws h1 br { display: none; }
.lf-ws div[style*="grid-template-columns: 1.5fr 1fr"] p { font-size: 11.5px !important; margin-bottom: 12px !important; }
.lf-ws div[style*="grid-template-columns: 1.5fr 1fr"] a { font-size: 11.5px !important; padding: 8px 14px !important; border-radius: 9px !important; }
.lf-ws div[style*="backdrop-filter"] { padding: 14px !important; border-radius: 14px !important; }
.lf-ws div[style*="backdrop-filter"] div[style*="font-size: 11.5px"][style*="border-radius: 999px"] { font-size: 9px !important; padding: 3px 9px !important; margin-bottom: 10px !important; }
.lf-ws div[style*="font-size: 28px"] { font-size: 18px !important; }
.lf-ws div[style*="backdrop-filter"] div[style*="font-size: 11.5px"][style*="margin-top"] { font-size: 9.5px !important; }
.lf-ws div[style*="font-size: 13.5px"] { font-size: 10.5px !important; gap: 7px !important; }
.lf-ws span[style*="width: 24px"] { width: 17px !important; height: 17px !important; font-size: 9px !important; }
.lf-ws div[style*="backdrop-filter"] a { font-size: 11.5px !important; padding: 9px !important; display: inline-flex !important; width: auto; }
.lf-ws div[style*="backdrop-filter"] div[style*="font-size: 12px"] { font-size: 12.5px !important; margin-top: 0 !important; display: inline-flex; align-items: center; margin-left: 10px; }
.lf-ws h2 { font-size: 15px !important; }
.lf-ws div[style*="margin: 36px auto"], .lf-ws div[style*="margin: 44px auto"] { margin-top: 18px !important; padding: 0 12px !important; }
.lf-ws div[style*="max-width: 560px"] p { font-size: 10.5px !important; }
.lf-ws div[style*="minmax(240px"] { grid-template-columns: repeat(3, 1fr) !important; gap: 7px !important; }
.lf-ws div[style*="minmax(240px"] > div { padding: 10px 9px !important; border-radius: 11px !important; }
.lf-ws div[style*="minmax(240px"] div[style*="font-size: 12.5px"] { font-size: 8px !important; }
.lf-ws div[style*="minmax(240px"] div[style*="font-size: 24px"] { font-size: 12.5px !important; margin: 2px 0 6px !important; }
.lf-ws div[style*="minmax(240px"] div[style*="font-size: 13px"] { font-size: 9px !important; margin-top: 6px !important; }
.lf-ws div[style*="minmax(280px"] { grid-template-columns: 1fr !important; gap: 8px !important; }
.lf-ws div[style*="minmax(280px"] > div { padding: 10px 12px !important; gap: 9px !important; border-radius: 12px !important; }
.lf-ws div[style*="minmax(280px"] div[style*="width: 48px"] { width: 30px !important; height: 30px !important; font-size: 14px !important; border-radius: 9px !important; }
.lf-ws div[style*="minmax(280px"] div[style*="font-size: 16px"] { font-size: 11.5px !important; margin-bottom: 2px !important; }
.lf-ws div[style*="minmax(280px"] div[style*="font-size: 13.5px"] { font-size: 10px !important; }
.lf-ws div[style*="padding: 44px 0"] { padding: 20px 0 !important; margin-top: 22px !important; }
.lf-ws div[style*="minmax(220px"] { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
.lf-ws div[style*="width: 60px"] { width: 36px !important; height: 36px !important; font-size: 14px !important; margin-bottom: 7px !important; }
.lf-ws div[style*="minmax(220px"] div[style*="font-size: 16px"] { font-size: 11px !important; }
.lf-ws div[style*="minmax(220px"] div[style*="font-size: 13px"] { font-size: 9.5px !important; }
.lf-ws div[style*="grid-template-columns: 1fr 1fr"][style*="border-radius: 20px"] { grid-template-columns: 1fr !important; border-radius: 14px !important; }
.lf-ws div[style*="padding: 36px"] { padding: 14px 14px !important; }
.lf-ws div[style*="padding: 36px"] h2 { font-size: 14px !important; margin-bottom: 6px !important; }
.lf-ws div[style*="padding: 36px"] p { font-size: 10.5px !important; margin-bottom: 10px !important; }
.lf-ws div[style*="padding: 36px"] div[style*="font-size: 14px"] { font-size: 10.5px !important; gap: 8px !important; }
.lf-ws span[style*="width: 34px"] { width: 24px !important; height: 24px !important; font-size: 12px !important; border-radius: 7px !important; }
.lf-ws label { font-size: 10.5px !important; margin-bottom: 4px !important; }
.lf-ws input, .lf-ws textarea, .lf-ws select { font-size: 11.5px !important; padding: 8px 10px !important; }
.lf-ws div[style*="padding: 36px"] button { font-size: 10.5px !important; padding: 7px 11px !important; }
/* Đội ngũ mobile: như combo — 2 thẻ/hàng, chữ nhỏ */
.lf-teamhero { padding: 20px 16px 24px !important; }
.lf-teamhero > div:first-child { font-size: 10.5px !important; margin-bottom: 8px !important; }
.lf-teamhero div[style*="border-radius: 999px"] { font-size: 9.5px !important; padding: 3px 10px !important; margin-bottom: 8px !important; }
.lf-teamhero img { height: 30px !important; margin-bottom: 8px !important; }
.lf-teamhero h1 { font-size: 19px !important; margin-bottom: 6px !important; }
.lf-teamhero p { font-size: 11.5px !important; }
.lf-team { margin-top: 14px !important; padding: 0 12px !important; }
.lf-team div[style*="minmax(260px"] { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; margin-top: 10px !important; }
.lf-team div[style*="minmax(260px"] > div { border-radius: 12px !important; }
.lf-team div[style*="minmax(260px"] > div > div:last-child { padding: 9px 10px 11px !important; gap: 6px !important; }
.lf-team div[style*="font-size: 17px"] { font-size: 11.5px !important; }
.lf-team div[style*="minmax(260px"] span[style*="border-radius"] { font-size: 8.5px !important; padding: 3px 8px !important; }
.lf-team p[style*="font-size: 13px"] { font-size: 9.5px !important; line-height: 1.5 !important; }
.lf-team div[style*="font-size: 14px"][style*="font-weight: 700"] { font-size: 10.5px !important; gap: 5px !important; }
.lf-team a { font-size: 10px !important; padding: 6px !important; border-radius: 8px !important; gap: 4px !important; }
.lf-team div[style*="padding: 30px"] { padding: 14px 16px !important; gap: 10px !important; border-radius: 14px !important; }
.lf-team div[style*="padding: 30px"] h2 { font-size: 14px !important; }
.lf-team div[style*="padding: 30px"] p { font-size: 10.5px !important; }
.lf-team div[style*="padding: 30px"] > a { font-size: 11px !important; padding: 8px 13px !important; white-space: nowrap; }
/* Combo hero gọn */
.lf-combohero { padding: 20px 16px 24px !important; }
.lf-combohero > div:first-child { font-size: 10.5px !important; margin-bottom: 8px !important; }
.lf-combohero div[style*="border-radius: 999px"] { font-size: 9.5px !important; padding: 3px 10px !important; margin-bottom: 8px !important; }
.lf-combohero h1 { font-size: 19px !important; margin-bottom: 6px !important; }
.lf-combohero p { font-size: 11.5px !important; }
/* Combo mobile: 2 sản phẩm/hàng, chữ nhỏ */
.lf-combo { margin-top: 14px !important; padding: 0 12px !important; }
.lf-combogrid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
.lf-combogrid > div { border-radius: 12px !important; }
.lf-combogrid h3 { font-size: 11.5px !important; }
.lf-combogrid > div > div:last-child { padding: 9px 10px 11px !important; gap: 7px !important; }
.lf-combogrid div[style*="font-size: 13px"] { font-size: 9.5px !important; gap: 5px !important; }
.lf-combogrid div[style*="font-size: 11.5px"][style*="border-radius: 999px"] { font-size: 8px !important; padding: 3px 8px !important; top: 7px !important; left: 7px !important; }
.lf-combogrid div[style*="font-size: 11px"][style*="border-radius: 999px"] { font-size: 8px !important; padding: 3px 7px !important; top: 7px !important; right: 7px !important; }
.lf-combogrid div[style*="font-size: 12px"][style*="border-radius: 8px"] { font-size: 8.5px !important; padding: 3px 7px !important; bottom: 7px !important; right: 7px !important; }
.lf-combogrid span[style*="font-size: 23px"] { font-size: 14px !important; }
.lf-combogrid span[style*="line-through"] { font-size: 10px !important; }
.lf-combogrid div[style*="padding-top: 13px"] { padding-top: 8px !important; gap: 6px !important; }
.lf-combogrid button { font-size: 10px !important; padding: 7px !important; border-radius: 8px !important; gap: 5px !important; }
.lf-combo div[style*="padding: 30px"] { padding: 14px 16px !important; gap: 10px !important; border-radius: 14px !important; }
.lf-combo div[style*="padding: 30px"] h2 { font-size: 14px !important; }
.lf-combo div[style*="padding: 30px"] p { font-size: 10.5px !important; }
.lf-combo div[style*="padding: 30px"] a { font-size: 11px !important; padding: 8px 13px !important; white-space: nowrap; }
/* Chi tiết tin tức: font chuẩn mobile */
.lf-ndetail div[style*="min-height: 340px"] { min-height: 220px !important; }
.lf-ndetail div[style*="min-height: 340px"] > div:last-child { padding: 18px 16px 20px !important; }
.lf-ndetail div[style*="min-height: 340px"] div[style*="font-size: 13px"] { font-size: 10.5px !important; margin-bottom: 8px !important; }
.lf-ndetail div[style*="border-radius: 999px"][style*="font-size: 12px"] { font-size: 9.5px !important; padding: 3px 10px !important; margin-bottom: 8px !important; }
.lf-ndetail h1 { font-size: 19px !important; margin-bottom: 10px !important; }
.lf-ndetail div[style*="font-size: 13.5px"] { font-size: 10.5px !important; gap: 8px !important; }
.lf-ndetail span[style*="width: 30px"] { width: 22px !important; height: 22px !important; font-size: 10px !important; }
.lf-ndetail article p[style*="font-size: 17px"] { font-size: 12.5px !important; line-height: 1.65 !important; margin-bottom: 14px !important; }
.lf-ndetail article p[style*="font-size: 15.5px"] { font-size: 11.5px !important; line-height: 1.7 !important; margin-bottom: 12px !important; }
.lf-ndetail article h2 { font-size: 14px !important; margin: 18px 0 8px !important; }
.lf-ndetail article blockquote { font-size: 11.5px !important; padding: 12px 14px !important; margin: 14px 0 !important; }
.lf-ndetail article span[style*="font-size: 12.5px"] { font-size: 10px !important; padding: 4px 10px !important; }
.lf-ndetail article a[style*="width: 38px"] { width: 30px !important; height: 30px !important; }
.lf-ndetail div[style*="max-width: 1160px"][style*="padding: 32px"] { padding: 18px 12px 8px !important; }
/* Newsletter tin tức gọn */
.lf-newsletter { padding: 12px 14px !important; border-radius: 12px !important; }
.lf-newsletter span[style*="font-size: 18px"] { font-size: 14px !important; }
.lf-newsletter span[style*="font-size: 16px"] { font-size: 13px !important; }
.lf-newsletter div[style*="font-size: 12.5px"] { font-size: 10.5px !important; margin: 4px 0 8px !important; }
.lf-newsletter input { font-size: 11px !important; padding: 8px 10px !important; }
.lf-newsletter button { font-size: 11.5px !important; padding: 8px !important; }
/* Tabs chi tiết SP: 1 hàng ngang cuộn */
.lf-pdtabs { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; }
.lf-pdtabs::-webkit-scrollbar { display: none; }
.lf-pdtabs button { white-space: nowrap !important; flex: 0 0 auto; font-size: 11px !important; padding: 9px 10px !important; }
/* Giỏ hàng có SP: gọn, không tràn ngang */
.lf-cartpage { padding: 12px !important; }
.lf-cartpage > div:first-child { font-size: 10.5px !important; margin-bottom: 8px !important; }
.lf-cartpage h1[style*="font-size: 26px"] { font-size: 16px !important; margin-bottom: 10px !important; }
.lf-cartpage div[style*="gap: 14px"][style*="padding: 16px 20px"] { gap: 8px !important; padding: 10px 12px !important; flex-wrap: wrap; }
.lf-cartpage div[style*="width: 66px"] { width: 44px !important; height: 44px !important; border-radius: 8px !important; }
.lf-cartpage div[style*="font-size: 14px"][style*="font-weight: 600"] { font-size: 11px !important; }
.lf-cartpage div[style*="font-size: 13px"][style*="font-weight: 700"] { font-size: 10.5px !important; }
.lf-cartpage button[style*="width: 34px"] { width: 24px !important; height: 26px !important; font-size: 12px !important; }
.lf-cartpage div[style*="width: 38px"][style*="text-align: center"] { width: 26px !important; font-size: 11px !important; }
.lf-cartpage div[style*="width: 100px"] { width: auto !important; font-size: 11.5px !important; }
.lf-cartpage button[style*="font-size: 18px"] { font-size: 13px !important; padding: 3px !important; }
.lf-cartpage div[style*="padding: 16px 20px"][style*="border-bottom"] > div[style*="font-size: 16px"] { font-size: 12.5px !important; }
.lf-cartpage a[style*="font-size: 13px"] { font-size: 10.5px !important; white-space: nowrap; }
.lf-cartpage h2 { font-size: 13px !important; margin-bottom: 10px !important; }
.lf-cartpage div[style*="padding: 22px 24px"] { padding: 12px 13px !important; }
.lf-cartpage label { font-size: 10.5px !important; }
.lf-cartpage input, .lf-cartpage textarea { font-size: 11.5px !important; padding: 8px 10px !important; }
/* Giỏ hàng trống: gọn */
.lf-cartpage h1 { font-size: 15px !important; margin: 8px 0 4px !important; }
.lf-cartpage p { font-size: 11px !important; margin-bottom: 12px !important; }
.lf-cartpage div[style*="font-size: 64px"] { font-size: 38px !important; }
.lf-cartpage a[style*="padding: 13px 26px"] { font-size: 11.5px !important; padding: 8px 16px !important; border-radius: 9px !important; }
.lf-cartpage div[style*="padding: 48px 20px"] { padding: 22px 16px 12px !important; }
.lf-ccards a { padding: 10px 9px !important; gap: 4px !important; border-radius: 12px !important; align-items: center !important; text-align: center !important; }
.lf-ccards a > div:nth-child(1) { width: 30px !important; height: 30px !important; font-size: 14px !important; border-radius: 9px !important; }
.lf-ccards a > div:nth-child(2) { font-size: 8.5px !important; }
.lf-ccards a > div:nth-child(3) { font-size: 11px !important; }
.lf-ccards a > div:nth-child(4) { font-size: 8.5px !important; }
.lf-footer div[style*="font-weight: 700"][style*="margin-bottom"] { font-size: 12.5px !important; margin-bottom: 8px !important; }
/* Khối MUA LẺ HAY MUA SỈ gọn */
.lf-split { margin-top: 20px !important; }
.lf-split span { font-size: 9px !important; padding: 3px 8px !important; }
.lf-split h2 { font-size: 14px !important; margin: 6px 0 3px !important; }
.lf-split h3 { font-size: 13px !important; }
.lf-split p { font-size: 10px !important; }
.lf-split > div > div > div > div { gap: 6px !important; }
.lf-split div[style*="height: 104px"] { height: 44px !important; }
.lf-split div[style*="width: 48px"] { width: 28px !important; height: 28px !important; font-size: 14px !important; border-radius: 8px !important; }
.lf-split div[style*="width: 30px"] { width: 20px !important; height: 20px !important; font-size: 10px !important; border-radius: 6px !important; }
.lf-split span[style*="font-size: 13px"] { font-size: 10px !important; }
.lf-split a[style*="background: rgb(238, 74, 44)"], .lf-split a[style*="background:#EE4A2C"] { font-size: 11px !important; padding: 7px !important; }
.lf-split button { font-size: 10.5px !important; padding: 7px !important; }
.lf-split a[style*="background: rgb(14, 156, 168)"], .lf-split a[style*="background:#0E9CA8"] { font-size: 10.5px !important; padding: 7px !important; }
.lf-split div[style*="padding: 20px 22px"] { padding: 10px 12px 12px !important; margin-top: -14px !important; }
.lf-split div[style*="font-size: 28px"] { font-size: 15px !important; }
.lf-split div[style*="border-radius: 11px"][style*="dashed"] { padding: 6px 10px !important; }
.lf-split div[style*="font-size: 11px"] { font-size: 9px !important; }
.lf-split div[style*="font-size: 13.5px"] { font-size: 11px !important; }
.lf-split div[style*="width: 44px"][style*="border-radius: 50%"] { width: 32px !important; height: 32px !important; font-size: 9px !important; }
/* Hero mobile: banner thấp lại, ẩn 2 card phụ */
.lf-hero-side { display: none !important; }
.lf-hero-banner { min-height: 170px !important; flex-basis: 100% !important; }
div.lf-hero-banner[style] { min-height: 170px !important; }
.lf-hero-overlay { padding: 16px !important; gap: 9px !important; }
.lf-hero-overlay h1 { font-size: 16px !important; }
.lf-hero-badge { font-size: 9.5px !important; padding: 4px 9px !important; gap: 5px !important; }
.lf-hero-p { display: none !important; }
/* Header buttons đồng bộ, thanh lịch */
.lf-hamb { background: #EAF3F5 !important; color: #0A7A84 !important; width: 40px !important; height: 40px !important; font-size: 18px !important; border-radius: 11px !important; box-shadow: none !important; }
.lf-searchicon { background: #EAF3F5 !important; color: #0A7A84 !important; width: 44px !important; height: 44px !important; border-radius: 12px !important; }
.lf-cart { width: 34px !important; height: 34px !important; padding: 0 !important; justify-content: center !important; border-radius: 10px !important; box-shadow: none !important; }
.lf-cart svg { width: 16px !important; height: 16px !important; }
.lf-cart > span:last-child { position: absolute !important; top: -5px; right: -5px; min-width: 16px !important; height: 16px !important; border-radius: 8px !important; font-size: 9.5px !important; padding: 0 4px !important; box-shadow: 0 2px 6px rgba(10,48,73,.3); }
/* 1. Nút hero nhỏ lại */
.lf-hero-btns { gap: 8px !important; }
.lf-hero-btns a { font-size: 10.5px !important; padding: 7px 11px !important; border-radius: 8px !important; }
/* 2. Trust bar: 2 cột, chữ nhỏ */
.lf-trust { grid-template-columns: repeat(2, 1fr) !important; gap: 2px !important; }
.lf-trust > div { padding: 7px 8px !important; gap: 7px !important; }
.lf-trust img { width: 24px !important; height: 24px !important; }
.lf-trust > div > div > div:first-child { font-size: 10px !important; }
.lf-trust > div > div > div:last-child { font-size: 9px !important; }
/* 3. Flash header 1 dòng gọn: ẩn nút prev/next + xem tất cả, thu nhỏ countdown */
.lf-flash-head { padding: 10px 12px !important; gap: 8px !important; }
.lf-flash-head > div:first-child > span { font-size: 16px !important; }
.lf-flash-head > div:first-child div > div:first-child { font-size: 14px !important; }
.lf-flash-head > div:first-child div > div:last-child { font-size: 10.5px !important; }
.lf-flash-actions { display: none !important; }
.lf-flash-cd > span { font-size: 11px !important; }
.lf-flash-cd > div > div { width: 26px !important; height: 28px !important; font-size: 12px !important; border-radius: 6px !important; }
/* Thẻ flash sale nhỏ lại */
div[style*="flex: 0 0 200px"] { flex: 0 0 150px !important; }
}