/* Footer Hùng Phát — 4 cột, thanh tiêu đề đỏ (include/hp-footer.php) */
.hp-footer{background:#fff;border-top:3px solid #dd3333;color:#222;font-size:14px;line-height:1.55;overflow:hidden}
.hp-footer *{box-sizing:border-box}
.hpf__inner{max-width:1300px;margin:0 auto;padding:34px 20px 30px}
.hpf__grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.25fr;gap:34px}
.hpf__col{min-width:0}
.hpf__head{margin:0 0 16px;padding:10px 16px;border-radius:6px;background:#dd3333;color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;line-height:1.3}
.hp-footer ul{list-style:none;margin:0;padding:0}
.hp-footer a{color:#222;text-decoration:none;transition:color .15s}
.hp-footer a:hover{color:#dd3333}

/* Cột kết nối */
.hpf__lead{margin:0 0 14px}
.hpf__lead b{display:block;font-size:15px;color:#111}
.hpf__lead span{color:#555}
.hpf__social li+li{margin-top:9px}
.hpf__social a{display:inline-flex;align-items:center;gap:11px;font-weight:600}
.hpf__ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#333}
.hpf__ic svg{width:19px;height:19px;fill:#fff}
.hpf__ic--fb{background:#1877f2}
.hpf__ic--tiktok{background:#111}
.hpf__ic--zalo{background:#0068ff}
.hpf__ic--mail{background:#dd3333}

/* Nhãn + pill */
.hpf__label{margin:18px 0 8px;font-weight:700;color:#111}
.hpf__pills{display:flex;flex-wrap:wrap;gap:6px}
.hpf__pills li{padding:5px 9px;border:1px solid #e6e6e6;border-radius:6px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);font-size:12px;font-weight:700;color:#444;line-height:1.2}

/* Cột link */
.hpf__links li+li{margin-top:10px}
.hpf__links a{display:inline-block;font-size:14.5px}
.hpf__links a:hover{padding-left:4px}

/* Cột liên hệ */
.hpf__contact li,.hpf__ship li{display:flex;align-items:flex-start;gap:9px}
.hpf__contact li>span:last-child,.hpf__ship li>span:last-child{min-width:0;overflow-wrap:anywhere}
.hpf__contact li+li,.hpf__ship li+li{margin-top:9px}
.hpf__cic{flex:0 0 auto;display:inline-flex;width:20px;height:20px;margin-top:1px}
.hpf__cic svg{width:20px;height:20px;fill:#666}
.hpf__cic--red svg{fill:#dd3333}
.hpf__phone{font-weight:700;color:#dd3333 !important;font-size:15px}
.hpf__phone:hover{text-decoration:underline}

/* Thanh pháp lý */
.hpf__legal{background:#8e0e1c;color:rgba(255,255,255,.88);font-size:12.5px}
.hpf__legal-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}
.hpf__legal-text{min-width:0}
.hpf__legal-text p{margin:0 0 3px;color:inherit}
.hpf__legal-text b{color:#fff}
.hpf__bct{flex:0 0 auto;background:#fff;border-radius:6px;padding:4px 8px;line-height:0}
.hpf__bct img{display:block;width:130px;height:auto}

/* Responsive */
@media (max-width:1024px){
	.hpf__grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media (max-width:549px){
	.hpf__inner{padding:24px 16px 20px}
	.hpf__grid{grid-template-columns:1fr;gap:22px}
	.hpf__head{margin-bottom:12px}
	.hpf__legal-inner{flex-direction:column;text-align:center}
	.hpf__legal{font-size:12px}
}