/*
Theme Name: Кино — Cinema
Description: Кинотема с компактными постерами, каталогом и плеером.
Version: 1.0.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{color-scheme:dark;--bg:#0d1015;--panel:#161b23;--line:#282f39;--text:#edf0f5;--muted:#9ea8b7;--accent:#b9ee73}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}button,input{font:inherit}.shell{max-width:1200px;margin:auto;padding:0 32px}.site-header{border-bottom:1px solid var(--line);background:#10141a}.header-inner{min-height:88px;display:flex;align-items:center;gap:40px}.brand{font-weight:850;letter-spacing:-1.5px;font-size:29px;display:flex;align-items:center;gap:11px}.brand-icon{display:grid;place-items:center;background:var(--accent);color:#17200c;width:34px;height:34px;border-radius:10px;font-size:16px;letter-spacing:0}.site-nav{display:flex;gap:25px;font-size:14px;color:var(--muted)}.site-search{margin-left:auto;display:flex;background:#1a2029;border:1px solid var(--line);border-radius:10px;overflow:hidden}.site-search input{width:200px;min-width:0;background:none;border:0;color:white;padding:10px 14px;font-size:13px}.site-search button{background:none;border:0;color:var(--accent);padding:0 14px;cursor:pointer}.crumbs{display:flex;gap:12px;color:var(--muted);font-size:12px;padding-top:30px;margin-bottom:30px}.crumbs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-hero{display:grid;grid-template-columns:230px minmax(0,1fr);gap:46px;margin-bottom:42px}.poster img{display:block;width:230px;aspect-ratio:2/3;object-fit:cover;border-radius:14px;box-shadow:0 16px 50px #0005}.poster-empty{width:100%;aspect-ratio:2/3;background:var(--panel);display:grid;place-items:center;border-radius:14px;color:var(--muted)}.poster-caption{color:var(--muted);font-size:12px;text-align:center;margin-top:16px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--accent);margin:0 0 12px}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.6px;line-height:1.12;margin:0 0 14px}h2{font-size:24px;letter-spacing:-.5px;line-height:1.3}.original-title{color:var(--muted);font-size:15px;margin:0 0 21px}.movie-chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.chip{background:var(--panel);border:1px solid var(--line);padding:5px 12px;border-radius:6px;font-size:13px}.chip.rating{color:var(--accent);background:#20301c;border-color:#34432d}.genre-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.genre-tags a{font-size:12px;color:#ccd3dd;border:1px solid #39424f;padding:4px 12px;border-radius:30px}.synopsis{color:#c0c7d2;font-size:15px;line-height:1.85;max-width:780px}.synopsis p{margin:0 0 16px}.watch-button{display:inline-flex;align-items:center;gap:12px;background:var(--accent);color:#17230e;font-size:14px;font-weight:750;padding:12px 23px;border-radius:9px;margin-top:12px}.watch-button:hover{background:#cdf89a;color:#17230e}.movie-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;padding:25px 30px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:30px 0 38px}.fact{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:10px 0;font-size:14px;border-bottom:1px solid #ffffff07}.fact dt{color:var(--muted)}.fact dd{margin:0}.fact.wide{grid-column:1/-1}.kino-player{margin:40px 0}.kino-player h2:before{content:'▶';color:var(--accent);font-size:15px;margin-right:12px}.kino-player iframe{border:1px solid var(--line)!important;border-radius:14px!important}.kino-credits{color:var(--muted);font-size:11px;margin:30px 0}.kino-credits strong{font-weight:400}.kino-credits img{width:65px;vertical-align:middle;margin-left:7px}.kino-credits p{margin-top:8px}.site-footer{border-top:1px solid var(--line);margin-top:70px;padding:28px 0;color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.catalog-heading{padding:55px 0 20px}.catalog-heading h1{font-size:42px}.catalog-heading p{color:var(--muted);margin:12px 0}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 22px;margin-top:28px}.movie-card{min-width:0}.card-image{position:relative;border-radius:12px;overflow:hidden;background:var(--panel);aspect-ratio:2/3}.card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.movie-card:hover img{transform:scale(1.025)}.card-rating{position:absolute;top:10px;left:10px;border-radius:5px;background:#162314ed;color:var(--accent);padding:3px 8px;font-size:12px;font-weight:750}.movie-card h2{font-size:15px;line-height:1.4;margin:12px 0 5px;letter-spacing:0}.card-meta{font-size:12px;color:var(--muted)}.pagination{margin-top:35px}.page-numbers{display:inline-block;border:1px solid var(--line);padding:6px 13px;border-radius:7px;margin:4px}.page-numbers.current{background:var(--accent);color:#142009}.plain-page{max-width:850px;min-height:45vh;padding-top:50px}.empty-state{padding:50px 0;color:var(--muted)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:12px;z-index:10000;background:var(--bg);padding:10px}.kino-catalog h3{font-size:16px}.kino-catalog article p{color:var(--muted);font-size:13px}@media(max-width:950px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.header-inner{gap:20px}.movie-hero{gap:28px;grid-template-columns:200px minmax(0,1fr)}.poster img{width:200px}.movie-facts{gap:0 25px}}@media(max-width:700px){.shell{padding:0 20px}.header-inner{flex-wrap:wrap;gap:15px;padding-top:18px;padding-bottom:18px}.brand{font-size:25px}.site-nav{margin-left:auto}.site-search{width:100%;margin:0}.site-search input{width:100%}.movie-hero{grid-template-columns:140px minmax(0,1fr);gap:20px}.poster img{width:140px}.poster-caption{font-size:10px}.movie-hero h1{font-size:28px;letter-spacing:-.7px}.original-title{font-size:12px}.synopsis{grid-column:1/-1}.movie-facts{display:block;padding:16px 20px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.catalog-heading h1{font-size:34px}.catalog-heading{padding-top:36px}.footer-inner{display:block}.crumbs{margin-bottom:23px}.movie-chips{gap:6px}.chip{font-size:11px;padding:4px 8px}}@media(max-width:460px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.movie-hero{grid-template-columns:1fr}.poster{width:150px}.poster img{width:150px}.poster-caption{display:none}.movie-hero h1{font-size:32px}.fact{grid-template-columns:95px 1fr;font-size:13px}.movie-hero{gap:23px}.site-nav{font-size:12px;gap:15px}}

.cinema-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:36px;align-items:start}.cinema-main{min-width:0}.genre-sidebar{margin-top:35px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.genre-sidebar h2{font-size:19px;padding:20px;margin:0;border-bottom:1px solid var(--line)}.genre-sidebar nav{padding:8px}.genre-sidebar a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:6px;font-size:14px}.genre-sidebar a:hover,.genre-sidebar a.active{background:#263320;color:var(--accent)}.genre-count{font-size:11px;color:var(--muted)}.genre-sidebar .genre-all{color:var(--accent);margin-bottom:6px}.cinema-layout .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cinema-layout .movie-hero{grid-template-columns:190px minmax(0,1fr);gap:28px}.cinema-layout .poster img{width:190px}.cinema-layout h1{font-size:clamp(28px,3.2vw,40px)}.cinema-layout .movie-facts{gap:0 25px;padding:20px}.cinema-layout .fact{grid-template-columns:90px 1fr}@media(max-width:1000px){.cinema-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}.cinema-layout .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cinema-layout .movie-hero{grid-template-columns:150px minmax(0,1fr);gap:20px}.cinema-layout .poster img{width:150px}.cinema-layout .movie-facts{display:block}}@media(max-width:760px){.cinema-layout{display:flex;flex-direction:column}.cinema-main,.genre-sidebar{width:100%}.genre-sidebar{margin-top:10px}.genre-sidebar nav{display:grid;grid-template-columns:1fr 1fr}.genre-sidebar .genre-all{grid-column:1/-1}}@media(max-width:460px){.cinema-layout .movie-hero{grid-template-columns:1fr}.cinema-layout .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

