/* ============================================================
   TẦNG 4 — TRANG DANH SÁCH ĐÁ (thay /cua-hang/)
   Chỉ phần riêng của trang; thẻ đá + lưới ở components.css.
   Bố cục: fredstedstudio.com/stone/ — cuộn theo bộ sưu tập.
   ============================================================ */

/* mo dau dung .da-dau (khai bao o page-duan.css — khong nap o day)
   -> khai bao lai toi thieu, giu dung so do */
.bmh .da-dau{padding-top:var(--sp-xl);padding-bottom:var(--sp-l)}
.bmh .da-dau h1{font-family:var(--font-head);font-size:var(--fs-h1-phu);
  font-weight:400;letter-spacing:.14em;line-height:var(--lh-head);
  text-transform:uppercase;color:var(--ink)}

/* ---------- MUC LUC DONG DA: chu + so dem (khao sat SapienStone) ---------- */
.bmh .ch-muc{display:flex;flex-wrap:wrap;gap:16px 44px}
.bmh .ch-muc a{position:relative;display:inline-flex;align-items:baseline;gap:10px;
  font-family:var(--font-head);font-size:var(--fs-label);font-weight:400;
  letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
.bmh .ch-muc a::after{content:'';position:absolute;left:0;bottom:-6px;
  width:100%;height:1px;background:currentColor;opacity:.35;
  transition:opacity var(--t-slow) var(--ease)}
.bmh .ch-muc a:hover::after,.bmh .ch-muc a:focus-visible::after{opacity:1}
.bmh .ch-muc .dem{font-size:11px;letter-spacing:.1em;color:var(--muted)}

/* ---------- DAU MOI DONG DA (nen bone, ke chuyen) ---------- */
.bmh .dong-dau{padding-top:var(--sp-xl);padding-bottom:var(--sp-l);
  /* neo cuon: header sticky cao ~60px, de sat qua thi tieu de bi che */
  scroll-margin-top:76px}

/* ---------- DAU MOI BO SUU TAP (trong khoi trang) ---------- */
.bmh section[id^="bst-"]{scroll-margin-top:76px}
/* neo vo hinh cho breadcrumb thuong hieu (#dong-vasta...) */
.bmh .neo{display:block;height:0;scroll-margin-top:76px}
.bmh .bst-dau h3{max-width:30ch}

/* ===== 02/09 — THU GỌN BST DÀI (sếp duyệt; bẫy 47: .the-an khai riêng đây) ===== */
.bmh .the-da.the-an{ display:none; }
.bmh .bst-them{ margin-top:34px; margin-bottom:10px; text-align:center; }
.bmh .bst-them[hidden]{ display:none; }
/* (02/09 quet mobile) nut Xem tat ca cao 15px — noi vung bam doc */
.bmh .bst-them .btn{ padding-top:14px; padding-bottom:14px; }
/* (04/09) chip mau + loi vao trac nghiem o cua hang */
.bmh .ch-mau{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.bmh .ch-mau[hidden]{ display:none; }
.bmh .ch-mau button{ background:none; border:1px solid rgba(38,38,38,.3); color:var(--ink);
  font-size:12px; letter-spacing:.06em; text-transform:uppercase; padding:9px 12px; cursor:pointer; border-radius:0; }
.bmh .ch-mau button[aria-pressed="true"]{ background:var(--ink); color:var(--bone); border-color:var(--ink); }
.bmh .ch-mau button[hidden]{ display:none; }
.bmh .ch-mau-dem{ font-size:13px; color:var(--muted); margin-left:6px; }
.bmh .cn-tn-link{ color:var(--ink); text-decoration:none; border-bottom:1px solid rgba(38,38,38,.35); }
.bmh section[hidden],.bmh .dong-dau[hidden]{ display:none; }