.hht-video-page{padding:30px 0 50px;background:#fff}
.hht-video-container{width:min(1200px,calc(100% - 32px));margin:0 auto}
.hht-video-heading{margin-bottom:22px;border-bottom:1px solid #ececec}
.hht-video-heading h1{font-size:28px;line-height:1.25;margin:0 0 14px}
.hht-video-desc{margin:0 0 16px;color:#666}

.hht-home-sections{width:min(1200px,calc(100% - 32px));margin:22px auto 40px}
.hht-home-category{padding:0 0 24px;margin-bottom:22px;border-bottom:1px solid #ececec}
.hht-home-category-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.hht-home-category-head h2{font-size:22px;font-weight:500;margin:0}
.hht-home-category-head a{font-size:14px;color:#999;text-decoration:none}
.hht-home-category-head a:hover{color:#333}
.hht-home-grid{grid-template-columns:repeat(var(--hht-columns,6),minmax(0,1fr))}

.hht-video-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}
.hht-video-card{min-width:0}
.hht-video-thumb{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#f2f2f2;border-radius:2px}
.hht-video-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.hht-video-thumb:hover img{transform:scale(1.03)}
.hht-video-title{font-size:14px;line-height:1.4;margin:8px 0 3px;font-weight:500}
.hht-video-title a{color:#222;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hht-video-sub{font-size:12px;color:#888}
.hht-badge{position:absolute;bottom:7px;padding:3px 6px;border-radius:3px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;line-height:1}
.hht-badge-left{left:7px}.hht-badge-right{right:7px}

.hht-pagination{display:flex;gap:7px;justify-content:center;align-items:center;margin-top:34px}
.hht-pagination .page-numbers{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #bbb;border-radius:999px;color:#444;text-decoration:none}
.hht-pagination .current{background:#445f80;border-color:#445f80;color:#fff}
.hht-empty{padding:40px 0;text-align:center;color:#777}

.hht-single h1{font-size:30px;margin:0 0 20px}
.hht-player{position:relative;background:#111;max-width:960px;margin:0 auto 18px}
.hht-player video,.hht-player img{display:block;width:100%;max-height:70vh;object-fit:contain}
.hht-no-video{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:rgba(0,0,0,.7);color:#fff;text-align:center}
.hht-content{margin-top:18px}

@media(max-width:1100px){
  .hht-video-grid,.hht-home-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:900px){
  .hht-video-grid,.hht-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
  .hht-video-grid,.hht-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}
  .hht-video-heading h1{font-size:24px}
  .hht-home-category-head h2{font-size:20px}
}
@media(max-width:480px){
  .hht-video-grid,.hht-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hht-video-page{padding-top:18px}
}