/* Sinh bằng máy từ site_shell.py, prototypes/*.html và build_sapo_theme.py. Không sửa tay. */
/* ban-mai-tokens.css
   SINH TU MAY — dung sua tay tep nay.
   Nguon: ban-mai-tokens.json. Sua o do roi chay: python3 sinh-css.py
   Phien ban 1.0.0 - ngay chot 2026-09-15 */

:root{
  --bm-color-surface-default: #F1F1EC;
  --bm-color-surface-subtle: #E5E8EB;
  --bm-color-surface-raised: #FAFAF7;
  --bm-color-surface-brand-tint: #E2EDE7;
  --bm-color-surface-warm: #E8E3D9;
  --bm-color-border-decorative: #DCDED8;
  --bm-color-border-strong: #7F857A;
  --bm-color-text-primary: #16202A;
  --bm-color-text-secondary: #51606B;
  --bm-color-text-muted: #5B6770;
  --bm-color-action-default: #3C6B56;
  --bm-color-action-hover: #2E5442;
  --bm-color-action-pressed: #1F3D2E;
  --bm-color-action-secondary-surface: #A7B89F;
  --bm-color-brand-mark: #1F3D2E;
  --bm-color-action-disabled: #C3CCD0;
  --bm-color-action-disabled-text: #7C8A90;
  --bm-color-on-action: #FFFFFF;
  --bm-color-focus-ring: #16202A;
  --bm-color-feedback-success: #3C6B56;
  --bm-color-feedback-success-surface: #E2EDE7;
  --bm-color-feedback-warning: #885C32;
  --bm-color-feedback-warning-surface: #F4E3CB;
  --bm-color-feedback-danger: #8E2A20;
  --bm-color-feedback-danger-surface: #F6E2DF;
  --bm-color-feedback-info: #2C5F70;
  --bm-color-feedback-info-surface: #E0EAEC;
  --bm-color-accent-festive: #B33A2B;
  --bm-color-illustration-stroke: #6F7C86;
  --bm-space-component-padding-inline: 1rem;
  --bm-space-component-padding-block: 0.75rem;
  --bm-space-component-gap: 0.5rem;
  --bm-space-layout-gutter: 1.5rem;
  --bm-space-layout-section-gap: 4rem;
  --bm-space-page-margin-inline: 1rem;
  --bm-border-radius-control: 0.5rem;
  --bm-border-radius-surface: 0.75rem;
  --bm-border-radius-media: 0.5rem;
  --bm-border-radius-pill: 9999px;
  --bm-shadow-card-resting: 0 1px 2px 0 rgba(22,32,42,0.06), 0 1px 3px 0 rgba(22,32,42,0.05);
  --bm-shadow-card-hover: 0 2px 4px 0 rgba(22,32,42,0.06), 0 4px 8px 0 rgba(22,32,42,0.07);
  --bm-shadow-overlay: 0 2px 6px 0 rgba(22,32,42,0.06), 0 8px 16px 0 rgba(22,32,42,0.10);
  --bm-shadow-sticky-bar: 0 2px 4px 0 rgba(22,32,42,0.06), 0 4px 8px 0 rgba(22,32,42,0.07);

  --bm-space-0: 0rem;
  --bm-space-25: 0.125rem;
  --bm-space-50: 0.25rem;
  --bm-space-100: 0.5rem;
  --bm-space-150: 0.75rem;
  --bm-space-200: 1rem;
  --bm-space-300: 1.5rem;
  --bm-space-400: 2rem;
  --bm-space-600: 3rem;
  --bm-space-800: 4rem;
  --bm-space-1200: 6rem;
  --bm-border-radius-0: 0rem;
  --bm-border-radius-100: 0.25rem;
  --bm-border-radius-200: 0.5rem;
  --bm-border-radius-300: 0.75rem;
  --bm-border-radius-full: 9999px;
  --bm-font-size-display-page-title: 42px;
  --bm-font-size-display-page-title-mobile: 30px;
  --bm-font-size-heading-section-large: 29px;
  --bm-font-size-heading-section-large-mobile: 24px;
  --bm-font-size-heading-subsection: 24px;
  --bm-font-size-heading-subsection-mobile: 21px;
  --bm-font-size-product-card-title: 17px;
  --bm-font-size-product-card-title-mobile: 16px;
  --bm-font-size-body-default: 17px;
  --bm-font-size-body-default-mobile: 16px;
  --bm-font-size-body-secondary: 14px;
  --bm-font-size-body-secondary-mobile: 14px;
  --bm-font-size-caption: 13px;
  --bm-font-size-caption-mobile: 13px;
  --bm-font-size-button-label: 16px;
  --bm-font-size-button-label-mobile: 16px;
  --bm-font-size-form-label: 14px;
  --bm-font-size-form-label-mobile: 14px;
  --bm-font-size-form-input: 16px;
  --bm-font-size-form-input-mobile: 16px;
  --bm-font-size-price-primary: 24px;
  --bm-font-size-price-primary-mobile: 21px;
  --bm-font-size-badge-label: 13px;
  --bm-font-size-badge-label-mobile: 13px;
  --bm-line-height-display-page-title: 1.25;
  --bm-line-height-heading-section-large: 1.3;
  --bm-line-height-heading-subsection: 1.35;
  --bm-line-height-product-card-title: 1.45;
  --bm-line-height-body-default: 1.7;
  --bm-line-height-body-secondary: 1.65;
  --bm-line-height-caption: 1.55;
  --bm-line-height-button-label: 1.3;
  --bm-line-height-form-label: 1.45;
  --bm-line-height-form-input: 1.5;
  --bm-line-height-price-primary: 1.3;
  --bm-line-height-badge-label: 1.45;
  --bm-line-height-all-caps: 1.45;
  --bm-font-weight-regular: 400;
  --bm-font-weight-medium: 500;
  --bm-font-weight-semibold: 600;
  --bm-font-weight-bold: 700;
  --bm-letter-spacing-tight: -0.005em;
  --bm-letter-spacing-snug: -0.003em;
  --bm-letter-spacing-normal: 0em;
  --bm-letter-spacing-loose: 0.005em;
  --bm-letter-spacing-looser: 0.010em;
  --bm-letter-spacing-all-caps: 0.020em;
  --bm-duration-instant: 0ms;
  --bm-duration-fast: 100ms;
  --bm-duration-base: 200ms;
  --bm-duration-slow: 300ms;
  --bm-duration-deliberate: 500ms;
  --bm-duration-reduced: 1ms;
  --bm-z-index-base: 0;
  --bm-z-index-raised: 10;
  --bm-z-index-sticky-bar: 100;
  --bm-z-index-overlay-backdrop: 1000;
  --bm-z-index-overlay: 1010;
  --bm-z-index-toast: 1100;
  --bm-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --bm-easing-entrance: cubic-bezier(0, 0, 0, 1);
  --bm-easing-exit: cubic-bezier(0.3, 0, 1, 1);
  --bm-easing-linear: cubic-bezier(0, 0, 1, 1);
  --bm-font-heading: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bm-font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bm-button-primary-background: #3C6B56;
  --bm-button-primary-text: #FFFFFF;
  --bm-product-card-min-width: 320px;
  --bm-product-card-max-per-row: 4;
  --bm-tap-target-min-size: 44px;
  --bm-focus-ring-width: 2px;
  --bm-focus-ring-offset: 2px;
  --bm-content-max-width: 65ch;
}

@media (max-width: 640px){
  :root{
    --bm-font-size-display-page-title: 30px;
    --bm-font-size-heading-section-large: 24px;
    --bm-font-size-heading-subsection: 21px;
    --bm-font-size-product-card-title: 16px;
    --bm-font-size-body-default: 16px;
    --bm-font-size-price-primary: 21px;
  }
}

@media (prefers-reduced-motion: reduce){
  :root{
    --bm-duration-fast: 1ms; --bm-duration-base: 1ms;
    --bm-duration-slow: 1ms; --bm-duration-deliberate: 1ms;
  }
}


/* ===== VO TRANG — BrandHairline · AnnouncementBar · SiteHeader · PrimaryNav · SiteFooter ===== */
/* Ba mã màu dưới đây là tầng gốc của bộ biến: Trời sớm · Chân trời · Chân trời nhạt.
   Tầng ngữ nghĩa chưa mở vai cho Chân trời, nên vỏ khai tạm ở đây — một chỗ duy nhất. */
:root{--shell-color-dawn:#2C5F70;--shell-color-horizon:#A87038;--shell-color-horizon-soft:#F4E3CB}

.bm-mark-store{position:absolute;width:0;height:0;overflow:hidden}

/* Dải Chỉ Thương Hiệu */
.bm-hairline{height:3px;width:100%;flex:none;background:linear-gradient(90deg,
 var(--shell-color-dawn) 0%,var(--shell-color-horizon) 52%,var(--shell-color-horizon-soft) 100%)}

/* Thanh Thông Báo */
.topbar{background:var(--bm-color-surface-subtle);color:var(--bm-color-text-secondary);
 font:var(--bm-font-weight-regular) 12px/1.5 var(--bm-font-body);
 display:flex;align-items:center;gap:var(--bm-space-150);padding:var(--bm-space-100) 28px;
 border-bottom:1px solid var(--bm-color-border-decorative)}
.topbar .bm-ann{flex:1;text-align:center;color:var(--bm-color-text-secondary);text-decoration:none}
.topbar .bm-ann:hover{color:var(--bm-color-text-primary);text-decoration:underline}
.topbar .bm-ann b{font-family:var(--bm-font-heading);font-weight:var(--bm-font-weight-semibold)}
.topbar .bm-ann-close{flex:none;width:var(--bm-tap-target-min-size);height:var(--bm-tap-target-min-size);
 margin:calc(var(--bm-space-100) * -1) calc(var(--bm-space-100) * -1) calc(var(--bm-space-100) * -1) 0;
 display:flex;align-items:center;justify-content:center;border:0;background:none;cursor:pointer;
 color:var(--bm-color-text-secondary);border-radius:var(--bm-border-radius-control)}
.topbar .bm-ann-close:hover{color:var(--bm-color-text-primary)}
.topbar .bm-ann-close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;
 stroke-linecap:round}
.topbar[hidden]{display:none}

/* Đầu Trang */
.hdr{display:flex;align-items:center;gap:26px;padding:14px 28px;
 background:var(--bm-color-surface-default);
 border-bottom:1px solid var(--bm-color-border-decorative)}
.hdr .bm-logo{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none;
 min-height:var(--bm-tap-target-min-size);color:var(--bm-color-text-primary)}
.hdr .bm-logo-mark{width:30px;height:30px;display:block;color:var(--bm-color-brand-mark)}
.hdr .bm-wordmark{font:var(--bm-font-weight-semibold) 21px/1 var(--bm-font-heading);
 letter-spacing:var(--bm-letter-spacing-tight)}
.hdr .bm-search{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;
 border:1px solid var(--bm-color-border-strong);border-radius:var(--bm-border-radius-pill);
 padding:10px 18px;color:var(--bm-color-text-muted);
 font:var(--bm-font-weight-regular) var(--bm-font-size-body-secondary)/1 var(--bm-font-body);
 background:var(--bm-color-surface-raised)}
.hdr .bm-search svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
.hdr .bm-util{margin-left:auto;display:flex;align-items:center;gap:20px;flex:none;
 font:var(--bm-font-weight-regular) var(--bm-font-size-body-secondary)/1 var(--bm-font-body);
 color:var(--bm-color-text-secondary)}
.hdr .bm-util a{color:inherit;text-decoration:none;display:flex;align-items:center;
 min-height:var(--bm-tap-target-min-size)}
.hdr .bm-util a:hover{color:var(--bm-color-text-primary)}
.hdr .bm-util a.bm-search-open{display:none;width:var(--bm-tap-target-min-size);
 height:var(--bm-tap-target-min-size);align-items:center;justify-content:center;
 color:var(--bm-color-text-secondary)}
.hdr .bm-search-open svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.hdr .bm-util a.bm-cart{display:flex;align-items:center;gap:7px;
 background:var(--bm-color-action-default);color:var(--bm-color-on-action);
 border-radius:var(--bm-border-radius-pill);padding:0 16px;min-height:var(--bm-tap-target-min-size);
 font:var(--bm-font-weight-semibold) 13.5px/1 var(--bm-font-heading)}
.hdr .bm-util a.bm-cart:hover{background:var(--bm-color-action-hover);color:var(--bm-color-on-action)}
.hdr .bm-cart svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;
 stroke-linecap:round}

/* Thanh Điều Hướng Chính */
.mainnav{display:flex;gap:26px;padding:0 28px;background:var(--bm-color-surface-default);
 border-bottom:1px solid var(--bm-color-border-decorative);overflow-x:auto;scrollbar-width:none}
