/* qm-spacing.css — Giảm khoảng cách dọc (padding) giữa các section cho gọn gàng.
   Thay các giá trị lớn (115px, 92px, 82px...) về ~40px. Áp dụng toàn site.
   Bỏ qua: hero (cần thoáng ở đầu trang) và các thanh điều hướng (jump/route/nav). */
section[class]:not([class*="hero"]):not([class*="jump"]):not([class*="route"]):not([class*="-nav"]):not([class*="topbar"]){
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* Sửa xung đột .hero-grid ở trang chi tiết (cro):
   index-CXWzURi2.css định nghĩa .hero-grid là lớp trang trí absolute + mask (của trang chủ),
   đè lên .hero-grid làm GRID NỘI DUNG của trang chi tiết -> tràn + gradient che ảnh.
   Reset cho .hero-grid CÓ nội dung; .hero-grid RỖNG (trang chủ) giữ nguyên. */
.hero-grid:not(:empty){
    position: static !important;
    inset: auto !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background-image: none !important;
}

/* Bỏ lớp glow .hero::after (radial-gradient) của index — vốn là trang trí hero TRANG CHỦ,
   nhưng đè lên ảnh ở trang chi tiết (cro). Giữ cho trang chủ (#trang-chu). */
.hero:not(#trang-chu)::after{
    content: none !important;
    background: none !important;
    display: none !important;
}

/* Khôi phục dấu đầu dòng (bullet) cho danh sách trang chi tiết (cro):
   index-CXWzURi2.css có reset ol,ul,menu{list-style:none} làm mất bullet;
   bản gốc dùng bullet mặc định (ul chừa padding-left cho marker). */
.insight-card ul, .insight-card ul li,
.help ul, .help ul li{
    list-style: disc !important;
}

/* .notfit ("Sản phẩm này chưa phù hợp...") — inline không đặt padding-left,
   nên cần cả list-style + padding để bullet có chỗ hiện. */
.notfit ul, .notfit ul li{ list-style: disc !important; }
.notfit ul{ padding-left: 20px !important; }

/* Chevron/caret SVG trong menu (thay ⌄) — xoay khi mở */
.product-menu-trigger .qm-chev{transition:transform .18s}
.product-menu:hover>.product-menu-trigger .qm-chev,.product-menu.is-open>.product-menu-trigger .qm-chev{transform:rotate(180deg)}
.product-menu-category>button .qm-caret{opacity:.75}

/* Footer: nhãn trên, giá trị xuống dòng dưới — đồng bộ 2 dòng cho MỌI mục (kể cả Hotline) */
.business-strip-top .business-details{grid-template-columns:repeat(4,1fr) !important}
.business-strip-top .business-details b{display:block;margin-bottom:2px}
.business-strip-top .business-details a[href^="tel:"]{white-space:nowrap}
@media(max-width:900px){.business-strip-top .business-details{grid-template-columns:1fr 1fr !important}}
@media(max-width:650px){.business-strip-top .business-details{grid-template-columns:1fr !important}}

/* Reel họ quạt: khi phát video, ẩn nút play + nhãn trạng thái + gợi ý vuốt */
.fan-reel-player.is-playing .fan-reel-play,.fan-reel-player.is-playing .fan-reel-status,.fan-reel-player.is-playing .fan-reel-gesture{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.fan-reel-player.is-playing video{pointer-events:auto!important}
/* iframe YouTube (khi bấm play trên card YouTube) lấp đầy khung reel */
.fan-reel-player .fan-reel-yt-iframe{position:absolute;inset:0;width:100%;height:100%;border:0}