/* Trang nhóm "dir": CSS riêng theo từng trang (không sửa dental.css để tránh xung đột). */

/* thuộc tính hidden luôn thắng display của các lớp trang chủ / danh sách */
.is-home [hidden], .dir-page [hidden], .lr[hidden], .frow[hidden], .vc[hidden], .grid4[hidden], .news[hidden] { display: none !important; }

.is-home .vgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.is-home .vc { min-width: 0; }
.is-home .vc .br { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 900px) { .is-home .vgrid { grid-template-columns: minmax(0, 1fr); } }

/* Trang chủ: bài đăng mới là liên kết */
.is-home a.frow { color: inherit; text-decoration: none; }
.is-home a.frow:hover .tt > span { color: var(--blue); }
.is-home .tabs .tab { cursor: pointer; }
.is-home .vc .ti a { color: inherit; }
.is-home .vc .ti a:hover { color: var(--blue); }
.is-home .askbox form { margin: 0; }
.is-home .askbox .inp { display: flex; align-items: center; gap: 8px; }
.is-home .news .feat .img { text-decoration: none; }
.is-home .brand .lg img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }

/* Danh sách nha khoa: nút Lưu / sắp xếp trong thanh công cụ */
.lr .act .mini-i .ibtn { width: auto; height: auto; border: 0; background: transparent; padding: 0; font-size: 11.5px; color: var(--ink-3); display: inline-flex; gap: 3px; align-items: center; }
.lr .act .mini-i .ibtn i { font-size: 12px; }
.lr .act .mini-i a { display: inline-flex; gap: 3px; align-items: center; color: var(--ink-3); }
.lr .act .mini-i form { display: inline-flex; }
.tbar .fsel select { height: 28px; }
.tbar .fsel#nearBtn, button.fsel { font-family: inherit; }

@media (max-width: 760px) {
  .tbar .r { flex-wrap: wrap; }
  .is-home .fs-track { grid-auto-columns: 46%; }
}

.lr .deal { width: auto; max-width: 100%; flex-wrap: wrap; }

@media (max-width: 900px) { .dgrid2 { grid-template-columns: minmax(0, 1fr) !important; } }
.dgrid2 > * { min-width: 0; }
.dgrid2 .bh .r { margin-left: auto; }
@media (max-width: 760px) { .dgrid2 .bh { flex-wrap: wrap; } }
.dgrid2 + p .btn { white-space: normal; height: auto; min-height: 36px; padding: 8px 12px; text-align: left; max-width: 100%; }