/* CSS trang chủ — website thứ hai. */
/* Bố cục trang chủ; quy tắc nội dung chỉ áp dụng trong phạm vi trang chủ. */
body.home #main { background:#f3f4f6 }
.td-home-v2 { padding:16px 12px 28px!important }
.td-home-v2>.section-content>.row { max-width:1220px }
.td-home-v2>.section-content>.row>.col { padding-bottom:0 }
.tdh-hero { margin-bottom:18px }
.tdh-banner { display:block;overflow:hidden;border-radius:14px;background:#fff }
.tdh-banner img { display:block;width:100%;height:auto;aspect-ratio:3.2;object-fit:cover }
.tdh-products { margin-top:20px!important;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px!important }
.tdh-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:6px 0 8px;border-bottom:1px solid #f0dddd }
.tdh-heading h2 { margin:0;padding-left:10px;border-left:4px solid #d90000;font-size:20px;color:#24272c;line-height:1.3 }
.tdh-heading>div { display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0;width:auto!important;max-width:none;flex:0 1 auto }
.tdh-heading a { white-space:nowrap;flex-shrink:0;display:inline-block;padding:6px 10px;background:#f7f8fa;border:1px solid #e3e5e8;border-radius:7px;color:#555;font-size:12px }
.tdh-heading .tdh-viewall { display:inline-flex;align-items:center;flex-shrink:0;width:auto!important;white-space:nowrap;border:0;background:transparent;color:#d90000;font-weight:600 }
.td-home-v2 .tdh-products .product-small .product-title a { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;min-height:2.8em;font-weight:600;font-size:14px }
.td-home-v2 .tdh-products .product-small>.col-inner { box-shadow:none }
.tdh-brands { margin-top:20px!important }
.tdh-services { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 18px;margin-top:18px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;text-align:center }
.tdh-services span { font-size:12px;color:#777 }
.tdh-services b { display:block;color:#333;font-size:14px;margin-bottom:2px }
.tdh-builder { display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-top:14px }
.tdh-builder small { font-size:10px;font-weight:700;letter-spacing:.08em;color:#d90000 }
.tdh-builder h2 { font-size:23px;margin:5px 0 8px;color:#222 }
.tdh-builder p { font-size:14px;color:#666;margin:0 }
.tdh-builder>a { flex-shrink:0;padding:12px 18px;border-radius:8px;background:#d90000;color:#fff;font-weight:700;font-size:14px }
.td-home-v2 a:focus-visible { outline:2px solid #d90000;outline-offset:3px }
@media(max-width:849px) {
  .td-home-v2 { padding:10px 10px 20px!important }
  .tdh-hero { margin-bottom:12px }
  .tdh-banner { border-radius:10px }
  .tdh-products { margin-top:14px!important;padding:12px 8px!important }
  .tdh-heading { align-items:center;flex-direction:row;flex-wrap:wrap;gap:6px }
  .tdh-heading h2 { font-size:17px }
  .tdh-heading a { font-size:11px;padding:5px 8px }
  .tdh-services { gap:6px;padding:10px 6px }
  .tdh-services b { font-size:11px }
  .tdh-services span { font-size:10px }
  .tdh-builder { padding:18px;flex-direction:column;align-items:flex-start;gap:14px }
  .tdh-builder h2 { font-size:20px }
}

/* Thu gọn tiêu đề và các phần tử bao ngoài do WordPress thêm. */
.tdh-heading p { margin:0!important;display:contents }
.tdh-heading br { display:none }
.td-home-v2 .tdh-brands h2 { font-size:18px }

/* Các hàng sản phẩm tự động lấy chiều cao theo thẻ cao nhất. */
.td-home-v2 .tdh-products .row.equalize-box { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr }

/* Ẩn phần tử giả dọn dòng của Flatsome để không tạo ô lưới rỗng. */
.td-home-v2 .tdh-products .row.equalize-box::before, .td-home-v2 .tdh-products .row.equalize-box::after { content:none;display:none }
.td-home-v2 .tdh-products .row.equalize-box>.product-small.col { width:100%;max-width:100%;min-width:0 }
@media(min-width:550px) and (max-width:849px) {
  .td-home-v2 .tdh-products .row.equalize-box { grid-template-columns:repeat(3,minmax(0,1fr)) }
}

@media(max-width:549px) {
  .td-home-v2 .tdh-products .row.equalize-box { grid-template-columns:repeat(2,minmax(0,1fr)) }
}

@media(min-width:850px) {
  .tdh-heading>div { flex:0 0 auto!important;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important }
}