.cq-tvhead { position: relative; margin: 6px 0 20px; }
.cq-tvhead__eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--cq-green); margin: 0 0 2px; }
.cq-tvhead__eyebrow a { color: var(--cq-green); text-decoration: none; }
.cq-tvhead__eyebrow a:hover { text-decoration: underline; }
.cq-tvhead__title { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 30px; font-weight: 800; color: var(--cq-green); margin: 0 0 var(--cq-3); text-transform: uppercase; letter-spacing: -.3px; line-height: 1.1; }
.cq-tvhead__ic { font-size: 30px; line-height: 1; }
.cq-tvhead__count { font-size: 14px; font-weight: 600; color: var(--cq-green); opacity: .7; text-transform: none; letter-spacing: 0; }
.cq-tvhead__note { font-size: 13px; color: var(--cq-text); line-height: 1.6; background: var(--cq-light); border: 1px solid var(--cq-border); border-left: 3px solid var(--cq-green); border-radius: 8px; padding: 11px 15px; margin: 0; }
.cq-tvhead__note b { color: var(--cq-green); }
.cq-tvhead__note-sub { font-size: 12px; color: var(--cq-text); line-height: 1.55; margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--cq-border); }
.cq-tvhead__note-sub b { color: var(--cq-green); }
.cq-tvhead__note-warn { font-size: 12px; color: #9a6a00; line-height: 1.55; margin-top: 6px; }
.cq-tvhead__note-warn b { color: #9a6a00; }
.cq-tvhead__titlelink { color: inherit; text-decoration: none; }
.cq-tvhead__titlelink:hover { text-decoration: underline; }
.cq-tvhead__phanloai { font-size: 12px; color: var(--cq-muted); line-height: 1.5; margin: 7px 0 0; }
.cq-tvhead__phanloai b { color: var(--cq-text); }

.cq-tvhead__sort { visibility: visible; float: none; margin: 0; width: auto; display: flex; align-items: center; gap: 6px; }
.cq-tvhead__sort > * { float: none; margin: 0; }
.cq-tvhead__sort .btn-style, .cq-tvhead__sort .glyphicon-plus { display: none; }
.cq-tvhead__sort .filter-price, .cq-tvhead__sort .filter-price.fr { border: 0; background: none; box-shadow: none; padding: 0; margin: 0; }
.cq-tvhead__sort select, .cq-tvhead__sort select.SelectBox { height: 40px; padding: 0 14px; border: 1px solid var(--cq-border); border-radius: 10px; background: var(--cq-surface); color: var(--cq-text); font-weight: 600; font-size: 14px; cursor: pointer; outline: none; box-shadow: none; transition: border-color .15s; }
.cq-tvhead__sort select:hover, .cq-tvhead__sort select:focus,
.cq-tvhead__sort select.SelectBox:hover, .cq-tvhead__sort select.SelectBox:focus { border-color: var(--cq-green); }

.cq-tvhead__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--cq-4); margin: 0 0 var(--cq-3); flex-wrap: wrap; }
.cq-tvhead__bar .cq-tvhead__title { margin: 0; flex: 0 0 auto; }
.cq-tvhead__bar .cq-pg { flex: 0 0 auto; justify-content: center; padding: 0; margin: 0 0 0 auto; gap: 6px; }.cq-tvhead__bar .cq-tvhead__sort { position: static; top: auto; right: auto; flex: 0 0 auto; margin-left: 0; }.cq-pg { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--cq-2); padding: var(--cq-5) 0 var(--cq-3); }@media (min-width: 768px) {
    .cq-tvhead { margin-left: -10px; margin-right: -10px; }
    .cq-tvhead__bar { min-height: 40px; }
}
@media (max-width: 767px) {
    .cq-tvhead__title { font-size: 22px; flex-basis: 100%; }
    .cq-tvhead__ic { font-size: 22px; }
    .cq-tvhead__bar { gap: var(--cq-2); margin-bottom: 10px; }
    .cq-tvhead__bar .cq-pg { order: 2; flex: 0 0 auto; margin: 0; }
    .cq-tvhead__bar .cq-tvhead__sort { order: 3; margin-left: auto; }.cq-tvhead__sort select { height: 34px; font-size: 13px; padding: 0 10px; }
}