/*!
 * Khối "Hao cám" — so ba máy cho tôm ăn
 * © 2013–2026 Công Ty TNHH MTV FARMX.VN — farmx.vn
 * MST 6300317746 · Đường Tô Thị Tẻ, Khóm 2, xã Đầm Dơi, Cà Mau
 * Liên hệ farmx.vn@gmail.com
 * Ảnh, hình vẽ, số liệu và mã nguồn do xưởng tự làm.
 * Dùng lại phải xin phép và ghi nguồn.
 */
/* Khoi Hao cam - so ba may cho tom an. Moi luat gioi han trong #hao-hut */
#hao-hut{background:#fff;padding:56px 20px;text-align:center}
#hao-hut .reveal{opacity:1 !important;transform:none !important}
#hao-hut .tile{background:#fff;padding:64px 22px;text-align:center}
#hao-hut .tile-xanh{background:#e7eef5}
#hao-hut .wrap-narrow{max-width:720px;margin:0 auto}
#hao-hut .eyebrow{font-size:13px;font-weight:600;color:#0071e3;margin-bottom:10px}
#hao-hut .lede{font-size:clamp(16px,1.5vw,20px);color:#6e6e73;margin-top:14px;letter-spacing:-.01em}
#hao-hut .nhom{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;
  max-width:1000px;margin:0 auto;text-align:left}
#hao-hut .nhom.dao > div:first-child{order:2}
#hao-hut .nhom img{max-width:100%;height:auto;display:block;margin:0 auto}
#hao-hut .nhom .lede{margin-top:10px}
#hao-hut .nhom .cta-row{justify-content:flex-start}
#hao-hut .nhom{grid-template-columns:1fr;gap:20px;text-align:center}
#hao-hut .nhom.dao > div:first-child{order:0}
#hao-hut .nhom .cta-row{justify-content:center}
#hao-hut .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}
#hao-hut .reveal.in{opacity:1;transform:none}
#hao-hut .reveal{opacity:1;transform:none}
#hao-hut .dan{margin-bottom:52px}
#hao-hut .nhom{margin-top:56px}
#hao-hut .nhom:first-of-type{margin-top:0}
#hao-hut .hh-khung{max-width:440px;margin:0 auto;background:#fff;
        border:1px solid rgba(0,0,0,.10);border-radius:18px;overflow:hidden}
#hao-hut .hh-ve{display:block;width:100%;height:auto}
#hao-hut .hh-dia{background:#fff;border-top:1px solid rgba(0,0,0,.10)}
#hao-hut .them{margin-top:56px;text-align:center;font-size:15px}
#hao-hut .them a{color:#0066cc;text-decoration:none}
#hao-hut .them a:hover{text-decoration:underline}
#hao-hut h3{font-size:clamp(22px,2.6vw,30px);font-weight:700;
        letter-spacing:-.02em;line-height:1.12;margin-top:0}
@media(max-width:820px){#hao-hut .nhom{grid-template-columns:1fr;gap:20px;text-align:center}#hao-hut .nhom.dao > div:first-child{order:0}}