.mainnav::-webkit-scrollbar{display:none}
.mainnav a{padding:13px 0;white-space:nowrap;text-decoration:none;cursor:pointer;
 font:var(--bm-font-weight-medium) 14.5px/1.4 var(--bm-font-heading);
 color:var(--bm-color-text-secondary);border-bottom:2px solid transparent}
.mainnav a:hover{color:var(--bm-color-text-primary)}
.mainnav a[aria-current="page"]{color:var(--bm-color-text-primary);
 font-weight:var(--bm-font-weight-semibold);border-bottom-color:var(--bm-color-text-primary)}

/* Chân Trang */
.ft{background:var(--bm-color-surface-raised);
 border-top:1px solid var(--bm-color-border-decorative);
 padding:var(--bm-space-600) 28px var(--bm-space-300)}
.ftg{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--bm-space-400)}
.ftg b{display:block;margin-bottom:9px;text-transform:uppercase;
 font:var(--bm-font-weight-semibold) 12px/1.45 var(--bm-font-heading);
 letter-spacing:var(--bm-letter-spacing-all-caps);color:var(--bm-color-text-muted)}
.ftg a,.ftg span{display:flex;align-items:center;min-height:var(--bm-tap-target-min-size);
 font-size:13.5px;line-height:1.5;color:var(--bm-color-text-secondary);text-decoration:none}
.ftg a:hover{color:var(--bm-color-action-default)}
.ftb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:var(--bm-space-400);
 padding-top:var(--bm-space-200);border-top:1px solid var(--bm-color-border-decorative);
 font-size:12px;color:var(--bm-color-text-muted)}
.ftb .bm-mark-pill{border:1px solid var(--bm-color-border-decorative);
 border-radius:var(--bm-border-radius-100);padding:4px 10px;
 background:var(--bm-color-surface-default)}
.ftb .bm-moit{display:inline-flex;gap:6px;align-items:center;
 border:1px solid var(--bm-color-border-strong);border-radius:var(--bm-border-radius-100);
 padding:4px 10px;background:var(--bm-color-surface-default);
 color:var(--bm-color-text-secondary);text-decoration:none}
.ftb .bm-moit svg{width:14px;height:14px;fill:none;stroke:var(--bm-color-feedback-danger);
 stroke-width:2}
.ftl{margin-top:var(--bm-space-200);font-size:12px;line-height:1.7;
 color:var(--bm-color-text-muted)}

/* Theo bề ngang — hai lối: cửa sổ thật, và nút gạt bề ngang của giàn thử */
@media (max-width:1199px){.ftg{grid-template-columns:repeat(3,1fr)}}
@media (max-width:599px){
 .ftg{grid-template-columns:repeat(2,1fr)}
 .topbar{padding-inline:16px}
 .hdr{gap:12px;padding:14px 16px}
 .hdr .bm-search{display:none}
 .hdr .bm-util a.bm-search-open{display:flex}
 .hdr .bm-util{gap:12px}
 .hdr .bm-util .bm-account{display:none}
 .mainnav{gap:18px;padding-inline:16px}
 .ft{padding-inline:16px}
}

