/* FB Clone – persistent language / light-dark switches, loaded after site styles. */
body.hm-body .hm-header .hm-toolbar-preferences {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;
  padding:0 7px 0 0;margin:0 2px 0 0;
  border-right:1px solid #d7e4f4;white-space:nowrap;
}
body.hm-body .hm-header .hm-pref-switch {
  flex:0 0 auto;position:relative;display:inline-grid;place-items:center;
  width:66px;height:36px;padding:0;border:1px solid #d4e2f3;border-radius:20px;
  background:#f1f6fc;color:#536f8d;cursor:pointer;overflow:hidden;
  transition:background .18s,border-color .18s;
}
body.hm-body .hm-header .hm-pref-switch:focus-visible{outline:3px solid #64b6ff;outline-offset:2px}
body.hm-body .hm-header .hm-pref-switch-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;z-index:0}
body.hm-body .hm-header .hm-pref-switch-track >span:not(.hm-pref-switch-thumb),
body.hm-body .hm-header .hm-pref-switch-track >svg{z-index:1;position:relative;pointer-events:none}
body.hm-body .hm-header .hm-pref-switch-track >span:not(.hm-pref-switch-thumb){font-size:10px;font-family:var(--hm-facebook-font);font-weight:800;letter-spacing:0}
body.hm-body .hm-header .hm-pref-switch .hm-pref-switch-thumb{
  position:absolute;z-index:0;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);
  border-radius:17px;background:white;box-shadow:0 1px 5px #20496a2d;
  transition:transform .2s cubic-bezier(.2,.7,.2,1);
}
body.hm-body .hm-header .hm-pref-switch[aria-checked="true"] .hm-pref-switch-thumb{transform:translateX(100%)}
body.hm-body .hm-header .hm-pref-switch[aria-checked="false"] .hm-pref-switch-track>span:first-child,
body.hm-body .hm-header .hm-pref-switch[aria-checked="true"] .hm-pref-switch-track>span:nth-child(2){color:#0967c3}
body.hm-body .hm-header .hm-pref-switch:hover{border-color:#83baeb}
body.hm-body .hm-header .hm-pref-theme svg{width:15px;height:15px}
body.hm-body .hm-header .hm-pref-theme[aria-checked="false"] svg:first-child{color:#d18d0b}
body.hm-body .hm-header .hm-pref-theme[aria-checked="true"] svg:nth-child(2){color:#156ec6}
/* Keep all three header shortcut icons aligned to the 44px search bar. */
body.hm-body .hm-header .hm-header-actions {display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
body.hm-body .hm-header .hm-toolbar-preferences{align-self:center}
@media(min-width:761px) and (max-width:1040px){
  body.hm-body .hm-header .hm-toolbar-preferences{gap:4px;padding-right:5px;margin-right:0}
  body.hm-body .hm-header .hm-pref-switch{width:58px;height:32px}
  body.hm-body.hm-member .hm-header.hm-header-logged{grid-template-columns:clamp(112px,14vw,148px) minmax(0,1fr) auto!important;gap:7px!important}
  body.hm-body.hm-member .hm-header .hm-header-actions{gap:5px!important}
}
@media(max-width:760px){
  body.hm-body .hm-header .hm-header-actions{flex-wrap:nowrap;gap:5px!important}
  body.hm-body .hm-header .hm-toolbar-preferences{gap:5px;margin-right:1px;padding-right:6px}
  body.hm-body .hm-header .hm-pref-switch{width:54px;height:31px}
  body.hm-body .hm-header .hm-pref-switch .hm-pref-switch-thumb{top:2px;left:2px;height:calc(100% - 4px);width:calc(50% - 2px)}
  body.hm-body .hm-header .hm-pref-switch-track >span:not(.hm-pref-switch-thumb){font-size:9px}
}
@media(max-width:380px){
  body.hm-body .hm-header .hm-header-actions{gap:3px!important}
  body.hm-body .hm-header .hm-pref-switch{width:49px;height:30px}
  body.hm-body .hm-header .hm-toolbar-preferences{gap:3px;padding-right:4px}
  body.hm-body .hm-header .hm-header-actions > .hm-header-action{width:36px!important;min-width:36px!important;height:38px!important;min-height:38px!important}
}
@media(prefers-reduced-motion:reduce){body.hm-body .hm-header .hm-pref-switch *{transition:none!important}}
/* ========== Dark theme ========== */
html[data-hm-theme="dark"]{color-scheme:dark;--bg:#111b2a;--surface:#1b293b;--ink:#eaf1ff;--muted:#acbdd1;--border:#35475e;--shadow:0 5px 23px rgba(0,0,0,.20)}
html[data-hm-theme="dark"] body.hm-body,
html[data-hm-theme="dark"] body.hm-body:not(.is-admin){background:#111b2a!important;color:#eaf1ff!important}
html[data-hm-theme="dark"] body.hm-body .hm-header,
html[data-hm-theme="dark"] body.hm-body .hm-header.hm-header-logged,
html[data-hm-theme="dark"] body.hm-body .hm-sidebar,
html[data-hm-theme="dark"] body.hm-body .hm-footer{background:#172536!important;border-color:#34485e!important;color:#eaf1ff!important}
html[data-hm-theme="dark"] body.hm-body .hm-header .hm-toolbar-brand img{background:transparent!important}
html[data-hm-theme="dark"] body.hm-body .hm-header .hm-pref-switch {background:#263a50!important;border-color:#4b6179!important;color:#cfdeee!important}
html[data-hm-theme="dark"] body.hm-body .hm-header .hm-pref-switch .hm-pref-switch-thumb{background:#e0efff!important}
html[data-hm-theme="dark"] body.hm-body .hm-header .hm-toolbar-preferences{border-color:#47617b!important}
html[data-hm-theme="dark"] body.hm-body :is(.hm-search,.hm-header-action,.hm-side-link,.hm-side-expand>summary,.hm-side-submenu,.hm-mobile-menu,.hm-footer-links a){border-color:#344c64!important}
html[data-hm-theme="dark"] body.hm-body .hm-header :is(.hm-search,.hm-header-action){background:#23364c!important;color:#dceeff!important}
html[data-hm-theme="dark"] body.hm-body .hm-header .hm-search input{color:#eaf1ff!important;background:transparent!important}
html[data-hm-theme="dark"] body.hm-body .hm-header .hm-search input::placeholder{color:#acbdd1!important}
html[data-hm-theme="dark"] body.hm-body :is(.hm-side-link,.hm-side-expand>summary,.hm-side-submenu a,.hm-footer-links a){color:#d1deec!important}
html[data-hm-theme="dark"] body.hm-body :is(.hm-side-link.is-active,.hm-side-link:hover,.hm-side-expand>summary:hover){background:#294467!important;color:#fff!important}
/* Do not alter the distinctive dark-blue member identity card or tier status colors. */
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-market,.hm-home,.hm-category-panel,.hm-product-row,.hm-unified-page,.hm-unified-head,
  .commerce-card,.commerce-panel,.commerce-table-wrap,.hm-account-page,
  .hm-account-card,.hm-account-progress,.hm-account-panel,.hm-article-card,
  .reading-card,.simple-card,.news-card,.product-card,.hm-public-info-page,
  .hm-public-info-card,.hm-public-info-heading,.hm-section-card,.hm-info-card,
  .hm-product-detail-layout,.hm-product-detail-card,.wallet-create-card,.wallet-payment-card,
  .hm-device-card,.hm-security-panel,.hm-security-card,.hm-login-history-row,
  .hm-product-detail-shell,.hm-category-groups,.hm-market-section
){background-color:#1c2b3e!important;border-color:#364b65!important;color:#eaf1ff!important;box-shadow:0 2px 14px rgba(0,0,0,.12)!important}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-category-panel-heading,.hm-category-panel-content,.hm-market-heading,
  .hm-unified-head,.hm-account-unified-head,.hm-public-info-heading,
  .wallet-section-heading,.wallet-payment-heading,.hm-section-top,
  .hm-v36-primary,.hm-product-row-actions,.hm-v36-metric,
  .hm-product-row-info,.commerce-table th,.commerce-table td,
  .wallet-payment-info,.hm-security-subcard,.hm-account-tier-card,
  .hm-account-progress-card,.hm-account-upgrade,.hm-account-progress-grid>div
){background-color:#23354a!important;border-color:#3b506a!important;color:#eaf1ff!important}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-category-panel-content,.hm-category-panel .hm-product-row,.hm-home .hm-product-row,
  .hm-product-list .hm-product-row,.commerce-table tr,
  .wallet-transaction,.wallet-list-item,.hm-news-item,.hm-list-row
){background-color:#1c2b3e!important;border-color:#3b506a!important}
/* Visible, consistent text on cards – preserve colored badge and CTA foregrounds. */
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(h1,h2,h3,h4,.hm-unified-head-copy>h1,.hm-category-panel-copy h3,.hm-v36-primary h3,.commerce-card h2){color:#e7f4ff!important}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(p,small,.hm-v36-description,.commerce-label,.form-helper,.hm-category-panel-copy p,.hm-market-copy p){color:#b7c9dd!important}
html[data-hm-theme="dark"] body.hm-body :is(.hm-footer p,.hm-footer small){color:#b7c9dd!important}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:#15253a!important;border-color:#42607e!important;color:#ecf4ff!important}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(input,textarea)::placeholder{color:#a3b6ca!important}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(label,.form-stack label,.settings-fields label){color:#d9e7f5!important}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(.button-light,.button-white,.category-tab,.hm-category-panel-link,.button-ghost,.wallet-copy){background:#29415b!important;color:#e7f1ff!important;border-color:#49627e!important}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(.category-tab.selected,.button-main){background:#1175d8!important;color:#fff!important}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(.hm-v36-status,.hm-row-tag,.hm-tier-badge,.hm-row-price,.stock,.wallet-status){filter:none}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .hm-row-price{color:#fff!important}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .hm-v36-status:where(.is-out,.is-soldout){color:#fff!important}
html[data-hm-theme="dark"] body.hm-body .hm-footer-brand strong{color:#e6f5ff!important}
html[data-hm-theme="dark"] body.hm-body .hm-flash-area :is(.alert,.flash){background:#29415b!important;color:#f3f8ff!important;border-color:#47627c!important}
html[data-hm-theme="dark"] body.hm-body .hm-body .modal,
html[data-hm-theme="dark"] body.hm-body :is(.modal-content,.dialog-panel,[role="dialog"],.wallet-success-dialog){background:#1e2d40!important;color:#eaf1ff!important;border-color:#405773!important}
html[data-hm-theme="dark"] body.hm-body .hm-auth-viewport :is(.auth-panel,.hm-auth-form,.auth-card){background:#1e2d40!important;color:#eaf1ff!important}
html[data-hm-theme="dark"] body.hm-body :focus-visible{outline-color:#61b6ff!important}


/* === Dark mode coverage and toolbar switch sizing fix: 2026-10-18 === */
/* Two toggles match the 44px notification / wallet / orders shortcuts on desktop. */
body.hm-body .hm-header .hm-header-actions > .hm-toolbar-preferences .hm-pref-switch {
  box-sizing:border-box;width:66px;height:44px;min-height:44px;border-radius:11px;
  align-self:center;
}
body.hm-body .hm-header .hm-toolbar-preferences {align-items:center;}
body.hm-body .hm-header .hm-header-actions > .hm-toolbar-preferences .hm-pref-switch .hm-pref-switch-thumb {
  box-sizing:border-box;border-radius:8px;
}
@media (min-width:761px) and (max-width:1040px) {
  body.hm-body .hm-header .hm-header-actions > .hm-toolbar-preferences .hm-pref-switch {width:58px;height:44px;min-height:44px}
}
@media (max-width:760px) {
  body.hm-body .hm-header .hm-header-actions > .hm-toolbar-preferences .hm-pref-switch {width:54px;height:44px;min-height:44px}
}
@media (max-width:380px) {
  /* This matches the notification icon's 38px height at phone widths <= 380px. */
  body.hm-body .hm-header .hm-header-actions > .hm-toolbar-preferences .hm-pref-switch {width:49px;height:38px;min-height:38px}
}

/* === Unified dark surfaces for Security, Policy and Support === */
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-public-info,.hm-public-info-sheet,.hm-device-security-page,.hm-device-security-panel,
  .hm-site-announcement,.hm-login-history-entry,.hm-trusted-device-card,
  .hm-security-request,.hm-reading-page,.hm-reading-body,.reading-card
) {
  background:#1c2b3e!important;
  background-image:none!important;
  color:#eaf1ff!important;
  border-color:#364b65!important;
}
/* Parent page area remains uniformly dark, rather than a white rectangle. */
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-public-info-heading,.hm-public-policy-body,.hm-support-methods,
  .hm-support-method,.hm-public-info-bottom,.hm-support-security-note,
  .hm-device-security-heading,.hm-security-request-content,.hm-trusted-device-footer
) {
  background:#1c2b3e!important;
  background-image:none!important;
  border-color:#364b65!important;
  color:#e8f2ff!important;
}
/* Nested detail tiles and form panels. */
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-security-meta>div,.hm-support-symbol,.hm-public-info-icon,
  .hm-device-security-icon,.hm-security-status,.hm-trusted-device-remove-form,
  .hm-security-request-details[open],.hm-public-empty
) {
  background:#253950!important;
  background-image:none!important;
  border-color:#415873!important;
  color:#e8f2ff!important;
}
/* Preserve a clear distinction in status badges; keep action buttons colored. */
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-device-security-panel,.hm-public-info-sheet,.hm-trusted-device-card
) :is(h1,h2,h3,h4,.hm-security-alert-title,.hm-login-history-top strong,
        .hm-support-details strong,.hm-security-request-content strong) {
  color:#f1f7ff!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-public-info-sheet,.hm-device-security-page,.hm-device-security-panel
) :is(p,dt,dd,small,li,.hm-security-muted,.hm-public-info-heading p,
        .hm-support-details small,.hm-public-policy-body p,.hm-public-info-bottom,
        .hm-site-announcement p,.hm-login-history-note) {
  color:#dce8f8!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-public-info-heading h1,.hm-device-security-heading h1,
  .hm-device-security-panel h2
) {color:#eef6ff!important;}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-support-method,.hm-security-meta>div,.hm-public-info-heading,.hm-device-security-heading
) {border-color:#405671!important;}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-public-info-sheet,.hm-device-security-panel
) :is(a:not(.hm-support-action),.hm-security-expand,.hm-public-info-bottom a) {
  color:#7cc8ff!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-security-history-link,.hm-trusted-device-remove>summary
) {background:#2a425e!important;border-color:#486483!important;color:#f3f8ff!important;}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .hm-trusted-device-remove-form input,
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .hm-security-decision input,
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .hm-security-enroll input {
  background:#15253a!important;color:#edf6ff!important;border-color:#47627f!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-security-error,.hm-login-history-danger
) {background:#562637!important;border-color:#9e5561!important;color:#ffe7ed!important;}
/* Reading article: the white writing card and dark text previously survived theme changes. */
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-reading-page,.hm-reading-body,.reading-wrap,.reading-card,
  .hm-article-head,.hm-reading-body .article-content
) {background:#1c2b3e!important;background-image:none!important;border-color:#364b65!important;color:#f1f6ff!important;}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-reading-body .article-content,.hm-reading-body .article-lead,
  .hm-reading-body .article-content p,.hm-reading-body .article-content li,
  .hm-reading-body .article-content blockquote,.hm-reading-body .article-content span,
  .hm-reading-body .article-content strong,.hm-reading-body .article-content em,
  .reading-card .article-content,.reading-card .article-lead
) {color:#f1f6ff!important;}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .hm-reading-body .article-content :is(h1,h2,h3,h4,h5,h6){color:#fff!important;}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .hm-reading-body :is(hr,blockquote){border-color:#425a78!important;}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .hm-reading-body .article-content a{color:#80c7ff!important;}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .hm-reading-body .article-content :is(code,pre){background:#263a51!important;color:#e6f3ff!important;}

/* ============================================================
   Dark mode - sidebar navigation contrast (2026-10-18 v3)
   An older layout stylesheet forces .hm-side-links to white
   with !important. Override that only while Dark Mode is on.
   The blue account card, tier badges and light mode stay intact.
   ============================================================ */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar {
  background:#172536!important;
  border-color:#34485e!important;
  color:#e8f1fc!important;
  scrollbar-color:#4c6480 #172536;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar > .hm-side-links,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar nav.hm-side-links {
  background:#172536!important;
  background-image:none!important;
  border-color:#34485e!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-side-link,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-side-expand > summary.hm-side-link,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-side-submenu a {
  background:transparent!important;
  color:#dce9f8!important;
  border-color:transparent!important;
  text-shadow:none!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-side-link .site-icon,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-side-submenu .site-icon {
  color:#a9c8eb!important;
  stroke:currentColor;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar :is(
  a.hm-side-link:hover,a.hm-side-link:focus-visible,
  .hm-side-expand > summary.hm-side-link:hover,
  .hm-side-expand > summary.hm-side-link:focus-visible,
  .hm-side-expand[open] > summary.hm-side-link,
  .hm-side-submenu a:hover,.hm-side-submenu a:focus-visible
) {
  background:#253d5b!important;
  color:#fff!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar :is(
  a.hm-side-link.is-active,
  .hm-side-submenu a[aria-current="page"]
) {
  background:#304b76!important;
  color:#fff!important;
  font-weight:700!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar :is(
  .hm-side-link:hover,.hm-side-link:focus-visible,.hm-side-link.is-active,
  .hm-side-expand[open] > summary.hm-side-link
) .site-icon {color:#e4f2ff!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-side-submenu {
  background:#172536!important;
  border-color:#34485e!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-mobile-menu {
  background:#172536!important;
  border-color:#34485e!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-mobile-menu > summary {
  background:transparent!important;
  color:#e1edfb!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-mobile-menu > summary .site-icon {
  color:#b9d7f5!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-side-link:focus-visible,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-sidebar .hm-side-submenu a:focus-visible {
  outline:2px solid #79c7ff!important;
  outline-offset:2px;
}


/* ============================================================
   Dark Mode v4: account + 2FA surfaces and flicker-proof toggle.
   CSS loaded LAST in layout.php. No light-mode changes.
   ============================================================ */
/* The initial button markup says aria-checked=false until deferred JS runs.
   Render from saved html[data-hm-theme] immediately so the thumb never flickers. */
html[data-hm-theme="dark"] body.hm-body .hm-header #hm-theme-switch .hm-pref-switch-thumb {
  transform:translateX(100%)!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-header #hm-theme-switch .hm-pref-switch-track>svg:nth-of-type(2){color:#156ec6!important;}
html[lang="en"] body.hm-body .hm-header #hm-language-switch .hm-pref-switch-thumb {
  transform:translateX(100%)!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main,
html[data-hm-theme="dark"] body.hm-body .hm-shell-main>.hm-flash-area {
  background-color:#111b2a!important;
}
/* Keep the parent frame and nested account forms dark together; older CSS
   forces the account shell white or uses hard-coded pastel fills. */
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-v2,
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-v2 .account-shell-single,
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-v2 .account-forms,
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-v2 .account-panel {
  background:#1c2b3e!important;
  background-image:none!important;
  border-color:#364b65!important;
  color:#edf5ff!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-v2 :is(
  .account-summary-strip,.account-upgrade-card,.account-upgrade-stat,
  .totp-status,.totp-disable-details,.totp-setup-info,
  .totp-recovery,.totp-recovery pre,.account-facts,.account-facts>div
){
  background:#253950!important;
  background-image:none!important;
  border-color:#405873!important;
  box-shadow:none!important;
  color:#eff6ff!important;
}
/* Security status panel explicitly used a #f5faff background. */
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-two-factor .totp-status {
  background:#263c55!important;
  border:1px solid #496481!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-two-factor .totp-status :is(strong,small),
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-v2 :is(
  .account-summary-strip span,.account-summary-strip strong,
  .account-panel-header p,.account-panel-header h2,.account-panel-overline,
  .account-upgrade-heading p,.account-upgrade-heading h2,.account-upgrade-eyebrow,
  .account-upgrade-stat>span,.account-upgrade-stat>strong,
  .account-upgrade-track-head,.account-upgrade-track-head strong,
  .account-upgrade-footer,.account-form-actions span,.account-field small,
  .totp-setup-info h3,.totp-setup-info p,.totp-disable-details summary,
  .totp-disable-details p,.totp-recovery p
){color:#e7f1ff!important;}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-v2 :is(
  .account-panel-header,.account-panel+.account-panel,
  .account-summary-strip>div+div
){border-color:#405873!important;}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-v2 .account-upgrade-track{
  background:#344b67!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-two-factor .totp-status-pill.is-disabled{
  background:#334a66!important;color:#e8f2ff!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-two-factor .totp-status-pill.is-enabled{
  background:#165e45!important;color:#f0fff8!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-two-factor .totp-setup-qr,
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-two-factor .totp-setup-qr svg {
  /* QR MUST remain white so Authenticator can scan it reliably. */
  background:#fff!important;color:#111!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-two-factor .totp-setup-info .totp-secret{
  background:#142b42!important;border-color:#527294!important;color:#a9deff!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-v2 :is(.account-feedback,.totp-recovery){
  border-color:#5b7797!important;
}
html[data-hm-theme="dark"] body.hm-body .hm-shell-main .account-v2 .totp-recovery pre{
  background:#18293d!important;
}
/* Dark transitions must never repaint via a white intermediate background. */
html[data-hm-theme="dark"] body.hm-body .hm-shell-main :is(
  .hm-unified-page,.hm-public-info-page,.hm-public-info-sheet,
  .hm-device-security-page,.hm-device-security-panel,.commerce-card,
  .hm-category-groups,.hm-category-panel,.hm-category-panel-content
){background-color:#1c2b3e!important;}
html[data-hm-theme="dark"] body.hm-body .hm-page-navigation-error{
  background:#392b3b!important;border-color:#75506e!important;color:#ffe7f0!important;
}


/* ===============================================================
   UI polish v5: account dividers + understated, elegant toggles.
   Only the logged-in member shell participates in Dark Mode.
   The standalone login/register screens are not themed.
   =============================================================== */
/* Clear dark-mode lines: never leave near-white rules on account cards. */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .account-v2 :is(
  .hm-unified-head,.account-main-heading,.account-panel-header,.account-form-actions,
  .account-summary-strip,.account-summary-strip>div,.account-facts,
  .account-facts>div,.account-upgrade-header,.account-upgrade-footer,
  .account-upgrade-track-head,.account-two-factor .totp-status,
  .totp-disable-details,.totp-setup-info,.totp-recovery,
  .account-panel,.account-field-grid,.account-upgrade-card,
  .account-upgrade-stat,.account-upgrade-stats
) {
  border-color:#3b5069!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .account-v2 :is(
  .account-panel-header,.account-form-actions,
  .account-summary-strip>div+div,.account-facts>div+div,
  .account-upgrade-header,.account-upgrade-footer,.hm-unified-head
) {
  border-top-color:#3b5069!important;
  border-bottom-color:#3b5069!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .account-v2 :is(
  hr,.divider,.separator,.account-divider,.account-separator,
  .account-form-divider,.account-section-divider
){
  background-color:#3b5069!important;
  border-color:#3b5069!important;
  color:#3b5069!important;
}
/* Account headings/icons should stay vibrant without unwanted white lines. */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .account-v2 .account-panel-icon{
  background-color:#264762!important;color:#a6d9ff!important;
}

/* Switches: subtly raised segmented controls with a smooth inset selection. */
body.hm-body.hm-member .hm-header .hm-toolbar-preferences{
  display:inline-flex;align-items:center;gap:8px;
  padding-right:11px;margin-right:3px;
  border-right:1px solid #d8e4f0;
}
body.hm-body.hm-member .hm-header .hm-header-actions > .hm-toolbar-preferences .hm-pref-switch{
  width:70px;height:44px;min-height:44px;flex-shrink:0;
  display:inline-grid;place-items:center;
  padding:3px;margin:0;
  border:1px solid #d3dfeb;border-radius:13px;
  background:#eef3f9;
  color:#71869d;
  box-shadow:inset 0 1px 2px rgba(13,53,96,.04);
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.hm-body.hm-member .hm-header .hm-pref-switch .hm-pref-switch-track{
  width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;
}
body.hm-body.hm-member .hm-header .hm-pref-switch .hm-pref-switch-thumb{
  top:0;left:0;width:50%;height:100%;border-radius:9px;
  background:#fff;
  box-shadow:0 1px 5px rgba(23,62,102,.16),0 0 0 1px rgba(22,67,119,.045);
  transition:transform .2s cubic-bezier(.2,.75,.2,1),background-color .18s ease;
}
body.hm-body.hm-member .hm-header .hm-pref-switch .hm-pref-switch-track>span:not(.hm-pref-switch-thumb){
  color:#71869d;font-size:11px;line-height:1;font-weight:800;letter-spacing:.02em;
}
body.hm-body.hm-member .hm-header .hm-pref-theme svg{
  width:16px;height:16px;color:#8191a7;
}
/* Selected half stays legible; the actual switch semantics are unchanged. */
body.hm-body.hm-member .hm-header .hm-pref-language[aria-checked="false"] .hm-pref-switch-track>span:first-child,
body.hm-body.hm-member .hm-header .hm-pref-language[aria-checked="true"] .hm-pref-switch-track>span:nth-child(2){color:#176bc4;font-weight:800}
body.hm-body.hm-member .hm-header .hm-pref-theme[aria-checked="false"] .hm-pref-switch-track>svg:first-child{color:#c38a22}
body.hm-body.hm-member .hm-header .hm-pref-theme[aria-checked="true"] .hm-pref-switch-track>svg:nth-of-type(2){color:#176bc4}
body.hm-body.hm-member .hm-header .hm-pref-switch:hover{
  border-color:#9fbddb;background:#e8f1fb;
  box-shadow:0 2px 8px rgba(22,66,109,.09);
}
body.hm-body.hm-member .hm-header .hm-pref-switch:active{box-shadow:inset 0 1px 3px rgba(22,66,109,.13)}
body.hm-body.hm-member .hm-header .hm-pref-switch:focus-visible{
  outline:2px solid #3699e6;outline-offset:3px;
}
/* Dark scheme for MEMBER toggles only, preserving the guest login styling. */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-preferences{border-color:#425973!important}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-pref-switch{
  background:#1a2a3d!important;
  border-color:#455c74!important;
  color:#bfd2e4!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.16)!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-pref-switch .hm-pref-switch-thumb{
  background:#355579!important;
  box-shadow:0 1px 5px rgba(0,0,0,.2),inset 0 0 0 1px rgba(172,209,241,.1)!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-pref-switch .hm-pref-switch-track>span:not(.hm-pref-switch-thumb),
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-pref-theme svg{color:#aebfd1}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-pref-language[aria-checked="false"] .hm-pref-switch-track>span:first-child,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-pref-language[aria-checked="true"] .hm-pref-switch-track>span:nth-child(2){color:#fff!important}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-pref-theme[aria-checked="false"] .hm-pref-switch-track>svg:first-child{color:#ffcf78!important}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-pref-theme[aria-checked="true"] .hm-pref-switch-track>svg:nth-of-type(2){color:#d5eeff!important}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-pref-switch:hover{border-color:#6684a7!important;background:#253b53!important}
@media(min-width:761px) and (max-width:1040px){
  body.hm-body.hm-member .hm-header .hm-header-actions > .hm-toolbar-preferences .hm-pref-switch{width:60px}
  body.hm-body.hm-member .hm-header .hm-toolbar-preferences{gap:5px;padding-right:6px;margin-right:0}
}
@media(max-width:760px){
  body.hm-body.hm-member .hm-header .hm-header-actions > .hm-toolbar-preferences .hm-pref-switch{width:54px;height:44px;min-height:44px;padding:3px}
  body.hm-body.hm-member .hm-header .hm-toolbar-preferences{gap:5px;padding-right:6px;margin-right:0}
}
@media(max-width:380px){
  body.hm-body.hm-member .hm-header .hm-header-actions > .hm-toolbar-preferences .hm-pref-switch{width:49px;height:38px;min-height:38px;padding:2px}
  body.hm-body.hm-member .hm-header .hm-toolbar-preferences{gap:3px;padding-right:4px;margin-right:0}
  body.hm-body.hm-member .hm-header .hm-pref-switch .hm-pref-switch-track>span:not(.hm-pref-switch-thumb){font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  body.hm-body.hm-member .hm-header .hm-pref-switch,
  body.hm-body.hm-member .hm-header .hm-pref-switch .hm-pref-switch-thumb{transition:none!important}
}

/* Resolve inherited border tokens in remaining member tabs (dark only). */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main {
  --hm-line:#405774;
  --hm-border:#405774;
  --line:#405774;
  --divider:#405774;
  --border:#405774;
}

/* -----------------------------------------------------------------------
   FB Clone Dark Mode v6 - detail page + residual dividers, member-only.
   The public login/register page remains untouched.
   Specificity intentionally beats the legacy product-detail !important
   white backgrounds and dynamically appended PJAX page stylesheets.
   ----------------------------------------------------------------------- */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main > main.product-detail-page.hm-unified-page.hm-product-detail-unified {
  background:#1b293b!important;
  background-image:none!important;
  border-color:#354b64!important;
  color:#eaf1ff!important;
  box-shadow:0 3px 16px rgba(0,0,0,.18)!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .detail-surface,.detail-small-info,.detail-related-card,.detail-missing,
  .detail-intro,.detail-description,.detail-order
) {
  background:#213149!important;
  background-image:none!important;
  border-color:#3b526f!important;
  color:#eaf1ff!important;
  box-shadow:none!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified > .hm-product-detail-head {
  background:transparent!important;
  border-color:#405774!important;
  border-bottom-color:#405774!important;
  box-shadow:none!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .detail-heading,.detail-section-title,.order-header,.detail-meta,
  .detail-layout,.detail-main,.detail-info-grid,.order-total
) {
  color:#eaf1ff!important;
  border-color:#405774!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .hm-product-detail-head h1,.detail-product-name,.detail-section-title h2,
  .detail-related-head h2,.order-header h2,.detail-small-info strong,
  .order-total>span,.order-quantity-block label,.detail-missing h1
){color:#f2f7ff!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .detail-description-body,.detail-description-body p,.detail-description-body span,
  .detail-description-body li,.detail-description-body strong,.order-header p,
  .detail-small-info p,.order-help,.order-safety,.detail-meta,.detail-code,
  .order-unit-price,.detail-missing p,.hm-product-detail-head p,
  .order-quantity-block small,.order-total small
){color:#cbd9e9!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified .detail-description-body :is(h1,h2,h3,h4,h5,h6){color:#f0f7ff!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified .detail-description-body a{color:#83ceff!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .order-unit-price,.order-quantity-block,.order-total,.order-safety,
  .detail-section-title,.detail-related-head,hr,.detail-divider
){border-color:#405774!important;border-top-color:#405774!important;border-bottom-color:#405774!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .order-unit-price,.order-quantity-block,.order-total,.order-safety
)::before,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .order-unit-price,.order-quantity-block,.order-total,.order-safety
)::after{border-color:#405774!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .detail-code,.detail-category,.detail-visual-tag
){background:#30465e!important;color:#afdfff!important;border-color:#47627c!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified .detail-state.in-stock{background:#154e3b!important;color:#bafbdd!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified .detail-state.out-stock{background:#703044!important;color:#ffe0e8!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .detail-section-icon,.detail-missing-icon,.detail-section-title .detail-section-icon
){background:#2e4661!important;color:#96d2ff!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .quantity-control,.quantity-control input,.quantity-control button,
  .detail-copy
){background:#233b54!important;border-color:#476482!important;color:#e7f4ff!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified :is(
  .order-unit-price strong,.order-total strong
){color:#7ed1ff!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-detail-unified .detail-unavailable{
  background:#423326!important;border-color:#6b523b!important;color:#ffdfb9!important;
}
/* Keep primary buy button, brand-blue artwork and status colors intact. */

/* Divider sweep for pages with legacy light-only border-color or inline border
   rules. Scope to structural separators, not buttons, badges or colored icons. */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main :is(
  hr,.hm-unified-head,.hm-account-unified-head,.hm-section-top,.hm-section-heading,
  .hm-section-header,.hm-panel-heading,.hm-category-panel-heading,
  .hm-category-panel-content,.hm-market-heading,.hm-public-info-heading,
  .hm-device-security-heading,.hm-device-security-panel,
  .hm-product-detail-head,.hm-article-head,.hm-news-head,.hm-news-header,
  .hm-reading-head,.hm-wallet-header,.wallet-section-heading,
  .commerce-card,.commerce-panel,.commerce-table-wrap,
  .account-panel-header,.account-form-actions,.account-summary-strip,
  .account-facts,.account-facts>div,.account-panel,.account-upgrade-header,
  .account-upgrade-footer,.totp-status,.totp-disable-details,
  .detail-surface,.detail-section-title,.order-safety,
  .order-unit-price,.order-quantity-block
){border-color:#405774!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main :is(
  hr,.account-divider,.account-section-divider,.account-form-divider,
  .hm-section-divider,.hm-panel-divider,.hm-unified-divider,
  .wallet-divider,.detail-divider
){background-color:#405774!important;border-color:#405774!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main :is(
  .hm-unified-head,.hm-category-panel-heading,.hm-public-info-heading,
  .hm-device-security-heading,.account-panel-header,.account-form-actions,
  .detail-section-title,.order-unit-price,.order-quantity-block,.order-safety
){border-bottom-color:#405774!important;border-top-color:#405774!important;}

/* First-paint switch state should never visibly slide after F5. */
html[data-hm-pref-booting="1"] body.hm-body.hm-member .hm-header .hm-pref-switch,
html[data-hm-pref-booting="1"] body.hm-body.hm-member .hm-header .hm-pref-switch .hm-pref-switch-thumb {transition:none!important;animation:none!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header #hm-theme-switch .hm-pref-switch-thumb{transform:translateX(100%);}
html[data-hm-theme="light"] body.hm-body.hm-member .hm-header #hm-theme-switch .hm-pref-switch-thumb{transform:translateX(0);}
html[lang="en"] body.hm-body.hm-member .hm-header #hm-language-switch .hm-pref-switch-thumb{transform:translateX(100%);}
html[lang="vi"] body.hm-body.hm-member .hm-header #hm-language-switch .hm-pref-switch-thumb{transform:translateX(0);}


/* ================================================================
   FB Clone | Dark Mode V8 – catalog contrast + news separators
   Applied only in the member area while Dark Mode is active.
   The original blue/green/red buttons and badges are deliberately
   left untouched. Specific selectors beat legacy !important rules.
   ================================================================ */
/* The original news stylesheet paints the row separator #e8eff6.
   Do not eliminate row distinction; tone it down to muted navy. */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-news-page .hm-news-list > .hm-news-list-item {
  border-color:#31475e!important;
  border-bottom-color:#31475e!important;
  background-color:#1c2b3e!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-news-page .hm-news-list > .hm-news-list-item:last-child {
  border-bottom-width:0!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-news-page :is(
  .hm-news-alone,.hm-news-list,.hm-news-list-copy,.hm-news-empty
){background-color:#1c2b3e!important;color:#eaf2ff!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-news-page .hm-news-list-copy :is(h2,h2 a,h2 a:visited){
  color:#eef6ff!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-news-page .hm-news-list-copy h2 a:hover {
  color:#8fd0ff!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-news-page .hm-news-list-copy > span{color:#aac2df!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-news-page .hm-news-list-copy > p{color:#c2d2e5!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-news-page .hm-news-read{color:#90ceff!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-news-page :is(.hm-section-top,.hm-unified-head){
  border-color:#31475e!important;
  border-bottom-color:#31475e!important;
}

/* Force product name anchors light; old catalog stylesheet hard-codes
   #143966 !important, which looks invisible on #22354a. */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-primary :is(h2,h3),
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-primary :is(h2,h3) a,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-product-row-info > :is(h2,h3),
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-product-row-info > :is(h2,h3) a {
  color:#eef6ff!important;
  text-shadow:none!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-primary :is(h2,h3) a:hover,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-product-row-info > :is(h2,h3) a:hover {
  color:#94d4ff!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-description {
  color:#c2d3e6!important;
}

/* Stock/sold-out metrics have independently hard-coded light-theme text,
   labels, values, SVG stroke and a near-white dividing rule. */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-metric {
  background-color:#22354a!important;
  color:#d0e2f3!important;
  border-color:#344b64!important;
  border-left-color:#344b64!important;
  border-top-color:#344b64!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-metric-label {
  color:#bdd1e6!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-metric-value,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-metric-value strong {
  color:#f0f7ff!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-metric-icon,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-metric-icon .site-icon,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row .hm-v36-metric-icon svg {
  color:#84c9ff!important;
  stroke:currentColor!important;
}

/* Card headers and item cells: dark understated rules rather than white.
   Keep badge, row price, and CTA backgrounds/colors as-is. */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main :is(
  .hm-category-panel,.hm-category-panel-heading,.hm-category-panel-content,
  .hm-product-row,.hm-product-row-info,.hm-product-row-actions,
  .hm-market-heading,.hm-section-top,.hm-unified-head,.hm-market-section
){border-color:#344b64!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-category-panel-heading {
  border-bottom-color:#344b64!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-category-panel .hm-product-row {
  border-color:#344b64!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-product-row :is(
  .hm-product-row-info,.hm-product-row-actions
){border-color:#344b64!important;}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main :is(
  .hm-market-heading,.hm-unified-head,.hm-section-top,.hm-section-header,.hm-news-head,
  .hm-news-header,.hm-category-panel-heading
)::after {
  border-color:#344b64!important;
}


/* ================================================================
   FIX V9 – 2 dividing lines in SẢN PHẨM NỔI BẬT (DARK MODE ONLY)
   hosting_redesign.css sets .hm-category-bar border-top/bottom
   to #eaf0f6. Override EXACT selector on the existing catalog.
   Do not replace the rest of member_preferences.css.
   ================================================================ */
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-market > .hm-category-bar,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-shell-main .hm-home .hm-market .hm-category-bar {
  border-top: 1px solid #31475e !important;
  border-bottom: 1px solid #31475e !important;
  box-shadow: none !important;
}


/* ---------------------------------------------------------------
   V11 - theme switch paint lock. Keep these rules LAST.
   Zero transitions during F5, BFCache restore and PJAX mount.
   Only an explicit toolbar click can enable the thumb animation.
   --------------------------------------------------------------- */
html body.hm-body.hm-member .hm-header #hm-theme-switch .hm-pref-switch-thumb,
html body.hm-body.hm-member .hm-header #hm-language-switch .hm-pref-switch-thumb {
  transition:none!important;
  animation:none!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header #hm-theme-switch .hm-pref-switch-thumb {
  transform:translateX(100%)!important;
}
html:not([data-hm-theme="dark"]) body.hm-body.hm-member .hm-header #hm-theme-switch .hm-pref-switch-thumb {
  transform:translateX(0)!important;
}
html[lang="en"] body.hm-body.hm-member .hm-header #hm-language-switch .hm-pref-switch-thumb {
  transform:translateX(100%)!important;
}
html:not([lang="en"]) body.hm-body.hm-member .hm-header #hm-language-switch .hm-pref-switch-thumb {
  transform:translateX(0)!important;
}
html[data-hm-user-toggle="1"] body.hm-body.hm-member .hm-header #hm-theme-switch .hm-pref-switch-thumb,
html[data-hm-user-toggle="1"] body.hm-body.hm-member .hm-header #hm-language-switch .hm-pref-switch-thumb {
  transition:transform .20s cubic-bezier(.2,.75,.2,1)!important;
}