/* HomeOfficeAid site styles. Nạp qua mu-plugins/zz-hoa-brand.php. Dùng token màu của theme (:root trong lat-review-child/style.css). */

/* Logo */
.logo.logo--image{display:inline-flex;align-items:center;line-height:0}
.logo.logo--image img{height:50px;width:auto;max-width:min(260px,62vw);object-fit:contain}
footer.site .logo.logo--image img{background:var(--color-bg);padding:6px 10px;border-radius:8px;box-sizing:content-box}
.hoa-amazon-disclosure{font-size:.85rem;opacity:.85}
.logo.hoa-wordmark{font-size:27px}
@media (max-width:600px){.logo.hoa-wordmark{font-size:21px}}

/* Trang chủ: phần giới thiệu */
.hoa-intro{padding:44px 0 30px;text-align:center}
.hoa-intro h1{font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0 auto 14px;max-width:22ch;color:var(--color-text)}
.hoa-intro .hoa-lede{font-size:17px;line-height:1.6;color:var(--color-text-secondary);max-width:62ch;margin:0 auto}
.hoa-topics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0 10px;padding:0;list-style:none}
.hoa-topics li{border:1px solid var(--color-border);border-radius:10px;padding:16px;background:var(--color-surface);text-align:left}
.hoa-topics li b{display:block;font-size:15px;margin-bottom:4px;color:var(--color-text)}
.hoa-topics li span{font-size:13.5px;line-height:1.5;color:var(--color-text-muted)}
.hoa-topics a{color:inherit;text-decoration:none}
.hoa-topics a:hover b,.hoa-topics a:focus b{text-decoration:underline}

/* Bảng cuộn ngang trên mobile + nút mua trong bài */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.25rem 0}
.table-wrap table{min-width:520px;width:100%;border-collapse:collapse}
.table-wrap th,.table-wrap td{border:1px solid var(--color-border);padding:.55rem .7rem;text-align:left;vertical-align:top;font-size:.95rem}
.table-wrap thead th{background:var(--color-bg-alt);font-weight:600}
p.hoa-buy{margin:.75rem 0 1.75rem}
p.hoa-buy a{display:inline-block;padding:.65rem 1.1rem;border-radius:8px;background:var(--color-primary);color:var(--color-bg)!important;text-decoration:none!important;font-weight:600;line-height:1.2}
p.hoa-buy a:hover,p.hoa-buy a:focus{background:var(--color-primary-hover)}

@media (max-width:1080px){.hoa-topics{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){
  .logo.logo--image img{height:40px}
  .hoa-intro{padding:30px 0 20px}
  .hoa-intro .hoa-lede{font-size:16px}
}
@media (max-width:480px){.hoa-topics{grid-template-columns:1fr}}

/* Ảnh đại diện lấy từ link ảnh Amazon (ảnh sản phẩm): hiện trọn ảnh trên nền trắng, không cắt */
img.post-feat[src^="https://m.media-amazon.com/"],.feat img[src^="https://m.media-amazon.com/"],.lead img[src^="https://m.media-amazon.com/"],.acard img[src^="https://m.media-amazon.com/"],.crow img[src^="https://m.media-amazon.com/"],.rel-item img[src^="https://m.media-amazon.com/"]{object-fit:contain!important;background:#fff!important}

/* Header: All Categories (danh mục thật, ít mục nên 1 cột) */
.submenu.allcats.hoa-allcats{column-count:1;width:auto;min-width:240px}
.submenu.allcats.hoa-allcats a.hoa-subcat{padding-left:28px;font-weight:400}
.mobile-nav .hoa-m-allcats .sub a.hoa-subcat{padding-left:40px;font-weight:500}
.hoa-guides-grid{margin:1.5rem 0}