/* KHUNG V1 1.7.0 — bộ bất động sản: thẻ dự án, trang dự án, lọc tin, máy tính vay. Chỉ nạp khi cấu hình có du_an / trang_tin / vay. */
.da-luoi{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0 0 18px}
.da-the{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--mat);border-radius:var(--bk-lon);box-shadow:var(--bong);border-top:4px solid var(--c);min-width:0}
.da-the[hidden]{display:none}
.da-dau{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.da-tt,.da-loai{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em}
.da-tt{background:var(--nhat);color:var(--c2)}
.da-tt.tt-mo-ban{background:#E7F6EC;color:#14632F}
.da-tt.tt-sap-mo{background:#FFF3DC;color:#7A4A00}
.da-tt.tt-ban-giao,.da-tt.tt-da-ban-giao{background:#EAF0FB;color:#1E3F7A}
.da-loai{border:1px solid var(--vien);color:var(--phu)}
.da-ten{margin:0;font-size:18px;line-height:1.25;font-weight:800}
.da-ten a{color:var(--chu);text-decoration:none}
.da-ten a:hover{color:var(--c)}
.da-vt{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:14px;color:var(--phu)}
.da-vt .ic{flex:none;width:16px;height:16px;margin-top:2px;color:var(--c)}
.da-tom{margin:0;font-size:14.5px;line-height:1.5}
.da-cdt{margin:0;font-size:13px;color:var(--phu)}
.da-cdt span{font-weight:700}
.da-nut{display:flex;gap:8px;margin:auto 0 0;padding-top:6px}
.da-nut .nut-phu{flex:1;justify-content:center}
.da-nut .da-bg{flex:1.4;min-height:40px;padding:0 12px;font-size:14px}
.da-o h2{margin-top:0}
.da-form select{width:100%}
.da-bang{width:100%;border-collapse:collapse;margin:6px 0 18px;background:var(--mat);border-radius:var(--bk);overflow:hidden;box-shadow:var(--bong);font-size:15px}
.da-bang th,.da-bang td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--vien)}
.da-bang tr:last-child th,.da-bang tr:last-child td{border-bottom:0}
.da-bang th{width:38%;color:var(--phu);font-weight:600;background:var(--nen)}
.da-nguon{margin:-6px 0 18px}
.da-nguon a{color:var(--phu)}
.da-loc,.tin-loc{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.tin[hidden]{display:none}
.tt-nhay{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 18px}
.tt-luoi .the-chu{border-left:4px solid var(--c)}
.gia-chu{margin:-8px 0 12px;font-weight:700;color:var(--c2)}
.vay .vay-kq{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}
@media (min-width:700px){.vay .vay-kq{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vay-kq div{background:var(--nen);border-radius:var(--bk);padding:12px}
.vay-kq b{display:block;font:800 20px/1.15 var(--fs);color:var(--c2);word-break:break-word}
.vay-kq span{font-size:12.5px;color:var(--phu)}
.vay-kq .vay-chinh{background:var(--c);color:var(--tren-c)}
.vay-kq .vay-chinh b,.vay-kq .vay-chinh span{color:var(--tren-c)}
.vay h2{margin-top:0}
/* Trang chủ, điện thoại: dải dự án vuốt ngang (giữ trang ngắn, giống app) */
@media (max-width:699px){
.khoi-da .da-luoi{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;margin:0 -2px 10px;scrollbar-width:none}
.khoi-da .da-luoi::-webkit-scrollbar{display:none}
.khoi-da .da-the{scroll-snap-align:start}
}
@media (max-width:699px){
.tt-luoi{grid-template-columns:1fr 1fr;gap:8px}
.tt-luoi .the-chu{padding:12px;gap:4px;border-left-width:3px}
.tt-luoi .the-chu .ic{width:24px;height:24px}
.tt-luoi .the-chu b{font-size:15px}
.tt-luoi .the-chu span{font-size:12.5px;line-height:1.35}
}
.da-nut .nut-phu,.da-nut .da-bg{white-space:nowrap}
@media (max-width:420px){.da-nut .da-bg{font-size:13.5px;padding:0 10px;gap:6px}.da-nut .da-bg .ic{width:18px;height:18px}.da-nut .nut-phu{padding:0 10px}}