.htdl{--htdl-dark:#231f20;--htdl-line:#ddd;max-width:100%;font-size:15px;color:#333}
.htdl *{box-sizing:border-box}

/* Bộ lọc */
.htdl-filter{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:45px;align-items:center}
.htdl-filter select,.htdl-filter input{height:40px;padding:0 12px;border:1px solid #ccc;background:#fff;font-size:15px;border-radius:2px;margin:0}
.htdl-filter select{min-width:180px}
.htdl-filter input{min-width:220px}
.htdl-searchbtn{height:40px;padding:0 22px;border:0;background:var(--htdl-dark);color:#fff;cursor:pointer;font-size:15px}
.htdl-searchbtn:hover{opacity:.85}

/* Tiêu đề */
.htdl-head{background:var(--htdl-dark);color:#fff;text-align:center;padding:16px 10px;text-transform:uppercase;font-size:16px;letter-spacing:.2px}

/* Hàng đại lý */
.htdl-row{display:flex;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--htdl-line)}
.htdl-row[hidden]{display:none}
.htdl-stt{flex:0 0 64px;text-align:center;font-size:16px}
.htdl-img{flex:0 0 70px;width:70px;display:flex;align-items:center;justify-content:center}
.htdl-img img{max-width:70px;max-height:100px;width:auto;height:auto;object-fit:contain}
.htdl-info{flex:1;min-width:0}
.htdl-name{text-transform:uppercase;font-size:15.5px;line-height:1.5}
.htdl-addr{margin-top:3px;font-size:15px;display:flex;align-items:flex-start;gap:6px}
.htdl-ico{width:13px;height:13px;flex:0 0 13px;margin-top:5px}
.htdl-act{flex:0 0 auto;padding-right:140px}
.htdl-btn{display:inline-flex;align-items:center;gap:7px;background:var(--htdl-dark);color:#fff!important;text-decoration:none;padding:8px 16px;border-radius:30px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}
.htdl-btn .htdl-ico{margin:0;width:11px;height:11px;flex-basis:11px}
.htdl-btn:hover{opacity:.85}
.htdl-empty{padding:30px;text-align:center;color:#777}

/* Mobile */
@media (max-width:768px){
	.htdl-filter select,.htdl-filter input{flex:1 1 100%;min-width:0}
	.htdl-filter{margin-bottom:25px;gap:10px}
	.htdl-row{flex-wrap:wrap;gap:12px;padding:18px 0}
	.htdl-stt{flex-basis:28px}
	.htdl-img{flex-basis:60px;width:60px}
	.htdl-info{flex:1 1 calc(100% - 120px)}
	.htdl-act{padding-right:0;flex-basis:100%;padding-left:40px}
}
@media (max-width:1100px) and (min-width:769px){
	.htdl-act{padding-right:20px}
}