/* Fluid public layout; shared by every page with the site header. */
:root{--page-gutter:clamp(20px,3vw,72px);--site-content-width:calc(100% - var(--page-gutter) - var(--page-gutter))}
body:has(.site-header) .wrap,body:has(.site-header) .miovie-footer .wrap{width:var(--site-content-width);max-width:none;margin-inline:auto}
body:has(.site-header) .detail-content h1{max-width:1100px;overflow-wrap:anywhere}
body:has(.site-header) .carousel-track{grid-auto-columns:calc((100% - 60px)/4)!important;gap:20px!important}
body:has(.site-header) .catalog-grid,body:has(.site-header) .home-media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body:has(.site-header) .movie-thumb{aspect-ratio:16/9;border-radius:14px}
body:has(.site-header) .movie-card strong{font-size:clamp(15px,1vw,18px);line-height:1.45;overflow-wrap:anywhere}
body:has(.site-header) .media-shelf .carousel-arrow.prev{left:-34px!important}
body:has(.site-header) .media-shelf .carousel-arrow.next{right:-34px!important}
@media(min-width:2200px){body:has(.site-header) .carousel-track{grid-auto-columns:calc((100% - 80px)/5)!important}body:has(.site-header) .catalog-grid,body:has(.site-header) .home-media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){body:has(.site-header) .carousel-track{grid-auto-columns:calc((100% - 36px)/3)!important;gap:18px!important}body:has(.site-header) .catalog-grid,body:has(.site-header) .home-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:900px){body:has(.site-header) .media-shelf .carousel-arrow.prev{left:-24px!important}body:has(.site-header) .media-shelf .carousel-arrow.next{right:-24px!important}}
@media(max-width:760px){body:has(.site-header) .carousel-track{grid-auto-columns:calc((100% - 16px)/2)!important;gap:16px!important}body:has(.site-header) .catalog-grid,body:has(.site-header) .home-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}}
@media(max-width:620px){:root{--page-gutter:16px}body:has(.site-header) .carousel-track{grid-auto-columns:86%!important;gap:14px!important}body:has(.site-header) .media-shelf .carousel-viewport{overflow-x:auto!important;scroll-snap-type:x mandatory}body:has(.site-header) .carousel-track .movie-card{scroll-snap-align:start}body:has(.site-header) .movie-thumb{border-radius:11px}}
@media(max-width:380px){body:has(.site-header) .catalog-grid,body:has(.site-header) .home-media-grid{grid-template-columns:minmax(0,1fr)}}
body:has(.site-header){--site-content-width:calc(100% - var(--page-gutter) - var(--page-gutter));--site-gutter:var(--page-gutter)}
/* Compact header discovery controls. */
.site-header .header-tools{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}
.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{flex:0 1 170px;width:170px;margin:0;min-width:0}
.site-header .nav .header-tools .search input{height:38px;padding-left:36px;color:var(--lime);background:color-mix(in srgb,var(--lime) 7%,#0c0e0f);border:1px solid color-mix(in srgb,var(--lime) 35%,transparent)}
.site-header .header-tools .search input::placeholder{color:color-mix(in srgb,var(--lime) 65%,#aaa)}
.site-header .header-tools .search button{color:var(--lime);top:2px;left:3px;width:32px;height:34px}
.random-pick{flex:0 0 38px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--lime);border:1px solid color-mix(in srgb,var(--lime) 35%,transparent);background:color-mix(in srgb,var(--lime) 7%,#0c0e0f)}
.random-pick svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.random-pick:hover{background:var(--lime);color:#090a0b}.random-pick:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.series-page .series-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,56px)}
.series-page .series-overview{display:flex;align-items:center;justify-content:center;gap:24px;min-width:0;padding:24px;border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(135deg,#ffffff09,#ffffff02)}
.series-page .series-summary{flex:1;min-width:0;padding:0;background:none;border:0;box-shadow:none;text-align:center;align-self:center}
.series-page .series-summary p{max-width:60ch;margin:12px auto 0;line-height:1.75}
.series-page .series-heading .series-poster{display:block;flex:0 0 auto;width:clamp(130px,11vw,200px);height:auto;max-height:220px;object-fit:contain;border-radius:12px}
.series-page .series-overview:empty{display:none}
.series-page .series-episode-card{grid-template-columns:110px minmax(0,1fr);gap:14px}
@media(max-width:1100px){.series-page .series-overview{flex-direction:column;gap:18px}.series-page .series-heading .series-poster{width:160px}.series-page .series-episode-card{grid-template-columns:94px minmax(0,1fr)}}
@media(max-width:760px){.series-page .series-heading{grid-template-columns:minmax(0,1fr);gap:24px}.series-page .series-overview{padding:22px;max-width:640px;width:100%;margin:auto}.series-page .series-heading .series-poster{width:190px}.series-page .series-episode-card{grid-template-columns:112px minmax(0,1fr)}}
@media(max-width:480px){.site-header .nav{gap:8px}.site-header .logo-brand img{width:112px}.site-header .header-tools{gap:7px;flex:1}.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:auto;flex:1;min-width:0}.site-header .nav .header-tools .search input{padding-left:30px;padding-right:6px;font-size:11px}.site-header .header-tools .search button{width:26px}.random-pick{width:34px;height:36px;flex-basis:34px}.site-header .mobile-menu-btn{font-size:22px}}
/* Viewing pages keep a comfortable cinema width; navigation stays fluid. */
body[data-movie-id]:has(.site-header) main .wrap,body[data-movie-id]:has(.site-header) .detail-hero .wrap{width:min(1320px,92%);max-width:1320px}
.series-page .series-intro{padding:28px 0 32px;background:radial-gradient(ellipse at 20% 0%,#dfff3509,transparent 70%)}
.series-page .series-heading.series-identity{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:32px;margin-top:24px;padding:28px;border:1px solid #ffffff0e;border-radius:22px;background:linear-gradient(120deg,#181d18,#0c0f0d);box-shadow:0 16px 48px #0002;text-align:left}
.series-page .series-identity .series-poster{display:block;flex:0 0 240px;width:240px;height:auto;max-height:250px;object-fit:contain;border-radius:14px;box-shadow:0 8px 28px #0006}
.series-page .series-identity .series-title-block{flex:1;min-width:0}
.series-page .series-identity h1{font-size:clamp(28px,3.3vw,48px);margin:10px 0 16px;line-height:1.12;overflow-wrap:anywhere}
.series-page .series-identity .series-meta{justify-content:flex-start;gap:8px;flex-wrap:wrap}
.series-page .series-identity .series-meta span{font-size:12px;padding:6px 10px;border-radius:7px;background:#ffffff06;border:1px solid #ffffff0c;color:#b9c2ba}
.series-page .series-identity .series-summary{display:block;text-align:left;margin-top:16px;padding:0;border:0;background:none;box-shadow:none}
.series-page .series-identity .series-summary p{max-width:75ch;margin:0;font-size:14px;line-height:1.75;color:#abb5ae}
/* Subtle neon edge with stronger light on interaction. */
.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{flex-basis:180px;width:180px}
.site-header .nav .header-tools .search input{height:40px;border-radius:12px;background:linear-gradient(135deg,#1c2317,#10150e);border:1px solid color-mix(in srgb,var(--lime) 42%,#263022);color:#f1f6e7;box-shadow:inset 0 1px 0 #ffffff0b,0 0 12px color-mix(in srgb,var(--lime) 9%,transparent);transition:box-shadow .2s,border-color .2s}
.site-header .nav .header-tools .search input:hover,.site-header .nav .header-tools .search input:focus{border-color:var(--lime);background:#141b10;box-shadow:0 0 0 2px color-mix(in srgb,var(--lime) 10%,transparent),0 0 22px color-mix(in srgb,var(--lime) 18%,transparent)}
.site-header .header-tools .search input::placeholder{color:#a4b491}
.site-header .header-tools .search button{top:3px;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--lime) 40%,transparent))}
.site-header .random-pick{width:40px;height:40px;flex-basis:40px;border-radius:12px;border-color:color-mix(in srgb,var(--lime) 55%,#263022);background:linear-gradient(135deg,#28331a,#11180d);box-shadow:inset 0 1px 0 #ffffff10,0 0 14px color-mix(in srgb,var(--lime) 14%,transparent);transition:box-shadow .2s,background .2s,transform .2s}
.site-header .random-pick svg{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--lime) 45%,transparent))}
.site-header .random-pick:hover{background:var(--lime);box-shadow:0 0 24px color-mix(in srgb,var(--lime) 30%,transparent);transform:translateY(-1px)}
@media(max-width:760px){.series-page .series-heading.series-identity{gap:22px;padding:22px}.series-page .series-identity .series-poster{flex-basis:180px;width:180px}}
@media(max-width:560px){.series-page .series-heading.series-identity{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.series-page .series-identity .series-poster{flex:none;width:min(100%,280px);max-height:210px;align-self:center}.series-page .series-identity .series-title-block{width:100%}.series-page .series-identity h1{font-size:30px}}
@media(max-width:480px){.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{flex:1;width:auto;min-width:0}.site-header .random-pick{flex-basis:36px;width:36px;height:40px}}
@media(prefers-reduced-motion:reduce){.site-header .random-pick,.site-header .nav .header-tools .search input{transition:none}}

/* LISTEM HEADER SHRINK */
.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:176px;flex:0 0 176px;min-width:0}
@media(max-width:1100px){.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:150px;flex-basis:150px}}
@media(max-width:760px){.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:130px;flex-basis:130px}}



/* HEADER FINAL COMPACT OVERRIDE */
.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:132px!important;flex:0 0 132px!important;max-width:132px!important}
@media(max-width:1100px){.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:118px!important;flex-basis:118px!important;max-width:118px!important}}
@media(max-width:900px){.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:106px!important;flex-basis:106px!important;max-width:106px!important}}
@media(max-width:760px){.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:92px!important;flex-basis:92px!important;max-width:92px!important}}
@media(max-width:520px){.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{display:none!important}}

/* HEADER SLIM TYPOGRAPHY OVERRIDE */
.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:110px!important;flex:0 0 110px!important;max-width:110px!important}
@media(max-width:1100px){.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:100px!important;flex-basis:100px!important;max-width:100px!important}}
@media(max-width:900px){.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:92px!important;flex-basis:92px!important;max-width:92px!important}}
@media(max-width:760px){.site-header .nav .header-tools .search,.site-header .nav .header-tools .search:focus-within{width:82px!important;flex-basis:82px!important;max-width:82px!important}}