/* Sàn Căn, p-tim.css (gói WP-3): TRANG TÌM. Trang chủ (B.1, C.5), trang kết quả (B.2), thanh lọc dính + tấm lọc (C.6),
   sơ đồ tòa đặt trong trang (C.14). Thành phần dùng chung (pc-btn, pc-chip, pc-card, pc-tmap, pc-empty, pc-band, pc-faq…)
   đã định nghĩa ở p-nen.css, KHÔNG định nghĩa lại ở đây; file này chỉ xếp chỗ và thêm class riêng của trang tìm.
   Ngưỡng (A.2): điện thoại < 760 · máy tính bảng 760-999 (điều hướng như điện thoại) · máy tính ≥ 1000.
   Ô nhập viết input.pc-… (app.css có input[type=text] độ ưu tiên 0,1,1). Chữ ≥ 13 px, vùng chạm ≥ 44 trên điện thoại. */

/* ================= khung chung ================= */
/* hộp lưới một cột: cột minmax(0,1fr) để chữ không xuống dòng (viên thuốc, chip) không kéo rộng trang (05 GD-09) */
.pc-sec,.pc-sec-hd,.pc-home,.pc-home-top,.pc-home-main,.pc-tim,.pc-tim-p,.pc-list,.pc-l-h,.pc-l-q,.pc-l-res,.pc-l-main,.pc-l-side,.pc-l-board,
.pc-loc,.pc-loc-f,.pc-khu,.pc-khu-t,.pc-cach-a,.pc-own-cta-t,.pc-few{grid-template-columns:minmax(0,1fr)}
.pc-sec{display:grid;gap:12px;min-width:0}
.pc-sec-hd{display:grid;gap:2px;min-width:0}
.pc-dem{margin:0;font-size:13px;line-height:20px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.pc-dem b{font-weight:600;color:var(--ink)}
.pc-lede{margin:0;max-width:62ch;font-size:15px;line-height:24px;color:var(--muted)}
.pc-few{margin:0;display:grid;gap:0;font-size:15px;line-height:22px;color:var(--ink)}
.pc-few p{margin:0}
@media (min-width:1000px){
  .pc-sec-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
  .pc-cards.pc-cards--1{grid-template-columns:minmax(0,1fr)}
  .pc-cards.pc-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-cards.pc-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ================= B.1 TRANG CHỦ ================= */
.pc-home{display:grid;gap:var(--pc-gap,32px);min-width:0}
.pc-home-top{display:grid;gap:16px;min-width:0}
.pc-home-main{display:grid;gap:12px;align-content:start;min-width:0}
.pc-home-fig{display:none}
.pc-home-0{margin:0;font-size:15px;line-height:24px}
@media (min-width:1000px){
  .pc-home-top{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start}
  .pc-home-main{gap:16px}
  .pc-home-fig{display:grid;justify-self:end;width:100%;max-width:440px}
  .pc-home-fig img{aspect-ratio:4/5;object-fit:cover}
}
/* 6 thẻ trên điện thoại, máy tính bảng; 9 trên máy tính (B.1) */
@media (max-width:999.98px){ .pc-home-co .pc-cards > :nth-child(n+7){display:none} }
.pc-xem-tat{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:0 24px}

/* ---------- C.5 khối tìm pc-tim: chạy không cần JS (2 radio thật + bộ chọn anh em), không cần :has() để đổi khối ---------- */
.pc-tim{display:grid;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--pc-r-box,16px);min-width:0}
.pc-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:var(--pc-r-ctl,999px);background:var(--sunk)}
.pc-seg label{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 12px;border-radius:var(--pc-r-ctl,999px);
  font-size:15px;line-height:20px;font-weight:600;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
/* tô nhãn đang chọn bằng :has() (trình duyệt cũ: khối vẫn đổi đúng, chỉ mất tô nhãn, chấp nhận theo C.5) */
.pc-tim:has(#pc-gd-thue:checked) .pc-seg label[for="pc-gd-thue"],
.pc-tim:has(#pc-gd-ban:checked) .pc-seg label[for="pc-gd-ban"]{background:var(--navy);color:var(--bg)}
.pc-tim:has(#pc-gd-thue:focus-visible) label[for="pc-gd-thue"],
.pc-tim:has(#pc-gd-ban:focus-visible) label[for="pc-gd-ban"]{outline:2px solid var(--accent);outline-offset:2px}
.pc-tim-p{display:grid;gap:12px;min-width:0}
.pc-tim-p[data-gd="ban"]{display:none}
#pc-gd-ban:checked ~ .pc-tim-p[data-gd="ban"]{display:grid}
#pc-gd-ban:checked ~ .pc-tim-p[data-gd="thue"]{display:none}
.pc-tim-q{margin:0;font-size:15px;line-height:22px;font-weight:600;color:var(--ink)}
.pc-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pc-tile{display:grid;align-content:center;gap:2px;min-height:64px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:var(--pc-r-box,16px);
  background:var(--bg);color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent}
.pc-tile b{font-size:17px;line-height:22px;font-weight:700;color:var(--navy)}
.pc-tile > span{font-size:13px;line-height:18px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.pc-tile-n::after{content:" ›";content:" ›" / ""}
.pc-tile[aria-disabled="true"]{border-style:dashed;border-color:var(--line);background:transparent}
.pc-tile[aria-disabled="true"] b{color:var(--muted)}
a.pc-tile:active{transform:scale(.98)}
@media (hover:hover){ a.pc-tile:hover{border-color:var(--navy)} }
.pc-tim .pc-tim-go{min-height:52px}
.pc-tim-0{margin:0;font-size:15px;line-height:22px;color:var(--ink)}
.pc-tim .pc-tim-ma{justify-self:start;min-height:44px;padding-inline:4px;text-align:left}
@media (min-width:760px){ .pc-tiles{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (min-width:1000px){
  .pc-tim{padding:20px;gap:16px}
  .pc-tim .pc-tim-go{width:auto;justify-self:start;padding-inline:28px}
}

/* ---------- "Theo phân khu": dòng lệch cỡ (Kyoto to hơn), không xếp 3 thẻ ngang bằng nhau (B.1) ---------- */
.pc-khu{margin:0;padding:0;list-style:none;display:grid;gap:20px}
.pc-khu-fig{margin:0;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"img t" "cap cap";gap:8px 16px;align-items:start}
.pc-khu-i[data-z="kyoto"] .pc-khu-fig{grid-template-columns:96px minmax(0,1fr)}
.pc-khu-img{grid-area:img;display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--pc-r-box,16px);background:var(--sunk)}
.pc-khu-t{grid-area:t;display:grid;gap:4px;min-width:0}
.pc-khu-h{margin:0;font-family:var(--serif);font-size:17px;line-height:24px;font-weight:700;color:var(--zc)}
.pc-khu-ht{margin:0;font-size:15px;line-height:22px;color:var(--ink)}
.pc-khu-n{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 16px}
.pc-khu-0{display:flex;align-items:center;min-height:32px;font-size:15px;line-height:22px;color:var(--muted)}
.pc-khu-cap{grid-area:cap;font-size:13px;line-height:18px;font-weight:500;color:var(--muted)}
.pc-khu-vic{margin:0}
.pc-khu-w{gap:16px}
@media (min-width:1000px){
  .pc-khu{gap:24px}
  .pc-khu-fig{grid-template-columns:96px minmax(0,1fr);column-gap:24px}
  .pc-khu-i[data-z="kyoto"] .pc-khu-fig{grid-template-areas:"img t" "cap t"}   /* ảnh 192: chú thích ngay dưới ảnh; ảnh 96: chú thích trải hết dòng */
  .pc-khu-i[data-z="kyoto"] .pc-khu-fig{grid-template-columns:192px minmax(0,1fr)}
  .pc-khu-i[data-z="kyoto"] .pc-khu-h{font-size:24px;line-height:32px}
  .pc-khu-h{font-size:20px;line-height:28px}
  .pc-khu-t{max-width:68ch}
}

/* ---------- "Cách Sàn Căn ghi một căn": biển mã bóc lớp + 3 câu cam kết chữ thường ---------- */
.pc-cach{gap:16px}
.pc-cach-a{display:grid;gap:12px;min-width:0}
.pc-vdma{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.pc-vdma-o{margin:0;display:inline-flex}
.pc-vdma-o span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:44px;padding:0 10px;border:1px solid var(--line-strong);
  background:var(--surface);font-family:var(--mono);font-size:17px;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums}
.pc-vdma-o span + span{border-left:0}
.pc-vdma-o span:first-child{border-radius:8px 0 0 8px}
.pc-vdma-o span:last-child{border-radius:0 8px 8px 0}
.pc-vdma-t{margin:0;font-size:15px;line-height:22px}
.pc-camket{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:15px;line-height:24px;color:var(--ink)}
@media (min-width:1000px){
  .pc-cach{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start}
  .pc-camket{padding-top:4px}
}

/* ---------- dải chủ nhà pc-own-cta (nền --sunk: nút viền --line-strong 3,38:1) ---------- */
.pc-own-cta{display:grid;gap:12px;padding:16px;background:var(--sunk);border-radius:var(--pc-r-box,16px)}
.pc-own-cta-t{display:grid;gap:4px;min-width:0}
.pc-own-cta p{margin:0;font-size:15px;line-height:22px;color:var(--ink)}
.pc-own-cta .pc-btn{justify-self:start}
@media (min-width:760px){ .pc-own-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:20px 24px} }

/* [client] "Tìm kiếm đã nhớ" trang chủ dùng đúng khuôn dòng pc-nho của /da-luu (p-phu.css, WP-5): không định nghĩa lại ở đây */

/* ================= B.2 TRANG KẾT QUẢ ================= */
/* Cổng G-09: mép trên thẻ đầu ≤ 400 ở 375 × 812 → khoảng cách đầu trang đặt chặt (khung dây B.2) */
html[data-page="list"] main#view{padding-top:8px}
.pc-list{display:grid;gap:6px;min-width:0}
.pc-list--few .pc-l-q{gap:8px}   /* ít tin: không hàng giá, không sắp xếp (B.2) */
.pc-list > .pc-sec,.pc-list > .pc-zone-now,.pc-list > .pc-samples{margin-top:24px}
.pc-l-h{display:grid;gap:8px;min-width:0}
.pc-l-dem{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;min-width:0}
.pc-l-note,.pc-l-gom{margin:0}
.pc-l-dem:empty{display:none}
.pc-l-zl{display:none}
.pc-l-zl .pc-zone-now--line{margin:0}
/* sắp xếp: chỉ máy tính (điện thoại nằm trong tấm lọc) */
.pc-sort-w{display:flex;align-items:center;gap:8px;font-size:15px;line-height:20px;font-weight:600;color:var(--ink)}
select.pc-sort{width:auto;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--pc-r-in,12px);
  background:var(--surface);color:var(--ink);font-family:var(--f);font-size:15px;line-height:20px;font-weight:600;cursor:pointer}
/* chỉ máy tính: chip giao dịch, phân khu, tòa, giá có số, "Lọc thêm", "Đang lọc", sắp xếp */
@media (max-width:999.98px){ .pc-l-dsk{display:none!important} }
.pc-l-khu{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.pc-l-q{display:grid;gap:8px;min-width:0}
.pc-l-them{flex:none}
.pc-l-them .pc-ic{width:18px;height:18px}

/* ---------- C.6 thanh lọc dính (điện thoại, máy tính bảng) ---------- */
.pc-fbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;min-height:56px;margin-inline:-16px;padding:6px 16px;
  background:var(--bg);border-bottom:1px solid var(--line-soft)}
.pc-fbar-sum{position:relative;flex:1 1 auto;min-width:0;min-height:44px;margin:0;padding:0 40px 0 16px;border:1px solid var(--line-strong);border-radius:var(--pc-r-ctl,999px);
  background:var(--surface);color:var(--ink);font-family:var(--f);font-size:15px;line-height:20px;font-weight:600;text-align:left;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pc-fbar-sum::after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg)}
.pc-fbar .pc-fbar-loc{flex:none;min-height:44px;padding:0 14px;gap:6px}
.pc-fbar-loc .pc-ic{width:18px;height:18px}
@media (min-width:1000px){ .pc-fbar{display:none} }

/* hàng chip số ngủ: điện thoại một hàng (chia đều), MỌI chip hiện số đếm ở dòng thứ hai, cả chip bấm được lẫn chip 0 căn
   (B.2, GD-UI-12; nghiệm thu 03/10: trước đây chip bấm được ẩn số, "2 ngủ" không có "(2)" cạnh "Studio (0)" đọc lệch). */
@media (max-width:999.98px){
  .pc-l-ngu{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
  .pc-l-ngu .pc-chip{justify-content:center;padding:0 6px}
  .pc-l-ngu .pc-chip,.pc-l-ngu span.pc-chip > [aria-hidden]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:16px}
  .pc-l-ngu .pc-chip .pc-chip-n{font-size:13px;line-height:16px}
}
/* hàng giá điện thoại pc-gia: 4 ô bằng nhau một hàng, không số đếm (C.6b) */
.pc-gia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.pc-gia-o{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:2px 6px;border:1px solid var(--line-strong);border-radius:var(--pc-r-ctl,999px);
  color:var(--ink);font-size:14px;line-height:16px;font-weight:600;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}
.pc-gia-o[aria-current="true"]{background:var(--navy);border-color:var(--navy);color:var(--bg)}
.pc-gia-o[aria-disabled="true"]{border-style:dashed;border-color:var(--line);color:var(--muted)}
/* ô 0 căn: dòng hai "Chưa có" nhìn thấy được (GD-UI-12); chữ đọc đủ nằm trong .pc-vh, span không mang aria-label */
.pc-gia-v{display:flex;flex-direction:column;align-items:center}
.pc-gia-n{font-size:13px;line-height:16px;font-weight:500}
@media (min-width:1000px){ .pc-gia{display:none} }

/* "Đang lọc:" (máy tính) */
.pc-dang-loc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.pc-dang-loc-t{font-size:13px;line-height:18px;font-weight:500;color:var(--muted)}
.pc-dang-loc .pc-chip .pc-ic{width:16px;height:16px}

/* ---------- kết quả, cột lệch khi ít thẻ, phân trang ---------- */
.pc-l-res{display:grid;gap:24px;margin-top:2px;min-width:0}
.pc-l-main{display:grid;gap:12px;min-width:0}
.pc-l-side{display:grid;gap:16px;align-content:start;min-width:0}
.pc-l-xem-sd{margin:0}
.pc-l-ft{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:8px}
.pc-l-ft:empty{display:none}
.pc-l-an{margin:0;font-size:15px;line-height:22px;color:var(--ink)}
.pc-pages{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pc-pages-t{font-size:13px;line-height:18px;font-weight:500;color:var(--muted)}
.pc-pages ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px}
.pc-pages-o{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--pc-r-ctl,999px);
  color:var(--ink);font-size:15px;line-height:20px;font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums}
.pc-pages-o[aria-current="page"]{background:var(--navy);border-color:var(--navy);color:var(--bg)}
.pc-pages-sau{font-size:18px}
.pc-pages-gap{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--muted)}
@media (hover:hover){ a.pc-pages-o:hover{border-color:var(--navy)} }
.pc-l-nho{display:flex}
@media (min-width:1000px){
  .pc-list{gap:12px}
  .pc-l-res{margin-top:8px}
  .pc-l-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
  .pc-l-zl{display:block}
  .pc-l-q{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}   /* 16 giữa nhóm: số ngủ + giá + Lọc thêm vừa một hàng ở 1148 (GD-UI-07) */
  .pc-l-xem-sd{display:none}
  .pc-l-ft{margin-top:16px}
  /* bề rộng THẬT của cột kết quả (có hoặc không cột Xếp hạng 300 bên phải) quyết định bố cục, không phải bề rộng màn */
  .pc-list{container:pc-list / inline-size}
}
/* 1-2 thẻ: bố cục lệch (thẻ trái, "Mở rộng tìm kiếm" phải) chỉ khi cột kết quả ≥ 940; hẹp hơn thì xếp chồng để thẻ rộng
   còn đủ 620 cho ảnh trái + thân (GD-UI-01: cột Xếp hạng + bố cục lệch từng để lại 336 px cho thẻ ở 1000) */
@container pc-list (min-width:940px){
  .pc-l-res--lech{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start}
}
/* GD-UI-07: máy tính tối đa 3 hàng chip trước thẻ đầu (khung dây B.2: giao dịch + phân khu · tòa · số ngủ + giá + Lọc thêm).
   p-trang-tim.js ước bề rộng từng hàng từ chính chữ trên chip (data-ra: giao dịch + phân khu, data-rz: phân khu, data-rc: số ngủ
   + giá + Lọc thêm; bậc 20 px từ 640 đến 1400, "x" = rộng hơn mọi bậc). Cột kết quả hẹp hơn hàng thì nhóm đó nhường cho tấm "Lọc thêm"
   (tấm có đủ giao dịch, phân khu, giá); giao dịch còn ở menu đầu trang. Thứ tự nhường: giá, giao dịch, rồi phân khu. */
.pc-list[data-ra="x"] .pc-l-gd,.pc-list[data-rz="x"] .pc-l-khu,.pc-list[data-rc="x"] .pc-l-gia{display:none}
@container pc-list (max-width:639.98px){ .pc-list[data-ra="640"] .pc-l-gd,.pc-list[data-rz="640"] .pc-l-khu,.pc-list[data-rc="640"] .pc-l-gia{display:none} }
@container pc-list (max-width:659.98px){ .pc-list[data-ra="660"] .pc-l-gd,.pc-list[data-rz="660"] .pc-l-khu,.pc-list[data-rc="660"] .pc-l-gia{display:none} }
@container pc-list (max-width:679.98px){ .pc-list[data-ra="680"] .pc-l-gd,.pc-list[data-rz="680"] .pc-l-khu,.pc-list[data-rc="680"] .pc-l-gia{display:none} }
@container pc-list (max-width:699.98px){ .pc-list[data-ra="700"] .pc-l-gd,.pc-list[data-rz="700"] .pc-l-khu,.pc-list[data-rc="700"] .pc-l-gia{display:none} }
@container pc-list (max-width:719.98px){ .pc-list[data-ra="720"] .pc-l-gd,.pc-list[data-rz="720"] .pc-l-khu,.pc-list[data-rc="720"] .pc-l-gia{display:none} }
@container pc-list (max-width:739.98px){ .pc-list[data-ra="740"] .pc-l-gd,.pc-list[data-rz="740"] .pc-l-khu,.pc-list[data-rc="740"] .pc-l-gia{display:none} }
@container pc-list (max-width:759.98px){ .pc-list[data-ra="760"] .pc-l-gd,.pc-list[data-rz="760"] .pc-l-khu,.pc-list[data-rc="760"] .pc-l-gia{display:none} }
@container pc-list (max-width:779.98px){ .pc-list[data-ra="780"] .pc-l-gd,.pc-list[data-rz="780"] .pc-l-khu,.pc-list[data-rc="780"] .pc-l-gia{display:none} }
@container pc-list (max-width:799.98px){ .pc-list[data-ra="800"] .pc-l-gd,.pc-list[data-rz="800"] .pc-l-khu,.pc-list[data-rc="800"] .pc-l-gia{display:none} }
@container pc-list (max-width:819.98px){ .pc-list[data-ra="820"] .pc-l-gd,.pc-list[data-rz="820"] .pc-l-khu,.pc-list[data-rc="820"] .pc-l-gia{display:none} }
@container pc-list (max-width:839.98px){ .pc-list[data-ra="840"] .pc-l-gd,.pc-list[data-rz="840"] .pc-l-khu,.pc-list[data-rc="840"] .pc-l-gia{display:none} }
@container pc-list (max-width:859.98px){ .pc-list[data-ra="860"] .pc-l-gd,.pc-list[data-rz="860"] .pc-l-khu,.pc-list[data-rc="860"] .pc-l-gia{display:none} }
@container pc-list (max-width:879.98px){ .pc-list[data-ra="880"] .pc-l-gd,.pc-list[data-rz="880"] .pc-l-khu,.pc-list[data-rc="880"] .pc-l-gia{display:none} }
@container pc-list (max-width:899.98px){ .pc-list[data-ra="900"] .pc-l-gd,.pc-list[data-rz="900"] .pc-l-khu,.pc-list[data-rc="900"] .pc-l-gia{display:none} }
@container pc-list (max-width:919.98px){ .pc-list[data-ra="920"] .pc-l-gd,.pc-list[data-rz="920"] .pc-l-khu,.pc-list[data-rc="920"] .pc-l-gia{display:none} }
@container pc-list (max-width:939.98px){ .pc-list[data-ra="940"] .pc-l-gd,.pc-list[data-rz="940"] .pc-l-khu,.pc-list[data-rc="940"] .pc-l-gia{display:none} }
@container pc-list (max-width:959.98px){ .pc-list[data-ra="960"] .pc-l-gd,.pc-list[data-rz="960"] .pc-l-khu,.pc-list[data-rc="960"] .pc-l-gia{display:none} }
@container pc-list (max-width:979.98px){ .pc-list[data-ra="980"] .pc-l-gd,.pc-list[data-rz="980"] .pc-l-khu,.pc-list[data-rc="980"] .pc-l-gia{display:none} }
@container pc-list (max-width:999.98px){ .pc-list[data-ra="1000"] .pc-l-gd,.pc-list[data-rz="1000"] .pc-l-khu,.pc-list[data-rc="1000"] .pc-l-gia{display:none} }
@container pc-list (max-width:1019.98px){ .pc-list[data-ra="1020"] .pc-l-gd,.pc-list[data-rz="1020"] .pc-l-khu,.pc-list[data-rc="1020"] .pc-l-gia{display:none} }
@container pc-list (max-width:1039.98px){ .pc-list[data-ra="1040"] .pc-l-gd,.pc-list[data-rz="1040"] .pc-l-khu,.pc-list[data-rc="1040"] .pc-l-gia{display:none} }
@container pc-list (max-width:1059.98px){ .pc-list[data-ra="1060"] .pc-l-gd,.pc-list[data-rz="1060"] .pc-l-khu,.pc-list[data-rc="1060"] .pc-l-gia{display:none} }
@container pc-list (max-width:1079.98px){ .pc-list[data-ra="1080"] .pc-l-gd,.pc-list[data-rz="1080"] .pc-l-khu,.pc-list[data-rc="1080"] .pc-l-gia{display:none} }
@container pc-list (max-width:1099.98px){ .pc-list[data-ra="1100"] .pc-l-gd,.pc-list[data-rz="1100"] .pc-l-khu,.pc-list[data-rc="1100"] .pc-l-gia{display:none} }
@container pc-list (max-width:1119.98px){ .pc-list[data-ra="1120"] .pc-l-gd,.pc-list[data-rz="1120"] .pc-l-khu,.pc-list[data-rc="1120"] .pc-l-gia{display:none} }
@container pc-list (max-width:1139.98px){ .pc-list[data-ra="1140"] .pc-l-gd,.pc-list[data-rz="1140"] .pc-l-khu,.pc-list[data-rc="1140"] .pc-l-gia{display:none} }
@container pc-list (max-width:1159.98px){ .pc-list[data-ra="1160"] .pc-l-gd,.pc-list[data-rz="1160"] .pc-l-khu,.pc-list[data-rc="1160"] .pc-l-gia{display:none} }
@container pc-list (max-width:1179.98px){ .pc-list[data-ra="1180"] .pc-l-gd,.pc-list[data-rz="1180"] .pc-l-khu,.pc-list[data-rc="1180"] .pc-l-gia{display:none} }
@container pc-list (max-width:1199.98px){ .pc-list[data-ra="1200"] .pc-l-gd,.pc-list[data-rz="1200"] .pc-l-khu,.pc-list[data-rc="1200"] .pc-l-gia{display:none} }
@container pc-list (max-width:1219.98px){ .pc-list[data-ra="1220"] .pc-l-gd,.pc-list[data-rz="1220"] .pc-l-khu,.pc-list[data-rc="1220"] .pc-l-gia{display:none} }
@container pc-list (max-width:1239.98px){ .pc-list[data-ra="1240"] .pc-l-gd,.pc-list[data-rz="1240"] .pc-l-khu,.pc-list[data-rc="1240"] .pc-l-gia{display:none} }
@container pc-list (max-width:1259.98px){ .pc-list[data-ra="1260"] .pc-l-gd,.pc-list[data-rz="1260"] .pc-l-khu,.pc-list[data-rc="1260"] .pc-l-gia{display:none} }
@container pc-list (max-width:1279.98px){ .pc-list[data-ra="1280"] .pc-l-gd,.pc-list[data-rz="1280"] .pc-l-khu,.pc-list[data-rc="1280"] .pc-l-gia{display:none} }
@container pc-list (max-width:1299.98px){ .pc-list[data-ra="1300"] .pc-l-gd,.pc-list[data-rz="1300"] .pc-l-khu,.pc-list[data-rc="1300"] .pc-l-gia{display:none} }
@container pc-list (max-width:1319.98px){ .pc-list[data-ra="1320"] .pc-l-gd,.pc-list[data-rz="1320"] .pc-l-khu,.pc-list[data-rc="1320"] .pc-l-gia{display:none} }
@container pc-list (max-width:1339.98px){ .pc-list[data-ra="1340"] .pc-l-gd,.pc-list[data-rz="1340"] .pc-l-khu,.pc-list[data-rc="1340"] .pc-l-gia{display:none} }
@container pc-list (max-width:1359.98px){ .pc-list[data-ra="1360"] .pc-l-gd,.pc-list[data-rz="1360"] .pc-l-khu,.pc-list[data-rc="1360"] .pc-l-gia{display:none} }
@container pc-list (max-width:1379.98px){ .pc-list[data-ra="1380"] .pc-l-gd,.pc-list[data-rz="1380"] .pc-l-khu,.pc-list[data-rc="1380"] .pc-l-gia{display:none} }
@container pc-list (max-width:1399.98px){ .pc-list[data-ra="1400"] .pc-l-gd,.pc-list[data-rz="1400"] .pc-l-khu,.pc-list[data-rc="1400"] .pc-l-gia{display:none} }

/* ---------- công tắc Danh sách | Sơ đồ tòa; sơ đồ trong trang ---------- */
.pc-xem{display:inline-flex;flex:none;justify-self:start;gap:4px;padding:4px;border-radius:var(--pc-r-ctl,999px);background:var(--sunk)}
.pc-xem-o{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--pc-r-ctl,999px);color:var(--ink);font-size:15px;line-height:20px;font-weight:600;text-decoration:none;white-space:nowrap}
/* mục đang chọn: cùng kiểu "đang chọn" với chip, .pc-seg, phân trang (nền --navy, chữ --bg; C.2, GD-UI-08) */
.pc-xem-o[aria-current="page"]{background:var(--navy);color:var(--bg)}
@media (hover:hover){ a.pc-xem-o:not([aria-current="page"]):hover{background:var(--surface)} }
@media (max-width:999.98px){ .pc-xem--dsk{display:none} }
@media (pointer:fine){ .pc-xem-o{min-height:40px} }
.pc-l-board{display:grid;gap:16px;margin-top:8px}
.pc-l-tmap{gap:8px}
.pc-tmap-0{margin:0}
.pc-ve-toa p{margin:0;max-width:68ch;font-size:15px;line-height:24px}

/* ================= C.6 TẤM LỌC (trong SC.sheet, cỡ tall) ================= */
.pc-loc-sheet .pc-sheet-bd{padding-top:20px}
.pc-loc{display:grid;gap:24px}
.pc-loc-f{display:grid;gap:10px;min-width:0;margin:0;padding:0;border:0}
.pc-loc-lg{float:left;width:100%;margin:0;padding:0;font-size:15px;line-height:22px;font-weight:700;color:var(--navy)}
.pc-loc-lg + *{clear:both}
.pc-loc-f .pc-chips{gap:8px}
.pc-range-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 10px}
.pc-range-in label{font-size:15px;line-height:20px;font-weight:600;color:var(--ink)}
.pc-range-in span{font-size:13px;line-height:18px;font-weight:500;color:var(--muted)}
input.pc-range-n{width:100%;min-width:0;min-height:44px;margin:0;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--pc-r-in,12px);
  background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:20px;font-weight:400}
