.tr-shows{max-width:1120px;margin:0 auto;padding:24px 16px 40px}
.tr-shows__title{text-align:center;margin:0 0 18px;font-weight:800;letter-spacing:.5px;color:#c30000}
.tr-shows__tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;background:#fff;border-radius:999px;box-shadow:0 8px 30px rgba(0,0,0,.12);overflow:hidden;border:1px solid rgba(0,0,0,.08);margin:0 auto 22px}
.tr-shows__tab{appearance:none;border:0;background:transparent;padding:14px 10px;font-weight:800;font-size:14px;cursor:pointer;color:#111;transition:background .2s ease,color .2s ease}
.tr-shows__tab.is-active{background:#c30000;color:#fff}
.tr-shows__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tr-card{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.18);background:#111}
.tr-card__link{position:absolute;inset:0;z-index:5}
.tr-card__media{position:relative;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center}
.tr-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.70),rgba(0,0,0,.15))}
.tr-card__time{position:absolute;left:14px;bottom:14px;z-index:3;font-size:13px;font-weight:800;color:#fff;padding:6px 10px;border-radius:6px;background:rgba(0,0,0,.35)}
.tr-card__body{position:absolute;left:14px;bottom:44px;z-index:3;padding-right:14px}
.tr-card__title{color:#fff;font-weight:900;font-size:18px;line-height:1.15;text-transform:uppercase}
.tr-shows__empty{padding:18px;background:rgba(0,0,0,.04);border:1px dashed rgba(0,0,0,.15);border-radius:10px}

@media (max-width:980px){
  .tr-shows__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tr-shows__tabs{grid-auto-flow:row;border-radius:16px}
}
@media (max-width:600px){
  .tr-shows__grid{grid-template-columns:1fr}
}