/* Auto Đẹp — CSS RIÊNG CỦA APP: CHỈ bố cục (4C BỘ GIAO DIỆN CHUNG). Không mã màu, không chuyển màu, không bóng, không font,
   không nhắm lớp của bộ; khoảng cách và màu chỉ dùng BIẾN của bộ 2.2.1.
   Ngoại lệ NL-AUTODEP-02 (anh Chung duyệt, chỉ autodep THỬ NGHIỆM 0.1.0): ô kéo GỐC của trình duyệt cho 3 thanh + thanh so sánh —
   chỉ chỉnh độ rộng, vùng bấm ≥ 44px, accent-color bằng biến chữ nhấn của bộ. Việc treo: thêm thanh kéo vào bộ giao diện chung. */
.ad-cot { display: flex; flex-direction: column; gap: var(--sp-3); min-width: 0; }
.ad-cot > * { min-width: 0; }
.ad-hang { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: center; }
.ad-hang > * { flex: 1 1 140px; min-width: 0; }
.ad-hai-dau { display: flex; justify-content: space-between; align-items: baseline; gap: var(--sp-2); }
.ad-so-sanh { position: relative; width: 100%; overflow: hidden; border-radius: var(--r-nho); line-height: 0; }
.ad-so-sanh canvas { display: block; width: 100%; height: auto; }
.ad-so-sanh .ad-sau { position: absolute; inset: 0; clip-path: inset(0 0 0 var(--ad-chia, 50%)); }
.ad-thanh { display: flex; flex-direction: column; gap: var(--sp-1); min-width: 0; }
.ad-thanh input[type="range"] { width: 100%; min-height: 44px; margin: 0; accent-color: var(--nhan-chu); }
.ad-tep { display: none; }