@media (max-width:1024px){
  .ftg{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:768px){
  .ftg,.ftg{grid-template-columns:repeat(2,1fr)}
  .mainnav,.mainnav{gap:18px;padding-inline:16px}
  .ft,.ft{padding-inline:16px}
}

@media (max-width:480px){
  .topbar{padding-inline:16px}
  .hdr{gap:12px;padding:14px 16px}
  .hdr .bm-search{display:none}
  .hdr .bm-util a.bm-search-open{display:flex}
  .hdr .bm-util{gap:12px}
  .hdr .bm-util .bm-account{display:none}
}

/* ---- Cấu phần: rút bằng máy từ prototypes/giao_dien_song.html ---- */
.tab{font-family:var(--bm-font-heading)}
.num{font-variant-numeric:tabular-nums}
.hero{position:relative;isolation:isolate}
.hero svg.scene{display:block;width:100%;height:auto}
.hero .copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:34ch;z-index:2;color:#FFF}
.hero h1{font-size:44px;line-height:1.18;font-weight:700;letter-spacing:-.01em;margin:0; text-shadow:0 1px 18px rgba(10,18,26,.42)}
.hero p{font-size:17px;line-height:1.6;margin:12px 0 0;opacity:.95;text-shadow:0 1px 14px rgba(10,18,26,.5)}
.hero .cta{display:inline-flex;align-items:center;gap:9px;margin-top:22px;background:var(--bm-color-surface-default); color:var(--bm-color-text-primary);border:none;border-radius:999px;padding:13px 26px; font:600 15px var(--bm-font-heading);cursor:pointer;box-shadow:var(--bm-shadow-overlay)}
.hero .cta:hover{background:var(--bm-color-surface-raised)}
.hero .tagpill{position:absolute;right:26px;top:22px;z-index:2;background:rgba(252,252,250,.92); border-radius:999px;padding:6px 15px;font:600 12px var(--bm-font-heading);color:var(--bm-color-text-primary)}
.cats{display:flex;gap:26px;padding:26px 36px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--bm-color-border-decorative)}
.cats::-webkit-scrollbar{display:none}
.cats a{display:grid;justify-items:center;gap:8px;min-width:96px;cursor:pointer;background:none;border:none;padding:4px 2px}
.cats .cc{width:82px;height:82px;border-radius:999px;overflow:hidden; border:2px solid var(--bm-color-border-decorative); transition:transform var(--bm-duration-fast) var(--bm-easing-standard),border-color var(--bm-duration-fast) var(--bm-easing-standard)}
.cats a:hover .cc{transform:translateY(-3px);border-color:var(--bm-color-border-strong)}
.cats a[aria-pressed="true"] .cc{border-color:var(--bm-color-action-default); box-shadow:0 0 0 3px var(--bm-color-feedback-info-surface)}
.cats .cn{font:500 13.5px var(--bm-font-heading);color:var(--bm-color-text-secondary);text-align:center}
.cats a[aria-pressed="true"] .cn{color:var(--bm-color-text-primary);font-weight:600}
.cats .ct{font-size:11.5px;color:var(--bm-color-text-muted)}
.tabs[hidden]{display:none}
.tab .n{font-size:11px;opacity:.6;margin-left:6px;font-variant-numeric:tabular-nums}
.sec{padding:var(--bm-space-600) 36px 0}
.sechd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:var(--bm-space-300);flex-wrap:wrap}
.sechd h2{font-size:26px;font-weight:600;letter-spacing:-.003em;margin:0}
.sechd p{margin:5px 0 0;color:var(--bm-color-text-secondary);font-size:14.5px;max-width:58ch}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--bm-space-300)}
.tab{font:500 13.5px var(--bm-font-heading);border:1px solid var(--bm-color-border-decorative);background:var(--bm-color-surface-default); border-radius:999px;padding:7px 16px;cursor:pointer;color:var(--bm-color-text-secondary);min-height:24px}
.tab[aria-selected="true"]{background:var(--bm-color-surface-brand-tint);border-color:var(--bm-color-action-default);color:var(--bm-color-action-default);font-weight:600}
.grid{display:grid;gap:var(--bm-space-300);grid-template-columns:repeat(4,minmax(0,1fr))}
.card{display:flex;flex-direction:column;gap:9px;cursor:pointer;min-width:0}
.card .ph{position:relative;border-radius:var(--bm-border-radius-surface);overflow:hidden; border:1px solid var(--bm-color-border-decorative)}
.card .ph svg{display:block;width:100%;height:auto;transition:transform var(--bm-duration-base) var(--bm-easing-standard)}
.card:hover .ph svg{transform:scale(1.035)}
.card .badge{position:absolute;left:11px;top:11px;font:600 11px var(--bm-font-heading);letter-spacing:.03em; padding:4px 10px;border-radius:999px;background:var(--bm-color-text-primary);color:var(--bm-color-surface-default)}
.card .badge.fest{background:var(--bm-color-accent-festive)}
.card .fav{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:999px;border:none; background:rgba(252,252,250,.92);display:flex;align-items:center;justify-content:center;cursor:pointer}
.card .fav svg{width:16px;height:16px;fill:none;stroke:var(--bm-color-text-secondary);stroke-width:1.9}
.card .dm{font-size:11.5px;color:var(--bm-color-text-muted);letter-spacing:.02em}
.card .nm{font:500 16.5px/1.45 var(--bm-font-heading);overflow-wrap:break-word;hyphens:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;min-height:calc(2*1.45em)}
.card .need{font-size:13.5px;line-height:1.6;color:var(--bm-color-text-secondary); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}
.card .price{font:700 19px var(--bm-font-body);font-variant-numeric:tabular-nums;white-space:nowrap}
.card .add{width:38px;height:38px;border-radius:999px;border:1px solid var(--bm-color-border-strong); background:var(--bm-color-surface-default);cursor:pointer;display:flex;align-items:center;justify-content:center; font:600 19px var(--bm-font-heading);color:var(--bm-color-text-primary);flex:none}
.card .add:hover{background:var(--bm-color-action-default);border-color:var(--bm-color-action-default);color:var(--bm-color-on-action)}
.stock{display:inline-flex;align-items:center;gap:5px;font:600 11.5px var(--bm-font-heading)}
.stock i{width:8px;height:8px;flex:none}
.stock[data-s="in"]{color:var(--bm-color-feedback-success)}
.stock[data-s="in"] i{border-radius:999px;background:currentColor}
.stock[data-s="low"]{color:var(--bm-color-feedback-warning)}
.stock[data-s="low"] i{width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-bottom:8px solid currentColor}
.stock[data-s="out"]{color:var(--bm-color-text-muted)}
.stock[data-s="out"] i{border:1.5px solid currentColor;border-radius:999px}
.sec{position:relative}
.blk{border:1px solid var(--bm-color-border-decorative);border-radius:var(--bm-border-radius-control); background:var(--bm-color-surface-subtle);padding:10px 13px;font-size:13.5px;line-height:1.6;margin-bottom:8px}
.blk b{display:block;font:600 11.5px var(--bm-font-heading);letter-spacing:.04em;text-transform:uppercase; color:var(--bm-color-text-muted);margin-bottom:2px}
.card[data-active="true"] .ph{border-color:var(--bm-color-action-default);border-width:2px}
.luoidk{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:var(--bm-space-300)}
.luoidk .nhom{display:inline-flex;border:1px solid var(--bm-color-border-decorative); border-radius:999px;overflow:hidden;background:var(--bm-color-surface-raised)}
.luoidk .nhom button{border:none;background:none;cursor:pointer;min-height:34px;padding:6px 15px; font:500 13px var(--bm-font-heading);color:var(--bm-color-text-secondary);white-space:nowrap}
.luoidk .nhom button + button{border-left:1px solid var(--bm-color-border-decorative)}
.luoidk .nhom button[aria-pressed="true"]{background:var(--bm-color-surface-brand-tint); color:var(--bm-color-action-default);font-weight:600}
.luoidk .dem{font-size:12.5px;color:var(--bm-color-text-muted);margin-left:auto}
.luoidk .nhom button[disabled]{opacity:.45;cursor:not-allowed}
.luoidk .nhom button[disabled]:hover{background:none}
.card .them{display:none}
.grid[data-view="danhsach"]{grid-template-columns:minmax(0,1fr);gap:var(--bm-space-200)}
.grid[data-view="danhsach"] .card{display:grid;gap:3px 18px;align-items:start; grid-template-columns:104px minmax(0,1fr) auto; border:1px solid var(--bm-color-border-decorative);border-radius:var(--bm-border-radius-surface); padding:14px 16px;background:var(--bm-color-surface-raised)}
.grid[data-view="danhsach"] .card .ph{grid-column:1;grid-row:1/-1;align-self:center}
.grid[data-view="danhsach"] .card .fav,.grid[data-view="danhsach"] .card .badge{display:none}
.grid[data-view="danhsach"] .card .dm{grid-column:2;grid-row:1}
.grid[data-view="danhsach"] .card .nm{grid-column:2;grid-row:2;-webkit-line-clamp:1;min-height:0}
.grid[data-view="danhsach"] .card .need{grid-column:2;grid-row:3;-webkit-line-clamp:3}
.grid[data-view="danhsach"] .card .them{grid-column:2;grid-row:4;display:block;margin-top:4px; font-size:12.5px;color:var(--bm-color-text-muted)}
.grid[data-view="danhsach"] .card .them b{font-weight:600;color:var(--bm-color-text-secondary)}
.grid[data-view="danhsach"] .card .stock{grid-column:2;grid-row:5;margin-top:5px}
.grid[data-view="danhsach"] .card .foot{grid-column:3;grid-row:1/-1;flex-direction:column; align-items:flex-end;justify-content:center;gap:11px;margin:0}
.grid[data-view="ngang"]{display:flex;grid-template-columns:none;overflow-x:auto; scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.grid[data-view="ngang"] .card{flex:0 0 300px;scroll-snap-align:start}
.themnua{display:flex;justify-content:center;margin-top:var(--bm-space-300)}
.themnua button{font:600 15px var(--bm-font-heading);background:transparent; color:var(--bm-color-action-default);border:1px solid var(--bm-color-border-strong); border-radius:var(--bm-border-radius-pill);padding:11px 26px;min-height:44px;cursor:pointer}
.themnua button:hover{background:var(--bm-color-surface-raised)}
.themnua[hidden]{display:none}
.qty{display:inline-flex;border:1px solid var(--bm-color-border-strong);border-radius:var(--bm-border-radius-control);overflow:hidden;flex:none}
.qty button{width:40px;height:40px;border:none;background:var(--bm-color-surface-default);cursor:pointer; font:600 18px var(--bm-font-heading);color:var(--bm-color-text-primary)}
.qty button:hover{background:var(--bm-color-surface-subtle)}
.qty .v{width:44px;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums; border-inline:1px solid var(--bm-color-border-decorative)}
.story{margin-top:var(--bm-space-800);display:grid;grid-template-columns:1fr 1fr;align-items:center; background:var(--bm-color-text-primary);color:var(--bm-color-surface-default)}
.story .tx{padding:var(--bm-space-600) 36px}
.story h2{font-size:27px;font-weight:600;margin:0 0 12px;line-height:1.3}
.story p{font-size:15.5px;line-height:1.7;opacity:.88;margin:0 0 12px;max-width:46ch}
.story .q{border-left:3px solid var(--bm-color-feedback-warning);padding-left:16px;font-style:normal; font-family:var(--bm-font-heading);font-size:16px;line-height:1.6;opacity:1;margin-top:20px}
.story svg{display:block;width:100%;height:100%;min-height:340px;object-fit:cover}
.promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bm-space-400);padding:var(--bm-space-600) 36px}
.promise .p{display:grid;gap:10px}
.promise .ic{width:48px;height:48px;border-radius:14px;background:var(--bm-color-feedback-info-surface); display:flex;align-items:center;justify-content:center}
.promise .ic svg{width:26px;height:26px;fill:none;stroke:var(--bm-color-action-default);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.promise h3{font-size:17px;font-weight:600;margin:0}
.promise p{margin:0;font-size:14px;color:var(--bm-color-text-secondary);line-height:1.65}
.news{margin-top:var(--bm-space-400);background:var(--bm-color-feedback-warning-surface);padding:var(--bm-space-600) 36px; display:flex;gap:var(--bm-space-400);align-items:center;justify-content:space-between;flex-wrap:wrap}
.news h3{font-size:22px;font-weight:600;margin:0 0 6px}
.news p{margin:0;font-size:14px;color:var(--bm-color-text-secondary);max-width:48ch}
.news .f{display:flex;gap:9px;flex-wrap:wrap}
.news .f{align-items:center}
.news .ghi{font-size:12.5px;color:var(--bm-color-text-muted);max-width:26ch;line-height:1.5}
.news .btn{background:var(--bm-color-text-primary);color:var(--bm-color-surface-default);border:none;border-radius:999px; padding:12px 26px;font:600 15px var(--bm-font-heading);cursor:pointer;min-height:40px}
.lienhe{position:fixed;inset-block-end:var(--bm-space-300);inset-inline-end:var(--bm-space-300); z-index:var(--bm-z-index-sticky-bar);display:flex;flex-direction:column;align-items:flex-end; gap:var(--bm-space-150)}
.lienhe .danh{display:flex;flex-direction:column;align-items:flex-end;gap:var(--bm-space-100); margin:0;padding:0;list-style:none}
.lienhe[data-mo="dong"] .danh{display:none}
.lienhe .danh a{display:inline-flex;align-items:center;gap:var(--bm-space-150); background:var(--bm-color-surface-raised);border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-pill);padding:var(--bm-space-100) var(--bm-space-200) var(--bm-space-100) var(--bm-space-100); box-shadow:var(--bm-shadow-card-hover);min-height:44px; font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading); color:var(--bm-color-text-primary);white-space:nowrap;text-decoration:none}
.lienhe .danh a:hover{border-color:var(--bm-color-border-strong)}
.lienhe .danh .bieu{width:32px;height:32px;border-radius:var(--bm-border-radius-pill);flex:none; display:flex;align-items:center;justify-content:center; font:700 13px var(--bm-font-heading);color:#FFFFFF}
.lienhe .danh .bieu svg{width:17px;height:17px;fill:none;stroke:#FFFFFF;stroke-width:2; stroke-linecap:round;stroke-linejoin:round}
.lienhe .danh [data-kenh="zalo"] .bieu{background:#0068FF}
.lienhe .danh [data-kenh="facebook_messenger"] .bieu{background:#0866FF}
.lienhe .danh [data-kenh="hotline"] .bieu{background:var(--bm-color-feedback-success)}
.lienhe .danh [data-kenh="tro_ly"] .bieu{background:var(--bm-color-action-default)}
.lienhe .danh .phu{font-weight:var(--bm-font-weight-regular); font-size:var(--bm-font-size-caption);color:var(--bm-color-text-muted);margin-left:2px}
.lienhe .mocum{width:56px;height:56px;border-radius:var(--bm-border-radius-pill);border:none; background:var(--bm-color-action-default);color:var(--bm-color-on-action);cursor:pointer; box-shadow:var(--bm-shadow-overlay);display:flex;align-items:center;justify-content:center}
.lienhe .mocum:hover{background:var(--bm-color-action-hover)}
.lienhe .mocum svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2; stroke-linecap:round;stroke-linejoin:round}
.lienhe .mocum .dong{display:none}
.lienhe[data-mo="mo"] .mocum .mo{display:none}
.lienhe[data-mo="mo"] .mocum .dong{display:block}
.lienhe{position:fixed;inset-block-end:var(--bm-space-300);inset-inline-end:var(--bm-space-300); z-index:var(--bm-z-index-sticky-bar);display:flex;flex-direction:column;align-items:flex-end; gap:var(--bm-space-150)}
.lienhe .danh{display:flex;flex-direction:column;align-items:flex-end;gap:var(--bm-space-100); margin:0;padding:0;list-style:none}
.lienhe[data-mo="dong"] .danh{display:none}
.lienhe .danh a{display:inline-flex;align-items:center;gap:var(--bm-space-150); background:var(--bm-color-surface-raised);border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-pill);padding:var(--bm-space-100) var(--bm-space-200) var(--bm-space-100) var(--bm-space-100); box-shadow:var(--bm-shadow-card-hover);min-height:44px; font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading); color:var(--bm-color-text-primary);white-space:nowrap;text-decoration:none}
.lienhe .danh a:hover{border-color:var(--bm-color-border-strong)}
.lienhe .danh .bieu{width:32px;height:32px;border-radius:var(--bm-border-radius-pill);flex:none; display:flex;align-items:center;justify-content:center; font:700 13px var(--bm-font-heading);color:#FFFFFF}
.lienhe .danh .bieu svg{width:17px;height:17px;fill:none;stroke:#FFFFFF;stroke-width:2; stroke-linecap:round;stroke-linejoin:round}
.lienhe .danh [data-kenh="zalo"] .bieu{background:#0068FF}
.lienhe .danh [data-kenh="facebook_messenger"] .bieu{background:#0866FF}
.lienhe .danh [data-kenh="hotline"] .bieu{background:var(--bm-color-feedback-success)}
.lienhe .danh [data-kenh="tro_ly"] .bieu{background:var(--bm-color-action-default)}
.lienhe .danh .phu{font-weight:var(--bm-font-weight-regular); font-size:var(--bm-font-size-caption);color:var(--bm-color-text-muted);margin-left:2px}
.lienhe .mocum{width:56px;height:56px;border-radius:var(--bm-border-radius-pill);border:none; background:var(--bm-color-action-default);color:var(--bm-color-on-action);cursor:pointer; box-shadow:var(--bm-shadow-overlay);display:flex;align-items:center;justify-content:center}
.lienhe .mocum:hover{background:var(--bm-color-action-hover)}
.lienhe .mocum svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2; stroke-linecap:round;stroke-linejoin:round}
.lienhe .mocum .dong{display:none}
.lienhe[data-mo="mo"] .mocum .mo{display:none}
.lienhe[data-mo="mo"] .mocum .dong{display:block}
@media (max-width:1280px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:38px}}
@media (max-width:1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:33px}.hero p{font-size:15.5px}}
@media (max-width:768px){.grid{grid-template-columns:minmax(0,1fr)}.luoidk [data-xem="danhsach"]{display:none}.grid[data-view="danhsach"] .card{grid-template-columns:76px minmax(0,1fr)}.grid[data-view="danhsach"] .card .foot{grid-column:2;grid-row:6; flex-direction:row;align-items:center;justify-content:space-between;margin-top:9px}.story{grid-template-columns:1fr}.promise{grid-template-columns:1fr}.cats,.sec,.story .tx,.promise,.news{padding-inline:18px}.hero .copy{left:18px;right:18px;max-width:none}.cats{display:grid;overflow-x:visible;column-gap:10px;row-gap:18px}.cats{grid-template-columns:repeat(4,minmax(0,1fr))}.cats a{min-width:0}.cats .cc{width:74px;height:74px}.sechd h2{font-size:22px}.hero{background:var(--bm-color-text-primary)}.hero .copy{position:static;transform:none; padding:22px 18px 28px;max-width:none;left:auto;top:auto}.hero h1{font-size:30px}.hero p{font-size:15px;text-shadow:none}.hero svg.scene{height:210px}.hero .cta{margin-top:18px;box-shadow:none}.lienhe{inset-block-end:var(--bm-space-200); inset-inline-end:var(--bm-space-200)}.lienhe{inset-block-end:var(--bm-space-200); inset-inline-end:var(--bm-space-200)}}
@media (max-width:480px){.grid{grid-template-columns:minmax(0,1fr)}.grid[data-view="ngang"] .card{flex-basis:78%}.luoidk [data-xem="danhsach"]{display:none}.grid[data-view="danhsach"] .card{grid-template-columns:76px minmax(0,1fr)}.grid[data-view="danhsach"] .card .foot{grid-column:2;grid-row:6; flex-direction:row;align-items:center;justify-content:space-between;margin-top:9px}.story{grid-template-columns:1fr}.promise{grid-template-columns:1fr}.cats,.sec,.story .tx,.promise,.news{padding-inline:18px}.hero .copy{left:18px;right:18px;max-width:none}.cats{display:grid;overflow-x:visible;column-gap:10px;row-gap:18px}.cats{grid-template-columns:repeat(3,minmax(0,1fr))}.cats a{min-width:0}.cats .cc{width:66px;height:66px}.card .nm{font-size:15px}.card .need{-webkit-line-clamp:3}.sechd h2{font-size:22px}.hero{background:var(--bm-color-text-primary)}.hero .copy{position:static;transform:none; padding:22px 18px 28px;max-width:none;left:auto;top:auto}.hero h1{font-size:26px;text-shadow:none}.hero p{font-size:15px;text-shadow:none}.hero svg.scene{height:170px}.hero .cta{margin-top:18px;box-shadow:none}.lienhe{inset-block-end:var(--bm-space-200); inset-inline-end:var(--bm-space-200)}.lienhe .mocum{width:52px;height:52px}.lienhe{inset-block-end:var(--bm-space-200); inset-inline-end:var(--bm-space-200)}.lienhe .mocum{width:52px;height:52px}}

/* Khu tài khoản khách: một thanh chọn chung, thẻ thông tin, hàng đơn; điện thoại trước */
.bm-acc{display:grid;gap:var(--bm-space-400)}
.bm-acc-main{min-width:0}
.bm-acc-nav{display:flex;gap:var(--bm-space-100);overflow-x:auto;scrollbar-width:none}
.bm-acc-nav a{flex:none;display:inline-flex;align-items:center;min-height:var(--bm-tap-target-min-size);padding:0 var(--bm-space-200);border-radius:var(--bm-border-radius-pill);color:var(--bm-color-text-secondary);text-decoration:none}
.bm-acc-nav a[aria-current="page"]{background:var(--bm-color-surface-brand-tint);color:var(--bm-color-action-default);font-weight:600}
.bm-acc-main h1{margin:0 0 var(--bm-space-300)}
.bm-acc-grid{display:grid;gap:var(--bm-space-300);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));margin-top:var(--bm-space-300)}
.bm-acc-card{padding:var(--bm-space-300);border:1px solid var(--bm-color-border-decorative);border-radius:var(--bm-border-radius-surface);background:var(--bm-color-surface-raised);list-style:none;min-width:0;overflow-wrap:anywhere}
.bm-acc-card h2{font-size:var(--bm-font-size-heading-subsection);margin:0 0 var(--bm-space-100)}
.bm-acc-card p{margin:0 0 var(--bm-space-100)}
.bm-acc-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--bm-space-200)}
.bm-acc-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bm-space-100) var(--bm-space-200);padding:var(--bm-space-200) 0;border-bottom:1px solid var(--bm-color-border-decorative)}
.bm-acc-row .price{margin-left:auto;font-weight:600}
.bm-acc-rowlink{display:inline-flex;gap:var(--bm-space-100);align-items:baseline;min-height:var(--bm-tap-target-min-size);align-items:center;color:inherit}
.bm-acc-sum{display:grid;grid-template-columns:1fr auto;gap:var(--bm-space-100) var(--bm-space-300);max-width:420px;margin:var(--bm-space-300) 0 0 auto}
.bm-acc-sum dd{margin:0;text-align:right}
.bm-tags{display:inline-flex;flex-wrap:wrap;gap:var(--bm-space-50)}
.bm-tag{display:inline-flex;align-items:center;padding:2px var(--bm-space-100);border-radius:var(--bm-border-radius-pill);background:var(--bm-color-surface-subtle);color:var(--bm-color-text-secondary);font-size:var(--bm-font-size-badge-label)}
.bm-tag-ok{background:var(--bm-color-surface-brand-tint);color:var(--bm-color-action-default)}
.bm-tag-wait{background:var(--bm-color-surface-warm);color:var(--bm-color-text-primary)}
.bm-acc details summary{min-height:var(--bm-tap-target-min-size);display:flex;align-items:center;cursor:pointer;color:var(--bm-color-action-default);font-weight:600}
.bm-acc select{display:block;width:100%;max-width:360px;min-height:var(--bm-tap-target-min-size);margin-top:4px;padding:0 12px;border:1px solid var(--bm-color-border-strong);border-radius:var(--bm-border-radius-control);font:inherit;background:var(--bm-color-surface-raised)}
.bm-page .bm-check{display:flex;gap:var(--bm-space-100);align-items:center;min-height:var(--bm-tap-target-min-size)}
.bm-page .bm-check input{width:auto;min-height:0;margin:0}
.bm-acc-del{min-height:var(--bm-tap-target-min-size);padding:0;border:0;background:none;color:var(--bm-color-text-muted);text-decoration:underline;cursor:pointer;font:inherit}
@media (min-width:900px){.bm-acc{grid-template-columns:200px 1fr;align-items:start}.bm-acc-nav{flex-direction:column;overflow:visible}}

