/* Shared catalog cards: neutral charcoal, orange detail accents, no FilmKio layout. */
.zf-media-card{--card-accent:#f18d05;background:#131412;border:1px solid #292c26;border-radius:13px;overflow:hidden;position:relative;width:100%;text-align:right;color:#eee;transition:border-color .2s,transform .2s;isolation:isolate}.zf-media-card *{box-sizing:border-box}.zf-media-card:hover,.zf-media-card:focus-within{border-color:#a06b25}.zf-card-art{position:relative;aspect-ratio:2/3;background:#1c1e18;overflow:hidden}.zf-card-series .zf-card-art{aspect-ratio:16/9}.zf-media-card .zf-card-picture{display:block;width:100%;height:100%;position:relative;overflow:hidden}.zf-media-card .zf-card-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .35s;min-height:0;border-radius:0}.zf-media-card:hover .zf-card-image{transform:scale(1.035)}.zf-card-placeholder{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:25px;color:#c28b3c;font-size:24px;background:linear-gradient(145deg,#262920,#11120f)}.zf-card-placeholder>span{font-size:13px;color:#aaa;text-align:center}.zf-card-badges{position:absolute;bottom:10px;right:10px;left:10px;display:flex;gap:5px;flex-wrap:wrap;pointer-events:none}.zf-card-badges>span{font-size:10px;line-height:1.5;padding:5px 7px;background:#0c0e0deb;color:#f1f1e9;border-radius:5px;border:1px solid #ffffff26}.zf-card-badges .zf-card-online{display:flex;align-items:center;gap:3px;margin-right:auto;color:#ffc06a}.zf-card-online svg{width:13px;height:13px}.zf-card-open{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#0008;opacity:0;transition:opacity .2s;color:#fff;font-size:13px}.zf-card-picture:hover .zf-card-open,.zf-card-picture:focus-visible .zf-card-open{opacity:1}.zf-card-open>span{display:grid;place-items:center;background:#ef8b06;color:#17130b;border-radius:7px;width:30px;height:30px}.zf-media-card .zf-card-body{padding:13px 13px 12px;display:block}.zf-media-card .zf-card-title{font-size:15px;line-height:1.5;margin:0 0 6px;font-weight:600;min-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.zf-media-card .zf-card-title>span{color:#eceee7;display:block;overflow:hidden;text-overflow:ellipsis}.zf-media-card .zf-card-title>span:hover{color:#ffad3e}.zf-card-genres{font-size:11px;line-height:1.8;color:#969b8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:20px}.zf-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #2b2e25;margin-top:10px;padding-top:10px;direction:ltr}.zf-card-rating{display:flex;align-items:center;gap:5px;color:#f5a12a;line-height:1}.zf-card-rating svg{width:13px;height:13px}.zf-card-rating b{font-size:14px;color:#eee}.zf-card-rating small{font-size:9px;color:#93988a}.zf-card-year{font-size:12px;color:#a7ad9e;margin-left:auto}.zf-card-episode{display:flex;align-items:center;gap:12px;padding:9px 13px;background:#201c13;border-right:3px solid #ec8a07;color:#eeb369;font-size:11px;line-height:1.6}.zf-card-episode span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.zf-card-episode span+span{border-right:1px solid #665235;padding-right:12px}.zf-card-story{position:absolute;top:9px;left:9px;z-index:3}.zf-card-story summary{width:30px;height:30px;display:grid;place-items:center;list-style:none;background:#10120fdf;border:1px solid #ffffff40;border-radius:7px;cursor:pointer;color:#f2f2ec}.zf-card-story summary::-webkit-details-marker{display:none}.zf-card-story summary svg{width:18px;height:18px}.zf-card-story[open]{inset:0;background:#10120ff5;padding:9px;display:flex;flex-direction:column;overflow:auto}.zf-card-story[open] summary{margin-right:auto;color:#ffac3b;border-color:#ae7629;flex-shrink:0}.zf-card-story-panel{padding:13px 8px;color:#c7cbbf;font-size:12px;line-height:1.9}.zf-card-story-panel>span{color:#f2a02e;font-size:11px}.zf-card-story-panel p{margin:8px 0 14px}.zf-card-story-panel .zf-card-cta{color:#ffb03e;font-size:12px}.zf-media-card a:focus-visible,.zf-card-story summary:focus-visible{outline:2px solid #f18d05;outline-offset:-3px}.zf-media-card .zf-card-story-panel .zf-card-cta{display:inline-block}.zf-card-item{min-width:0}.zf-series-item{min-width:0}
/* Retain existing outer hooks for theme sliders; replace only catalog grid sizing. */
.posts_hoder_archive:has(>.zf-card-item),.home_update_series>.body:has(>.zf-card-item),.home_update_series>.body:has(>.zf-series-item),.body_related_posts:has(>.zf-card-item){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;overflow:visible!important}.posts_hoder_archive>.zf-card-item,.home_update_series>.body>.zf-card-item{width:auto!important;margin:0!important;min-width:0!important;display:block!important}.posts_hoder_archive>.zf-card-item[data-type="series"]{grid-column:auto}.posts_hoder_archive>.dashboard_pageNavi{grid-column:1/-1}.home_update_series>.body:has(>.zf-series-item){grid-template-columns:repeat(4,minmax(0,1fr))}.home_update_series>.body>.zf-series-item{width:auto!important;margin:0!important;overflow:visible!important}.home_update_series>.body>.zf-series-item a{display:block}.home_update_series>.body>.zf-series-item .zf-card-badges .zf-card-online{display:flex}.body_widget_type_1 .zf-card-item,.body_widget_type_2 .zf-card-item{height:auto}.zf-search-card .zf-card-item{width:100%!important;margin:0!important}.result_items_movies_series .inner_items_body:has(.zf-search-card){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.result_items_movies_series .zf-search-card{width:auto!important;min-width:0}.zf-search-card .zf-card-title{font-size:13px}
@media(min-width:1600px){.posts_hoder_archive:has(>.zf-card-item),.home_update_series>.body:has(>.zf-card-item){grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1100px){.posts_hoder_archive:has(>.zf-card-item),.home_update_series>.body:has(>.zf-card-item){grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home_update_series>.body:has(>.zf-series-item){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.posts_hoder_archive:has(>.zf-card-item),.home_update_series>.body:has(>.zf-card-item){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.posts_hoder_archive>.zf-card-item[data-type="series"]{grid-column:auto}.home_update_series>.body:has(>.zf-series-item){grid-template-columns:1fr;gap:16px}.zf-media-card .zf-card-body{padding:10px}.zf-media-card .zf-card-title{font-size:13px}.zf-card-badges{right:6px;left:6px;bottom:7px;gap:4px}.zf-card-badges>span{font-size:9px;padding:4px 5px}.zf-card-rating small{display:none}.zf-card-story-panel{font-size:11px;padding:6px}.result_items_movies_series .inner_items_body:has(.zf-search-card){grid-template-columns:repeat(2,minmax(0,1fr))}.zf-card-series .zf-card-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){.zf-media-card,.zf-media-card .zf-card-image,.zf-card-open{transition:none}}
.zf-chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.zf-ranked-card{min-width:0}.zf-card-rank{display:block;color:#efa137;font-size:13px;margin-bottom:10px}.zf-chart-grid>.item_topchart{grid-column:1/-1}
@media(max-width:900px){.zf-chart-grid,.zf-chart-grid:has(.zf-card-series){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.zf-chart-grid{gap:14px}}
.zf-media-card .zf-card-title{white-space:normal;min-height:45px}.zf-media-card .zf-card-title>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.zf-card-series .zf-card-title{min-height:24px}.zf-media-card .zf-card-placeholder{font-size:17px}
.item_body_widget.zf-card-item,.item_body_widget.zf-card-item:hover,.item_series_home.zf-series-item,.item_series_home.zf-series-item:hover{transform:none!important;transition:none}
/* Compact cards: title plus one information row; episode label sits on the artwork. */
.zf-card-movie .zf-card-art{aspect-ratio:3/4}
.zf-media-card .zf-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:10px 12px}
.zf-media-card .zf-card-title{grid-column:1/-1;min-height:0;margin:0;white-space:nowrap;font-size:14px;line-height:1.5}
.zf-media-card .zf-card-title>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zf-card-genres{min-height:0;font-size:10px;line-height:20px}
.zf-card-meta{border:0;margin:0;padding:0;gap:8px;line-height:20px}
.zf-card-rating small{display:none}
.zf-card-rating b{font-size:12px}.zf-card-rating svg{width:12px;height:12px}.zf-card-year{font-size:10px}
.zf-card-series .zf-card-episode{position:absolute;top:9px;right:9px;max-width:calc(100% - 58px);padding:5px 8px;gap:8px;border-right-width:2px;border-radius:5px;background:#17160feb;font-size:10px;pointer-events:none;z-index:1}
.zf-card-series:has(.zf-card-story[open]) .zf-card-episode{visibility:hidden}
.zf-card-series .zf-card-episode span+span{padding-right:8px}
.zf-updated-series{margin-bottom:54px!important}
@media(max-width:760px){
.zf-updated-series{margin-bottom:34px!important}
.home_update_series.zf-updated-series>.body.zf-series-rail{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:12px;padding:4px 4px 13px;scroll-snap-type:x mandatory;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:#8e6229 #171914;overscroll-behavior-x:contain;cursor:grab}
.home_update_series.zf-updated-series>.body.zf-series-rail>.zf-series-item{flex:0 0 82%;max-width:340px;min-width:0!important;scroll-snap-align:start;display:block!important}
.zf-series-rail.is-dragging{cursor:grabbing!important;scroll-snap-type:none!important;user-select:none}
.zf-series-rail img{-webkit-user-drag:none;user-select:none}
.zf-media-card .zf-card-body{padding:9px 10px;gap:5px 8px}
.zf-media-card .zf-card-title{font-size:13px}
.zf-card-meta{gap:5px}.zf-card-genres{font-size:9px}
.zf-card-series .zf-card-title{font-size:14px}
}
/* Synopsis is an excerpt, never a scrollable panel over the poster. */
.zf-card-story[open]{overflow:hidden}
.zf-card-story-panel{padding:6px 7px;font-size:12px;line-height:1.8}
.zf-card-story-panel p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;margin:5px 0 8px}
.zf-card-series .zf-card-story-panel>span{display:none}
.zf-card-series .zf-card-story-panel p{-webkit-line-clamp:2;margin:3px 0 5px;font-size:11px}
.zf-card-series .zf-card-story-panel{padding:3px 6px}
@media(max-width:600px){.zf-card-movie .zf-card-story-panel p{-webkit-line-clamp:4;font-size:11px}.zf-card-story-panel>span{font-size:10px}.zf-card-story-panel .zf-card-cta{font-size:11px}}
.zf-card-badges{gap:5px;align-items:center}
.zf-card-badges>span.zf-card-feature{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:7px;border:0;border-radius:50%;background:#17160fdf;color:#fff;flex-shrink:0}
.zf-card-badges .zf-card-feature svg{width:20px;height:20px;display:block}
.zf-card-badges>.zf-card-online{margin-right:auto}
@media(max-width:600px){.zf-card-badges>span.zf-card-feature{width:29px;height:29px;padding:6px}}
/* Readable synopsis typography, retaining a bounded excerpt without scrolling. */
.zf-media-card .zf-card-story-panel{font-size:14px;line-height:1.9;padding:7px 9px;text-align:right}
.zf-media-card .zf-card-story-panel>span{font-size:12px;font-weight:600;color:#ffb64d}
.zf-media-card .zf-card-story-panel p{font-size:14px;line-height:1.9;font-weight:400;color:#e0e3da;margin:7px 0 10px;-webkit-line-clamp:4}
.zf-media-card .zf-card-story-panel .zf-card-cta{font-size:12px;font-weight:500;color:#ffb64d}
.zf-card-series .zf-card-story-panel{padding:3px 8px}
.zf-card-series .zf-card-story-panel p{font-size:14px;line-height:1.8;-webkit-line-clamp:2;margin:3px 0 6px}
@media(max-width:600px){.zf-card-movie .zf-card-story-panel{padding:5px}.zf-card-movie .zf-card-story-panel p{font-size:13px;line-height:1.85;-webkit-line-clamp:4}.zf-card-series .zf-card-story-panel p{font-size:13px;line-height:1.85}.zf-media-card .zf-card-story-panel .zf-card-cta{font-size:12px}}
/* Availability icons form a compact vertical stack at the upper right. */
.zf-media-card .zf-card-badges{top:9px;right:9px;bottom:auto;left:auto;display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:6px;z-index:2}
.zf-media-card .zf-card-badges>.zf-card-online{margin:0;order:-1}
.zf-media-card .zf-card-badges>.zf-card-feature{margin:0}
.zf-card-series .zf-card-episode{top:10px;right:49px;max-width:calc(100% - 96px)}
.zf-media-card:has(.zf-card-story[open]) .zf-card-badges{visibility:hidden}
@media(max-width:600px){.zf-media-card .zf-card-badges{top:8px;right:8px;gap:5px}.zf-card-series .zf-card-episode{right:44px;max-width:calc(100% - 88px)}}
/* Only updated-series cards use landscape artwork; all catalogs use posters. */
.zf-card-portrait .zf-card-art{aspect-ratio:3/4}
.zf-card-series.zf-card-portrait .zf-card-episode{top:auto;bottom:67px;right:8px;left:8px;max-width:none;width:max-content;max-width:calc(100% - 16px)}
.zf-card-landscape{aspect-ratio:16/10;background:#151610}
.zf-card-landscape .zf-card-art{position:absolute;inset:0;aspect-ratio:auto}
.zf-card-landscape .zf-card-picture:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(8,10,7,.5) 40%,rgba(8,10,7,.94));pointer-events:none}
.zf-media-card.zf-card-landscape .zf-card-body{position:absolute;bottom:0;left:0;right:0;padding:12px 14px;z-index:2;pointer-events:none;background:none}
.zf-card-landscape .zf-card-body a{pointer-events:auto}
.zf-card-landscape .zf-card-title>span{color:#fff;text-shadow:0 1px 4px #000}
.zf-card-landscape .zf-card-genres{color:#d1d4c9}
.zf-card-landscape .zf-card-rating b{color:#fff}
.zf-card-landscape .zf-card-story[open]{padding-bottom:60px}
.zf-card-series.zf-card-portrait .zf-card-story-panel>span{display:block}
.zf-card-series.zf-card-portrait .zf-card-story-panel p{-webkit-line-clamp:4;font-size:14px;line-height:1.9;margin:7px 0 10px}
@media(max-width:600px){.zf-card-series.zf-card-portrait .zf-card-story-panel p{font-size:13px;line-height:1.85}.zf-card-landscape{aspect-ratio:16/11}.zf-media-card.zf-card-landscape .zf-card-body{padding:10px}.zf-card-landscape .zf-card-story-panel p{-webkit-line-clamp:2}}
/* Clear type hierarchy across poster and landscape cards. */
.zf-media-card .zf-card-title{font-size:17px;font-weight:700;line-height:1.55;letter-spacing:0;margin:0;min-height:0}
.zf-media-card .zf-card-title>span{font-size:inherit;font-weight:inherit;line-height:inherit;text-rendering:optimizeLegibility}
.zf-media-card .zf-card-body{gap:5px 10px;padding:10px 12px}
.zf-media-card .zf-card-genres{font-size:11px;line-height:1.8;color:#abb0a3}
.zf-media-card .zf-card-rating b{font-size:14px;font-weight:700}
.zf-media-card .zf-card-year{font-size:11px;color:#b0b6a7}
.zf-media-card.zf-card-landscape .zf-card-title{font-size:18px;font-weight:700;line-height:1.5}
.zf-media-card.zf-card-landscape .zf-card-title>span{text-shadow:0 2px 6px #000}
.zf-media-card.zf-card-landscape .zf-card-body{padding:11px 14px;gap:5px 10px}
.zf-media-card.zf-card-landscape .zf-card-genres{color:#d0d4c7}
@media(max-width:600px){
.zf-media-card .zf-card-title{font-size:15px;line-height:1.5}
.zf-media-card.zf-card-landscape .zf-card-title{font-size:17px}
.zf-media-card .zf-card-body{padding:9px 10px;gap:4px 7px}
.zf-media-card .zf-card-genres{font-size:10px}
.zf-media-card .zf-card-rating b{font-size:13px}
.zf-media-card .zf-card-year{font-size:10px}
}

/* One native detail link covers the card; the synopsis toggle stays independent. */
.zf-media-card{-webkit-user-select:none;user-select:none}
.zf-media-card>.zf-card-link{position:absolute;inset:0;z-index:4;display:block;border-radius:inherit;cursor:pointer}
.zf-media-card>.zf-card-link:focus-visible{outline:2px solid #f18d05;outline-offset:-3px}
.zf-media-card .zf-card-story{z-index:5;pointer-events:none}
.zf-media-card .zf-card-story summary{pointer-events:auto}
.zf-media-card .zf-card-story-panel .zf-card-cta{display:inline-block;font-size:12px;font-weight:500;color:#ffb64d}
.zf-media-card:hover .zf-card-title>span{color:#ffad3e}
.zf-media-card:not(:has(.zf-card-story)):hover .zf-card-open,.zf-media-card:has(>.zf-card-link:focus-visible) .zf-card-open{opacity:1}