.temav2-film-site .temav2-brand { margin: 0; line-height: 1; }
.temav2-film-site .temav2-brand a { display: block; }
.temav2-film-site .temav2-brand img { display: block; width: 240px; max-width: 100%; height: auto; }
.temav2-film-site .temav2-film-header-search { position: relative; }
.temav2-search-results[hidden] { display: none; }
.temav2-search-results { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 100; padding: 8px; background: #1b1e28; border: 1px solid #3b3f4d; border-radius: 6px; box-shadow: 0 16px 40px #0008; max-height: 65vh; overflow: auto; }
.temav2-search-results a { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 4px; font-size: 12px; line-height: 1.5; }
.temav2-search-results a:is(:hover,:focus) { background: #303440; }
.temav2-search-results img { width: 38px; height: 57px; object-fit: cover; flex-shrink: 0; border-radius: 3px; }
.temav2-search-results span { overflow-wrap: anywhere; }
.temav2-search-results small { display: block; margin-top: 3px; color: #adb0be; font-size: 10px; }
.temav2-search-results p { padding: 10px; margin: 0; font-size: 12px; }
.temav2-series-menu { flex-shrink: 0; }
.temav2-series-menu summary { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; font-size: 11px; list-style: none; }
.temav2-series-menu summary::-webkit-details-marker { display: none; }
.temav2-series-menu summary span { color: #ff8069; font-size: 19px; }
.temav2-series-menu[open] summary span { transform: rotate(45deg); }
.temav2-series-menu nav { position: absolute; top: 100%; right: 0; z-index: 60; min-width: 220px; max-width: 100%; padding: 12px; background: #1b1e28; border: 1px solid #3b3f4d; border-radius: 0 0 6px 6px; box-shadow: 0 15px 35px #0007; }
.temav2-series-menu nav a { display: block; padding: 10px 12px; font-size: 12px; }
.temav2-catalogue-tabs { display: flex; flex-wrap: wrap; gap: 8px; grid-column: 1 / -1; margin: 0 0 10px; }
.temav2-catalogue-tabs a { padding: 9px 14px; border: 1px solid #303440; border-radius: 5px; color: #d5d7e1; background: #171a23; font-size: 11px; white-space: nowrap; }
.temav2-catalogue-tabs a[aria-current] { color: #171014; background: #ff8069; border-color: #ff8069; font-weight: 700; }
.temav2-ranking-heading { margin: 32px 0 24px; }
.temav2-ranking-heading h1 { font-size: 30px; }
.temav2-ranking-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 24px 22px; margin-top: 24px; }
.temav2-ranking-grid .temav2-film-card-meta { margin-bottom: 6px; }
.temav2-ranking-pagination { margin-top: 32px; }
.temav2-ranking-pagination ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; }
.temav2-ranking-pagination .page-numbers :is(a,span) { display: inline-block; padding: 7px 12px; background: #171a23; border: 1px solid #303440; border-radius: 4px; font-size: 12px; }
.temav2-ranking-pagination span.current { background: #ff8069; color: #171014; }
.temav2-ranking-empty { padding: 32px 0; }
.temav2-feedback { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 18px; margin-top: 24px; padding-top: 22px; border-top: 1px solid #2b2e3b; }
.temav2-rating-form { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0; }
.temav2-feedback :is(button,select) { border: 1px solid #3b3f4d; border-radius: 5px; background: #1b1e28; color: #f4f4f6; padding: 9px 12px; font: inherit; font-size: 12px; min-height: 40px; }
.temav2-feedback button[aria-pressed="true"] { border-color: #ff8069; color: #ff9f8c; }
.temav2-feedback button:disabled { cursor: default; opacity: .75; }
.temav2-feedback label,.temav2-feedback output { color: #adb0be; font-size: 11px; }
.temav2-feedback-message { flex-basis: 100%; color: #ffb6a7; font-size: 12px; margin: 0; }
.temav2-feedback-message:empty { display: none; }
.temav2-film-site .inside-site-info { flex-direction: column; gap: 15px; }
.temav2-footer-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 22px; }
.temav2-footer-links a { font-size: 12px; }
@media(max-width:1100px) { .temav2-ranking-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px 18px; } }
@media(max-width:767px) { .temav2-ranking-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px 14px; } .temav2-catalogue-tabs a { padding: 8px 11px; } }
@media(max-width:600px) { .temav2-film-site .temav2-brand img { width: 210px; } .temav2-ranking-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .temav2-series-menu summary { font-size: 10px; gap: 7px; } .temav2-feedback { gap: 14px; } .temav2-catalogue-tabs { gap: 7px; } .temav2-ranking-heading h1 { font-size: 26px; } }

.temav2-search-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin:30px 0;grid-column:1/-1}.temav2-search-pagination button{border-radius:8px}.temav2-search-pagination [role=status]{flex-basis:100%;text-align:center}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:99999}