@media (min-width:480px){ .pc-range-in{grid-template-columns:auto minmax(0,1fr) auto auto minmax(0,1fr) auto} }
/* công tắc "Hiện cả căn đã cho thuê, đã bán": vùng bấm 56 × 44, rãnh vẽ bằng ::before */
.pc-loc-sw{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px}
.pc-loc-sw-t{font-size:15px;line-height:22px;font-weight:600;color:var(--ink)}
.pc-sw{position:relative;flex:none;width:60px;height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pc-sw::before{content:"";position:absolute;left:2px;right:2px;top:8px;bottom:8px;border:1px solid var(--line-strong);border-radius:999px;background:var(--sunk);transition:background-color 120ms ease}
.pc-sw-k{position:absolute;left:7px;top:13px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform 120ms ease}
.pc-sw[aria-checked="true"]::before{background:var(--navy);border-color:var(--navy)}
.pc-sw[aria-checked="true"] .pc-sw-k{transform:translateX(28px);background:var(--bg)}
.pc-loc-ft{align-items:center}
.pc-loc-goi{flex:1 0 100%;margin:0}
.pc-loc-ft .pc-btn{min-height:48px}
.pc-loc-ft .pc-loc-xem{flex:1 1 auto}
@media (prefers-reduced-motion:reduce){ .pc-sw::before,.pc-sw-k{transition:none} a.pc-tile:active{transform:none} }