/*
Theme Name: BlueFlix
Version: 1.0.0
*/
.catalog-pagination{display:flex;justify-content:center;margin:42px 0 12px}.catalog-pagination .page-numbers{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:0;list-style:none}.catalog-pagination .page-numbers li{margin:0}.catalog-pagination a,.catalog-pagination .current,.catalog-pagination .dots{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#12141b;color:var(--muted);font-size:13px;font-weight:700}.catalog-pagination a:hover{border-color:var(--accent);background:#1c294b;color:#fff}.catalog-pagination .current{border-color:var(--accent);background:var(--accent);color:#fff}.catalog-pagination .dots{min-width:24px;padding:0;border-color:transparent;background:transparent}
:root{color-scheme:dark;--bg:#08090d;--panel:#18181b;--line:#292b35;--text:#f4f5fa;--muted:#9ca3b5;--accent:#5c85ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1340px;margin:auto;padding:0 28px}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;color:var(--accent)}.brand span{color:#fff}.nav{display:flex;gap:8px}.nav a{padding:9px 12px;color:var(--muted);border-radius:7px}.nav a:hover{background:#1c294b;color:#cbd8ff}.hero{padding:46px 0 25px}.hero h1{font-size:46px;margin:8px 0}.hero p{color:var(--muted)}.section{margin:16px 0 42px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-head h2{font-size:23px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 16px}.card{overflow:hidden;background:var(--panel);border:1px solid #ffffff0d;border-radius:12px;padding-bottom:11px;transition:.25s}.card:hover{transform:translateY(-4px);border-color:#5c85ff73;box-shadow:0 10px 30px #5c85ff35}.poster{display:block;aspect-ratio:2/3;background:#27272a center/cover no-repeat}.card strong,.card small{display:block;margin-left:11px;margin-right:11px}.card strong{font-size:12px;line-height:1.4;margin-top:10px;min-height:34px}.card small{font-size:11px;color:var(--muted);margin-top:3px}.detail{min-height:calc(100vh - 80px);background-size:cover;background-position:center top}.detail-wash{min-height:inherit;background:linear-gradient(90deg,#08090df5 0%,#08090dcc 42%,#08090d45 72%,#08090dbd 100%)}.detail-inner{display:flex;gap:48px;align-items:center;min-height:650px;padding:65px 0}.detail-poster{width:250px;flex:0 0 250px;aspect-ratio:2/3;border-radius:12px;background:#222 center/cover no-repeat;box-shadow:0 20px 55px #0009}.detail-copy{max-width:680px}.detail-copy h1{font-size:clamp(40px,6vw,76px);line-height:1;margin:14px 0}.meta{color:#b4c4ff}.overview{color:#d1d5df;font-size:16px;line-height:1.8}.watch{display:inline-block;margin-top:12px;padding:14px 24px;background:var(--accent);border-radius:9px;font-weight:700}.site-footer{border-top:1px solid var(--line);padding:25px 0;margin-top:35px;text-align:center;color:var(--muted);font-size:12px}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.shell{padding:0 16px}.site-header{height:auto;padding:16px 0;display:block}.nav{margin-top:13px;overflow:auto}.hero h1{font-size:34px}.grid{grid-template-columns:repeat(2,1fr);gap:14px 11px}.detail-inner{align-items:flex-start;flex-direction:column;padding:30px 0}.detail-poster{width:160px;flex-basis:auto}.detail-copy h1{font-size:39px}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-search{display:flex;width:210px;height:38px;border:1px solid var(--line);border-radius:9px;background:#12141b;overflow:hidden}.header-search:focus-within{border-color:#5c85ff99}.header-search input,.hero-search input,.results-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.header-search input{width:100%;padding:0 4px 0 12px}.header-search button{width:42px;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.header-search button:hover{color:#fff}.hero-search,.results-search{display:flex;max-width:680px;height:52px;margin-top:24px;border:1px solid var(--line);border-radius:11px;background:#12141b;overflow:hidden}.hero-search:focus-within,.results-search:focus-within{border-color:#5c85ff99;box-shadow:0 0 0 3px #5c85ff17}.hero-search input,.results-search input{flex:1;padding:0 17px}.hero-search button,.results-search button{min-width:105px;border:0;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.hero-search button:hover,.results-search button:hover{filter:brightness(1.08)}.search-heading{padding:42px 0 27px}.search-heading small{color:#8ba7ff;font-weight:800;letter-spacing:.12em}.search-heading h1{margin:8px 0;font-size:clamp(29px,4vw,45px)}.search-heading p{margin:0;color:var(--muted)}.results-search{height:46px;margin-top:20px}.search-empty{min-height:360px;display:grid;place-content:center;text-align:center}.search-empty h2{margin:0 0 8px}.search-empty p{color:var(--muted)}.search-empty a{display:inline-block;margin:10px auto 0;padding:11px 17px;border-radius:8px;background:var(--accent);font-weight:700}@media(max-width:1120px){.site-header{flex-wrap:wrap;height:auto;gap:12px;padding-top:14px;padding-bottom:14px}.header-search{order:3;width:100%}}@media(max-width:700px){.hero-search,.results-search{height:48px}.hero-search button,.results-search button{min-width:82px}.header-search{margin-top:2px}.search-heading{padding-top:30px}}
