.yse-cards{--yse-accent:#e50914;--yse-columns:5;--yse-gap:22px;--yse-width:260px;--yse-height:430px;--yse-title-size:19px;--yse-panel-color:#080a0d;--yse-panel-opacity:82%;--yse-style4-outline:#e50914;--yse-style5-outline:#e50914;--yse-arrow-color:#fff;--yse-arrow-bg:#11151d;--yse-arrow-size:46px;--yse-radius-tl:22px;--yse-radius-tr:22px;--yse-radius-br:22px;--yse-radius-bl:22px;color:#fff}

.yse-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}
.yse-heading h3{margin:0;color:#fff;font-size:28px}
.yse-arrows{display:flex;gap:8px}
.yse-arrows button{width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;background:#101216;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.yse-arrows button:hover{border-color:var(--yse-accent);background:var(--yse-accent)}

.yse-track{gap:var(--yse-gap)}
.yse-grid .yse-track{display:grid;grid-template-columns:repeat(var(--yse-columns),minmax(0,var(--yse-width)))}
.yse-slider .yse-track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--yse-width);overflow-x:auto;overflow-y:hidden;padding:10px 4px 18px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}
.yse-slider .yse-track::-webkit-scrollbar{display:none}

.yse-card{position:relative;width:100%;height:var(--yse-height);min-width:0;overflow:hidden;border:1px solid #ffffff2b;border-radius:var(--yse-radius-tl) var(--yse-radius-tr) var(--yse-radius-br) var(--yse-radius-bl);background:#080a0d;box-shadow:0 16px 38px #0009;isolation:isolate;scroll-snap-align:start;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.yse-card:before{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff10,inset 0 -80px 90px #0008}
.yse-card:hover,.yse-card:focus-within{z-index:5;border-color:var(--yse-accent);transform:translateY(-7px) scale(1.018);box-shadow:0 20px 55px #000,0 0 22px color-mix(in srgb,var(--yse-accent) 55%,transparent)}

.yse-poster,.yse-poster img{display:block;width:100%;height:100%}
.yse-poster img{object-fit:cover;transition:transform .6s ease,filter .35s ease}
.yse-card:hover .yse-poster img,.yse-card:focus-within .yse-poster img{transform:scale(1.06);filter:brightness(.72)}

.yse-new{position:absolute;z-index:6;top:14px;right:14px;padding:7px 13px;border-radius:999px;background:var(--yse-accent);color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 18px #0008}
.yse-premium{position:absolute;z-index:6;top:0;left:18px;display:grid;place-items:center;width:42px;height:58px;border-radius:0 0 9px 9px;background:linear-gradient(#ff3942,var(--yse-accent));font-size:18px;filter:drop-shadow(0 6px 8px #0008)}

.yse-panel{position:absolute;z-index:5;left:10px;right:10px;bottom:10px;padding:18px;border:1px solid #ffffff2b;border-radius:16px;background:color-mix(in srgb,var(--yse-panel-color) var(--yse-panel-opacity),transparent);box-shadow:0 14px 30px #000b;backdrop-filter:blur(14px);transform:translateY(calc(100% - 74px));transition:transform .38s cubic-bezier(.2,.75,.2,1)}
.yse-card:hover .yse-panel,.yse-card:focus-within .yse-panel{transform:translateY(0)}

.yse-panel h4{margin:0 0 4px;overflow:hidden;color:#fff;font-size:var(--yse-title-size);font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.yse-panel h4 a{color:inherit;text-decoration:none}
.yse-detail{display:block;color:#d2d4d8;font-size:13px}

.yse-actions{display:flex;align-items:center;gap:10px;max-height:0;margin-top:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .3s ease,margin .3s ease,opacity .2s ease}
.yse-card:hover .yse-actions,.yse-card:focus-within .yse-actions{max-height:64px;margin-top:15px;opacity:1;visibility:visible}
.yse-actions a{text-decoration:none}
.yse-play,.yse-tool{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#11151dcc;color:#fff;cursor:pointer}
.yse-play{flex-basis:46px;width:46px;height:46px;border-color:var(--yse-accent);background:var(--yse-accent);box-shadow:0 0 18px color-mix(in srgb,var(--yse-accent) 65%,transparent)}
.yse-tool:hover{border-color:var(--yse-accent);color:#fff}
.yse-watchlist>*,.yse-like>*{margin:0!important}
.yse-like .wpulike{padding:0!important}
.yse-like .wp_ulike_btn{margin:0!important}
.yse-like .count-box,.yse-like .wp_ulike_likers_wrapper,.yse-watchlist .watchlist-label{display:none!important}

.yse-landscape{--yse-height:270px}
.yse-landscape .yse-panel{transform:translateY(calc(100% - 68px))}

.yse-style-3 .yse-card{border:0;background:#000;box-shadow:0 12px 28px #000}
.yse-style-3 .yse-card:before{opacity:0;transition:opacity .35s ease;box-shadow:inset 0 -190px 130px #000e}
.yse-style-3 .yse-panel{left:0;right:0;bottom:0;padding:52px 16px 18px;border:0;border-radius:0;background:linear-gradient(transparent,color-mix(in srgb,var(--yse-panel-color) var(--yse-panel-opacity),transparent) 42%);box-shadow:none;backdrop-filter:none;opacity:0;transform:translateY(28px);transition:opacity .32s ease,transform .38s ease}
.yse-style-3 .yse-card:hover:before,.yse-style-3 .yse-card:focus-within:before,.yse-style-3 .yse-card:hover .yse-panel,.yse-style-3 .yse-card:focus-within .yse-panel{opacity:1}
.yse-style-3 .yse-card:hover .yse-panel,.yse-style-3 .yse-card:focus-within .yse-panel{transform:translateY(0)}
.yse-style-3 .yse-new,.yse-style-3 .yse-premium{opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}
.yse-style-3 .yse-card:hover .yse-new,.yse-style-3 .yse-card:hover .yse-premium,.yse-style-3 .yse-card:focus-within .yse-new,.yse-style-3 .yse-card:focus-within .yse-premium{opacity:1;transform:translateY(0)}

.yse-style-4 .yse-card{border:2px solid transparent;clip-path:polygon(0 0,92% 0,100% 7%,100% 93%,92% 100%,0 100%);border-radius:0}
.yse-style-4.yse-outline-on .yse-card{border-color:var(--yse-style4-outline);box-shadow:0 18px 45px #000b,0 0 18px color-mix(in srgb,var(--yse-style4-outline) 45%,transparent)}
.yse-style-4 .yse-panel{left:0;right:8%;bottom:0;border:0;border-radius:0;background:color-mix(in srgb,var(--yse-panel-color) var(--yse-panel-opacity),transparent)}
.yse-style-4.yse-outline-on .yse-panel{border-top:2px solid var(--yse-style4-outline)}
.yse-style-4 .yse-new{right:9%;border-radius:2px;transform:skewX(-8deg)}

.yse-style-5 .yse-card{overflow:visible;margin-bottom:28px;border-color:transparent}
.yse-style-5.yse-outline-on .yse-card{border-color:var(--yse-style5-outline);box-shadow:0 16px 38px #0009,0 0 20px color-mix(in srgb,var(--yse-style5-outline) 45%,transparent)}
.yse-style-5 .yse-panel{left:8%;right:-7%;bottom:-22px;border-color:#ffffff30;background:color-mix(in srgb,var(--yse-panel-color) var(--yse-panel-opacity),transparent);box-shadow:-12px 16px 35px #000}
.yse-style-5.yse-outline-on .yse-panel{border-color:var(--yse-style5-outline)}
.yse-style-5 .yse-new{border-radius:12px 2px 12px 12px}

.yse-style-6 .yse-card{overflow:visible;margin-bottom:48px;border:0;background:#07090c;box-shadow:0 20px 50px #000c}
.yse-style-6 .yse-card:before{bottom:-44px;box-shadow:inset 0 -100px 100px #0009}
.yse-style-6 .yse-panel{left:14px;right:-14px;bottom:-40px;padding:16px 18px 15px 22px;border:0;border-left:4px solid var(--yse-accent);border-radius:4px 4px 20px 4px;background:linear-gradient(105deg,color-mix(in srgb,var(--yse-panel-color) 96%,transparent) 0 78%,color-mix(in srgb,var(--yse-accent) 35%,#090b10) 78%);box-shadow:0 18px 34px #000d;backdrop-filter:blur(16px);transform:translateY(calc(100% - 78px)) skewY(-2deg)}
.yse-style-6 .yse-panel>*{transform:skewY(2deg)}
.yse-style-6 .yse-card:hover .yse-panel,.yse-style-6 .yse-card:focus-within .yse-panel{transform:translateY(0) skewY(-2deg)}
.yse-style-6 .yse-new{top:auto;right:-8px;bottom:22px;border-radius:3px;transform:rotate(-90deg) translateX(100%);transform-origin:right bottom;text-transform:uppercase;letter-spacing:1px}
.yse-style-6 .yse-play{border-radius:10px 2px 10px 2px}
.yse-style-6 .yse-tool{border-radius:10px}
.yse-slider.yse-style-5 .yse-track,.yse-slider.yse-style-6 .yse-track{padding-bottom:58px}

@media(max-width:1024px){.yse-cards{--yse-columns:3}
}

@media(max-width:767px){.yse-cards{--yse-columns:2;--yse-gap:12px;--yse-width:210px;--yse-height:330px;--yse-title-size:16px}
.yse-heading h3{font-size:22px}
.yse-panel{padding:13px}
.yse-new{top:9px;right:9px;padding:5px 9px}
.yse-landscape{--yse-height:210px}
}

@media(max-width:767px){.yse-slider .yse-track{grid-auto-columns:calc((100% + var(--yse-gap))/var(--yse-columns) - var(--yse-gap))}
.yse-grid .yse-track{grid-template-columns:repeat(var(--yse-columns),minmax(0,1fr))}
.yse-card-arrow{display:none!important}
}

@media(max-width:767px){.yse-cards .yse-card .yse-panel{display:none!important}
.yse-cards.yse-style-5 .yse-card,.yse-cards.yse-style-6 .yse-card,.yse-cards.yse-style-11 .yse-card{margin-bottom:0}
.yse-slider.yse-style-5 .yse-track,.yse-slider.yse-style-6 .yse-track,.yse-slider.yse-style-11 .yse-track{padding-bottom:18px}
}


/* v1.3: every information panel is completely hidden until interaction. */
.yse-cards .yse-card .yse-panel{opacity:0;visibility:hidden;pointer-events:none}

.yse-cards .yse-card:hover .yse-panel,.yse-cards .yse-card:focus-within .yse-panel{opacity:1;visibility:visible;pointer-events:auto}


/* Normalize WP ULike so its own wrapper cannot draw a second square/border. */
.yse-cards .yse-like .wpulike,.yse-cards .yse-like .wp_ulike_general_class{width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}

.yse-cards .yse-like .wp_ulike_btn{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;outline:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}

.yse-cards .yse-like .wp_ulike_btn:before,.yse-cards .yse-like .wp_ulike_btn:after{border:0!important;outline:0!important;box-shadow:none!important}


/* v1.4: the poster owns the clipping radius, allowing floating panels outside. */
.yse-cards .yse-poster{overflow:hidden;border-radius:var(--yse-radius-tl) var(--yse-radius-tr) var(--yse-radius-br) var(--yse-radius-bl)}

.yse-cards .yse-poster img{border-radius:inherit}

.yse-cards.yse-style-5 .yse-poster,.yse-cards.yse-style-6 .yse-poster{clip-path:inset(0 round var(--yse-radius-tl) var(--yse-radius-tr) var(--yse-radius-br) var(--yse-radius-bl))}


/* Remove only YuStream's outer Like wrapper; the clickable heart remains. */
.yse-cards .yse-tool.yse-like{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}

.yse-cards .yse-tool.yse-like *,.yse-cards .yse-tool.yse-like *:before,.yse-cards .yse-tool.yse-like *:after{outline:0!important;box-shadow:none!important}

.yse-cards .yse-like{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0!important;margin:0!important;border:1px solid #ffffff55!important;outline:0!important;border-radius:50%!important;background:#11151dcc!important;box-shadow:none!important;cursor:pointer}
.yse-cards .yse-like:hover{border-color:var(--yse-accent)!important}


/* 7 – deep curved glass capsule. */
.yse-style-7 .yse-card{border:1px solid #ffffff70;background:#070b11;box-shadow:inset 0 0 0 1px #ffffff18,0 22px 48px #000c}
.yse-style-7 .yse-card:after{content:"";position:absolute;z-index:4;inset:0;border-radius:inherit;background:linear-gradient(125deg,#ffffff24 0 2%,transparent 16% 75%,color-mix(in srgb,var(--yse-accent) 22%,transparent));pointer-events:none}
.yse-style-7 .yse-panel{left:12px;right:12px;bottom:12px;border-color:#ffffff55;border-radius:22px;background:color-mix(in srgb,var(--yse-panel-color) var(--yse-panel-opacity),transparent);box-shadow:inset 0 1px #ffffff28,0 16px 36px #000c}
.yse-style-7 .yse-play{box-shadow:0 0 0 5px color-mix(in srgb,var(--yse-accent) 18%,transparent),0 0 22px var(--yse-accent)}


/* 8 – sharp asymmetric diagonal cut. */
.yse-style-8 .yse-card{border:0;clip-path:polygon(0 0,100% 0,100% 84%,87% 100%,0 100%);background:#07090c}
.yse-style-8 .yse-poster{border-radius:0;clip-path:polygon(0 0,100% 0,100% 100%,0 88%)}
.yse-style-8 .yse-panel{left:0;right:0;bottom:0;padding:48px 18px 18px;border:0;border-bottom:3px solid var(--yse-accent);border-radius:0;background:linear-gradient(158deg,transparent 0 27%,color-mix(in srgb,var(--yse-panel-color) 94%,transparent) 28%)}
.yse-style-8 .yse-actions{justify-content:flex-end}
.yse-style-8 .yse-new{border-radius:2px;transform:skewX(-12deg)}


/* 9 – luxury cinema frame. */
.yse-style-9 .yse-card{border:3px double #d6a947;background:#090704;box-shadow:inset 0 0 0 5px #3b2810,inset 0 0 0 7px #d6a94755,0 20px 44px #000}
.yse-style-9 .yse-poster{border-radius:calc(var(--yse-radius-tl) - 3px) calc(var(--yse-radius-tr) - 3px) calc(var(--yse-radius-br) - 3px) calc(var(--yse-radius-bl) - 3px)}
.yse-style-9 .yse-panel{left:9px;right:9px;bottom:9px;border:1px solid #d6a947aa;background:linear-gradient(135deg,#171006f2,#050403eb);box-shadow:inset 0 0 18px #d6a94724,0 16px 30px #000}
.yse-style-9 .yse-panel h4{font-family:Georgia,serif;letter-spacing:.04em;color:#fff4d3}
.yse-style-9 .yse-play{border-color:#f7d77f;background:linear-gradient(145deg,#d7aa45,#8c5d13);box-shadow:0 0 18px #d7aa4588}
.yse-style-9 .yse-tool:hover{border-color:#d7aa45}


/* 10 – illuminated film strip. */
.yse-style-10 .yse-card{border:2px solid color-mix(in srgb,var(--yse-accent) 75%,#fff);background:#030305;box-shadow:0 0 18px color-mix(in srgb,var(--yse-accent) 58%,transparent),inset 0 0 24px #000}
.yse-style-10 .yse-poster:before,.yse-style-10 .yse-poster:after{content:"";position:absolute;z-index:4;top:7px;bottom:7px;width:11px;background:repeating-linear-gradient(to bottom,var(--yse-accent) 0 9px,transparent 9px 18px);filter:drop-shadow(0 0 5px var(--yse-accent));pointer-events:none}
.yse-style-10 .yse-poster:before{left:6px}
.yse-style-10 .yse-poster:after{right:6px}
.yse-style-10 .yse-panel{left:18px;right:18px;bottom:12px;border-color:color-mix(in srgb,var(--yse-accent) 55%,#fff);border-radius:8px;background:color-mix(in srgb,#09090d var(--yse-panel-opacity),transparent)}


/* 11 – offset floating acrylic shelf. */
.yse-style-11 .yse-card{overflow:visible;margin:0 12px 34px 0;border:1px solid #bde9ff80;background:#080d14;box-shadow:12px 14px 0 #ffffff0d,0 24px 45px #000b}
.yse-style-11 .yse-panel{left:22px;right:-18px;bottom:-28px;border:1px solid #d9f3ff6b;border-radius:5px 18px 18px 18px;background:color-mix(in srgb,#132333 var(--yse-panel-opacity),transparent);box-shadow:inset 0 1px #fff4,0 20px 38px #000c}
.yse-style-11 .yse-card:hover{transform:translate(-4px,-8px) rotate(-.35deg)}
.yse-slider.yse-style-11 .yse-track{padding-right:24px;padding-bottom:62px}


/* 12 – perforated ticket stub. */
.yse-style-12 .yse-card{border:1px solid #ffffff40;background:#08090c;clip-path:polygon(0 0,100% 0,100% 42%,96% 45%,100% 48%,100% 100%,0 100%,0 48%,4% 45%,0 42%)}
.yse-style-12 .yse-panel{left:10px;right:10px;bottom:10px;border:1px dashed #ffffff70;border-radius:4px;background:color-mix(in srgb,var(--yse-panel-color) 94%,transparent)}
.yse-style-12 .yse-panel:before{content:"";position:absolute;left:0;right:0;top:-9px;border-top:1px dashed color-mix(in srgb,var(--yse-accent) 72%,#fff)}
.yse-style-12 .yse-new{border-radius:2px 2px 8px 8px}


/* 13 – futuristic edge light. */
.yse-style-13 .yse-card{border:1px solid #5dd8ff;background:#04070b;clip-path:polygon(8% 0,92% 0,100% 7%,100% 93%,92% 100%,8% 100%,0 93%,0 7%);box-shadow:0 0 10px #5dd8ff,0 0 24px color-mix(in srgb,var(--yse-accent) 55%,transparent),inset 0 0 22px #050b}
.yse-style-13 .yse-card:after{content:"";position:absolute;z-index:4;inset:5px;border:1px solid color-mix(in srgb,var(--yse-accent) 70%,#62ddff);clip-path:inherit;pointer-events:none}
.yse-style-13 .yse-poster{border-radius:0}
.yse-style-13 .yse-panel{left:10px;right:10px;bottom:10px;border:1px solid #5dd8ffaa;border-radius:4px;background:linear-gradient(135deg,#07121cf2,#110712ef);box-shadow:inset 0 0 16px #5dd8ff22}
.yse-style-13 .yse-tool{border-color:#5dd8ffaa}


/* 14 – editorial magazine reveal. */
.yse-style-14 .yse-card{border:0;background:#090706;box-shadow:0 18px 46px #000d}
.yse-style-14 .yse-card:after{content:"YUSTREAM";position:absolute;z-index:4;left:14px;top:17px;color:#fff;font:700 10px/1 Arial,sans-serif;letter-spacing:.34em;text-shadow:0 2px 8px #000;pointer-events:none}
.yse-style-14 .yse-panel{left:0;right:0;bottom:0;padding:46px 18px 18px;border:0;border-radius:0;background:linear-gradient(transparent 0,color-mix(in srgb,#0b0808 var(--yse-panel-opacity),transparent) 35%)}
.yse-style-14 .yse-panel h4{font-family:Georgia,serif;font-weight:500;letter-spacing:.07em;text-transform:uppercase}
.yse-style-14 .yse-actions{border-top:1px solid #ffffff38;padding-top:12px}
.yse-style-14 .yse-new{top:auto;right:14px;bottom:14px;border-radius:0;text-transform:uppercase;letter-spacing:.12em}


/* v1.6: View All and Streamit-style arrows positioned over the cards. */
.yse-heading .yse-view-all{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:color .25s ease}
.yse-heading .yse-view-all span{color:var(--yse-accent);font-size:24px;line-height:1}
.yse-heading .yse-view-all:hover{color:var(--yse-accent)}

.yse-slider-stage{position:relative;min-width:0}
.yse-card-arrow{position:absolute;z-index:30;top:50%;display:grid;place-items:center;width:var(--yse-arrow-size);height:var(--yse-arrow-size);padding:0;border:1px solid #ffffff66;border-radius:50%;background:color-mix(in srgb,var(--yse-arrow-bg) 86%,transparent);color:var(--yse-arrow-color);font-size:calc(var(--yse-arrow-size) * .68);font-weight:300;line-height:1;cursor:pointer;box-shadow:0 8px 24px #000c;backdrop-filter:blur(8px);transform:translateY(-50%);transition:background .25s ease,border-color .25s ease,transform .25s ease,opacity .25s ease}
.yse-card-arrow:hover{border-color:var(--yse-accent);background:var(--yse-accent);transform:translateY(-50%) scale(1.08)}
.yse-card-arrow.yse-prev{left:12px}
.yse-card-arrow.yse-next{right:12px}
.yse-card-arrow:disabled{opacity:.3;cursor:default}


/* v1.7: original Streamit responsive sizes (6/5/4/3/2) with natural ratios. */
.yse-streamit-sizing.yse-slider .yse-track{grid-auto-columns:calc((100% + var(--yse-gap)) / var(--yse-columns) - var(--yse-gap))}
.yse-streamit-sizing.yse-grid .yse-track{grid-template-columns:repeat(var(--yse-columns),minmax(0,1fr))}
.yse-streamit-sizing.yse-portrait .yse-card{height:auto;aspect-ratio:2/3}
.yse-streamit-sizing.yse-landscape .yse-card{height:auto;aspect-ratio:16/9}

.yse-new.yse-novo-hidden{display:none!important}


/* v1.9: twelve configurable NOVO badges. */
.yse-cards .yse-new{display:grid;place-items:center;width:auto;height:auto;min-width:0;padding:.48em .9em;border:0;border-radius:.35em;background:var(--yse-badge-color);color:var(--yse-badge-text);font-size:var(--yse-badge-size);font-weight:900;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 .38em 1.2em #0009;filter:none;transform:none}
.yse-cards .yse-new span{display:block;color:inherit;line-height:1;white-space:nowrap}

.yse-badge-pos-top-right .yse-new{top:.8em;right:.8em;bottom:auto;left:auto;transform:none}
.yse-badge-pos-top-left .yse-new{top:.8em;right:auto;bottom:auto;left:.8em;transform:none}
.yse-badge-pos-bottom-right .yse-new{top:auto;right:.8em;bottom:.8em;left:auto;transform:none}
.yse-badge-pos-bottom-left .yse-new{top:auto;right:auto;bottom:.8em;left:.8em;transform:none}


/* 1 Folded corner. */
.yse-badge-style-1 .yse-new{width:6.4em;height:5.1em;padding:0;border-radius:0;background:linear-gradient(135deg,color-mix(in srgb,var(--yse-badge-color) 55%,#fff),var(--yse-badge-color) 38%,color-mix(in srgb,var(--yse-badge-color) 62%,#000));box-shadow:none;filter:drop-shadow(0 .45em .55em #0009)}
.yse-badge-style-1.yse-badge-pos-top-right .yse-new{top:0;right:0;clip-path:polygon(16% 0,100% 0,100% 100%)}
.yse-badge-style-1.yse-badge-pos-top-right .yse-new span{position:absolute;top:1.28em;right:-.18em;width:4.8em;transform:rotate(45deg)}
.yse-badge-style-1.yse-badge-pos-top-left .yse-new{top:0;left:0;clip-path:polygon(0 0,84% 0,0 100%)}
.yse-badge-style-1.yse-badge-pos-top-left .yse-new span{position:absolute;top:1.28em;left:-.18em;width:4.8em;transform:rotate(-45deg)}
.yse-badge-style-1.yse-badge-pos-bottom-right .yse-new{right:0;bottom:0;clip-path:polygon(100% 0,100% 100%,16% 100%)}
.yse-badge-style-1.yse-badge-pos-bottom-right .yse-new span{position:absolute;right:-.18em;bottom:1.28em;width:4.8em;transform:rotate(-45deg)}
.yse-badge-style-1.yse-badge-pos-bottom-left .yse-new{bottom:0;left:0;clip-path:polygon(0 0,84% 100%,0 100%)}
.yse-badge-style-1.yse-badge-pos-bottom-left .yse-new span{position:absolute;bottom:1.28em;left:-.18em;width:4.8em;transform:rotate(45deg)}


/* 2 Glossy pill. */
.yse-badge-style-2 .yse-new{padding:.58em 1.35em;border:1px solid color-mix(in srgb,var(--yse-badge-color) 45%,#fff);border-radius:999px;background:linear-gradient(#fff5,color-mix(in srgb,var(--yse-badge-color) 86%,#111) 42%,var(--yse-badge-color));box-shadow:inset 0 .12em .25em #fff8,0 .35em 1em #000b}


/* 3 Angular tab. */
.yse-badge-style-3 .yse-new{padding:.65em 1.35em .65em 1em;border-radius:0;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);background:linear-gradient(120deg,color-mix(in srgb,var(--yse-badge-color) 78%,#fff),var(--yse-badge-color) 38%,color-mix(in srgb,var(--yse-badge-color) 72%,#000))}
.yse-badge-style-3.yse-badge-pos-top-left .yse-new,.yse-badge-style-3.yse-badge-pos-bottom-left .yse-new{clip-path:polygon(0 0,88% 0,100% 100%,12% 100%)}


/* 4 Cinema ticket. */
.yse-badge-style-4 .yse-new{padding:.68em 1.35em;border:2px solid color-mix(in srgb,var(--yse-badge-color) 45%,#fff);border-radius:.18em;background:linear-gradient(135deg,color-mix(in srgb,var(--yse-badge-color) 84%,#111),var(--yse-badge-color));clip-path:polygon(0 14%,5% 10%,0 0,100% 0,95% 10%,100% 14%,100% 86%,95% 90%,100% 100%,0 100%,5% 90%,0 86%)}


/* 5 Glass capsule. */
.yse-badge-style-5 .yse-new{padding:.62em 1.25em;border:1px solid #ffffffa8;border-radius:999px;background:linear-gradient(135deg,#ffffff42,color-mix(in srgb,var(--yse-badge-color) 62%,transparent));box-shadow:inset 0 1px #fff8,inset 0 -.25em .6em color-mix(in srgb,var(--yse-badge-color) 65%,#000),0 .4em 1.1em #0009;backdrop-filter:blur(8px)}


/* 6 Neon outline. */
.yse-badge-style-6 .yse-new{padding:.58em 1.05em;border:2px solid var(--yse-badge-color);border-radius:.35em;background:#08090dcc;color:var(--yse-badge-text);box-shadow:0 0 .35em var(--yse-badge-color),inset 0 0 .45em color-mix(in srgb,var(--yse-badge-color) 45%,transparent);text-shadow:0 0 .35em var(--yse-badge-color)}


/* 7 Metal plate. */
.yse-badge-style-7 .yse-new{padding:.62em 1.2em;border:1px solid #fff;border-radius:.28em;background:linear-gradient(165deg,#f2f2f2,#777 48%,#d8d8d8);color:var(--yse-badge-color);box-shadow:inset 0 0 0 .18em #0003,0 .35em .8em #000a;text-shadow:0 1px #fff}
.yse-badge-style-7 .yse-new:before,.yse-badge-style-7 .yse-new:after{content:"";position:absolute;top:.28em;width:.22em;height:.22em;border-radius:50%;background:#333;box-shadow:inset 0 1px #fff}
.yse-badge-style-7 .yse-new:before{left:.3em}
.yse-badge-style-7 .yse-new:after{right:.3em}


/* 8 Bookmark ribbon. */
.yse-badge-style-8 .yse-new{width:3.8em;height:5.25em;padding:.75em .35em 1.3em;border-radius:.15em .15em 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--yse-badge-color) 75%,#000),var(--yse-badge-color) 48%,color-mix(in srgb,var(--yse-badge-color) 72%,#fff));clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.yse-badge-style-8.yse-badge-pos-bottom-right .yse-new,.yse-badge-style-8.yse-badge-pos-bottom-left .yse-new{padding:1.3em .35em .75em;border-radius:0 0 .15em .15em;clip-path:polygon(0 0,50% 22%,100% 0,100% 100%,0 100%)}


/* 9 Diagonal sash. */
.yse-badge-style-9 .yse-new{width:8.5em;padding:.52em .5em;border-radius:0;background:linear-gradient(90deg,color-mix(in srgb,var(--yse-badge-color) 68%,#000),var(--yse-badge-color),color-mix(in srgb,var(--yse-badge-color) 75%,#fff));box-shadow:0 .2em .5em #0009}
.yse-badge-style-9.yse-badge-pos-top-right .yse-new{top:1.45em;right:-2.15em;transform:rotate(45deg)}
.yse-badge-style-9.yse-badge-pos-top-left .yse-new{top:1.45em;left:-2.15em;transform:rotate(-45deg)}
.yse-badge-style-9.yse-badge-pos-bottom-right .yse-new{right:-2.15em;bottom:1.45em;transform:rotate(-45deg)}
.yse-badge-style-9.yse-badge-pos-bottom-left .yse-new{bottom:1.45em;left:-2.15em;transform:rotate(45deg)}


/* 10 Wax seal. */
.yse-badge-style-10 .yse-new{width:4.7em;height:4.7em;padding:.3em;border:.28em double color-mix(in srgb,var(--yse-badge-color) 58%,#fff);border-radius:50%;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--yse-badge-color) 65%,#fff),var(--yse-badge-color) 45%,color-mix(in srgb,var(--yse-badge-color) 65%,#000));box-shadow:inset 0 0 .7em #0006,0 .45em 1em #000b;font-family:Georgia,serif}


/* 11 Editorial label. */
.yse-badge-style-11 .yse-new{padding:.58em 1.25em;border-top:2px solid var(--yse-badge-color);border-bottom:1px solid #ffffff88;border-radius:0;background:#08090dd9;box-shadow:none;letter-spacing:.22em;font-family:Georgia,serif;font-weight:500}
.yse-badge-style-11 .yse-new:after{content:"";position:absolute;right:12%;bottom:-.32em;left:12%;height:1px;background:var(--yse-badge-color)}


/* 12 Illuminated edge. */
.yse-badge-style-12 .yse-new{min-width:5.2em;padding:.7em 1em;border:0;border-radius:0;background:linear-gradient(135deg,color-mix(in srgb,var(--yse-badge-color) 28%,transparent),#08090dc9 62%);box-shadow:none;text-shadow:0 0 .3em var(--yse-badge-color)}
.yse-badge-style-12 .yse-new:before{content:"";position:absolute;inset:0;border-top:2px solid var(--yse-badge-color);border-right:2px solid var(--yse-badge-color);filter:drop-shadow(0 0 .35em var(--yse-badge-color))}
.yse-badge-style-12.yse-badge-pos-top-left .yse-new:before,.yse-badge-style-12.yse-badge-pos-bottom-left .yse-new:before{border-right:0;border-left:2px solid var(--yse-badge-color)}
.yse-badge-style-12.yse-badge-pos-bottom-right .yse-new:before,.yse-badge-style-12.yse-badge-pos-bottom-left .yse-new:before{border-top:0;border-bottom:2px solid var(--yse-badge-color)}

/* YuStream Top 10 */
.yse-topten{--ytt-accent:#e50914;--ytt-text:#fff;--ytt-panel:#080b10;--ytt-columns:5;--ytt-height:410px;--ytt-gap:24px;color:var(--ytt-text);width:100%;overflow:hidden}
.ytt-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}
.ytt-heading h3{margin:0;color:var(--ytt-text);font-weight:800;text-transform:uppercase}
.ytt-heading a{color:var(--ytt-text);text-decoration:none;font-weight:700}
.ytt-heading a span{color:var(--ytt-accent);font-size:1.4em}
.ytt-stage{position:relative}
.ytt-track{display:flex;gap:var(--ytt-gap);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:14px 4px 76px}
.ytt-track::-webkit-scrollbar{display:none}
.ytt-grid .ytt-track{display:grid;grid-template-columns:repeat(var(--ytt-columns),minmax(0,1fr));overflow:visible}
.ytt-card{position:relative;flex:0 0 calc((100% - (var(--ytt-columns) - 1)*var(--ytt-gap))/var(--ytt-columns));height:var(--ytt-height);isolation:isolate;transition:transform .38s ease,opacity .38s ease;min-width:0}
.ytt-poster{position:absolute;inset:0;display:block;overflow:hidden;border-radius:var(--ytt-radius-tl,18px) var(--ytt-radius-tr,18px) var(--ytt-radius-br,18px) var(--ytt-radius-bl,18px);background:#111;z-index:2;box-shadow:0 15px 38px rgba(0,0,0,.45)}
.ytt-poster:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(2,4,8,.95))}
.ytt-poster img{width:100%;height:100%;object-fit:var(--ytt-fit,cover);border-radius:inherit;transition:transform .55s ease}
.ytt-card:hover .ytt-poster img{transform:scale(1.055)}
.ytt-rank{position:absolute;right:8px;bottom:-68px;z-index:4;font-size:150px;line-height:.8;font-weight:900;letter-spacing:-.08em;transform:translate(var(--ytt-rank-x,0),var(--ytt-rank-y,0));transition:bottom .35s ease,filter .35s ease;background-clip:text!important;-webkit-background-clip:text!important}
.ytt-rank-background{color:transparent!important}
.ytt-card:hover .ytt-rank{bottom:-54px}
.ytt-info{position:absolute;z-index:5;left:18px;right:18px;bottom:18px}
.ytt-info h4{font-size:18px;line-height:1.15;margin:0 0 5px}
.ytt-info h4 a{color:#fff;text-decoration:none}
.ytt-info small{color:rgba(255,255,255,.78)}
.ytt-actions{display:flex;gap:9px;margin-top:12px;opacity:0;transform:translateY(8px);transition:.3s}
.ytt-card:hover .ytt-actions{opacity:1;transform:none}
.ytt-play,.ytt-info-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;text-decoration:none;color:#fff;background:var(--ytt-accent);font-size:13px}
.ytt-info-btn{background:rgba(8,11,16,.75);border:1px solid rgba(255,255,255,.55);font-weight:800}
.ytt-type,.ytt-premium{position:absolute;z-index:6;top:12px;right:12px;border-radius:5px;padding:5px 9px;color:#fff;background:var(--ytt-accent);font-size:11px;font-weight:800;text-transform:uppercase}
.ytt-premium{right:auto;left:12px;border-radius:50%;padding:6px}
.ytt-arrow{position:absolute;z-index:12;top:44%;transform:translateY(-50%);width:44px;height:54px;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:rgba(5,8,13,.82);color:#fff;font-size:30px;cursor:pointer}
.ytt-prev{left:4px}
.ytt-next{right:4px}

/* 1 Original refined */.ytt-style-1 .ytt-card{padding:0 17px 0 0}
.ytt-style-1 .ytt-rank{color:var(--ytt-accent)}

/* 2 Outline portrait */.ytt-style-2 .ytt-rank{right:auto;left:4px;color:transparent!important;-webkit-text-stroke:2px #fff;opacity:.9;text-shadow:1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff}
.ytt-style-2 .ytt-poster{left:34px}
.ytt-style-2 .ytt-info{left:52px}

/* 3 Split layout */.ytt-style-3 .ytt-card{height:calc(var(--ytt-height)*.58);background:var(--ytt-panel);border:1px solid rgba(255,255,255,.08);border-radius:14px}
.ytt-style-3 .ytt-rank{left:12px;right:auto;bottom:50%;transform:translate(var(--ytt-rank-x,0),calc(50% + var(--ytt-rank-y,0)));font-size:90px;color:#aeb5c0}
.ytt-style-3 .ytt-card:hover .ytt-rank{bottom:50%}
.ytt-style-3 .ytt-poster{left:34%;border-radius:0 14px 14px 0}
.ytt-style-3 .ytt-info{left:38%;bottom:18px}

/* 4 Glass rail */.ytt-style-4 .ytt-track{padding:22px 18px 82px;background:rgba(18,27,39,.42);border:1px solid rgba(117,184,230,.25);border-radius:22px;backdrop-filter:blur(14px)}
.ytt-style-4 .ytt-card{filter:drop-shadow(0 0 12px rgba(229,9,20,.24))}
.ytt-style-4 .ytt-rank{color:transparent!important;-webkit-text-stroke:2px var(--ytt-accent);text-shadow:1px 0 var(--ytt-accent),-1px 0 var(--ytt-accent),0 1px var(--ytt-accent),0 -1px var(--ytt-accent);filter:drop-shadow(0 0 9px var(--ytt-accent))}

/* 5 Premium gold */.ytt-style-5{--ytt-gold:#e4bd6d}
.ytt-style-5 .ytt-rank{color:var(--ytt-gold);text-shadow:0 5px 18px rgba(228,189,109,.3)}
.ytt-style-5 .ytt-card:after{content:"";position:absolute;z-index:7;left:16%;right:16%;bottom:-14px;height:4px;background:var(--ytt-accent);border-radius:6px}
.ytt-style-5 .ytt-poster{border:1px solid rgba(228,189,109,.38)}

/* 6 Layered cards */.ytt-style-6 .ytt-card:before,.ytt-style-6 .ytt-card:after{content:"";position:absolute;inset:12px -5px -12px 12px;border-radius:18px;background:#151b24;border:1px solid rgba(255,255,255,.12);z-index:0;transform:rotate(-2deg)}
.ytt-style-6 .ytt-card:after{inset:22px -11px -22px 24px;z-index:-1;opacity:.5}
.ytt-style-6 .ytt-rank{z-index:4;color:#761018;opacity:.92;text-shadow:0 10px 28px rgba(0,0,0,.7)}
.ytt-style-6 .ytt-card:hover .ytt-rank{filter:brightness(1.25)}

/* 7 Editorial bold */.ytt-style-7 .ytt-poster{border-radius:0}
.ytt-style-7 .ytt-rank{right:auto;left:-8px;font-style:italic;font-family:Impact,Arial Black,sans-serif;color:var(--ytt-accent);font-size:190px}
.ytt-style-7 .ytt-card:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:-16px;height:2px;background:var(--ytt-accent)}

/* 8 Corner ribbon */.ytt-style-8 .ytt-type{top:0;right:0;border-radius:0 18px 0 0;clip-path:polygon(28% 0,100% 0,100% 100%,0 0);width:72px;height:72px;text-align:right;padding:10px 7px}
.ytt-style-8 .ytt-rank{color:#7f8793;text-shadow:0 3px 12px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.18)}

/* 9 Active hover */.ytt-style-9 .ytt-card{opacity:.68;transform:scale(.92)}
.ytt-style-9 .ytt-card:hover{opacity:1;transform:scale(1)}
.ytt-style-9 .ytt-card:hover .ytt-poster{border:1px solid rgba(255,255,255,.65);box-shadow:0 0 28px color-mix(in srgb,var(--ytt-accent) 42%,transparent)}
.ytt-style-9 .ytt-rank{color:#737985}
.ytt-style-9 .ytt-card:hover .ytt-rank{color:var(--ytt-accent)}

/* 10 Responsive two-up */.ytt-style-10 .ytt-poster{border:1px solid rgba(125,174,210,.45)}
.ytt-style-10 .ytt-rank{left:50%;right:auto;transform:translate(calc(-50% + var(--ytt-rank-x,0)),var(--ytt-rank-y,0));color:var(--ytt-accent)}

@media(max-width:767px){.ytt-track{padding-bottom:55px}
.ytt-arrow{display:none}
.ytt-info{left:10px;right:10px;bottom:10px}
.ytt-info h4{font-size:14px}
.ytt-actions{display:none}
.ytt-type{font-size:9px;padding:4px 6px}
.ytt-style-3 .ytt-poster{left:29%}
.ytt-style-3 .ytt-info{left:34%}
.ytt-style-7 .ytt-rank{font-size:110px}
}

/* Ranking-number position presets; manual X/Y controls remain additive. */
.yse-topten.ytt-rank-pos-top-left .ytt-rank{top:10px;bottom:auto;left:10px;right:auto;transform:translate(var(--ytt-rank-x,0),var(--ytt-rank-y,0))}

.yse-topten.ytt-rank-pos-top-center .ytt-rank{top:10px;bottom:auto;left:50%;right:auto;transform:translate(calc(-50% + var(--ytt-rank-x,0)),var(--ytt-rank-y,0))}

.yse-topten.ytt-rank-pos-top-right .ytt-rank{top:10px;bottom:auto;left:auto;right:10px;transform:translate(var(--ytt-rank-x,0),var(--ytt-rank-y,0))}

.yse-topten.ytt-rank-pos-middle-left .ytt-rank{top:50%;bottom:auto;left:10px;right:auto;transform:translate(var(--ytt-rank-x,0),calc(-50% + var(--ytt-rank-y,0)))}

.yse-topten.ytt-rank-pos-middle-center .ytt-rank{top:50%;bottom:auto;left:50%;right:auto;transform:translate(calc(-50% + var(--ytt-rank-x,0)),calc(-50% + var(--ytt-rank-y,0)))}

.yse-topten.ytt-rank-pos-middle-right .ytt-rank{top:50%;bottom:auto;left:auto;right:10px;transform:translate(var(--ytt-rank-x,0),calc(-50% + var(--ytt-rank-y,0)))}

.yse-topten.ytt-rank-pos-bottom-left .ytt-rank{top:auto;bottom:10px;left:10px;right:auto;transform:translate(var(--ytt-rank-x,0),var(--ytt-rank-y,0))}

.yse-topten.ytt-rank-pos-bottom-center .ytt-rank{top:auto;bottom:10px;left:50%;right:auto;transform:translate(calc(-50% + var(--ytt-rank-x,0)),var(--ytt-rank-y,0))}

.yse-topten.ytt-rank-pos-bottom-right .ytt-rank{top:auto;bottom:10px;left:auto;right:10px;transform:translate(var(--ytt-rank-x,0),var(--ytt-rank-y,0))}

.ytt-rating{position:absolute;z-index:7;display:flex;align-items:baseline;gap:3px;line-height:1;white-space:nowrap}
.ytt-rating-star,.ytt-rating-score{color:#ffc928}
.ytt-rating-star{font-size:.58em;margin-right:2px}
.ytt-rating-score{font-size:38px;font-weight:900;letter-spacing:-.05em}
.ytt-rating-total{color:#fff;font-size:17px;font-weight:700}
.ytt-rating-top-left{top:18px;left:18px}
.ytt-rating-top-center{top:18px;left:50%;transform:translateX(-50%)}
.ytt-rating-top-right{top:18px;right:18px}
.ytt-rating-middle-left{top:50%;left:18px;transform:translateY(-50%)}
.ytt-rating-middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}
.ytt-rating-middle-right{top:50%;right:18px;transform:translateY(-50%)}
.ytt-rating-bottom-left{bottom:18px;left:18px}
.ytt-rating-bottom-center{bottom:18px;left:50%;transform:translateX(-50%)}
.ytt-rating-bottom-right{right:18px;bottom:18px}
.ytt-style-3 .ytt-rating-top-center{left:17%}
.ytt-style-3 .ytt-rating-top-right{right:auto;left:34%;transform:translateX(-100%)}
.ytt-style-3 .ytt-rating-middle-center{left:17%}
.ytt-style-3 .ytt-rating-middle-right{right:auto;left:34%;transform:translate(-100%,-50%)}
.ytt-style-3 .ytt-rating-bottom-center{left:17%}
.ytt-style-3 .ytt-rating-bottom-right{right:auto;left:34%;transform:translateX(-100%)}

/* v1.12.2: only Style 9 count appearance and section-title weight. */
.ytt-heading h3{font-weight:400}

.ytt-style-9 .ytt-card{transform:scale(1)}

.ytt-style-9 .ytt-card:hover{transform:scale(1.06)}

/* v1.12.4: preserve typed title case and animate ranks without changing anchors. */
.ytt-heading h3{text-transform:none}

.ytt-rank{transition:bottom .35s ease,filter .35s ease,translate .35s ease}

.ytt-style-1 .ytt-card:hover .ytt-rank{translate:0 -14px}

.ytt-style-2 .ytt-card:hover .ytt-rank{translate:0 -14px}

.ytt-style-3 .ytt-card:hover .ytt-rank{translate:10px 0}

.ytt-style-4 .ytt-card:hover .ytt-rank{translate:0 -12px}

.ytt-style-5 .ytt-card:hover .ytt-rank{translate:0 -14px}

.ytt-style-6 .ytt-card:hover .ytt-rank{translate:0 -10px}

.ytt-style-7 .ytt-card:hover .ytt-rank{translate:0 -18px}

.ytt-style-8 .ytt-card:hover .ytt-rank{translate:0 -12px}

.ytt-style-10 .ytt-card:hover .ytt-rank{translate:0 -14px}

/* v1.12.5: allow Style 7's four individual corner controls. */
.ytt-style-7 .ytt-poster,.ytt-style-7 .ytt-poster img{border-radius:var(--ytt-radius-tl,18px) var(--ytt-radius-tr,18px) var(--ytt-radius-br,18px) var(--ytt-radius-bl,18px)}

/* v1.12.6: allow Style 3's four individual corner controls. */
.ytt-style-3 .ytt-poster,.ytt-style-3 .ytt-poster img{border-radius:var(--ytt-radius-tl,18px) var(--ytt-radius-tr,18px) var(--ytt-radius-br,18px) var(--ytt-radius-bl,18px)}


/* YuStream Continue Watching – isolated from existing widgets. */
.ycw-widget{--ycw-accent:#e50914;--ycw-card-bg:#0b0f15;--ycw-text:#fff;--ycw-progress-bg:#3e4652;--ycw-height:260px;--ycw-gap:18px;--ycw-hover:1.04;--ycw-shadow:45%;--ycw-progress-height:5px;--ycw-dot:10px;--ycw-remove-size:32px;--ycw-section-y:0px;color:var(--ycw-text);margin-top:0;margin-bottom:0;overflow:hidden;transform:translateY(var(--ycw-section-y))}
.ycw-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}
.ycw-heading .ycw-title{margin:0;color:#fff;font-size:28px;font-weight:400;text-transform:none}
.ycw-empty{border:0;background:var(--ycw-accent);color:#fff;cursor:pointer}
.ycw-widget .continue-watching-slider{display:flex;gap:var(--ycw-gap)}
.ycw-widget .continue-watching-slider .slick-list{margin:0 calc(var(--ycw-gap)/-2);padding:10px 0 18px}
.ycw-widget .continue-watching-slider .slick-slide{padding:0 calc(var(--ycw-gap)/2)}
.ycw-widget li.slide-item{position:relative;min-width:0}
.ycw-widget li.slide-item .block-images{position:relative;height:var(--ycw-height);margin-bottom:0!important;overflow:visible;border-radius:var(--ycw-r-tl,16px) var(--ycw-r-tr,16px) var(--ycw-r-br,16px) var(--ycw-r-bl,16px);background:var(--ycw-card-bg);box-shadow:0 18px 44px color-mix(in srgb,#000 var(--ycw-shadow),transparent);transition:transform .38s ease,filter .38s ease,box-shadow .38s ease}
.ycw-widget li.slide-item:hover .block-images{transform:scale(var(--ycw-hover));z-index:9}
.ycw-widget .img-box,.ycw-widget .overly-images{height:100%;border-radius:inherit;overflow:hidden}
.ycw-widget .img-box img,.ycw-widget .overly-images img{width:100%;height:100%;object-fit:var(--ycw-fit,cover)!important;object-position:var(--ycw-position,center center)!important;border-radius:inherit}
.ycw-portrait li.slide-item .block-images{height:var(--ycw-height);aspect-ratio:522/760}
.ycw-landscape li.slide-item .block-images{aspect-ratio:16/9}
.ycw-widget .block-description{z-index:6;color:var(--ycw-text)}
.ycw-widget .block-description a,.ycw-widget .block-description .iq-title{color:inherit}
.ycw-widget{--iq-primary:var(--ycw-accent)}
.ycw-widget .trash-continue-watching{display:grid!important;place-items:center;width:var(--ycw-remove-size)!important;height:var(--ycw-remove-size)!important;border-radius:50%!important;background:rgba(5,7,10,.72)!important;color:#fff!important;opacity:0!important;visibility:hidden!important;backdrop-filter:blur(8px)}
.ycw-widget li:hover .trash-continue-watching,.ycw-widget.ycw-remove-always .trash-continue-watching{opacity:1!important;visibility:visible!important}
.ycw-hide-title .block-description .iq-title,.ycw-hide-title .block-description h6,.ycw-hide-title .block-description h5{display:none!important}
.ycw-hide-progress .streamit-preogress,.ycw-hide-progress [class*=progress]{display:none!important}
.ycw-hide-time .streamit-preogress:after,.ycw-hide-time .movie-time,.ycw-hide-time .watched-time{display:none!important}
.ycw-hide-play .play-button,.ycw-hide-play .playbtn,.ycw-hide-play [class*=play-btn]{display:none!important}
.ycw-hide-remove .trash-continue-watching{display:none!important}
.ycw-grid .continue-watching-slider{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ycw-grid .slick-arrow{display:none!important}

/* 1 – refined original */.ycw-style-1 .block-images{border:1px solid rgba(255,255,255,.12)}
.ycw-style-1 .block-images:after{content:"";position:absolute;inset:45% 0 0;z-index:3;border-radius:inherit;background:linear-gradient(transparent,rgba(4,6,10,.96));pointer-events:none}

/* 2 – clean minimal */.ycw-style-2 .block-description{background:transparent!important}
.ycw-style-2 .block-images{box-shadow:none;border:1px solid rgba(255,255,255,.16)}
.ycw-style-2 .streamit-preogress{bottom:12px!important}

/* 3 – cinematic glass */.ycw-style-3 .block-description{margin:0 12px 12px;padding:14px!important;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(8,12,18,.52)!important;backdrop-filter:blur(14px)}
.ycw-style-3 .block-images{border:1px solid rgba(133,196,232,.28)}

/* 4 – edge light */.ycw-style-4 .block-images{border:1px solid var(--ycw-accent);box-shadow:0 0 8px var(--ycw-accent),0 0 28px color-mix(in srgb,var(--ycw-accent) 48%,transparent)}

/* 5 – hover expand */.ycw-style-5 li.slide-item{transition:flex-basis .38s ease}
.ycw-style-5 .block-description{opacity:.18;transition:opacity .35s ease}
.ycw-style-5 li:hover .block-description{opacity:1}
.ycw-style-5 li:hover .block-images{box-shadow:0 22px 55px #000}

/* 6 – filmstrip */.ycw-style-6 .block-images{padding:20px 8px;border-radius:8px;background:repeating-linear-gradient(90deg,#050608 0 10px,#87909b 10px 15px,#050608 15px 27px)}
.ycw-style-6 .img-box{border-radius:4px}
.ycw-style-6 .block-images:before,.ycw-style-6 .block-images:after{content:"";position:absolute;z-index:8;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,transparent 0 8px,#7d858f 8px 14px,transparent 14px 25px);pointer-events:none}
.ycw-style-6 .block-images:before{top:4px}
.ycw-style-6 .block-images:after{bottom:4px}

/* 7 – capsule */.ycw-style-7 .block-images{border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 35px rgba(108,170,225,.16),0 18px 45px #000}
.ycw-style-7 .play-button,.ycw-style-7 .playbtn{border-radius:999px!important;background:var(--ycw-accent)!important}

/* 8 – premium gold */.ycw-style-8{--ycw-gold:#ddb85d}
.ycw-style-8 .block-images{border:1px solid var(--ycw-gold);box-shadow:0 16px 38px rgba(221,184,93,.13)}

/* 9 – layered depth */.ycw-style-9 li.slide-item:before,.ycw-style-9 li.slide-item:after{content:"";position:absolute;inset:10px -5px -10px 10px;border:1px solid rgba(255,255,255,.14);border-radius:inherit;background:#151b24;transform:rotate(-1.5deg);z-index:-1}
.ycw-style-9 li.slide-item:after{inset:18px -10px -18px 20px;opacity:.55}
.ycw-style-9 .block-description{transform:translateY(12px);transition:transform .35s ease}
.ycw-style-9 li:hover .block-description{transform:none}

/* 10 – editorial time */.ycw-style-10 .block-images{border-radius:2px;border-bottom:3px solid var(--ycw-accent)}
.ycw-style-10 .streamit-preogress:after{font-family:Georgia,serif;font-size:1.2em!important;letter-spacing:.05em}
.ycw-style-10 .block-description{background:linear-gradient(transparent,#050608)!important}

/* 11 – dual-tone split */.ycw-style-11 .block-images{background:var(--ycw-card-bg)}
.ycw-style-11 .img-box{width:58%;border-radius:var(--ycw-r-tl,16px) 0 0 var(--ycw-r-bl,16px)}
.ycw-style-11 .block-description{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:58%!important;padding:22px 16px!important;background:linear-gradient(145deg,var(--ycw-card-bg),color-mix(in srgb,var(--ycw-accent) 12%,var(--ycw-card-bg)))!important}

/* 12 – mobile-ready two-up */.ycw-style-12 .block-images{border:1px solid rgba(130,174,210,.38);box-shadow:0 12px 30px #000}
.ycw-style-12 .trash-continue-watching{top:8px!important;right:8px!important;left:auto!important}

@media(max-width:1024px){.ycw-grid .continue-watching-slider{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:767px){.ycw-widget{--ycw-gap:12px}
.ycw-heading{margin-bottom:14px}
.ycw-heading .ycw-title{font-size:22px}
.ycw-hide-mobile-arrows .slick-arrow{display:none!important}
.ycw-grid .continue-watching-slider{grid-template-columns:repeat(2,minmax(0,1fr))}
.ycw-widget li.slide-item:hover .block-images{transform:none}
.ycw-style-12 .continue-watching-slider .slick-slide{padding:0 6px}
.ycw-style-11 .img-box{width:100%}
.ycw-style-11 .block-description{top:auto!important;left:0!important;background:linear-gradient(transparent,#080b10)!important}
}

.ycw-custom-width .continue-watching-slider .slick-slide,.ycw-custom-width .continue-watching-slider>li.slide-item{width:var(--ycw-width,330px)!important;max-width:var(--ycw-width,330px)!important;flex:0 0 var(--ycw-width,330px)!important}
.ycw-widget .progress,.ycw-widget .progress-bar-wrapper,.ycw-widget [class*=progress-container]{background:var(--ycw-progress-bg)!important}


/* v1.13.1: neutralize Streamit's dark idle overlay inside this widget only. */
.ycw-widget li.slide-item .block-images,
.ycw-widget li.slide-item .img-box,
.ycw-widget li.slide-item .img-box a,
.ycw-widget li.slide-item .img-box img{opacity:1!important;visibility:visible!important;filter:none!important}

.ycw-widget li.slide-item .img-box a{background:transparent!important}

.ycw-widget li.slide-item .block-images .img-box{background:transparent!important;background-image:none!important}

.ycw-widget li.slide-item .block-images .img-box img{mix-blend-mode:normal!important;opacity:1!important;filter:none!important}

.ycw-widget li.slide-item:hover .block-images .img-box img{mix-blend-mode:normal!important;opacity:1!important;filter:none!important}

/* Adjustable full-card vignette: dark sides fading toward a clear center. */
.ycw-widget{--ycw-poster-dark:30%;--ycw-shadow-reach:120px}
.ycw-widget li.slide-item .block-images .img-box::after{content:"";position:absolute;z-index:3;inset:0;display:block!important;border-radius:inherit;background:transparent;box-shadow:inset 0 0 var(--ycw-shadow-reach) color-mix(in srgb,#000 var(--ycw-poster-dark),transparent);opacity:1!important;visibility:visible!important;pointer-events:none}

/* v1.14: twelve independent watched-progress presentations. */
.ycw-widget{--ycw-meter-width:100%;--ycw-circle-size:74px;--ycw-progress-font:13px;--ycw-progress-x:0px;--ycw-progress-y:0px;--ycw-anchor-x:0%;--ycw-anchor-y:0%}
.ycw-widget .ycw-progress-ready{position:absolute!important;z-index:40!important;width:var(--ycw-meter-width)!important;max-width:calc(100% - 28px);height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:translate(calc(var(--ycw-anchor-x) + var(--ycw-progress-x)),calc(var(--ycw-anchor-y) + var(--ycw-progress-y)))!important}
.ycw-widget .ycw-progress-ready::before,.ycw-widget .ycw-progress-ready::after{display:none!important;content:none!important}
.ycw-widget .ycw-progress-ui{display:flex;align-items:center;gap:10px;width:100%;color:var(--ycw-text);font-size:var(--ycw-progress-font);line-height:1.15;pointer-events:none}
.ycw-widget .ycw-progress-track{position:relative;display:block;flex:1;height:var(--ycw-progress-height);min-height:2px;border-radius:999px;background:var(--ycw-progress-bg);overflow:visible}
.ycw-widget .ycw-progress-fill{position:absolute;inset:0 auto 0 0;width:var(--ycw-value);border-radius:inherit;background:var(--ycw-accent)}
.ycw-widget .ycw-progress-dot{position:absolute;z-index:2;top:50%;left:var(--ycw-value);width:var(--ycw-dot);height:var(--ycw-dot);border:2px solid #fff;border-radius:50%;background:var(--ycw-accent);box-shadow:0 0 8px var(--ycw-accent);transform:translate(-50%,-50%)}
.ycw-widget .ycw-progress-info{display:flex;align-items:center;gap:5px;white-space:nowrap;text-shadow:0 1px 4px #000}
.ycw-widget .ycw-progress-percent{display:none;font-weight:800}.ycw-widget.ycw-hide-time .ycw-progress-time{display:none}.ycw-widget.ycw-hide-dot .ycw-progress-dot{display:none!important}
.ycw-widget.ycw-progress-top-left .ycw-progress-ready,.ycw-widget.ycw-progress-top-center .ycw-progress-ready,.ycw-widget.ycw-progress-top-right .ycw-progress-ready{top:14px!important;bottom:auto!important}
.ycw-widget.ycw-progress-middle-left .ycw-progress-ready,.ycw-widget.ycw-progress-middle-center .ycw-progress-ready,.ycw-widget.ycw-progress-middle-right .ycw-progress-ready{top:50%!important;bottom:auto!important}
.ycw-widget.ycw-progress-bottom-left .ycw-progress-ready,.ycw-widget.ycw-progress-bottom-center .ycw-progress-ready,.ycw-widget.ycw-progress-bottom-right .ycw-progress-ready{top:auto!important;bottom:14px!important}
.ycw-widget.ycw-progress-top-left .ycw-progress-ready,.ycw-widget.ycw-progress-middle-left .ycw-progress-ready,.ycw-widget.ycw-progress-bottom-left .ycw-progress-ready{left:14px!important;right:auto!important}
.ycw-widget.ycw-progress-top-center,.ycw-widget.ycw-progress-middle-center,.ycw-widget.ycw-progress-bottom-center{--ycw-anchor-x:-50%}.ycw-widget.ycw-progress-top-center .ycw-progress-ready,.ycw-widget.ycw-progress-middle-center .ycw-progress-ready,.ycw-widget.ycw-progress-bottom-center .ycw-progress-ready{left:50%!important;right:auto!important}
.ycw-widget.ycw-progress-top-right .ycw-progress-ready,.ycw-widget.ycw-progress-middle-right .ycw-progress-ready,.ycw-widget.ycw-progress-bottom-right .ycw-progress-ready{left:auto!important;right:14px!important}
.ycw-widget.ycw-progress-middle-left,.ycw-widget.ycw-progress-middle-center,.ycw-widget.ycw-progress-middle-right{--ycw-anchor-y:-50%}
/* 1 classic */.ycw-progress-style-1 .ycw-progress-dot,.ycw-progress-style-1 .ycw-progress-percent{display:none}
/* 2 glow + dot */.ycw-progress-style-2 .ycw-progress-fill{box-shadow:0 0 8px var(--ycw-accent),0 0 18px color-mix(in srgb,var(--ycw-accent) 55%,transparent)}
/* 3 time capsule */.ycw-progress-style-3 .ycw-progress-ui{padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(8,12,18,.82);box-shadow:inset 0 0 14px rgba(255,255,255,.06)}.ycw-progress-style-3 .ycw-progress-dot{display:none}
/* 4 segmented */.ycw-progress-style-4 .ycw-progress-track,.ycw-progress-style-4 .ycw-progress-fill{border-radius:2px;background-image:repeating-linear-gradient(90deg,transparent 0 calc(20% - 4px),rgba(0,0,0,.85) calc(20% - 4px) 20%)}.ycw-progress-style-4 .ycw-progress-dot{display:none}
/* 5 percentage ring */.ycw-progress-style-5 .ycw-progress-ready,.ycw-progress-style-6 .ycw-progress-ready,.ycw-progress-style-8 .ycw-progress-ready,.ycw-progress-style-11 .ycw-progress-ready{width:var(--ycw-circle-size)!important;max-width:none}.ycw-progress-style-5 .ycw-progress-ui,.ycw-progress-style-6 .ycw-progress-ui,.ycw-progress-style-8 .ycw-progress-ui,.ycw-progress-style-11 .ycw-progress-ui{position:relative;display:grid;place-items:center;width:var(--ycw-circle-size);height:var(--ycw-circle-size);border-radius:50%;background:conic-gradient(var(--ycw-accent) var(--ycw-value),var(--ycw-progress-bg) 0);box-shadow:0 8px 22px rgba(0,0,0,.45)}.ycw-progress-style-5 .ycw-progress-ui::before,.ycw-progress-style-6 .ycw-progress-ui::before,.ycw-progress-style-8 .ycw-progress-ui::before,.ycw-progress-style-11 .ycw-progress-ui::before{content:"";position:absolute;inset:7px;border-radius:50%;background:rgba(8,11,16,.92)}.ycw-progress-style-5 .ycw-progress-track,.ycw-progress-style-6 .ycw-progress-track,.ycw-progress-style-8 .ycw-progress-track,.ycw-progress-style-11 .ycw-progress-track{display:none}.ycw-progress-style-5 .ycw-progress-info,.ycw-progress-style-6 .ycw-progress-info,.ycw-progress-style-8 .ycw-progress-info,.ycw-progress-style-11 .ycw-progress-info{position:relative;z-index:2;display:grid;place-items:center;text-align:center}.ycw-progress-style-5 .ycw-progress-percent,.ycw-progress-style-8 .ycw-progress-percent,.ycw-progress-style-11 .ycw-progress-percent{display:block}.ycw-progress-style-5 .ycw-progress-time,.ycw-progress-style-8 .ycw-progress-time,.ycw-progress-style-11 .ycw-progress-time{display:none}
/* 6 time ring */.ycw-progress-style-6 .ycw-progress-percent{display:none}.ycw-progress-style-6 .ycw-progress-time{display:block;max-width:58px;white-space:normal;text-align:center}
/* 7 badge + line */.ycw-progress-style-7 .ycw-progress-ui{flex-wrap:wrap;gap:6px}.ycw-progress-style-7 .ycw-progress-info{order:-1;padding:6px 9px;border-radius:6px;background:var(--ycw-accent)}.ycw-progress-style-7 .ycw-progress-track{flex-basis:100%}.ycw-progress-style-7 .ycw-progress-dot{display:none}
/* 8 radial gauge */.ycw-progress-style-8 .ycw-progress-ui{clip-path:none}.ycw-progress-style-8 .ycw-progress-ui::before{clip-path:none}
/* 9 glass capsule */.ycw-progress-style-9 .ycw-progress-ui{padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(15,22,31,.48);box-shadow:0 10px 30px rgba(0,0,0,.32);backdrop-filter:blur(12px)}.ycw-progress-style-9 .ycw-progress-track{height:calc(var(--ycw-progress-height) * 2)}
/* 10 elapsed / remaining */.ycw-progress-style-10 .ycw-progress-track{background:color-mix(in srgb,var(--ycw-progress-bg) 58%,#fff)}.ycw-progress-style-10 .ycw-progress-dot{display:none}.ycw-progress-style-10 .ycw-progress-percent{display:block;color:var(--ycw-accent)}
/* 11 corner arc */.ycw-progress-style-11 .ycw-progress-ui{border-radius:50%;clip-path:none}.ycw-progress-style-11 .ycw-progress-ui::before{border-radius:50%;clip-path:none}
.ycw-progress-style-5 .block-description,.ycw-progress-style-6 .block-description,.ycw-progress-style-8 .block-description,.ycw-progress-style-11 .block-description,.ycw-progress-style-5 .continue-watching-card-1,.ycw-progress-style-5 .continue-watching-card-2,.ycw-progress-style-6 .continue-watching-card-1,.ycw-progress-style-6 .continue-watching-card-2,.ycw-progress-style-8 .continue-watching-card-1,.ycw-progress-style-8 .continue-watching-card-2,.ycw-progress-style-11 .continue-watching-card-1,.ycw-progress-style-11 .continue-watching-card-2{overflow:visible!important}
/* 12 minimal text + dot */.ycw-progress-style-12 .ycw-progress-track{flex:0 0 var(--ycw-dot);width:var(--ycw-dot);height:var(--ycw-dot);border-radius:50%;background:var(--ycw-accent);box-shadow:0 0 10px var(--ycw-accent)}.ycw-progress-style-12 .ycw-progress-fill,.ycw-progress-style-12 .ycw-progress-dot{display:none}.ycw-progress-style-12 .ycw-progress-info{font-weight:700}

.ycw-widget li.slide-item .overly-images{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

.ycw-widget:not(.ycw-style-6) li.slide-item .block-images::before{opacity:0!important;background:transparent!important;display:none!important}

/* Match the compact vertical rhythm of the YuStream Movie/TV card widgets. */
.ycw-widget .streamit-continue-watching,.ycw-widget .continue-watching-slider,.ycw-widget .continue-watching-slider.slick-slider,.ycw-widget .continue-watching-slider .slick-track{margin-top:0!important;margin-bottom:0!important}
.ycw-widget .streamit-continue-watching{padding-top:0!important;padding-bottom:0!important}
