.catalog{padding-top:15px}.catalog>h2{margin-bottom:22px}.catalog-bar{display:flex;align-items:end;flex-wrap:wrap;gap:20px;margin:28px 0 10px}.catalog-search{flex:1;min-width:210px}.catalog-search,.year-filter{font-size:11px;font-weight:700}.catalog-bar input,.catalog-bar select{display:block;width:100%;margin-top:8px;padding:12px 14px;background:#0c294c;color:#f4f9ff;border:1px solid #6885a6;border-radius:9px;font:inherit;font-size:14px;color-scheme:dark}.catalog-bar input::placeholder{color:#b7cee1}.catalog-tabs{align-self:end}.catalog-tabs button{min-height:44px}#catalogGrid{margin:25px 0;display:grid;gap:16px}#catalogGrid.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.epg-card{background:linear-gradient(130deg,#1a4270,#123457);border:1px solid #476c91;border-radius:18px;padding:22px;min-width:0}.channel-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid #416487;padding-bottom:17px;margin-bottom:16px}.channel-head img{width:68px;height:58px;background:#edf5fd;border-radius:10px;padding:7px;object-fit:contain;flex-shrink:0}.channel-head h3{font-size:16px;margin:4px 0;overflow-wrap:anywhere}.channel-head small{font-size:10px;color:#b8d1e6;letter-spacing:.1em}.epg-program .eyebrow{font-size:9px}.epg-program h4{font-size:15px;line-height:1.45;margin:6px 0 4px;overflow-wrap:anywhere}.epg-program time{font-size:12px;color:#c3d9ec}.epg-next{margin-top:16px;border-top:1px solid #416487;padding-top:14px}.epg-next h4{font-weight:600;color:#d2e3f1}.epg-card progress{display:block;width:100%;height:6px;margin:13px 0 4px;border:0;border-radius:8px;overflow:hidden;accent-color:#a0ffdc}.epg-card progress::-webkit-progress-bar{background:#3c5a7c}.epg-card progress::-webkit-progress-value{background:#a0ffdc}.snapshot-label{display:block;color:#b9d3e7;font-size:9px}.vod-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.vod-card{padding:0;background:#12345a;border:1px solid #416487;border-radius:14px;overflow:hidden;color:#f4f9ff;text-align:left;cursor:pointer;transition:transform .15s;min-width:0}.vod-card:hover{transform:translateY(-4px);border-color:#a0ffdc}.vod-card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#091e35}.vod-card .vod-copy{display:block;padding:14px}.vod-card strong{display:block;font:700 13px/1.45 Manrope,system-ui,sans-serif;overflow-wrap:anywhere}.vod-card small{display:block;margin-top:7px;color:#b9d3e7;font-size:10px}.media-fallback{aspect-ratio:2/3;display:grid;place-items:center;text-align:center;padding:20px;background:linear-gradient(130deg,#245481,#0b294c);font-size:16px;color:#a0ffdc}.logo-fallback{width:68px;padding:10px;border-radius:10px;background:#245481;color:#a0ffdc;text-align:center;font-weight:800}#catalogMore{margin-bottom:20px}dialog{width:min(780px,calc(100% - 32px));max-height:90vh;background:#102f54;color:white;border:1px solid #6587a9;border-radius:20px;padding:25px;overflow:auto}dialog::backdrop{background:#020d20cf;backdrop-filter:blur(5px)}.detail-close{display:block;margin:0 0 20px auto;border:1px solid #7496b5;border-radius:20px;background:#204a73;color:white;padding:10px 16px;cursor:pointer}.detail-layout{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:start}.detail-layout>img{width:100%;height:auto;border-radius:12px}.detail-layout h2{font-size:30px;overflow-wrap:anywhere}.detail-layout p{font-size:14px;line-height:1.8;color:#c8ddec}.detail-layout .notice{font-size:12px}.app-promo{margin-top:50px;margin-bottom:50px;padding:40px;border-radius:24px;border:1px solid #527a9b;background:radial-gradient(ellipse at 10% 5%,#2a668a70,transparent 60%),#103154;display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center}.app-promo p{color:#c2d8e9;font-size:14px;line-height:1.8}.app-promo h2{font-size:38px}.store-links{display:flex;flex-wrap:wrap;gap:13px;margin:25px 0 15px}.store-button{display:grid;gap:3px;background:#081c35;border:1px solid #7996b0;border-radius:11px;padding:12px 20px;min-width:165px}.store-button span{font-size:10px;color:#c4d8e9}.store-button strong{font-size:17px}.store-button small{color:#a0ffdc;font-size:10px}.app-qr h3{font-size:18px;margin-bottom:8px}.app-qr p{font-size:12px}.qr-pair{display:flex;gap:18px;flex-wrap:wrap}.qr-pair figure{margin:0;min-width:0}.qr-pair img{display:block;background:white;border-radius:9px;max-width:100%;height:auto}.qr-pair figcaption{font-size:10px;margin-top:10px;color:#d3e8f7}.year-filter{min-width:140px}
@media(max-width:1000px){.vod-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-promo{grid-template-columns:1fr}.detail-layout{grid-template-columns:180px 1fr}}
@media(max-width:700px){#catalogGrid.live-grid{grid-template-columns:1fr}.vod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-bar{align-items:stretch;gap:16px}.catalog-tabs{width:100%;justify-content:space-between}.catalog-tabs button{padding-inline:13px}.catalog-search{min-width:100%}.year-filter{width:100%}.epg-card{padding:18px}.app-promo{padding:24px;gap:20px}.app-promo h2{font-size:30px}.qr-pair{gap:14px}.qr-pair img{width:120px}.detail-layout{grid-template-columns:1fr}.detail-layout>img{width:150px;margin:auto}.detail-layout h2{font-size:25px}.store-links{flex-direction:column}.store-button{width:100%}}
@media(prefers-reduced-motion:reduce){.vod-card{transition:none}}