/* Đăng nhập bằng Google: nút của Ban Mai gọi nút ảnh Sapo sinh ra ngay sau nó; nút ảnh ẩn đi */
.bm-page [data-cp="social_login"] .social-login--google{display:none}
.bm-page .bm-google{background:var(--bm-color-surface-raised);color:var(--bm-color-text-primary);border:1px solid var(--bm-color-border-strong)}
.bm-page .bm-google:hover{border-color:var(--bm-color-action-default);color:var(--bm-color-action-default)}

/* ---- Thân trang, dựng riêng cho Sapo ---- */
/* Nền chung của giàn bản mẫu (dòng «*{box-sizing:border-box}», «a{…}», «:focus-visible») — giàn không đi theo máy rút CSS nên đặt lại ở đây;
   thiếu box-sizing thì mọi nút viên thuốc có min-height + padding phình cao (nút Viết thư 64px, lọc chuyên mục 70px) */
*,*::before,*::after{box-sizing:border-box}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--bm-color-focus-ring);outline-offset:2px}
.bm-prose a{color:var(--bm-color-action-default);text-decoration:underline}
.vhid{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Ô tìm ở đầu trang: bản mẫu là chữ tĩnh, Sapo là <input> thật — bỏ viền và nền mặc định của trình duyệt */
.hdr .bm-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;color:inherit;padding:0;margin:0;outline:none;-webkit-appearance:none;appearance:none}
.hdr .bm-search input::placeholder{color:var(--bm-color-text-muted);opacity:1}
.hdr .bm-search input::-webkit-search-decoration,.hdr .bm-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.bm-body{margin:0;background:var(--bm-color-surface-default);color:var(--bm-color-text-primary);font:var(--bm-font-weight-regular) var(--bm-font-size-body-default)/var(--bm-line-height-body-default) var(--bm-font-body)}
.bm-main{min-height:50vh;max-width:1440px;margin:0 auto}
h1,h2,h3,h4,.nm,.btn,.tab,.go{font-family:var(--bm-font-heading)}
.sec h1{font-size:var(--bm-font-size-display-page-title);line-height:var(--bm-line-height-display-page-title);font-weight:var(--bm-font-weight-semibold);letter-spacing:var(--bm-letter-spacing-tight);margin:0}
.sec .sechd .num{text-decoration:none;color:var(--bm-color-text-muted);font-size:var(--bm-font-size-body-secondary);white-space:nowrap}
.sec .sechd a.num:hover{color:var(--bm-color-action-default)}
.sec .tab{text-decoration:none}
.sec .tab:hover{border-color:var(--bm-color-border-strong);color:var(--bm-color-text-primary)}
.sec .tab[aria-selected="true"]:hover{color:var(--bm-color-surface-default)}
.empty{color:var(--bm-color-text-muted);padding:var(--bm-space-400) 0;grid-column:1/-1}
.hero{color:var(--bm-color-surface-default);overflow:hidden}
.hero .slide{position:relative}
.hero .slide[hidden]{display:none}
.hero .cta{text-decoration:none}
/* Ba dịp tự chuyển: chấm chọn dịp ở góc dưới phải, cùng cỡ chấm của dải ảnh trong tấm sản phẩm */
.hero .dots{position:absolute;right:26px;bottom:18px;z-index:3;display:flex;gap:8px}
.hero .dots:empty{display:none}
.hero .dots button{width:var(--bm-tap-target-min-size);height:var(--bm-tap-target-min-size);display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer}
.hero .dots i{display:block;width:9px;height:9px;border-radius:50%;background:rgba(250,250,247,.55)}
.hero .dots button[aria-current="true"] i{background:var(--bm-color-surface-default);width:22px;border-radius:999px}
.cats a{text-decoration:none;color:inherit}
.cats .cc{display:flex;align-items:center;justify-content:center;background:var(--bm-color-surface-raised)}
.cats .cc img{width:100%;height:100%;object-fit:cover;display:block}
.card{position:relative}
.card .ph{display:block;aspect-ratio:1;background:var(--bm-color-surface-warm)}
.card .ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--bm-duration-base) var(--bm-easing-standard)}
.card:hover .ph img{transform:scale(1.035)}
.card a.nm{color:inherit;text-decoration:none}
.card a.nm::after{content:"";position:absolute;inset:0}
.card .them{font-size:12.5px;color:var(--bm-color-text-secondary)}
.card .them b{font-weight:var(--bm-font-weight-semibold);color:var(--bm-color-text-muted)}
.card .foot form{display:contents}
.card .foot .add{position:relative;z-index:1}
.card .foot .het{font-size:12.5px;color:var(--bm-color-text-muted)}
.story .story-art{min-height:340px;background:radial-gradient(circle at 30% 40%,var(--bm-color-action-default) 0,transparent 55%),radial-gradient(circle at 75% 65%,var(--shell-color-horizon) 0,transparent 50%),var(--bm-color-brand-mark)}
.story .q .src{opacity:.7;font-size:13.5px}
.news .btn{text-decoration:none;display:inline-flex;align-items:center}
.paginate{display:flex;gap:6px;justify-content:center;margin-top:var(--bm-space-400);font-size:var(--bm-font-size-body-secondary)}
.paginate a,.paginate span{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--bm-border-radius-control);border:1px solid var(--bm-color-border-decorative);text-decoration:none;color:var(--bm-color-text-primary);padding:0 8px}
.paginate span.page.active,.paginate .current{background:var(--bm-color-text-primary);color:var(--bm-color-surface-default);border-color:var(--bm-color-text-primary)}
/* trang một sản phẩm — cùng chữ và khối với tấm trượt của bản mẫu */
.pd{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--bm-space-600);padding:var(--bm-space-600) 36px;align-items:start}
.pd-media{position:sticky;top:var(--bm-space-300)}
/* Ảnh vuông dính mép trên khi cuộn: cạnh không được quá chiều cao màn hình trừ hai lề, kẻo ảnh cao hơn màn hình thì phần dưới không bao giờ hiện (Toan thấy 24/09/2026) */
.pd-img{display:block;width:min(100%,calc(100vh - 2 * var(--bm-space-300)));margin-inline:auto;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--bm-border-radius-surface);border:1px solid var(--bm-color-border-decorative);background:var(--bm-color-surface-warm)}
.pd-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.pd-thumbs img{width:64px;height:64px;object-fit:cover;border-radius:var(--bm-border-radius-media);border:1px solid var(--bm-color-border-decorative)}
.pd .dm{font-size:12px;color:var(--bm-color-text-muted);letter-spacing:.02em}
.pd-name{font-size:var(--bm-font-size-heading-section-large);line-height:var(--bm-line-height-heading-section-large);font-weight:var(--bm-font-weight-semibold);margin:4px 0 10px;letter-spacing:var(--bm-letter-spacing-tight)}
.pd .need{font-size:15.5px;line-height:1.65;color:var(--bm-color-text-secondary);margin:0 0 12px}
.pd .pr{display:flex;align-items:baseline;gap:8px;margin:14px 0}
.pd .pr .price{font:700 26px var(--bm-font-body);font-variant-numeric:tabular-nums}
.pd .pr .per{color:var(--bm-color-text-muted);font-size:14px}
.pd-buy{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:var(--bm-space-400)}
.qty{display:inline-flex;align-items:center;border:1px solid var(--bm-color-border-strong);border-radius:999px;overflow:hidden}
.qty button{width:44px;height:44px;border:0;background:transparent;font:600 18px var(--bm-font-heading);cursor:pointer;color:var(--bm-color-text-primary)}
.qty button:hover{background:var(--bm-color-surface-subtle)}
.qty .v{width:44px;text-align:center;border:0;font:600 15px var(--bm-font-heading);background:transparent;font-variant-numeric:tabular-nums}
.go{display:inline-flex;align-items:center;justify-content:center;min-height:var(--bm-tap-target-min-size);padding:0 26px;border:0;border-radius:999px;background:var(--bm-color-action-default);color:var(--bm-color-on-action);font:600 15px var(--bm-font-heading);cursor:pointer;text-decoration:none}
.go:hover{background:var(--bm-color-action-hover)}
.go.soft{background:var(--bm-color-surface-subtle);color:var(--bm-color-text-secondary);cursor:default}
.pd h4{font-size:12.5px;letter-spacing:var(--bm-letter-spacing-all-caps);text-transform:uppercase;color:var(--bm-color-text-muted);margin:var(--bm-space-400) 0 10px}
.blk{border:1px solid var(--bm-color-border-decorative);border-radius:var(--bm-border-radius-media);background:var(--bm-color-surface-raised);padding:12px 14px;margin-bottom:8px;font-size:14px;line-height:1.6;color:var(--bm-color-text-secondary)}
.blk b{display:block;font:600 12px var(--bm-font-heading);color:var(--bm-color-text-primary);margin-bottom:3px}
.blk-warn{border-color:var(--bm-color-feedback-warning);background:var(--bm-color-feedback-warning-surface)}
.blk-warn b{color:var(--bm-color-feedback-warning)}
.pd-desc{color:var(--bm-color-text-secondary);font-size:15px;line-height:1.7;max-width:var(--bm-content-max-width)}
.pd-sku{font-size:12.5px;color:var(--bm-color-text-muted);margin-top:var(--bm-space-300)}
/* giỏ hàng, trang nội dung, tài khoản */
.bm-page .bm-prose{max-width:var(--bm-content-max-width);color:var(--bm-color-text-secondary);line-height:1.7}
.bm-page label{display:block;margin-bottom:var(--bm-space-150);font-size:var(--bm-font-size-form-label)}
.bm-page input{display:block;width:100%;max-width:360px;min-height:var(--bm-tap-target-min-size);margin-top:4px;padding:0 12px;border:1px solid var(--bm-color-border-strong);border-radius:var(--bm-border-radius-control);font:inherit;background:var(--bm-color-surface-raised)}
.bm-post{padding-bottom:var(--bm-space-300);border-bottom:1px solid var(--bm-color-border-decorative);margin-bottom:var(--bm-space-300)}
.bm-post a{text-decoration:none;color:inherit}
.bm-meta{color:var(--bm-color-text-muted);font-size:var(--bm-font-size-caption)}
.cart-table{width:100%;border-collapse:collapse;margin-bottom:var(--bm-space-300)}
.cart-table th{text-align:left;font:600 12px var(--bm-font-heading);color:var(--bm-color-text-muted);text-transform:uppercase;letter-spacing:var(--bm-letter-spacing-all-caps);padding:0 0 10px}
.cart-table td{padding:var(--bm-space-150) 8px var(--bm-space-150) 0;border-top:1px solid var(--bm-color-border-decorative);vertical-align:middle}
.cart-table .r{text-align:right}
.cart-table .ci{display:flex;gap:12px;align-items:center}
.cart-table .ci-img img{width:64px;height:64px;object-fit:cover;border-radius:var(--bm-border-radius-media);display:block}
.cart-table .ci-name{color:inherit;text-decoration:none;font:500 15px var(--bm-font-heading)}
.cart-table .ci-qty{width:64px;min-height:40px;border:1px solid var(--bm-color-border-strong);border-radius:var(--bm-border-radius-control);text-align:center;font:inherit}
.cart-table .ci-remove{color:var(--bm-color-text-muted);font-size:13px}
.cart-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--bm-space-300);flex-wrap:wrap}
.cart-foot .f{display:flex;gap:10px;align-items:center}
.bm-cart .ghi{font-size:12.5px;color:var(--bm-color-text-muted);margin-top:var(--bm-space-200)}
@media (max-width:1024px){.pd{grid-template-columns:1fr;gap:var(--bm-space-400)}.pd-media{position:static}}
@media (max-width:768px){.hero .copy{padding:var(--bm-space-600) 18px}.hero .dots{right:12px;bottom:auto;top:calc(210px - 44px)}.pd{padding:var(--bm-space-400) 18px}.pd .pr .price{font-size:22px}}
@media (max-width:480px){.hero .dots{top:calc(170px - 44px)}}

