/* The san pham v3 - dung chung moi trang */
.dh-card{--c-ink:var(--mk-ink,#10161b);--c-text:var(--mk-text,#3a4650);--c-muted:var(--mk-muted,#6b7782);--c-line:var(--mk-line,#e6eaee);--c-soft:var(--mk-soft,#f5f7f9);--c-accent:var(--mk-accent,#d43f08);--c-zalo:var(--mk-zalo,#0068ff);
  position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;box-sizing:border-box;container-type:inline-size;
  background:#fff;border:1px solid var(--c-line);border-radius:10px;overflow:hidden;color:var(--c-text);
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
/* dung font cua site, khong de Flatsome ep font rieng cho h3 / nut / gia */
.dh-card,.dh-card *{font-family:inherit}
.dh-card *,.dh-card *::before,.dh-card *::after{box-sizing:border-box}
.dh-card p,.dh-card h3{margin:0}
.dh-card:hover{transform:translateY(-3px);border-color:#d3dae0;box-shadow:0 12px 28px -12px rgba(16,22,27,.22)}
.dh-card a{text-decoration:none}
.dh-card a:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}
.dh-card .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* anh */
.dh-card__top{position:relative;background:linear-gradient(180deg,#f8fafb 0%,#edf0f3 100%)}
.dh-card .dh-card__media{display:block;position:relative;aspect-ratio:1/1}
.dh-card .dh-card__media img{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);max-width:none;margin:0;
  object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.dh-card:hover .dh-card__media img{transform:scale(1.04)}
.dh-card.is-out .dh-card__media img{opacity:.5;filter:grayscale(.7)}

/* huy hieu */
.dh-card__tags{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.dh-tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:600;line-height:1;background:#fff;color:var(--c-ink);box-shadow:0 1px 3px rgba(16,22,27,.12)}
.dh-tag svg{width:11px;height:11px}
.dh-tag--inv{background:var(--c-ink);color:#fff}
.dh-tag--sale{background:var(--c-accent);color:#fff}
.dh-tag--out{background:#5a6671;color:#fff}

/* than */
.dh-card__body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.dh-card__brand{margin-bottom:6px!important;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent)}
.dh-card .dh-card__title{font-size:15px;line-height:1.35;font-weight:400;letter-spacing:0;text-transform:none;color:var(--c-ink)}
.dh-card .dh-card__title a{display:block;position:static;color:inherit}
.dh-card .dh-card__title a::after{content:"";position:absolute;inset:0;z-index:1}
.dh-card__type{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:400;color:var(--c-text)}
.dh-card__model{display:block;margin-top:3px;font-size:16px;font-weight:600;line-height:1.3;color:var(--c-ink);overflow-wrap:anywhere;transition:color .2s}
.dh-card:hover .dh-card__model{color:var(--c-accent)}

.dh-card__bottom{margin-top:auto;padding-top:12px}

/* thong so */
.dh-card__spec{display:flex;margin-bottom:12px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-soft)}
.dh-spec{flex:1 1 0;min-width:0;padding:7px 4px;text-align:center;line-height:1.2}
.dh-spec+.dh-spec{border-left:1px solid var(--c-line)}
.dh-spec b{display:block;font-size:13.5px;font-weight:600;color:var(--c-ink);overflow-wrap:anywhere}
.dh-spec small{display:block;margin-top:3px;font-size:10.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--c-muted)}

/* chan card: gia + 1 nut tron */
.dh-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}
.dh-card__pricebox{min-width:0;display:flex;flex-direction:column;justify-content:center;font-size:18px;font-weight:700;line-height:1.15;letter-spacing:-.01em}
.dh-card__pricebox,.dh-card__pricebox *{color:var(--c-accent)!important}
.dh-card__pricebox del,.dh-card__pricebox del *{color:#8a95a0!important}
.dh-card__pricebox del{order:-1;margin-bottom:2px;font-size:12.5px;font-weight:400;letter-spacing:0}
.dh-card__pricebox ins{background:none;text-decoration:none}
.dh-card__pricebox bdi{white-space:nowrap}
.dh-card__pricebox .woocommerce-Price-currencySymbol{margin-left:2px;font-size:.62em;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.dh-card__pricebox .dh-card__contact{font-size:16px;font-weight:600;color:var(--c-ink)!important}

.dh-card .dh-card__ico{position:relative;z-index:2;flex:none;display:inline-grid;place-items:center;width:40px;height:40px;padding:0;margin:0;border-radius:8px;border:1px solid var(--c-line);background:#fff;color:var(--c-ink);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.dh-card__ico svg{width:20px;height:20px}
.dh-card .dh-card__cart{color:var(--c-accent);border-color:#f4cdbd;background:#fff6f2}
.dh-card .dh-card__cart:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.dh-card .dh-card__zalo{color:var(--c-zalo);border-color:#cfe0ff;background:#f2f7ff}
.dh-card .dh-card__zalo:hover{background:var(--c-zalo);border-color:var(--c-zalo);color:#fff}
.dh-card.is-contact .dh-card__zalo{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.dh-card.is-contact .dh-card__zalo:hover{background:#b43406;border-color:#b43406}
.dh-card .dh-card__cart .dh-ic-check{display:none}
.dh-card .dh-card__cart.loading{opacity:.55;pointer-events:none}
.dh-card .dh-card__cart.added{background:#16a34a;border-color:#16a34a;color:#fff}
.dh-card .dh-card__cart.added .dh-ic-cart{display:none}
.dh-card .dh-card__cart.added .dh-ic-check{display:block}
.dh-card .added_to_cart{display:none!important}

/* the hep */
@container (max-width:220px){
  .dh-card__body{padding:12px}
  .dh-card__model{font-size:15px}
  .dh-card__pricebox{font-size:16px}
  .dh-card__pricebox .dh-card__contact{font-size:14px}
  .dh-card .dh-card__ico{width:36px;height:36px}
  .dh-spec b{font-size:12px}
  .dh-spec small{font-size:9.5px}
  .dh-card .dh-card__media img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
  .dh-card__tags{top:8px;left:8px}
}

/* bo cuc: danh muc Flatsome + thanh cuon trang chu */
.products .dh-col>.col-inner{display:flex;height:100%}
.products .dh-col .dh-card{flex:1}
/* tat khung/bong vuong cua Flatsome sau card (nguyen nhan khung chua bo goc khi re chuot) */
.dh-col,.dh-col:hover,
.dh-col>.col-inner,.dh-col>.col-inner:hover,.dh-col:hover>.col-inner{box-shadow:none!important;background:transparent!important;border:0!important;border-radius:10px}
.dh-col>.col-inner::before,.dh-col>.col-inner::after{box-shadow:none!important}
.dh-rail>.dh-card{flex:0 0 clamp(236px,76vw,288px);scroll-snap-align:start}

@media (prefers-reduced-motion:reduce){.dh-card,.dh-card *{transition:none!important}.dh-card:hover{transform:none}}

/* tag card: mau theo loai */
.dh-tag--sale{background:#d93a0b!important;color:#fff!important}
.dh-tag--inv{background:#16a34a!important;color:#fff!important}
.dh-tag--out{background:#6b7280!important;color:#fff!important}