/* FB CLONE: member panel inside fixed sidebar; product list uses full main width. */
body.hm-body .hm-shell-main > main.hm-home .hm-home-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;min-width:0;
}
body.hm-body .hm-home-grid > .hm-market{min-width:0;width:100%;margin:0 0 12px}
/* Card is part of sidebar chrome, not the catalog outer panel. */
body.hm-body.hm-member .hm-sidebar > .hm-market-member-card{
  display:block!important;position:static!important;flex:0 0 auto;
  min-width:0;width:calc(100% - 18px);margin:11px 9px 8px!important;
  background:#fff;border:1px solid #dce8f6;border-radius:12px;
  box-shadow:0 4px 16px rgba(30,89,157,.055);overflow:hidden;
}
.hm-market-member-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  border-bottom:1px solid #eaf0f6;padding:13px 14px;
}
.hm-market-member-title{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#164f91;white-space:nowrap}
.hm-market-member-title .site-icon{width:17px;height:17px;color:#1677d5}
.hm-market-member-status{padding:4px 9px;border-radius:20px;background:#ebf6ff;color:#0c69c2;font-size:10px;font-weight:700;white-space:nowrap}
/* Compact profile header: name and email on the left, default user avatar on the right. */
body.hm-body .hm-market-member-body{
  display:flex!important;flex-direction:column!important;align-items:stretch;
  gap:12px;min-width:0;padding:14px 15px 15px;
}
body.hm-body .hm-market-member-profile{
  display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;
  align-items:center!important;gap:10px!important;
  width:100%;min-width:0;margin:0;padding:0;text-align:left;
}
body.hm-body .hm-market-member-identity{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center;gap:4px;min-width:0;width:100%;box-sizing:border-box;
  padding:10px;background:#f7faff;border:1px solid #e3eef9;border-radius:10px;
  text-align:left;
}
body.hm-body .hm-market-member-name{
  display:block;width:100%;max-width:100%;font-size:14px;line-height:1.35;
  color:#173f6b;font-weight:850;overflow-wrap:anywhere;
}
body.hm-body .hm-market-member-email{
  display:block;width:100%;max-width:100%;font-size:10.5px;line-height:1.35;
  color:#67829e;overflow-wrap:anywhere;
}
body.hm-body .hm-market-member-avatar{
  display:grid!important;place-items:center!important;flex:none;
  width:64px;height:64px;border-radius:50%;overflow:hidden;
  background:linear-gradient(145deg,#f4faff,#d6eafa);
  border:1px solid #c6dff5;box-shadow:0 5px 16px rgba(27,105,179,.11);
  box-sizing:border-box;
}
body.hm-body .hm-market-member-avatar svg{
  display:block;width:51px;height:51px;max-width:100%;max-height:100%;
}
.hm-market-member-details{display:flex;flex-direction:column;gap:8px;min-width:0}
.hm-market-member-detail{
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  min-height:43px;min-width:0;padding:10px 11px;
  background:#f6f9fd;border:1px solid #e7eef7;border-radius:9px;
  font-size:11px;text-decoration:none;
}
.hm-market-member-detail-label{display:inline-flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;color:#67809d;white-space:nowrap}
.hm-market-member-detail .site-icon{width:15px;height:15px;color:#2b77d0}
.hm-market-member-detail strong{flex:0 1 auto;min-width:0;text-align:right;color:#164c81;font-weight:800;font-size:11px;overflow-wrap:anywhere}
.hm-market-member-balance strong{font-size:13px;color:#056ee3}
a.hm-market-member-balance:hover{border-color:#bad8f9;background:#eff7ff}
.hm-market-member-orders{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 11px;border:1px solid #deebfb;border-radius:9px;
  color:#0b67c6;background:#f4f9ff;font-size:12px;font-weight:750;text-decoration:none;
}
.hm-market-member-orders>span{display:inline-flex;align-items:center;gap:7px}
.hm-market-member-orders .site-icon{width:15px;height:15px}
.hm-market-member-orders:hover{background:#e6f3ff;border-color:#b9d9fd}
.hm-market-member-logout{
  display:flex;align-items:center;justify-content:center;gap:7px;
  min-height:39px;width:100%;padding:9px 12px;
  border:1px solid #cfe0f6;border-radius:9px;color:#1c5d9c;
  background:#fff;font-size:12px;font-weight:750;text-decoration:none;
}
.hm-market-member-logout:hover{background:#edf5ff;border-color:#a9cef7}
.hm-market-member-logout .site-icon{width:15px;height:15px}
/* Keep product cards compact while allowing the full-width main content. */
@media(min-width:1361px){
  body.hm-body .hm-home-grid .hm-product-list{gap:8px!important}
  body.hm-body .hm-home-grid .hm-product-list > .hm-product-row {
    grid-template-columns:minmax(0,1fr) clamp(220px,28%,330px)!important;min-height:88px!important;
  }
  body.hm-body .hm-home-grid .hm-product-row .hm-product-row-info{
    grid-template-columns:53px minmax(100px,1fr) 78px 78px!important;
    gap:6px!important;padding:8px 9px!important;
  }
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-product-icon{
    width:53px!important;height:53px!important;font-size:44px!important;border-radius:11px!important;
  }
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-primary h3,
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-primary h3 a{font-size:13px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-description{font-size:10.5px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-tags{gap:3px 6px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-tags>.hm-row-tag{font-size:9px!important;min-height:19px!important;padding:3px 7px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-tags>.hm-v36-status{font-size:10px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-metric{padding-left:6px!important;gap:4px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-metric-label{font-size:10px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-metric-value{gap:2px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-metric-icon,
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-metric-icon svg{width:14px!important;height:14px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-metric-value strong{font-size:12px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-product-row-actions{gap:6px!important;padding:8px 9px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-product-row-actions .hm-row-price{font-size:16px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-buttons{gap:4px!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-buttons > :is(a,button),
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-buttons > form > :is(a,button){font-size:9px!important;min-height:33px!important;padding:4px 2px!important;gap:3px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-buttons .site-icon{width:12px!important;height:12px!important}
  body.hm-body .hm-home-grid .hm-product-row .hm-v36-buttons .hm-v36-action{overflow-wrap:anywhere!important}
}
@media(max-width:760px){
  body.hm-body .hm-home-grid .hm-market-member-body{padding:12px}
}
/* At phone widths, keep both real inventory counters readable and untruncated. */
@media(max-width:600px){
 body.hm-body .hm-home-grid .hm-product-row .hm-v36-metric{
   flex-direction:column!important;align-items:flex-start!important;
   justify-content:center!important;gap:4px!important;padding-top:7px!important;
 }
 body.hm-body .hm-home-grid .hm-product-row .hm-v36-metric-value{min-height:20px!important}
}
@media(max-width:410px){
 body.hm-body .hm-home-grid .hm-product-row .hm-product-row-info{
   grid-template-columns:48px minmax(0,1fr) minmax(0,1fr)!important;
   grid-template-areas:'icon primary primary' 'stock stock sold'!important;
 }
}

/* SIDEBAR MEMBER CARD: compact proportions for 226-264px column. */
body.hm-body .hm-sidebar .hm-market-member-head{padding:11px 11px 10px;gap:4px}
body.hm-body .hm-sidebar .hm-market-member-title{font-size:11.5px;gap:5px}
body.hm-body .hm-sidebar .hm-market-member-status{font-size:9px;padding:4px 6px}
body.hm-body .hm-sidebar .hm-market-member-body{padding:11px!important;gap:9px!important}
body.hm-body .hm-sidebar .hm-market-member-profile{
  grid-template-columns:minmax(0,1fr) 48px!important;gap:7px!important;
}
body.hm-body .hm-sidebar .hm-market-member-identity{padding:8px;gap:3px}
body.hm-body .hm-sidebar .hm-market-member-name{font-size:12.5px}
body.hm-body .hm-sidebar .hm-market-member-email{font-size:10px;line-height:1.25}
body.hm-body .hm-sidebar .hm-market-member-avatar{width:48px;height:48px}
body.hm-body .hm-sidebar .hm-market-member-avatar svg{width:39px;height:39px}
body.hm-body .hm-sidebar .hm-market-member-details{gap:6px}
body.hm-body .hm-sidebar .hm-market-member-detail{min-height:37px;padding:7px 8px;gap:4px}
body.hm-body .hm-sidebar .hm-market-member-detail-label{font-size:10px;gap:4px}
body.hm-body .hm-sidebar .hm-market-member-detail strong{font-size:10px}
body.hm-body .hm-sidebar .hm-market-member-balance strong{font-size:11.5px}
body.hm-body .hm-sidebar .hm-market-member-orders{padding:8px;font-size:11px}
body.hm-body .hm-sidebar .hm-market-member-logout{min-height:34px;padding:7px;font-size:11px}
body.hm-body .hm-sidebar .hm-side-links{padding-top:7px}

/* LOGO IN TOOLBAR: desktop 100px, aligned with search and shortcut buttons. */
body.hm-body.hm-member .hm-header .hm-toolbar-brand{
  display:flex!important;min-width:0;align-items:center;justify-content:center;
  overflow:hidden;grid-area:auto;flex:0 0 auto;
}
body.hm-body.hm-member .hm-header .hm-toolbar-brand img{
  display:block!important;width:100%!important;height:70px!important;
  max-width:190px!important;max-height:70px!important;
  object-fit:contain!important;object-position:center!important;
  border-radius:0!important;background:transparent!important;
}
@media(min-width:761px){
  body.hm-body.hm-member .hm-header.hm-header-logged{
    display:grid!important;
    grid-template-columns:clamp(126px,15.2vw,202px) minmax(0,1fr) auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;align-content:center!important;
    height:100px!important;min-height:100px!important;
    padding:10px clamp(10px,1.1vw,18px)!important;
    gap:clamp(8px,1.05vw,16px)!important;
  }
  body.hm-body.hm-member .hm-header .hm-toolbar-brand{grid-column:1!important;grid-row:1!important}
  body.hm-body.hm-member .hm-header .hm-header-middle{
    grid-column:2!important;grid-row:1!important;min-width:0!important;
    display:flex!important;flex-direction:column!important;gap:8px!important;
  }
  body.hm-body.hm-member .hm-header .hm-header-actions{
    grid-column:3!important;grid-row:1!important;
    align-self:center!important;justify-self:end!important;display:flex!important;
    align-items:center!important;gap:8px!important;
  }
  /* No page-dependent breadcrumb: search and shortcuts share one centre line. */
  body.hm-body.hm-member .hm-header .hm-header-middle{
    justify-content:center!important;align-self:center!important;gap:0!important;
  }
  body.hm-body.hm-member .hm-header .hm-header-middle > .hm-search{
    box-sizing:border-box!important;width:100%!important;
    min-height:44px!important;height:44px!important;
    margin:0!important;align-self:center!important;
  }
  body.hm-body.hm-member .hm-header .hm-header-actions{
    margin:0!important;align-self:center!important;
  }
  body.hm-body.hm-member .hm-header .hm-header-actions > .hm-header-action{
    box-sizing:border-box!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    min-height:44px!important;margin:0!important;
  }
}
@media(max-width:760px){
  body.hm-body.hm-member .hm-header.hm-header-logged{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;align-items:center!important;
    height:auto!important;min-height:0!important;gap:8px!important;padding:10px 12px!important;
  }
  body.hm-body.hm-member .hm-header .hm-toolbar-brand{
    grid-column:1!important;grid-row:1!important;justify-content:flex-start!important;
  }
  body.hm-body.hm-member .hm-header .hm-toolbar-brand img{
    width:min(150px,100%)!important;height:44px!important;max-height:44px!important;
  }
  body.hm-body.hm-member .hm-header .hm-header-middle{
    grid-column:1/-1!important;grid-row:2!important;min-width:0!important;
  }
  body.hm-body.hm-member .hm-header .hm-header-actions{
    grid-column:2!important;grid-row:1!important;align-self:center!important;
  }
  body.hm-body.hm-member .hm-sidebar>.hm-market-member-card{max-width:440px;margin:10px auto!important;width:calc(100% - 20px)}
}


/* =============================================================
   FB CLONE - SIDEBAR TWO-TONE (dark member area + light navigation)
   Account area occupies the whole sidebar width; menu stays white.
   CSS-only: no change to the account API, links, or responsive layout.
   ============================================================= */
body.hm-body.hm-member .hm-sidebar{
  background:#ffffff!important;
}
body.hm-body.hm-member .hm-sidebar > .hm-market-member-card{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  margin:0 0 10px!important;
  padding:8px 9px 13px!important;
  border:none!important;
  border-radius:0!important; /* Full-width flat edge against white navigation region */
  background:linear-gradient(150deg,#1357a5 0%,#094482 47%,#082c64 100%)!important;
  box-shadow:0 5px 16px rgba(8,46,106,.14)!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-head{
  border-bottom:1px solid rgba(255,255,255,.24)!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-title{
  color:#fff!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-title .site-icon{
  color:#cae7ff!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-status{
  color:#e8f5ff!important;
  background:rgba(255,255,255,.17)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-identity{
  background:rgba(255,255,255,.105)!important;
  border:1px solid rgba(220,238,255,.24)!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-name{
  color:#ffffff!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-email{
  color:#c5e2ff!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-avatar{
  background:#e8f3ff!important;
  border:2px solid rgba(255,255,255,.80)!important;
  box-shadow:0 3px 12px rgba(0,18,60,.2)!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-detail,
body.hm-body.hm-member .hm-sidebar .hm-market-member-orders{
  color:#f1f8ff!important;
  background:rgba(255,255,255,.11)!important;
  border:1px solid rgba(222,241,255,.23)!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-detail-label{
  color:#d0e6ff!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-detail .site-icon,
body.hm-body.hm-member .hm-sidebar .hm-market-member-orders .site-icon{
  color:#d0eaff!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-detail strong{
  color:#ffffff!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-balance strong{
  color:#b9f5ff!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-orders:hover,
body.hm-body.hm-member .hm-sidebar a.hm-market-member-balance:hover{
  background:rgba(255,255,255,.20)!important;
  border-color:rgba(255,255,255,.40)!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-logout{
  color:#0b4a91!important;
  background:#f9fcff!important;
  border:1px solid #fff!important;
  box-shadow:0 2px 5px rgba(0,25,74,.1)!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-logout:hover{
  background:#deefff!important;
  border-color:#b8e0ff!important;
}
body.hm-body.hm-member .hm-sidebar .hm-market-member-card a:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:2px!important;
}
body.hm-body.hm-member .hm-sidebar > .hm-side-links{
  background:#fff!important;
}
@media(max-width:760px){
  body.hm-body.hm-member .hm-sidebar > .hm-market-member-card{
    width:100%!important;
    max-width:none!important;
    margin:0 0 10px!important;
  }
}

/* =============================================================
   Account sidebar: darker title bar only.
   Preserve the blue account content background underneath.
   ============================================================= */
body.hm-body.hm-member .hm-sidebar > .hm-market-member-card > .hm-market-member-head{
  box-sizing:border-box!important;
  margin:-8px -9px 0!important;
  padding:13px 14px!important;
  width:auto!important;
  min-width:0!important;
  background:rgba(0,20,52,.14)!important; /* Subtle ~14% dark overlay; original blue shows through */
  border-radius:0!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
}

/* ==================================================================
   TITLE TYPOGRAPHY — unified with the REAL rendered "San pham noi bat"
   Computed reference in Chromium: Arial/Helvetica, 700, 18px/1.35,
   letter-spacing normal, #0B4D9E; mobile: 16px/1.35.

   The old patch set weight:800 and line-height:1.3, while the market's
   h2 is rendered as 700 and line-height:1.35 due to base h2 rules.
   Explicit H1 selectors are applied after commerce.css and other assets.
   Does not affect headings inside product cards, forms or sidebar.
   ================================================================== */
body.hm-body .hm-shell-main .hm-unified-head h1,
body.hm-body .hm-shell-main .hm-section-top h1,
body.hm-body .hm-shell-main .hm-public-info-heading h1 {
  font-family: var(--hm-facebook-font) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  font-style: normal !important;
  text-transform: none !important;
  color: #0b4d9e !important;
}
/* Article titles may be long; preserve their separately designed sizing. */
body.hm-body .hm-shell-main .hm-reading-page .hm-article-head h1 {
  font-size: clamp(16px, 1.5vw, 20px) !important;
}
@media (max-width: 480px) {
  body.hm-body .hm-shell-main .hm-unified-head h1,
  body.hm-body .hm-shell-main .hm-section-top h1,
  body.hm-body .hm-shell-main .hm-public-info-heading h1 {
    font-size: 16px !important;
  }
}

/* ================================================================
   20261018: HET HANG / SOLD OUT STATUS
   Based on the server's actual stock state, not a guess from stock numbers.
   Keep catalog rows compact and do not change available-product buttons.
   ================================================================ */
body.hm-body .hm-product-list .hm-product-row[data-stock-status="Hết hàng"]
.hm-v36-tags > .hm-v36-status,
body.hm-body .hm-product-list .hm-product-row[data-stock-status="Hết hàng"]
.hm-v36-tags > .hm-v36-status:hover {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  width:auto!important;
  min-height:21px!important;
  padding:3px 9px!important;
  margin:0!important;
  border:1px solid #9c1730!important;
  border-radius:999px!important;
  background:#b71c39!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:normal!important;
  text-decoration:none!important;
}
body.hm-body .hm-product-list .hm-product-row[data-stock-status="Hết hàng"]
.hm-v36-buttons .hm-v36-outofstock-buy,
body.hm-body .hm-product-list .hm-product-row[data-stock-status="Hết hàng"]
.hm-v36-buttons .hm-v36-outofstock-buy:hover,
body.hm-body .hm-product-list .hm-product-row[data-stock-status="Hết hàng"]
.hm-v36-buttons .hm-v36-outofstock-buy:focus {
  background:#974550!important;
  background-image:none!important;
  border-color:#82343f!important;
  color:#fff!important;
  opacity:1!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  filter:none!important;
}
body.hm-body .hm-product-list .hm-product-row[data-stock-status="Hết hàng"]
.hm-v36-buttons .hm-v36-outofstock-buy .site-icon{
  color:#fff!important;
}

/* Labels on the policy/support pages match the real 'Sản phẩm nổi bật'
   title (Arial, 700, 18px/1.35, #0b4d9e), not the older 10px kicker. */
body.hm-body .hm-shell-main .hm-public-info-heading .hm-public-info-kicker {
  display:block!important;
  font-family:var(--hm-facebook-font)!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:normal!important;
  font-style:normal!important;
  text-transform:none!important;
  color:#0b4d9e!important;
  margin:0 0 6px!important;
}
@media (max-width:480px){
  body.hm-body .hm-shell-main .hm-public-info-heading .hm-public-info-kicker {
    font-size:16px!important;
  }
}


/* ============================================================
   PRODUCT ACTIONS: 3 COLUMNS — GIÁ | XEM CHI TIẾT | MUA NGAY
   Keep three columns at every viewport; override the old stacked
   catalogue styles, including @media max-width:600px and max-width:1200px.
   No price border or rounding; deep-green background, white text.
   ============================================================ */
body.hm-body .hm-product-list > .hm-product-row .hm-product-row-actions {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;
  grid-template-rows:minmax(40px,auto)!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  column-gap:6px!important;
  row-gap:0!important;
  min-width:0!important;
  padding:9px 10px!important;
  border-radius:0!important;
}
body.hm-body .hm-product-list > .hm-product-row .hm-product-row-actions > .hm-row-price {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:40px!important;
  margin:0!important;
  padding:5px 5px!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:#158044!important;
  background-image:none!important;
  color:#ffffff!important;
  box-shadow:none!important;
  font-family:var(--hm-facebook-font)!important;
  font-size:clamp(11px,1.03vw,15px)!important;
  line-height:1.25!important;
  font-weight:800!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.hm-body .hm-product-list > .hm-product-row .hm-product-row-actions > .hm-v36-buttons {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:6px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
}
body.hm-body .hm-product-list > .hm-product-row .hm-v36-buttons > :is(a,button,form),
body.hm-body .hm-product-list > .hm-product-row .hm-v36-buttons > form > :is(a,button) {
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:100%!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:6px 5px!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:normal!important;
}
body.hm-body .hm-product-list > .hm-product-row .hm-v36-buttons .site-icon {
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}
/* Restore the quiet red sold-out purchase treatment, never green. */
body.hm-body .hm-product-list > .hm-product-row[data-stock-status="Hết hàng"]
.hm-v36-buttons .hm-v36-outofstock-buy {
  background:#974550!important;
  border-color:#82343f!important;
  color:#ffffff!important;
}
@media(max-width:600px){
  body.hm-body .hm-product-list > .hm-product-row .hm-product-row-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;
    gap:4px!important;
    padding:7px 7px!important;
  }
  body.hm-body .hm-product-list > .hm-product-row .hm-product-row-actions > .hm-v36-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px!important;
  }
  body.hm-body .hm-product-list > .hm-product-row .hm-product-row-actions > .hm-row-price{
    font-size:11px!important;
    padding:4px 3px!important;
  }
  body.hm-body .hm-product-list > .hm-product-row .hm-v36-buttons > :is(a,button,form),
  body.hm-body .hm-product-list > .hm-product-row .hm-v36-buttons > form > :is(a,button){
    font-size:10.5px!important;
    padding:5px 3px!important;
    gap:3px!important;
  }
  body.hm-body .hm-product-list > .hm-product-row .hm-v36-buttons .site-icon{
    width:13px!important;height:13px!important;flex-basis:13px!important;
  }
}