/* ---- Sáu khối thân trang, chung cho các trang có bản mẫu riêng ---- */
.bm-doc{padding:var(--bm-space-600) 32px var(--bm-space-800)}
.bm-doc .trang-dau{max-width:64ch;margin-bottom:var(--bm-space-600)}
.bm-doc .trang-dau .lop{font:600 11.5px var(--bm-font-heading);letter-spacing:.12em;text-transform:uppercase; color:var(--bm-color-text-muted);display:block;margin-bottom:9px}
.bm-doc .trang-dau h1{font:600 clamp(28px,4.4vw,40px)/1.2 var(--bm-font-heading);margin:0 0 .35em; letter-spacing:-.012em}
.bm-doc .trang-dau .dan{font-size:clamp(15.5px,1.9vw,17.5px);line-height:1.62;color:var(--bm-color-text-secondary);margin:0}
.bm-doc .van{max-width:64ch;margin-bottom:var(--bm-space-400)}
.bm-doc .van h2{font:600 clamp(20px,2.6vw,25px)/1.32 var(--bm-font-heading);margin:0 0 .6em}
.bm-doc .van h3{font:600 16.5px var(--bm-font-heading);margin:1.6em 0 .4em}
.bm-doc .van p{margin:0 0 1em}
.bm-doc .van ul{margin:0 0 1em;padding-left:1.2em}
.bm-doc .van li{margin:.3em 0}
.bm-doc .bang{overflow-x:auto;margin:0 0 var(--bm-space-400);border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-surface);background:var(--bm-color-surface-raised)}
.bm-doc table{border-collapse:collapse;width:100%;min-width:460px;font-size:14px}
.bm-doc th,.bm-doc td{text-align:left;padding:10px 15px;border-bottom:1px solid var(--bm-color-border-decorative);vertical-align:top}
.bm-doc th{font:600 11.5px var(--bm-font-heading);letter-spacing:.07em;text-transform:uppercase; color:var(--bm-color-text-muted);white-space:nowrap}
.bm-doc tr:last-child td{border-bottom:0}
.bm-doc .the-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:var(--bm-space-300);margin-bottom:var(--bm-space-400)}
.bm-doc .the-list a{display:block;text-decoration:none;color:inherit; background:var(--bm-color-surface-raised);border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-surface);padding:17px 19px}
.bm-doc .the-list a:hover{border-color:var(--bm-color-border-strong)}
.bm-doc .the-list b{display:block;font:600 16px var(--bm-font-heading);margin-bottom:5px}
.bm-doc .the-list span{font-size:13.5px;color:var(--bm-color-text-secondary);line-height:1.6}
.bm-doc .phaply{background:var(--bm-color-surface-raised);border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-surface);padding:22px 26px;margin-bottom:var(--bm-space-400)}
.bm-doc .phaply h2{font:600 19px var(--bm-font-heading);margin:0 0 14px}
.bm-doc .phaply dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 22px;margin:0;font-size:14px}
.bm-doc .phaply dt{font:500 13px var(--bm-font-heading);color:var(--bm-color-text-muted)}
.bm-doc .phaply dd{margin:0}
.bm-doc .cho{background:var(--bm-color-feedback-warning-surface,#F4E3CB);border-radius:4px;padding:1px 7px; font-size:12.5px;color:#7A5228;font-family:var(--bm-font-heading);font-weight:500}
.bm-doc .rong{border:1px dashed var(--bm-color-border-strong);border-radius:var(--bm-border-radius-surface); padding:26px 28px;max-width:56ch;margin-bottom:var(--bm-space-400);background:var(--bm-color-surface-raised)}
.bm-doc .rong .noi{font:600 17px var(--bm-font-heading);margin:0 0 7px}
.bm-doc .rong .visao{font-size:14px;color:var(--bm-color-text-secondary);margin:0 0 15px;line-height:1.6}
.bm-doc .rong .loira{display:flex;gap:9px;flex-wrap:wrap}
.bm-doc .rong .loira a{text-decoration:none;font:600 13.5px var(--bm-font-heading); border:1px solid var(--bm-color-action-default);color:var(--bm-color-action-default); border-radius:var(--bm-border-radius-control);padding:9px 16px;min-height:40px; display:inline-flex;align-items:center}
.bm-doc .rong .loira a:first-child{background:var(--bm-color-action-default);color:var(--bm-color-on-action)}
.bm-doc h2.nhom{font:600 clamp(19px,2.4vw,23px) var(--bm-font-heading);margin:0 0 4px}
.bm-doc .nhomdan{font-size:14px;color:var(--bm-color-text-muted);margin:0 0 var(--bm-space-300);max-width:60ch}
.bm-doc .tt{display:inline-block;font:600 11px var(--bm-font-heading);letter-spacing:.06em; text-transform:uppercase;border-radius:5px;padding:3px 9px;margin-bottom:9px}
.bm-doc .tt[data-s="running"]{background:var(--bm-color-feedback-success-surface);color:var(--bm-color-feedback-success)}
.bm-doc .tt[data-s="planned"]{background:var(--bm-color-surface-subtle);color:var(--bm-color-text-muted); border:1px solid var(--bm-color-border-strong)}
.bm-doc .the-list a .di{display:inline-block;margin-top:11px;font:600 13.5px var(--bm-font-heading); color:var(--bm-color-action-default)}
.bm-doc [hidden]{display:none!important}
.bm-doc .phaply li{margin:.45em 0;font-size:14px;line-height:1.65}
.bm-doc .phaply ul{margin:0;padding-left:1.15em}
.bm-doc .phaply .ngay{display:block;margin-top:14px;padding-top:12px; border-top:1px solid var(--bm-color-border-decorative); font-size:12.5px;color:var(--bm-color-text-muted)}
.bm-doc .cam{border-left:3px solid var(--bm-color-feedback-danger);background:var(--bm-color-feedback-danger-surface); border-radius:0 8px 8px 0;padding:13px 17px;margin:var(--bm-space-300) 0 0;font-size:13.5px;line-height:1.62}
.bm-doc .cam b{font-family:var(--bm-font-heading);font-weight:600;display:block;margin-bottom:4px}
.bm-doc .lienhe{position:fixed;inset-block-end:var(--bm-space-300);inset-inline-end:var(--bm-space-300); z-index:var(--bm-z-index-sticky-bar);display:flex;flex-direction:column;align-items:flex-end; gap:var(--bm-space-150)}
.bm-doc .lienhe .danh{display:flex;flex-direction:column;align-items:flex-end;gap:var(--bm-space-100); margin:0;padding:0;list-style:none}
.bm-doc .lienhe[data-mo="dong"] .danh{display:none}
.bm-doc .lienhe .danh a{display:inline-flex;align-items:center;gap:var(--bm-space-150); background:var(--bm-color-surface-raised);border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-pill);padding:var(--bm-space-100) var(--bm-space-200) var(--bm-space-100) var(--bm-space-100); box-shadow:var(--bm-shadow-card-hover);min-height:44px; font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading); color:var(--bm-color-text-primary);white-space:nowrap;text-decoration:none}
.bm-doc .lienhe .danh a:hover{border-color:var(--bm-color-border-strong)}
.bm-doc .lienhe .danh .bieu{width:32px;height:32px;border-radius:var(--bm-border-radius-pill);flex:none; display:flex;align-items:center;justify-content:center; font:700 13px var(--bm-font-heading);color:#FFFFFF}
.bm-doc .lienhe .danh .bieu svg{width:17px;height:17px;fill:none;stroke:#FFFFFF;stroke-width:2; stroke-linecap:round;stroke-linejoin:round}
.bm-doc .lienhe .danh [data-kenh="zalo"] .bieu{background:#0068FF}
.bm-doc .lienhe .danh [data-kenh="facebook_messenger"] .bieu{background:#0866FF}
.bm-doc .lienhe .danh [data-kenh="hotline"] .bieu{background:var(--bm-color-feedback-success)}
.bm-doc .lienhe .danh [data-kenh="tro_ly"] .bieu{background:var(--bm-color-action-default)}
.bm-doc .lienhe .danh .phu{font-weight:var(--bm-font-weight-regular); font-size:var(--bm-font-size-caption);color:var(--bm-color-text-muted);margin-left:2px}
.bm-doc .lienhe .mocum{width:56px;height:56px;border-radius:var(--bm-border-radius-pill);border:none; background:var(--bm-color-action-default);color:var(--bm-color-on-action);cursor:pointer; box-shadow:var(--bm-shadow-overlay);display:flex;align-items:center;justify-content:center}
.bm-doc .lienhe .mocum:hover{background:var(--bm-color-action-hover)}
.bm-doc .lienhe .mocum svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2; stroke-linecap:round;stroke-linejoin:round}
.bm-doc .lienhe .mocum .dong{display:none}
.bm-doc .lienhe[data-mo="mo"] .mocum .mo{display:none}
.bm-doc .lienhe[data-mo="mo"] .mocum .dong{display:block}
@media (max-width:640px){.bm-doc{padding-left:18px;padding-right:18px}.bm-doc .phaply dl{grid-template-columns:minmax(0,1fr);gap:2px 0}.bm-doc .phaply dt{margin-top:9px}}
/* ---- riêng trang su-kien ---- */
.bm-page-su-kien .sk-muc{margin-top:var(--bm-space-600)}
.bm-page-su-kien .sk-muc:first-of-type{margin-top:var(--bm-space-400)}
.bm-page-su-kien .sk-muc h2{font:600 var(--bm-font-size-heading-section-large)/var(--bm-line-height-heading-section-large) var(--bm-font-heading); margin:0 0 var(--bm-space-100)}
.bm-page-su-kien .sk-muc .demsl{font-size:var(--bm-font-size-caption);color:var(--bm-color-text-muted); margin:0 0 var(--bm-space-300)}
.bm-page-su-kien .sk-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--bm-space-300)}
.bm-page-su-kien .sk{border:1px solid var(--bm-color-border-decorative);border-radius:var(--bm-border-radius-surface); background:var(--bm-color-surface-raised);overflow:hidden;display:flex;flex-direction:column; box-shadow:var(--bm-shadow-card-resting)}
.bm-page-su-kien .sk .bia{aspect-ratio:16/9;background:var(--bm-color-surface-subtle); border-bottom:1px solid var(--bm-color-border-decorative);position:relative}
.bm-page-su-kien .sk .bia svg{width:100%;height:100%;display:block}
.bm-page-su-kien .sk .than{padding:var(--bm-space-300);display:flex;flex-direction:column;gap:var(--bm-space-100);flex:1}
.bm-page-su-kien .sk .nhanhang{display:flex;flex-wrap:wrap;gap:var(--bm-space-100);align-items:center}
.bm-page-su-kien .sk h3{margin:var(--bm-space-50) 0 0; font:600 var(--bm-font-size-heading-subsection)/var(--bm-line-height-heading-subsection) var(--bm-font-heading)}
.bm-page-su-kien .sk time{display:block;margin-top:var(--bm-space-100); font:600 var(--bm-font-size-body-default)/var(--bm-line-height-body-default) var(--bm-font-heading); color:var(--bm-color-text-primary)}
.bm-page-su-kien .sk .noi{font-size:var(--bm-font-size-body-secondary);line-height:var(--bm-line-height-body-secondary); color:var(--bm-color-text-secondary);margin:var(--bm-space-25) 0 0}
.bm-page-su-kien .sk .tomtat{font-size:var(--bm-font-size-body-secondary);line-height:var(--bm-line-height-body-secondary); margin:var(--bm-space-150) 0 0}
.bm-page-su-kien .sk .luhanh{margin:var(--bm-space-150) 0 0;padding:var(--bm-space-150) var(--bm-space-200); background:var(--bm-color-surface-subtle);border-radius:var(--bm-border-radius-control); font-size:var(--bm-font-size-caption);line-height:1.55;color:var(--bm-color-text-secondary)}
.bm-page-su-kien .sk .luhanh b{color:var(--bm-color-text-primary)}
.bm-page-su-kien .sk .chan{margin-top:auto;padding-top:var(--bm-space-300);display:flex;flex-wrap:wrap; gap:var(--bm-space-150);align-items:center}
.bm-page-su-kien .sk .nut{display:inline-flex;align-items:center;justify-content:center;min-height:44px; padding:var(--bm-space-150) var(--bm-space-300);border-radius:var(--bm-border-radius-control); font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading);text-decoration:none; background:var(--bm-color-action-default);color:var(--bm-color-on-action);border:0;cursor:pointer}
.bm-page-su-kien .sk .nut:hover{background:var(--bm-color-action-hover)}
.bm-page-su-kien .sk .khongnut{font-size:var(--bm-font-size-body-secondary);color:var(--bm-color-text-secondary); line-height:var(--bm-line-height-body-secondary)}
.bm-page-su-kien .sk .lich{display:inline-flex;align-items:center;gap:var(--bm-space-100);min-height:44px; padding:var(--bm-space-150) var(--bm-space-200);border-radius:var(--bm-border-radius-control); border:1px solid var(--bm-color-border-strong);text-decoration:none; font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading);color:var(--bm-color-action-default)}
.bm-page-su-kien .sk .lich:hover{background:var(--bm-color-surface-subtle)}
.bm-page-su-kien .sk .choncon{width:100%;font-size:var(--bm-font-size-caption);color:var(--bm-color-text-muted);margin:0}
.bm-page-su-kien .sk .hoantien{width:100%;margin:0;font-size:var(--bm-font-size-caption);line-height:1.55; color:var(--bm-color-text-secondary)}
.bm-page-su-kien .sk[data-tt="cancelled"] .bia::after{content:"";position:absolute;inset:0;background:var(--bm-color-feedback-danger); opacity:.10}
.bm-page-su-kien .lo{display:inline-flex;align-items:center;font:500 var(--bm-font-size-caption)/1.5 var(--bm-font-heading); border-radius:var(--bm-border-radius-pill);padding:var(--bm-space-25) var(--bm-space-150); background:var(--bm-color-surface-subtle);color:var(--bm-color-text-secondary); border:1px solid var(--bm-color-border-decorative)}
.bm-page-su-kien .tt[data-s="scheduled"]{background:var(--bm-color-feedback-success-surface);color:var(--bm-color-feedback-success)}
.bm-page-su-kien .tt[data-s="cancelled"]{background:var(--bm-color-feedback-danger-surface);color:var(--bm-color-feedback-danger)}
.bm-page-su-kien .tt[data-s="postponed"],.bm-page-su-kien .tt[data-s="rescheduled"]{background:var(--bm-color-feedback-warning-surface); color:var(--bm-color-feedback-warning)}
.bm-page-su-kien .tt[data-s="past"]{background:var(--bm-color-surface-subtle);color:var(--bm-color-text-muted); border:1px solid var(--bm-color-border-strong)}
.bm-page-su-kien .loiql{border:1px solid var(--bm-color-feedback-danger);border-left-width:4px; border-radius:var(--bm-border-radius-surface);background:var(--bm-color-feedback-danger-surface); padding:var(--bm-space-300);display:flex;flex-direction:column;gap:var(--bm-space-100)}
.bm-page-su-kien .loiql b{font:600 var(--bm-font-size-body-default) var(--bm-font-heading);color:var(--bm-color-feedback-danger)}
.bm-page-su-kien .loiql p{margin:0;font-size:var(--bm-font-size-body-secondary);line-height:var(--bm-line-height-body-secondary)}
.bm-page-su-kien .loiql code{font-size:var(--bm-font-size-caption)}
.bm-page-su-kien .catbot{margin:var(--bm-space-300) 0 0;font-size:var(--bm-font-size-caption); color:var(--bm-color-text-muted);line-height:1.6}
.bm-page-su-kien .nhacanh{background:var(--bm-color-surface-raised);border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-surface);padding:var(--bm-space-300); margin-top:var(--bm-space-600);max-width:72ch}
.bm-page-su-kien .nhacanh h2{font:600 var(--bm-font-size-heading-subsection) var(--bm-font-heading);margin:0 0 var(--bm-space-150)}
.bm-page-su-kien .nhacanh p{margin:0;font-size:var(--bm-font-size-body-secondary);line-height:var(--bm-line-height-body-secondary)}
@media (max-width:640px){.bm-page-su-kien .sk-luoi{grid-template-columns:1fr}}
/* ---- riêng trang cua-hang ---- */
.bm-page-cua-hang .loc{display:flex;gap:var(--bm-space-150);flex-wrap:wrap;align-items:flex-end; background:var(--bm-color-surface-raised);border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-surface);padding:var(--bm-space-200) var(--bm-space-300); margin:0 0 var(--bm-space-300)}
.bm-page-cua-hang .loc label{display:flex;flex-direction:column;gap:var(--bm-space-50); font:500 var(--bm-font-size-form-label)/var(--bm-line-height-form-label) var(--bm-font-heading); color:var(--bm-color-text-secondary)}
.bm-page-cua-hang .loc select{font:400 var(--bm-font-size-form-input)/var(--bm-line-height-form-input) var(--bm-font-body); border:1px solid var(--bm-color-border-strong);border-radius:var(--bm-border-radius-control); background:var(--bm-color-surface-default);color:var(--bm-color-text-primary); padding:var(--bm-space-100) var(--bm-space-150);min-height:44px;min-width:180px}
.bm-page-cua-hang .loc .gan{font:600 var(--bm-font-size-button-label)/1 var(--bm-font-heading); background:var(--bm-color-action-default);color:var(--bm-color-on-action);border:0; border-radius:var(--bm-border-radius-control);padding:var(--bm-space-150) var(--bm-space-300); min-height:44px;cursor:pointer}
.bm-page-cua-hang .loc .gan:hover{background:var(--bm-color-action-hover)}
.bm-page-cua-hang .loc .dem{margin-left:auto;font-size:var(--bm-font-size-body-secondary);color:var(--bm-color-text-muted)}
.bm-page-cua-hang .loc .tuchoi{flex-basis:100%;margin:0;font-size:var(--bm-font-size-caption); color:var(--bm-color-text-muted)}
.bm-page-cua-hang .ch-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:var(--bm-space-300);margin:0}
.bm-page-cua-hang .ch{border:1px solid var(--bm-color-border-decorative);border-radius:var(--bm-border-radius-surface); background:var(--bm-color-surface-raised);overflow:hidden;display:flex;flex-direction:column; box-shadow:var(--bm-shadow-card-resting)}
.bm-page-cua-hang .ch .mt{aspect-ratio:16/9;background:var(--bm-color-surface-subtle);display:flex; align-items:center;justify-content:center}
.bm-page-cua-hang .ch .mt span{font:500 var(--bm-font-size-caption)/1 var(--bm-font-heading); color:var(--bm-color-text-muted);background:var(--bm-color-feedback-warning-surface); border-radius:var(--bm-border-radius-pill);padding:var(--bm-space-50) var(--bm-space-150)}
.bm-page-cua-hang .ch .than{padding:var(--bm-space-300);display:flex;flex-direction:column;gap:var(--bm-space-100);flex:1}
.bm-page-cua-hang .ch h3{margin:0;font:600 var(--bm-font-size-heading-subsection)/var(--bm-line-height-heading-subsection) var(--bm-font-heading)}
.bm-page-cua-hang .ch h3 a{color:inherit;text-decoration:none}
.bm-page-cua-hang .ch h3 a:hover{color:var(--bm-color-action-default)}
.bm-page-cua-hang .ch .diachi{margin:0;font-size:var(--bm-font-size-body-secondary); line-height:var(--bm-line-height-body-secondary);color:var(--bm-color-text-secondary)}
.bm-page-cua-hang .ch .gio{margin:0;font-size:var(--bm-font-size-body-secondary);color:var(--bm-color-text-primary)}
.bm-page-cua-hang .ch .gio b{font-weight:var(--bm-font-weight-semibold)}
.bm-page-cua-hang .ch .dv{display:flex;flex-wrap:wrap;gap:var(--bm-space-50);margin:var(--bm-space-50) 0 0;padding:0;list-style:none}
.bm-page-cua-hang .ch .dv li{font:500 var(--bm-font-size-caption)/1.5 var(--bm-font-heading); background:var(--bm-color-surface-subtle);color:var(--bm-color-text-secondary); border-radius:var(--bm-border-radius-pill);padding:var(--bm-space-25) var(--bm-space-150)}
.bm-page-cua-hang .ch .goi{display:inline-flex;align-items:center;gap:var(--bm-space-100);margin-top:var(--bm-space-100); font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading); color:var(--bm-color-action-default);text-decoration:none;min-height:24px}
.bm-page-cua-hang .tt[data-s="open"]{background:var(--bm-color-feedback-success-surface);color:var(--bm-color-feedback-success)}
.bm-page-cua-hang .tt[data-s="opening_soon"]{background:var(--bm-color-feedback-info-surface);color:var(--bm-color-feedback-info)}
.bm-page-cua-hang .tt[data-s="temporarily_closed"]{background:var(--bm-color-feedback-warning-surface);color:var(--bm-color-feedback-warning)}
.bm-page-cua-hang .tt[data-s="closed_permanently"]{background:var(--bm-color-surface-subtle);color:var(--bm-color-text-muted); border:1px solid var(--bm-color-border-strong)}
.bm-page-cua-hang .mapem{border-top:1px solid var(--bm-color-border-decorative);padding:var(--bm-space-200) var(--bm-space-300) var(--bm-space-300)}
.bm-page-cua-hang .mapem .khung{position:relative;aspect-ratio:2/1;border-radius:var(--bm-border-radius-media); overflow:hidden;background:var(--bm-color-surface-subtle);display:block}
.bm-page-cua-hang .mapem .khung img,.bm-page-cua-hang .mapem .khung svg{width:100%;height:100%;display:block}
.bm-page-cua-hang .mapem .hang{display:flex;gap:var(--bm-space-100);flex-wrap:wrap;margin-top:var(--bm-space-150)}
.bm-page-cua-hang .mapem button,.bm-page-cua-hang .mapem .chiduong{font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading); border-radius:var(--bm-border-radius-control);padding:var(--bm-space-150) var(--bm-space-200); min-height:44px;display:inline-flex;align-items:center;cursor:pointer;text-decoration:none}
.bm-page-cua-hang .mapem button{background:var(--bm-color-action-default);color:var(--bm-color-on-action);border:0}
.bm-page-cua-hang .mapem button:hover{background:var(--bm-color-action-hover)}
.bm-page-cua-hang .mapem .chiduong{background:transparent;color:var(--bm-color-action-default); border:1px solid var(--bm-color-border-strong)}
.bm-page-cua-hang .mapem .bao{margin:var(--bm-space-150) 0 0;font-size:var(--bm-font-size-caption); line-height:var(--bm-line-height-caption);color:var(--bm-color-text-muted)}
.bm-page-cua-hang .mapem .daNap{background:var(--bm-color-feedback-info-surface);border-radius:var(--bm-border-radius-media); padding:var(--bm-space-200);font-size:var(--bm-font-size-body-secondary); color:var(--bm-color-feedback-info);text-align:center}
.bm-page-cua-hang .ghichu{border-left:3px solid var(--bm-color-feedback-info);background:var(--bm-color-feedback-info-surface); border-radius:0 8px 8px 0;padding:13px 17px;margin:var(--bm-space-300) 0 0; font-size:13.5px;line-height:1.62}
.bm-page-cua-hang .ghichu b{font-family:var(--bm-font-heading);font-weight:600;display:block;margin-bottom:4px}
.bm-page-cua-hang .loc label[hidden]{display:none}
@media (max-width:640px){.bm-page-cua-hang .ch-luoi{grid-template-columns:1fr}.bm-page-cua-hang .loc .dem{margin-left:0;flex-basis:100%}}
/* ---- riêng trang chung-nhan ---- */
.bm-page-chung-nhan .cn-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:var(--bm-space-300)}
.bm-page-chung-nhan .cn{border:1px solid var(--bm-color-border-decorative);border-radius:var(--bm-border-radius-surface); background:var(--bm-color-surface-raised);overflow:hidden;display:flex;flex-direction:column; box-shadow:var(--bm-shadow-card-resting)}
.bm-page-chung-nhan .cn .giay{aspect-ratio:1.414/1;background:var(--bm-color-surface-subtle); display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--bm-color-border-decorative)}
.bm-page-chung-nhan .cn .giay svg{width:100%;height:100%;display:block}
.bm-page-chung-nhan .cn .than{padding:var(--bm-space-300);display:flex;flex-direction:column;gap:var(--bm-space-100);flex:1}
.bm-page-chung-nhan .cn h3{margin:0;font:600 var(--bm-font-size-heading-subsection)/var(--bm-line-height-heading-subsection) var(--bm-font-heading)}
.bm-page-chung-nhan .cn dl{margin:var(--bm-space-100) 0 0;display:grid;grid-template-columns:auto minmax(0,1fr); gap:var(--bm-space-50) var(--bm-space-200);font-size:var(--bm-font-size-body-secondary)}
.bm-page-chung-nhan .cn dt{font:500 var(--bm-font-size-caption)/1.5 var(--bm-font-heading);color:var(--bm-color-text-muted)}
.bm-page-chung-nhan .cn dd{margin:0;line-height:var(--bm-line-height-body-secondary)}
.bm-page-chung-nhan .cn dd.capcho{font-weight:var(--bm-font-weight-semibold)}
.bm-page-chung-nhan .cn .mon{display:flex;flex-wrap:wrap;gap:var(--bm-space-50);margin:var(--bm-space-150) 0 0;padding:0;list-style:none}
.bm-page-chung-nhan .cn .mon li{font:500 var(--bm-font-size-caption)/1.5 var(--bm-font-heading); background:var(--bm-color-surface-subtle);color:var(--bm-color-text-secondary); border-radius:var(--bm-border-radius-pill);padding:var(--bm-space-25) var(--bm-space-150)}
.bm-page-chung-nhan .cn .xacminh{display:inline-flex;align-items:center;gap:var(--bm-space-100);margin-top:var(--bm-space-200); align-self:flex-start;font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading); color:var(--bm-color-action-default);text-decoration:none; border:1px solid var(--bm-color-border-strong);border-radius:var(--bm-border-radius-control); padding:var(--bm-space-150) var(--bm-space-200);min-height:44px}
.bm-page-chung-nhan .cn .xacminh:hover{background:var(--bm-color-surface-subtle)}
.bm-page-chung-nhan .cn .khongxacminh{margin-top:var(--bm-space-200);font-size:var(--bm-font-size-caption); color:var(--bm-color-text-muted)}
.bm-page-chung-nhan .tt[data-s="valid"]{background:var(--bm-color-feedback-success-surface);color:var(--bm-color-feedback-success)}
.bm-page-chung-nhan .tt[data-s="expired"]{background:var(--bm-color-feedback-danger-surface);color:var(--bm-color-feedback-danger)}
.bm-page-chung-nhan .tt[data-s="noExpiry"]{background:var(--bm-color-surface-subtle);color:var(--bm-color-text-secondary); border:1px solid var(--bm-color-border-strong)}
.bm-page-chung-nhan .phaply3{background:var(--bm-color-surface-raised);border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-surface);padding:var(--bm-space-300); margin-top:var(--bm-space-600);max-width:72ch}
.bm-page-chung-nhan .phaply3 h2{font:600 var(--bm-font-size-heading-subsection) var(--bm-font-heading);margin:0 0 var(--bm-space-150)}
.bm-page-chung-nhan .phaply3 ol{margin:0;padding-left:1.2em}
.bm-page-chung-nhan .phaply3 li{margin:.5em 0;font-size:var(--bm-font-size-body-secondary); line-height:var(--bm-line-height-body-secondary)}
@media (max-width:640px){.bm-page-chung-nhan .cn-luoi{grid-template-columns:1fr}}
/* ---- riêng trang ve-ban-mai ---- */
.bm-page-ve-ban-mai .loitat{display:inline-flex;align-items:center;gap:var(--bm-space-100);min-height:44px; margin-top:var(--bm-space-300);padding:var(--bm-space-150) var(--bm-space-300); border:1px solid var(--bm-color-border-strong);border-radius:var(--bm-border-radius-control); text-decoration:none;font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading); color:var(--bm-color-action-default)}
.bm-page-ve-ban-mai .loitat:hover{background:var(--bm-color-surface-subtle)}
.bm-page-ve-ban-mai .vb-van{max-width:72ch;margin-top:var(--bm-space-600);font-size:var(--bm-font-size-body-default); line-height:var(--bm-line-height-body-default)}
.bm-page-ve-ban-mai .vb-van h2{margin:var(--bm-space-600) 0 var(--bm-space-200); font:600 var(--bm-font-size-heading-section-large)/var(--bm-line-height-heading-section-large) var(--bm-font-heading)}
.bm-page-ve-ban-mai .vb-van p{margin:0 0 var(--bm-space-300)}
.bm-page-ve-ban-mai .khongphai{border:1px solid var(--bm-color-border-strong);border-left-width:4px; border-radius:var(--bm-border-radius-surface);background:var(--bm-color-surface-raised); padding:var(--bm-space-300);margin:var(--bm-space-400) 0 0}
.bm-page-ve-ban-mai .khongphai ul{margin:var(--bm-space-200) 0 0;padding-left:1.2em}
.bm-page-ve-ban-mai .khongphai li{margin:.55em 0}
.bm-page-ve-ban-mai .nguoinoi{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:var(--bm-space-300);margin-top:var(--bm-space-400);max-width:72ch}
.bm-page-ve-ban-mai .nguoinoi>div{border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-surface);background:var(--bm-color-surface-raised); padding:var(--bm-space-300)}
.bm-page-ve-ban-mai .nguoinoi h3{margin:0 0 var(--bm-space-100); font:600 var(--bm-font-size-heading-subsection) var(--bm-font-heading)}
.bm-page-ve-ban-mai .nguoinoi p{margin:0;font-size:var(--bm-font-size-body-secondary); line-height:var(--bm-line-height-body-secondary);color:var(--bm-color-text-secondary)}
.bm-page-ve-ban-mai .phaply{margin-top:var(--bm-space-800);padding-top:var(--bm-space-600); border-top:1px solid var(--bm-color-border-decorative);scroll-margin-top:var(--bm-space-300)}
.bm-page-ve-ban-mai .phaply h2{margin:0 0 var(--bm-space-300); font:600 var(--bm-font-size-heading-section-large)/var(--bm-line-height-heading-section-large) var(--bm-font-heading)}
.bm-page-ve-ban-mai .dndn{margin:0;max-width:72ch;display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr); gap:0;border:1px solid var(--bm-color-border-decorative); border-radius:var(--bm-border-radius-surface);overflow:hidden;background:var(--bm-color-surface-raised)}
.bm-page-ve-ban-mai .dndn dt{padding:var(--bm-space-200) var(--bm-space-300); font:500 var(--bm-font-size-body-secondary)/var(--bm-line-height-body-secondary) var(--bm-font-heading); color:var(--bm-color-text-secondary);background:var(--bm-color-surface-subtle); border-block-start:1px solid var(--bm-color-border-decorative)}
.bm-page-ve-ban-mai .dndn dd{margin:0;padding:var(--bm-space-200) var(--bm-space-300); font-size:var(--bm-font-size-body-secondary);line-height:var(--bm-line-height-body-secondary); border-block-start:1px solid var(--bm-color-border-decorative)}
.bm-page-ve-ban-mai .dndn dt:first-of-type,.bm-page-ve-ban-mai .dndn dt:first-of-type+dd{border-block-start:0}
.bm-page-ve-ban-mai .dndn a{color:var(--bm-color-action-default);min-height:44px;display:inline-flex;align-items:center}
.bm-page-ve-ban-mai .dndn code{font-size:var(--bm-font-size-body-secondary)}
.bm-page-ve-ban-mai .cs6{margin:var(--bm-space-600) 0 0;padding:0;list-style:none;max-width:72ch; display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--bm-space-150)}
.bm-page-ve-ban-mai .cs6 a{display:flex;align-items:center;min-height:44px;padding:var(--bm-space-150) var(--bm-space-200); border:1px solid var(--bm-color-border-decorative);border-radius:var(--bm-border-radius-control); text-decoration:none;color:var(--bm-color-action-default); font:600 var(--bm-font-size-body-secondary)/1.4 var(--bm-font-heading); background:var(--bm-color-surface-raised)}
.bm-page-ve-ban-mai .cs6 a:hover{background:var(--bm-color-surface-subtle)}
.bm-page-ve-ban-mai .cs6 a[data-chua]{color:var(--bm-color-text-muted);border-style:dashed}
.bm-page-ve-ban-mai .ghi{color:var(--bm-color-text-muted);font-size:var(--bm-font-size-caption); line-height:var(--bm-line-height-caption)}
@media (max-width:640px){.bm-page-ve-ban-mai .dndn{grid-template-columns:1fr}.bm-page-ve-ban-mai .dndn dd{border-block-start:0;padding-block-start:0}.bm-page-ve-ban-mai .dndn dt:first-of-type+dd{border-block-start:0}}
/* ---- Tin tức: rút bằng máy từ prototypes/trang_blog.html ---- */
.bm-doc .bl-loc{display:flex;flex-wrap:wrap;gap:var(--bm-space-150);margin:var(--bm-space-300) 0 var(--bm-space-400)}
.bm-doc .bl-loc a{min-height:44px;padding:var(--bm-space-150) var(--bm-space-300); border-radius:var(--bm-border-radius-pill);border:1px solid var(--bm-color-border-strong); background:var(--bm-color-surface-raised);cursor:pointer; font:500 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading);color:var(--bm-color-text-secondary)}
.bm-doc .bl-loc a[aria-pressed="true"]{background:var(--bm-color-action-default); color:var(--bm-color-on-action);border-color:var(--bm-color-action-default)}
.bm-doc .bl-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--bm-space-300)}
.bm-doc .bl{border:1px solid var(--bm-color-border-decorative);border-radius:var(--bm-border-radius-surface); background:var(--bm-color-surface-raised);overflow:hidden;display:flex;flex-direction:column; box-shadow:var(--bm-shadow-card-resting)}
.bm-doc .bl .bia{aspect-ratio:16/9;background:var(--bm-color-surface-subtle); border-bottom:1px solid var(--bm-color-border-decorative)}
.bm-doc .bl .bia svg{width:100%;height:100%;display:block}
.bm-doc .bl .than{padding:var(--bm-space-300);display:flex;flex-direction:column;gap:var(--bm-space-100);flex:1}
.bm-doc .bl h3{margin:var(--bm-space-50) 0 0; font:600 var(--bm-font-size-heading-subsection)/var(--bm-line-height-heading-subsection) var(--bm-font-heading)}
.bm-doc .bl .tt{font-size:var(--bm-font-size-body-secondary);line-height:var(--bm-line-height-body-secondary); color:var(--bm-color-text-secondary);margin:var(--bm-space-100) 0 0}
.bm-doc .bl .ky{margin-top:auto;padding-top:var(--bm-space-300);display:flex;flex-wrap:wrap; gap:var(--bm-space-150);align-items:baseline;font-size:var(--bm-font-size-caption); color:var(--bm-color-text-muted)}
.bm-doc .bl .ky b{color:var(--bm-color-text-secondary);font-weight:var(--bm-font-weight-semibold)}
.bm-doc .dnd{display:inline-flex;align-items:center;gap:var(--bm-space-100); border:1px solid var(--bm-color-feedback-warning);border-radius:var(--bm-border-radius-control); background:var(--bm-color-feedback-warning-surface);color:var(--bm-color-feedback-warning); padding:var(--bm-space-100) var(--bm-space-200); font:600 var(--bm-font-size-caption)/1.5 var(--bm-font-heading);align-self:flex-start}
.bm-doc .phantr{display:flex;gap:var(--bm-space-100);justify-content:center;align-items:center; margin-top:var(--bm-space-400);flex-wrap:wrap}
.bm-doc .phantr a,.bm-doc .phantr span{min-width:44px;min-height:44px;display:inline-flex;align-items:center; justify-content:center;padding:0 var(--bm-space-150);border-radius:var(--bm-border-radius-control); border:1px solid var(--bm-color-border-strong);text-decoration:none; font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading);color:var(--bm-color-action-default)}
.bm-doc .phantr [aria-current]{background:var(--bm-color-action-default);color:var(--bm-color-on-action); border-color:var(--bm-color-action-default)}
.bm-doc .bai{max-width:72ch}
.bm-doc .bai .lop2{font:500 var(--bm-font-size-caption)/1.5 var(--bm-font-heading); color:var(--bm-color-text-muted);text-transform:uppercase;letter-spacing:.08em}
.bm-doc .bai h1{margin:var(--bm-space-100) 0 0; font:700 var(--bm-font-size-display-page-title)/var(--bm-line-height-display-page-title) var(--bm-font-heading)}
.bm-doc .bai .dnd{margin-top:var(--bm-space-200)}
.bm-doc .bai .ky2{margin:var(--bm-space-200) 0 0;display:flex;flex-wrap:wrap;gap:var(--bm-space-200); font-size:var(--bm-font-size-body-secondary);color:var(--bm-color-text-secondary)}
.bm-doc .congkhai{margin:var(--bm-space-300) 0 0;padding:var(--bm-space-300); border:1px solid var(--bm-color-border-strong);border-left-width:4px; border-radius:var(--bm-border-radius-surface);background:var(--bm-color-surface-subtle)}
.bm-doc .congkhai b{display:block;font:600 var(--bm-font-size-body-default) var(--bm-font-heading); margin-bottom:var(--bm-space-100)}
.bm-doc .congkhai p{margin:0;font-size:var(--bm-font-size-body-secondary); line-height:var(--bm-line-height-body-secondary)}
.bm-doc .bai .anhbia{margin:var(--bm-space-400) 0 0;aspect-ratio:16/9;border-radius:var(--bm-border-radius-surface); overflow:hidden;background:var(--bm-color-surface-subtle)}
.bm-doc .bai .anhbia svg{width:100%;height:100%;display:block}
.bm-doc .than-bai{margin-top:var(--bm-space-400);font-size:var(--bm-font-size-body-default); line-height:var(--bm-line-height-body-default)}
.bm-doc .than-bai h2{margin:var(--bm-space-600) 0 var(--bm-space-150); font:600 var(--bm-font-size-heading-subsection)/var(--bm-line-height-heading-subsection) var(--bm-font-heading)}
.bm-doc .than-bai p{margin:0 0 var(--bm-space-300)}
.bm-doc .than-bai figure{margin:var(--bm-space-400) 0}
.bm-doc .than-bai figure svg{width:100%;display:block;border-radius:var(--bm-border-radius-surface)}
.bm-doc .than-bai figcaption{margin-top:var(--bm-space-150);font-size:var(--bm-font-size-caption); color:var(--bm-color-text-muted);line-height:1.6}
.bm-doc .thedoc{display:flex;flex-wrap:wrap;gap:var(--bm-space-100);margin:var(--bm-space-400) 0 0; padding:0;list-style:none}
.bm-doc .thedoc li{font:500 var(--bm-font-size-caption)/1.5 var(--bm-font-heading); background:var(--bm-color-surface-subtle);color:var(--bm-color-text-secondary); border-radius:var(--bm-border-radius-pill);padding:var(--bm-space-25) var(--bm-space-150)}
.bm-doc .monnhac{margin:var(--bm-space-600) 0 0;padding:var(--bm-space-300); border:1px solid var(--bm-color-border-decorative);border-radius:var(--bm-border-radius-surface); background:var(--bm-color-surface-raised)}
.bm-doc .monnhac h2{margin:0 0 var(--bm-space-200); font:600 var(--bm-font-size-heading-subsection) var(--bm-font-heading)}
.bm-doc .monnhac ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--bm-space-200)}
.bm-doc .monnhac li{display:flex;gap:var(--bm-space-200);align-items:center;flex-wrap:wrap}
.bm-doc .monnhac .o{width:64px;height:64px;border-radius:var(--bm-border-radius-control); background:var(--bm-color-surface-subtle);flex:none}
.bm-doc .monnhac .o svg{width:100%;height:100%;display:block}
.bm-doc .monnhac .tenmon{flex:1;min-width:160px;font-weight:var(--bm-font-weight-semibold)}
.bm-doc .monnhac .gia{font:600 var(--bm-font-size-price-primary)/1 var(--bm-font-heading)}
.bm-doc .monnhac .nut2{min-height:44px;display:inline-flex;align-items:center; padding:var(--bm-space-150) var(--bm-space-300);border-radius:var(--bm-border-radius-control); background:var(--bm-color-action-default);color:var(--bm-color-on-action);border:0;cursor:pointer; font:600 var(--bm-font-size-body-secondary)/1 var(--bm-font-heading)}
.bm-doc .khongbl{margin:var(--bm-space-600) 0 0;padding:var(--bm-space-300);max-width:72ch; border:1px dashed var(--bm-color-border-strong);border-radius:var(--bm-border-radius-surface)}
.bm-doc .khongbl b{display:block;font:600 var(--bm-font-size-body-default) var(--bm-font-heading); margin-bottom:var(--bm-space-100)}
.bm-doc .khongbl p{margin:0;font-size:var(--bm-font-size-body-secondary); line-height:var(--bm-line-height-body-secondary);color:var(--bm-color-text-secondary)}
@media (max-width:640px){.bm-doc .bl-luoi{grid-template-columns:1fr}}
.bm-doc .bl .bia img,.bm-doc .bai .anhbia img{width:100%;height:100%;object-fit:cover;display:block}
.bm-doc .bl-loc a{text-decoration:none}.bm-doc .thedoc a{color:inherit;text-decoration:none}.bm-doc .monnhac .o img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* ---- Trang sản phẩm: các khối của tấm trượt, rút bằng máy từ giao_dien_song.html ---- */
.pd h4{font:600 11.5px var(--bm-font-heading);letter-spacing:.06em;text-transform:uppercase; color:var(--bm-color-text-muted);margin:var(--bm-space-400) 0 10px; padding-top:var(--bm-space-200);border-top:1px solid var(--bm-color-border-decorative)}
.pd h4:first-of-type{margin-top:var(--bm-space-300)}
.pd .vr{margin:var(--bm-space-200) 0}
.pd .vr .lb{display:block;font:500 13.5px var(--bm-font-heading);margin-bottom:7px}
.pd .opts{display:flex;gap:7px;flex-wrap:wrap}
.pd .rvopen{display:flex;width:100%;align-items:center;justify-content:center;gap:8px; margin-top:var(--bm-space-300);min-height:var(--bm-tap-target-min-size);padding:11px; border:1px solid var(--bm-color-action-default);border-radius:var(--bm-border-radius-control); background:var(--bm-color-surface-default);color:var(--bm-color-action-default); font:600 14px var(--bm-font-heading);cursor:pointer}
.pd .rvopen:hover{background:var(--bm-color-surface-brand-tint)}
.pd .rvopen .n{font-weight:var(--bm-font-weight-regular);color:var(--bm-color-text-muted)}
.pd .rvopen .mui{transition:transform var(--bm-duration-fast) var(--bm-easing-standard)}
.pd .rvopen[aria-expanded="true"] .mui{transform:rotate(180deg)}
.pd .rv[hidden]{display:none}
.pd .rv{margin-top:var(--bm-space-300);padding-top:var(--bm-space-300); border-top:1px solid var(--bm-color-border-decorative)}
.pd .rvsum{display:flex;align-items:center;gap:var(--bm-space-300);margin-bottom:var(--bm-space-300)}
.pd .rvsum .diem{font:600 32px/1 var(--bm-font-heading)}
.pd .rvsum .phu{font-size:12.5px;color:var(--bm-color-text-muted);margin-top:4px}
.pd .rvlist{display:grid;gap:var(--bm-space-200);margin-bottom:var(--bm-space-300)}
.pd .rv1{border:1px solid var(--bm-color-border-decorative);background:var(--bm-color-surface-raised); border-radius:var(--bm-border-radius-surface);padding:var(--bm-space-200)}
.pd .rv1 .dau{display:flex;align-items:center;gap:9px;margin-bottom:6px;flex-wrap:wrap}
.pd .rv1 .ten{font:600 13.5px var(--bm-font-heading)}
.pd .rv1 .luc{font-size:12px;color:var(--bm-color-text-muted);margin-left:auto}
.pd .rv1 p{margin:0;font-size:13.5px;line-height:1.6;color:var(--bm-color-text-secondary)}
.pd .rvtrong{border:1px dashed var(--bm-color-border-strong);border-radius:var(--bm-border-radius-surface); padding:var(--bm-space-300);text-align:center;font-size:13.5px;line-height:1.6; color:var(--bm-color-text-muted);margin-bottom:var(--bm-space-300)}
.pd .rvnap{display:grid;gap:9px;margin-bottom:var(--bm-space-300)}
.pd .rvnap span{display:block;height:58px;border-radius:var(--bm-border-radius-surface); background:var(--bm-color-surface-subtle)}
.pd .rvloi{border-left:3px solid var(--bm-color-feedback-danger); background:var(--bm-color-feedback-danger-surface);border-radius:0 var(--bm-border-radius-200) var(--bm-border-radius-200) 0; padding:11px 15px;font-size:13px;line-height:1.6;margin-bottom:var(--bm-space-300)}
.pd .rvform{border:1px solid var(--bm-color-border-decorative);background:var(--bm-color-surface-default); border-radius:var(--bm-border-radius-surface);padding:var(--bm-space-200)}
.pd .rvform b{display:block;font:600 13.5px var(--bm-font-heading);margin-bottom:9px}
.pd .rvform .rvlb{display:block;font:500 12.5px var(--bm-font-heading); color:var(--bm-color-text-secondary);margin:11px 0 5px}
.pd .rvform input[type="text"],.pd .rvform textarea{width:100%;box-sizing:border-box; border:1px solid var(--bm-color-border-strong);border-radius:var(--bm-border-radius-control); padding:10px 12px;background:var(--bm-color-surface-raised);color:var(--bm-color-text-primary); font:var(--bm-font-weight-regular) var(--bm-font-size-form-input)/1.5 var(--bm-font-body)}
.pd .rvform textarea{min-height:88px;resize:vertical}
.pd .rvform :is(input,textarea):focus-visible,.pd .rvsao label:has(:focus-visible){outline:var(--bm-focus-ring-width) solid var(--bm-color-focus-ring); outline-offset:var(--bm-focus-ring-offset)}
.pd .rvsao{display:flex;gap:2px;border:0;padding:0;margin:0}
.pd .rvsao legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pd .rvsao label{width:var(--bm-tap-target-min-size);height:var(--bm-tap-target-min-size); display:flex;align-items:center;justify-content:center;cursor:pointer; border-radius:var(--bm-border-radius-control)}
.pd .rvsao input{position:absolute;opacity:0;width:1px;height:1px}
.pd .rvsao svg{width:26px;height:26px;fill:var(--bm-color-action-disabled)}
.pd .rvsao label[data-on="true"] svg{fill:var(--bm-color-feedback-warning)}
.pd .rvgui{margin-top:var(--bm-space-200);min-height:var(--bm-tap-target-min-size);padding:0 20px; border:none;border-radius:var(--bm-border-radius-control);background:var(--bm-color-action-default); color:var(--bm-color-on-action);font:600 14px var(--bm-font-heading);cursor:pointer}
.pd .rvgui:hover{background:var(--bm-color-action-hover)}
.pd .rvgui:disabled{background:var(--bm-color-action-disabled); color:var(--bm-color-action-disabled-text);cursor:default}
.pd .rvbao{margin:9px 0 0;font-size:12.5px;line-height:1.6;color:var(--bm-color-text-muted)}
.pd .lyfull{display:grid;gap:9px}
.pd .lyfull>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;font-size:13.5px;line-height:1.6}
.pd .lyfull .d{width:20px;height:20px;border-radius:var(--bm-border-radius-100);border:1px solid var(--bm-color-border-decorative); display:flex;align-items:center;justify-content:center;font:600 10px var(--bm-font-heading); background:var(--bm-color-surface-subtle);color:var(--bm-color-text-muted)}
.pd .lyfull .d[data-ok="true"]{background:var(--bm-color-feedback-success);border-color:var(--bm-color-feedback-success);color:var(--bm-color-on-action)}
.pd .lyfull .d[data-ok="na"]{opacity:.45}
.pd .lyfull b{display:block;font:600 11.5px var(--bm-font-heading);letter-spacing:.04em;text-transform:uppercase;color:var(--bm-color-text-muted)}
.pd .lyfull .who{font-size:11.5px;color:var(--bm-color-text-muted)}
.pd .vo{min-width:44px;min-height:40px;padding:6px 14px;border:1px solid var(--bm-color-border-strong); border-radius:var(--bm-border-radius-control);background:var(--bm-color-surface-default);cursor:pointer; font:500 13.5px var(--bm-font-heading);color:var(--bm-color-text-primary);display:flex;align-items:center;gap:5px}
.pd .vo[aria-pressed="true"]{border-color:var(--bm-color-action-default);border-width:2px; background:var(--bm-color-feedback-info-surface);color:var(--bm-color-action-default)}
.pd .vo[disabled]{color:var(--bm-color-text-muted);border-color:var(--bm-color-border-decorative); background:var(--bm-color-surface-subtle);text-decoration:line-through;cursor:not-allowed}
.pd .vo{text-decoration:none;display:inline-flex;align-items:center;color:inherit}.pd .vo[aria-disabled="true"]{color:var(--bm-color-text-muted);border-color:var(--bm-color-border-decorative);background:var(--bm-color-surface-subtle);text-decoration:line-through;pointer-events:none}
.pd .blk-partner{border-color:var(--bm-color-feedback-warning);background:var(--bm-color-feedback-warning-surface)}