/* YuStream Movie Sections v1.1.0 */
body.yustream-movie-sections-active #iq-recommended-movie,
body.yustream-movie-sections-active #iq-related-movie{position:relative;margin:34px 0 42px;overflow:visible}
body.yustream-movie-sections-active #iq-recommended-movie .iq-main-header,
body.yustream-movie-sections-active #iq-related-movie .iq-main-header{margin:0 0 18px;min-height:42px}
body.yustream-movie-sections-active #iq-recommended-movie .main-title,
body.yustream-movie-sections-active #iq-related-movie .main-title{position:relative;margin:0;font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.15;color:#fff}

/* Shared animation only when a custom style is selected */
body[class*="yms-rec-style-"] #iq-recommended-movie .block-images,
body[class*="yms-rel-style-"] #iq-related-movie .block-images{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,filter .28s ease}
body[class*="yms-rec-style-"] #iq-recommended-movie .block-images img,
body[class*="yms-rel-style-"] #iq-related-movie .block-images img{width:100%;transition:transform .45s ease,filter .35s ease}

/* STYLE 1 — Cinematic Float */
body.yms-rec-style-1 #iq-recommended-movie,body.yms-rel-style-1 #iq-related-movie{padding:25px 0 8px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));border-top:1px solid rgba(255,255,255,.08)}
body.yms-rec-style-1 #iq-recommended-movie .block-images,body.yms-rel-style-1 #iq-related-movie .block-images{border-radius:16px!important;box-shadow:0 10px 30px rgba(0,0,0,.32)}
body.yms-rec-style-1 #iq-recommended-movie .block-images img,body.yms-rel-style-1 #iq-related-movie .block-images img{border-radius:16px!important}
body.yms-rec-style-1 #iq-recommended-movie .block-images:hover,body.yms-rel-style-1 #iq-related-movie .block-images:hover{transform:translateY(-7px) scale(1.018);box-shadow:0 18px 38px rgba(0,0,0,.48)}
body.yms-rec-style-1 #iq-recommended-movie .block-images:hover img,body.yms-rel-style-1 #iq-related-movie .block-images:hover img{transform:scale(1.055);filter:brightness(.72)}

/* STYLE 2 — Glass Frame */
body.yms-rec-style-2 #iq-recommended-movie,body.yms-rel-style-2 #iq-related-movie{padding:28px 0 30px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.06)}
body.yms-rec-style-2 #iq-recommended-movie .block-images,body.yms-rel-style-2 #iq-related-movie .block-images{border-radius:10px!important;border:1px solid rgba(255,255,255,.12);box-shadow:0 7px 22px rgba(0,0,0,.28);background:rgba(255,255,255,.025);padding:4px}
body.yms-rec-style-2 #iq-recommended-movie .block-images img,body.yms-rel-style-2 #iq-related-movie .block-images img{border-radius:7px!important}
body.yms-rec-style-2 #iq-recommended-movie .block-images:hover,body.yms-rel-style-2 #iq-related-movie .block-images:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.38);box-shadow:0 14px 30px rgba(0,0,0,.42)}
body.yms-rec-style-2 #iq-recommended-movie .block-images:hover img,body.yms-rel-style-2 #iq-related-movie .block-images:hover img{transform:scale(1.04);filter:brightness(.78)}

/* STYLE 3 — Clean Poster */
body.yms-rec-style-3 #iq-recommended-movie,body.yms-rel-style-3 #iq-related-movie{padding:10px 0 14px;background:none;border:0}
body.yms-rec-style-3 #iq-recommended-movie .block-images,body.yms-rel-style-3 #iq-related-movie .block-images{border-radius:6px!important;box-shadow:none;border:0}
body.yms-rec-style-3 #iq-recommended-movie .block-images img,body.yms-rel-style-3 #iq-related-movie .block-images img{border-radius:6px!important}
body.yms-rec-style-3 #iq-recommended-movie .block-images:hover,body.yms-rel-style-3 #iq-related-movie .block-images:hover{transform:scale(1.035);box-shadow:0 12px 25px rgba(0,0,0,.35)}
body.yms-rec-style-3 #iq-recommended-movie .block-images:hover img,body.yms-rel-style-3 #iq-related-movie .block-images:hover img{filter:brightness(.86)}

/* STYLE 4 — Neon Focus */
body.yms-rec-style-4 #iq-recommended-movie,body.yms-rel-style-4 #iq-related-movie{padding:24px 0 20px;border-top:1px solid rgba(255,255,255,.07)}
body.yms-rec-style-4 #iq-recommended-movie .block-images,body.yms-rel-style-4 #iq-related-movie .block-images{border-radius:14px!important;border:2px solid transparent;box-shadow:0 8px 22px rgba(0,0,0,.4)}
body.yms-rec-style-4 #iq-recommended-movie .block-images img,body.yms-rel-style-4 #iq-related-movie .block-images img{border-radius:12px!important}
body.yms-rec-style-4 #iq-recommended-movie .block-images:hover,body.yms-rel-style-4 #iq-related-movie .block-images:hover{transform:translateY(-5px) scale(1.025);border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.12),0 16px 34px rgba(0,0,0,.55)}
body.yms-rec-style-4 #iq-recommended-movie .block-images:hover img,body.yms-rel-style-4 #iq-related-movie .block-images:hover img{transform:scale(1.06);filter:contrast(1.08) brightness(.76)}

/* STYLE 5 — Deep Cinema */
body.yms-rec-style-5 #iq-recommended-movie,body.yms-rel-style-5 #iq-related-movie{padding:30px 0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.07),rgba(0,0,0,.12) 55%,transparent 80%)}
body.yms-rec-style-5 #iq-recommended-movie .block-images,body.yms-rel-style-5 #iq-related-movie .block-images{border-radius:20px!important;box-shadow:0 18px 35px rgba(0,0,0,.48)}
body.yms-rec-style-5 #iq-recommended-movie .block-images:after,body.yms-rel-style-5 #iq-related-movie .block-images:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.58) 100%);opacity:.65;transition:opacity .3s ease}
body.yms-rec-style-5 #iq-recommended-movie .block-images img,body.yms-rel-style-5 #iq-related-movie .block-images img{border-radius:20px!important}
body.yms-rec-style-5 #iq-recommended-movie .block-images:hover,body.yms-rel-style-5 #iq-related-movie .block-images:hover{transform:translateY(-8px);box-shadow:0 24px 45px rgba(0,0,0,.62)}
body.yms-rec-style-5 #iq-recommended-movie .block-images:hover img,body.yms-rel-style-5 #iq-related-movie .block-images:hover img{transform:scale(1.075);filter:saturate(1.12) brightness(.75)}
body.yms-rec-style-5 #iq-recommended-movie .block-images:hover:after,body.yms-rel-style-5 #iq-related-movie .block-images:hover:after{opacity:.9}

body.yustream-movie-sections-active #iq-recommended-movie .slick-arrow,body.yustream-movie-sections-active #iq-related-movie .slick-arrow,body.yustream-movie-sections-active #iq-recommended-movie .swiper-button-next,body.yustream-movie-sections-active #iq-recommended-movie .swiper-button-prev,body.yustream-movie-sections-active #iq-related-movie .swiper-button-next,body.yustream-movie-sections-active #iq-related-movie .swiper-button-prev{z-index:8}
@media(max-width:767px){body.yustream-movie-sections-active #iq-recommended-movie,body.yustream-movie-sections-active #iq-related-movie{margin-bottom:28px}body[class*="yms-rec-style-"] #iq-recommended-movie,body[class*="yms-rel-style-"] #iq-related-movie{padding-top:18px;padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){body.yustream-movie-sections-active #iq-recommended-movie *,body.yustream-movie-sections-active #iq-related-movie *{transition:none!important}}


/* v1.2.1 controls — OFF means original Streamit; section remains visible. */

/* Streamit card content visibility - intentionally broad within only selected section */
body.yms-rec-hide-title #iq-recommended-movie .movie-name,
body.yms-rec-hide-title #iq-recommended-movie .iq-title,
body.yms-rec-hide-title #iq-recommended-movie h5,
body.yms-rec-hide-title #iq-recommended-movie h6,
body.yms-rel-hide-title #iq-related-movie .movie-name,
body.yms-rel-hide-title #iq-related-movie .iq-title,
body.yms-rel-hide-title #iq-related-movie h5,
body.yms-rel-hide-title #iq-related-movie h6 { display:none !important; }

body.yms-rec-hide-meta #iq-recommended-movie .movie-time,
body.yms-rec-hide-meta #iq-recommended-movie .movie-meta,
body.yms-rec-hide-meta #iq-recommended-movie .ratting-start,
body.yms-rec-hide-meta #iq-recommended-movie .imdb,
body.yms-rec-hide-meta #iq-recommended-movie .year,
body.yms-rel-hide-meta #iq-related-movie .movie-time,
body.yms-rel-hide-meta #iq-related-movie .movie-meta,
body.yms-rel-hide-meta #iq-related-movie .ratting-start,
body.yms-rel-hide-meta #iq-related-movie .imdb,
body.yms-rel-hide-meta #iq-related-movie .year { display:none !important; }

body.yms-rec-hide-play #iq-recommended-movie .play-button,
body.yms-rec-hide-play #iq-recommended-movie .playbtn,
body.yms-rec-hide-play #iq-recommended-movie .iq-button,
body.yms-rel-hide-play #iq-related-movie .play-button,
body.yms-rel-hide-play #iq-related-movie .playbtn,
body.yms-rel-hide-play #iq-related-movie .iq-button { display:none !important; }

/* Play button variants; support common Streamit button classes */
:is(#iq-recommended-movie,#iq-related-movie) :is(.play-button,.playbtn,.iq-button) {
 transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body:is(.yms-rec-play-circle) #iq-recommended-movie :is(.play-button,.playbtn,.iq-button),
body:is(.yms-rel-play-circle) #iq-related-movie :is(.play-button,.playbtn,.iq-button) {
 border-radius:999px !important; width:48px; height:48px; min-width:48px; padding:0 !important;
 display:inline-flex;align-items:center;justify-content:center;
}
body:is(.yms-rec-play-outline) #iq-recommended-movie :is(.play-button,.playbtn,.iq-button),
body:is(.yms-rel-play-outline) #iq-related-movie :is(.play-button,.playbtn,.iq-button) {
 background:transparent !important;border:2px solid currentColor !important;border-radius:10px !important;
}
body:is(.yms-rec-play-solid) #iq-recommended-movie :is(.play-button,.playbtn,.iq-button),
body:is(.yms-rel-play-solid) #iq-related-movie :is(.play-button,.playbtn,.iq-button) {
 border:0 !important;border-radius:10px !important;box-shadow:0 8px 24px rgba(0,0,0,.3);
}
body:is(.yms-rec-play-glass) #iq-recommended-movie :is(.play-button,.playbtn,.iq-button),
body:is(.yms-rel-play-glass) #iq-related-movie :is(.play-button,.playbtn,.iq-button) {
 background:rgba(20,20,20,.42) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
 border:1px solid rgba(255,255,255,.38) !important;border-radius:999px !important;
}
body:is(.yms-rec-play-minimal) #iq-recommended-movie :is(.play-button,.playbtn,.iq-button),
body:is(.yms-rel-play-minimal) #iq-related-movie :is(.play-button,.playbtn,.iq-button) {
 background:transparent !important;border:0 !important;box-shadow:none !important;padding:6px !important;
}
:is(#iq-recommended-movie,#iq-related-movie) :is(.play-button,.playbtn,.iq-button):hover { transform:scale(1.08); }

/* v1.3.1 — Streamit card content targeting */
body.yms-rec-hide-title #iq-recommended-movie :is(.movie-name,.iq-title,.iq-title-box,.iq-title-box a,.block-description .iq-title,.block-description .iq-title a,.movie-content h4,.movie-content h5,.movie-content h6,.iq-card-title,.iq-card-title a,.title,.title a),
body.yms-rel-hide-title #iq-related-movie :is(.movie-name,.iq-title,.iq-title-box,.iq-title-box a,.block-description .iq-title,.block-description .iq-title a,.movie-content h4,.movie-content h5,.movie-content h6,.iq-card-title,.iq-card-title a,.title,.title a) {
 display:none !important;
}

/* Favorite/watchlist controls used by Streamit/Iqonic cards */
body.yms-rec-hide-favorite #iq-recommended-movie :is(.watchlist,.watch-list,.iq-watchlist,.add-to-watchlist,.add_to_watchlist,.favorite,.favourite,.iq-favorite,.iq-favourite,[class*="watchlist"],[class*="favorite"],[class*="favourite"]),
body.yms-rel-hide-favorite #iq-related-movie :is(.watchlist,.watch-list,.iq-watchlist,.add-to-watchlist,.add_to_watchlist,.favorite,.favourite,.iq-favorite,.iq-favourite,[class*="watchlist"],[class*="favorite"],[class*="favourite"]) {
 display:none !important;
}

/* v1.3.2 exact Streamit Movie_Cards/template.php selectors */

/* Title exists in BOTH with-opacity and with-transition descriptions. */
body.yms-rec-hide-title #iq-recommended-movie .block-images .card-description .iq-title,
body.yms-rel-hide-title #iq-related-movie .block-images .card-description .iq-title {
    display: none !important;
}

/* Runtime/meta in both card descriptions. */
body.yms-rec-hide-meta #iq-recommended-movie .block-images .card-description .movie-time,
body.yms-rel-hide-meta #iq-related-movie .block-images .card-description .movie-time {
    display: none !important;
}

/* Exact Streamit Watchlist wrapper. */
body.yms-rec-hide-favorite #iq-recommended-movie .block-images .card-description.with-transition .watchlist,
body.yms-rel-hide-favorite #iq-related-movie .block-images .card-description.with-transition .watchlist {
    display: none !important;
}

/* Exact Streamit Play wrapper/button. */
body.yms-rec-hide-play #iq-recommended-movie .block-images .block-social-info .hover-buttons,
body.yms-rel-hide-play #iq-related-movie .block-images .block-social-info .hover-buttons {
    display: none !important;
}

/* Exact play-button styling */
body.yms-rec-play-circle #iq-recommended-movie .hover-buttons .iq-button,
body.yms-rel-play-circle #iq-related-movie .hover-buttons .iq-button {
    border-radius: 999px !important;
    width: 48px !important; height: 48px !important; min-width: 48px !important;
    padding: 0 !important; display:flex !important; align-items:center; justify-content:center;
}
body.yms-rec-play-outline #iq-recommended-movie .hover-buttons .iq-button,
body.yms-rel-play-outline #iq-related-movie .hover-buttons .iq-button {
    background: transparent !important; border: 2px solid #fff !important; border-radius: 10px !important;
}
body.yms-rec-play-solid #iq-recommended-movie .hover-buttons .iq-button,
body.yms-rel-play-solid #iq-related-movie .hover-buttons .iq-button {
    border-radius: 10px !important;
}
body.yms-rec-play-glass #iq-recommended-movie .hover-buttons .iq-button,
body.yms-rel-play-glass #iq-related-movie .hover-buttons .iq-button {
    background: rgba(20,20,20,.42) !important; border:1px solid rgba(255,255,255,.45) !important;
    border-radius:999px !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
}
body.yms-rec-play-minimal #iq-recommended-movie .hover-buttons .iq-button,
body.yms-rel-play-minimal #iq-related-movie .hover-buttons .iq-button {
    background:transparent !important; border:0 !important; box-shadow:none !important;
}

/* v1.3.3: when Title is ON, keep the rendered title layer visible on the card. */
body.yustream-movie-sections-active:not(.yms-rec-hide-title) #iq-recommended-movie .card-description.with-opacity .iq-title,
body.yustream-movie-sections-active:not(.yms-rel-hide-title) #iq-related-movie .card-description.with-opacity .iq-title {
    display:block !important;
}

/* Watchlist rendered by Streamit should stay above overlays. */
body.yustream-movie-sections-active #iq-recommended-movie .card-description.with-transition .watchlist,
body.yustream-movie-sections-active #iq-related-movie .card-description.with-transition .watchlist {
    position:relative;
    z-index:6;
}

/* v1.4.0 — classes are applied DIRECTLY to the live Recommended/Related section. */
.yms-target.yms-hide-title .slide-items .card-description .iq-title {display:none!important;}
.yms-target.yms-hide-meta .slide-items .card-description .movie-time {display:none!important;}
.yms-target.yms-hide-favorite .slide-items .card-description.with-transition .watchlist {display:none!important;}
.yms-target.yms-hide-play .slide-items .block-social-info .hover-buttons {display:none!important;}

.yms-target.yms-play-circle .hover-buttons .iq-button{
 border-radius:999px!important;width:48px!important;height:48px!important;min-width:48px!important;
 padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.yms-target.yms-play-outline .hover-buttons .iq-button{
 background:transparent!important;border:2px solid #fff!important;border-radius:10px!important;
}
.yms-target.yms-play-solid .hover-buttons .iq-button{border-radius:10px!important;}
.yms-target.yms-play-glass .hover-buttons .iq-button{
 background:rgba(20,20,20,.42)!important;border:1px solid rgba(255,255,255,.45)!important;
 border-radius:999px!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.yms-target.yms-play-minimal .hover-buttons .iq-button{
 background:transparent!important;border:0!important;box-shadow:none!important;
}

/* v1.4.1 DIRECT CARD MODE */
.yms-card.yms-custom{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;}
.yms-card.yms-style-1{border-radius:16px!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(0,0,0,.38)!important;}
.yms-card.yms-style-1:hover{transform:translateY(-8px) scale(1.015)!important;}
.yms-card.yms-style-2{border:1px solid rgba(255,255,255,.30)!important;border-radius:18px!important;overflow:hidden!important;background:rgba(30,30,30,.72)!important;box-shadow:0 10px 28px rgba(0,0,0,.32)!important;}
.yms-card.yms-style-3{border-radius:8px!important;overflow:hidden!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important;}
.yms-card.yms-style-4{border:2px solid #e50914!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 0 22px rgba(229,9,20,.45)!important;}
.yms-card.yms-style-5{border-radius:22px!important;overflow:hidden!important;box-shadow:0 18px 42px rgba(0,0,0,.55)!important;transform:scale(.97);}
.yms-card.yms-style-5:hover{transform:scale(1.02)!important;}

.yms-card.yms-hide-title .card-description .iq-title{display:none!important;}
.yms-card.yms-hide-meta .card-description .movie-time{display:none!important;}
.yms-card.yms-hide-favorite .card-description.with-transition .watchlist{display:none!important;}
.yms-card.yms-hide-play .block-social-info .hover-buttons{display:none!important;}

.yms-card.yms-play-circle .hover-buttons .iq-button{border-radius:50%!important;width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.yms-card.yms-play-outline .hover-buttons .iq-button{background:transparent!important;border:2px solid #fff!important;border-radius:10px!important;}
.yms-card.yms-play-solid .hover-buttons .iq-button{border-radius:10px!important;}
.yms-card.yms-play-glass .hover-buttons .iq-button{background:rgba(10,10,10,.42)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:50%!important;backdrop-filter:blur(10px);}
.yms-card.yms-play-minimal .hover-buttons .iq-button{background:transparent!important;border:0!important;box-shadow:none!important;}

/* v1.5.1 — show Streamit's existing card information in custom mode.
   Share / Like / Play are intentionally untouched. */
.yms-card.yms-custom .card-description.with-transition {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 7 !important;
}
.yms-card.yms-custom .card-description.with-transition .cart-content,
.yms-card.yms-custom .card-description.with-transition .content-left {
    visibility: visible !important;
    opacity: 1 !important;
}
.yms-card.yms-custom:not(.yms-hide-title) .card-description.with-transition .iq-title,
.yms-card.yms-custom:not(.yms-hide-title) .card-description.with-transition .iq-title a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.yms-card.yms-custom:not(.yms-hide-meta) .card-description.with-transition .movie-time {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.yms-card.yms-custom:not(.yms-hide-favorite) .card-description.with-transition .watchlist {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Explicit OFF controls remain authoritative. */
.yms-card.yms-hide-title .card-description.with-transition .iq-title { display:none !important; }
.yms-card.yms-hide-meta .card-description.with-transition .movie-time { display:none !important; }
.yms-card.yms-hide-favorite .card-description.with-transition .watchlist { display:none !important; }

/* v1.5.3 — ONE overlay only. Keep Streamit's original card/poster dimensions.
   Reposition the existing title/runtime/watchlist INSIDE the poster instead of
   creating extra height below it. Share/Like/Play remain their existing elements. */

.yms-card.yms-custom {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Existing Streamit description becomes the single bottom overlay. */
.yms-card.yms-custom .card-description.with-transition {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 42px 12px 12px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 5 !important;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.72) 38%, rgba(0,0,0,.96) 100%) !important;
}

/* Neutralize Streamit's transition positioning inside our custom overlay. */
.yms-card.yms-custom .card-description.with-transition .cart-content {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 8px !important;
}
.yms-card.yms-custom .card-description.with-transition .content-left {
    position: relative !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.yms-card.yms-custom:not(.yms-hide-title) .card-description.with-transition .iq-title {
    display: block !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.yms-card.yms-custom:not(.yms-hide-title) .card-description.with-transition .iq-title a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.yms-card.yms-custom:not(.yms-hide-meta) .card-description.with-transition .movie-time {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.yms-card.yms-custom:not(.yms-hide-favorite) .card-description.with-transition .watchlist {
    position: relative !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    z-index: 7 !important;
}

/* OFF switches remain authoritative. */
.yms-card.yms-hide-title .card-description.with-transition .iq-title {display:none!important;}
.yms-card.yms-hide-meta .card-description.with-transition .movie-time {display:none!important;}
.yms-card.yms-hide-favorite .card-description.with-transition .watchlist {display:none!important;}

/* Keep the existing Streamit social/play layer above the gradient overlay. */
.yms-card.yms-custom .block-social-info {
    z-index: 8 !important;
}

/* v1.5.4 — polish the proven in-poster layout only. No card-size changes. */

/* Give title/runtime/watchlist a clean, consistent bottom zone. */
.yms-card.yms-custom .card-description.with-transition {
    padding: 58px 12px 12px !important;
}
.yms-card.yms-custom .card-description.with-transition .cart-content {
    align-items: flex-end !important;
    gap: 10px !important;
}
.yms-card.yms-custom .card-description.with-transition .iq-title {
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin: 0 0 5px !important;
}
.yms-card.yms-custom .card-description.with-transition .movie-time,
.yms-card.yms-custom .card-description.with-transition .movie-time-text {
    font-size: 12px !important;
    line-height: 1.2 !important;
}
.yms-card.yms-custom .card-description.with-transition .watchlist {
    margin: 0 2px 1px 0 !important;
    white-space: nowrap !important;
}
.yms-card.yms-custom .card-description.with-transition .watchlist .w-cards {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* Keep Streamit's social controls away from title/runtime/watchlist. */
.yms-card.yms-custom .block-social-info {
    left: auto !important;
    right: 10px !important;
    top: 10px !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    z-index: 10 !important;
}

/* Compact play button so it cannot cover the bottom information. */
.yms-card.yms-custom .block-social-info .hover-buttons {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
}
.yms-card.yms-custom .block-social-info .hover-buttons .iq-button {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.yms-card.yms-custom .block-social-info .hover-buttons .iq-button i {
    margin: 0 !important;
}

/* Streamit's social list should not occupy the lower card area. */
.yms-card.yms-custom .block-social-info .music-play-lists {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
}

/* v1.5.5 — STOP HOVER SHAKING.
   Never change card geometry/scale/position on hover. Slick must see a stable box. */
.yms-card.yms-custom,
.yms-card.yms-custom:hover,
.yms-card.yms-style-1:hover,
.yms-card.yms-style-2:hover,
.yms-card.yms-style-3:hover,
.yms-card.yms-style-4:hover,
.yms-card.yms-style-5:hover {
    transform: none !important;
    translate: none !important;
    scale: none !important;
    margin: 0 !important;
}

/* Keep the card clipped to its original footprint so hover children cannot alter hit area. */
.yms-card.yms-custom {
    position: relative !important;
    overflow: hidden !important;
}

/* Streamit sometimes animates the image/card wrappers; neutralize geometry animation only. */
.yms-card.yms-custom .img-box,
.yms-card.yms-custom:hover .img-box,
.yms-card.yms-custom .card-description,
.yms-card.yms-custom:hover .card-description,
.yms-card.yms-custom .block-social-info,
.yms-card.yms-custom:hover .block-social-info {
    transform: none !important;
}

/* Do not let transition timing animate top/left/bottom/size changes. */
.yms-card.yms-custom,
.yms-card.yms-custom .img-box,
.yms-card.yms-custom .card-description.with-transition,
.yms-card.yms-custom .block-social-info {
    transition-property: opacity, background-color, border-color, box-shadow !important;
}

/* Preserve Slick slide dimensions on hover. */
.yms-card.yms-custom.closest,
li.slide-items:hover > .yms-card.yms-custom {
    width: 100% !important;
}

/* v1.5.6 — Share popup opens DOWN from the top controls instead of upward/clipped. */
.yms-card.yms-custom .block-social-info .share {
    position: relative !important;
}
.yms-card.yms-custom .block-social-info .share .share-wrapper {
    top: calc(100% + 6px) !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    z-index: 999 !important;
}
.yms-card.yms-custom .block-social-info .share .share-boxs {
    top: 0 !important;
    bottom: auto !important;
    transform: none !important;
}

/* The original side/upward pointer is not useful when opening downward. */
.yms-card.yms-custom .block-social-info .share .share-shape {
    display: none !important;
}

/* Allow the expanded share menu itself to remain visible. */
.yms-card.yms-custom .block-social-info {
    overflow: visible !important;
}

/* v1.5.7 — clean poster normally; reveal all enabled controls on mouse hover.
   Opacity/visibility only: no scale/position changes, so no shaking. */

/* Hide the two information/control layers at rest. */
.yms-card.yms-custom .card-description.with-transition,
.yms-card.yms-custom .block-social-info {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Reveal everything when pointing at the card. */
.yms-card.yms-custom:hover .card-description.with-transition,
.yms-card.yms-custom:hover .block-social-info {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Smooth fade without changing card geometry. */
.yms-card.yms-custom .card-description.with-transition,
.yms-card.yms-custom .block-social-info {
    transition: opacity .18s ease, visibility .18s ease !important;
}

/* Respect the individual OFF settings even while hovering. */
.yms-card.yms-custom.yms-hide-title:hover .card-description.with-transition .iq-title {
    display: none !important;
}
.yms-card.yms-custom.yms-hide-meta:hover .card-description.with-transition .movie-time {
    display: none !important;
}
.yms-card.yms-custom.yms-hide-favorite:hover .card-description.with-transition .watchlist {
    display: none !important;
}
.yms-card.yms-custom.yms-hide-play:hover .block-social-info .hover-buttons {
    display: none !important;
}

/* v1.5.8 — keep controls/share menu alive while moving pointer into Share popup. */

/* Share popup must remain part of a hoverable area. */
.yms-card.yms-custom .block-social-info .share,
.yms-card.yms-custom .block-social-info .share .share-wrapper,
.yms-card.yms-custom .block-social-info .share .share-boxs {
    pointer-events: auto !important;
}

/* Keep all controls visible while the card contains keyboard focus too. */
.yms-card.yms-custom:focus-within .card-description.with-transition,
.yms-card.yms-custom:focus-within .block-social-info {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Most important: Share itself keeps its popup visible while moving onto its links. */
.yms-card.yms-custom .block-social-info .share:hover .share-wrapper,
.yms-card.yms-custom .block-social-info .share:focus-within .share-wrapper,
.yms-card.yms-custom .block-social-info .share .share-wrapper:hover {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: auto !important;
}

/* Remove any hover gap between the Share icon and the downward popup.
   The transparent bridge keeps :hover active while the mouse travels down. */
.yms-card.yms-custom .block-social-info .share .share-wrapper {
    margin-top: 0 !important;
}
.yms-card.yms-custom .block-social-info .share .share-wrapper::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: -10px !important;
    height: 12px !important;
    background: transparent !important;
    pointer-events: auto !important;
}

/* Ensure actual share links stay clickable above surrounding overlays. */
.yms-card.yms-custom .share-wrapper,
.yms-card.yms-custom .share-wrapper .share-boxs,
.yms-card.yms-custom .share-wrapper .share-ico {
    z-index: 1001 !important;
    pointer-events: auto !important;
}

/* v2.0.0 Designer */
.yms-card.yms-custom{border-radius:var(--yms-radius,14px)!important}
.yms-card.yms-custom .img-box,.yms-card.yms-custom .ysw-image-host{border-radius:var(--yms-radius,14px)!important}
.yms-card.yms-custom .img-box img.img-fluid{object-fit:var(--yms-fit,cover)!important}
.yms-card.yms-custom .iq-title,.yms-card.yms-custom .iq-title a{font-size:var(--yms-title-size,14px)!important}
.yms-card.yms-custom .movie-time,.yms-card.yms-custom .movie-time-text{font-size:var(--yms-meta-size,12px)!important}
.yms-card.yms-custom .watchlist,.yms-card.yms-custom .watchlist *{font-size:var(--yms-watch-size,12px)!important}
.yms-card.yms-custom .hover-buttons .iq-button{width:var(--yms-play-size,40px)!important;height:var(--yms-play-size,40px)!important;min-width:var(--yms-play-size,40px)!important;min-height:var(--yms-play-size,40px)!important}
.yms-card.yms-custom .card-description.with-transition{background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.55) 38%,rgba(0,0,0,var(--yms-overlay,.88)) 100%)!important}
.yms-card.yms-style-6{border:0!important;box-shadow:0 12px 30px rgba(0,0,0,.5)!important}
.yms-card.yms-style-7{border:1px solid rgba(225,230,235,.75)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important}
.yms-card.yms-style-8{border:2px solid #b99548!important;box-shadow:0 0 18px rgba(185,149,72,.35)!important}
.yms-card.yms-style-9{border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 0 18px rgba(255,255,255,.06)!important}
.yms-card.yms-style-10{border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}
.yms-card.yms-style-11{border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 0 32px rgba(255,255,255,.12)!important}
.yms-card.yms-style-12{border:3px double rgba(255,255,255,.62)!important;box-shadow:0 8px 24px rgba(0,0,0,.38)!important}
.yms-card.yms-style-13{border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 16px 34px rgba(0,0,0,.48)!important}
.yms-card.yms-style-14{border:2px solid rgba(229,9,20,.72)!important;box-shadow:0 0 28px rgba(229,9,20,.32),inset 0 0 16px rgba(229,9,20,.08)!important}
.yms-card.yms-style-6:hover,.yms-card.yms-style-7:hover,.yms-card.yms-style-8:hover,.yms-card.yms-style-9:hover,.yms-card.yms-style-10:hover,.yms-card.yms-style-11:hover,.yms-card.yms-style-12:hover,.yms-card.yms-style-13:hover,.yms-card.yms-style-14:hover{transform:none!important}
.yms-layout-root .slick-track{display:flex!important;align-items:stretch!important}
.yms-layout-root li.yms-layout-slide{float:none!important;box-sizing:border-box!important;flex:0 0 auto!important}

/* v2.0.1 — SAFE SLICK LAYOUT FIX.
   Do not force width/flex on Streamit's .slide-items or .slick-track. */
.yms-layout-root .slick-track,
.yms-safe-layout .slick-track {
    display: block !important;
}
.yms-layout-root li.yms-layout-slide,
.yms-safe-layout li.slide-items {
    float: left !important;
    flex: none !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Gap is internal so Slick's calculated slide width remains untouched. */
.yms-safe-layout li.slide-items > .yms-card.yms-custom {
    width: calc(100% - var(--yms-gap,18px)) !important;
    margin-right: var(--yms-gap,18px) !important;
    box-sizing: border-box !important;
}

/* v2.0.3 individual corner radius */
.yms-card.yms-custom,
.yms-card.yms-custom .img-box,
.yms-card.yms-custom .ysw-image-host{
 border-radius:var(--yms-radius-tl,14px) var(--yms-radius-tr,14px) var(--yms-radius-br,14px) var(--yms-radius-bl,14px)!important;
}

/* v2.0.6 — apply corner radius to the visible poster itself */
.yms-card.yms-custom,
.yms-card.yms-custom .img-box,
.yms-card.yms-custom .img-box > a,
.yms-card.yms-custom .img-box .ysw-image-host,
.yms-card.yms-custom .img-box span.ysw-image-host,
.yms-card.yms-custom .img-box img.img-fluid,
.yms-card.yms-custom .img-box img.iqonic-lazy{
 border-radius:var(--yms-radius-tl,14px) var(--yms-radius-tr,14px) var(--yms-radius-br,14px) var(--yms-radius-bl,14px)!important;
}

/* Clip the real poster and watermark stack to those corners. */
.yms-card.yms-custom,
.yms-card.yms-custom .img-box,
.yms-card.yms-custom .img-box .ysw-image-host{
 overflow:hidden!important;
}

/* The poster must occupy the rounded image box cleanly. */
.yms-card.yms-custom .img-box img.img-fluid,
.yms-card.yms-custom .img-box img.iqonic-lazy{
 display:block!important;
 width:100%!important;
 height:100%!important;
 object-fit:var(--yms-fit,cover)!important;
}

/* Keep overlay clipped to the same bottom corners. */
.yms-card.yms-custom .card-description.with-transition{
 border-radius:0 0 var(--yms-radius-br,14px) var(--yms-radius-bl,14px)!important;
}

/* v2.3.0 — Watchlist/Sačuvaj controls only. Share + Like from v2.0.6 untouched. */
.yms-card.yms-custom .card-description.with-transition .watchlist{
 position:relative!important;
 left:var(--yms-watch-x,0px)!important;
 top:var(--yms-watch-y,0px)!important;
 z-index:15!important;
}
.yms-card.yms-custom .watchlist .w-cards{
 font-size:var(--yms-watch-size,12px)!important;
 box-sizing:border-box!important;
}

/* Styles */
.yms-card.yms-watch-text .watchlist .w-cards > span:first-child{display:none!important}
.yms-card.yms-watch-icon .watchlist-label,
.yms-card.yms-watch-circle .watchlist-label{display:none!important}

.yms-card.yms-watch-pill .watchlist .w-cards,
.yms-card.yms-watch-outline .watchlist .w-cards,
.yms-card.yms-watch-solid .watchlist .w-cards,
.yms-card.yms-watch-glass .watchlist .w-cards,
.yms-card.yms-watch-red-accent .watchlist .w-cards,
.yms-card.yms-watch-green .watchlist .w-cards,
.yms-card.yms-watch-soft .watchlist .w-cards,
.yms-card.yms-watch-square .watchlist .w-cards{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:5px!important;padding:6px 10px!important;text-decoration:none!important;
}
.yms-card.yms-watch-pill .watchlist .w-cards{border-radius:999px!important;background:rgba(0,0,0,.78)!important}
.yms-card.yms-watch-outline .watchlist .w-cards{border-radius:999px!important;background:transparent!important;border:1px solid rgba(255,255,255,.85)!important}
.yms-card.yms-watch-solid .watchlist .w-cards{border-radius:999px!important;background:#fff!important;color:#111!important}
.yms-card.yms-watch-solid .watchlist .w-cards *{color:#111!important}
.yms-card.yms-watch-glass .watchlist .w-cards{border-radius:999px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.30)!important;backdrop-filter:blur(8px)}
.yms-card.yms-watch-circle .watchlist .w-cards{width:34px!important;height:34px!important;border-radius:50%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(0,0,0,.72)!important;border:1px solid rgba(255,255,255,.55)!important}
.yms-card.yms-watch-minimal .watchlist .w-cards{background:none!important;border:0!important;padding:0!important}
.yms-card.yms-watch-red-accent .watchlist .w-cards{border-radius:999px!important;background:#e50914!important;color:#fff!important}
.yms-card.yms-watch-green .watchlist .w-cards{border-radius:999px!important;background:#198754!important;color:#fff!important}
.yms-card.yms-watch-soft .watchlist .w-cards{border-radius:10px!important;background:rgba(15,15,15,.55)!important;border:1px solid rgba(255,255,255,.15)!important}
.yms-card.yms-watch-square .watchlist .w-cards{border-radius:6px!important;background:rgba(0,0,0,.80)!important;border:1px solid rgba(255,255,255,.50)!important}
.yms-card.yms-watch-underline .watchlist .w-cards{background:none!important;border:0!important;border-bottom:2px solid currentColor!important;border-radius:0!important;padding:2px 0!important}

/* Saved state */
.yms-card.yms-custom .watchlist.yms-watch-saved .w-cards,
.yms-card.yms-custom .watchlist.yms-watch-saved .watchlist-label,
.yms-card.yms-custom .watchlist.yms-watch-saved i{
 color:#35d06f!important;
}
.yms-card.yms-custom .watchlist.yms-watch-saved .w-cards{
 border-color:#35d06f!important;
}

/* v2.3.1 — Watchlist Size scales the COMPLETE Sačuvaj control.
   Text, icon, roundness, padding and overall button dimensions scale together. */
.yms-card.yms-custom .watchlist .w-cards{
 --yms-watch-unit:var(--yms-watch-size,12px);
 font-size:var(--yms-watch-unit)!important;
 line-height:1!important;
}

/* All designed button styles scale as one component. */
.yms-card.yms-watch-pill .watchlist .w-cards,
.yms-card.yms-watch-outline .watchlist .w-cards,
.yms-card.yms-watch-solid .watchlist .w-cards,
.yms-card.yms-watch-glass .watchlist .w-cards,
.yms-card.yms-watch-red-accent .watchlist .w-cards,
.yms-card.yms-watch-green .watchlist .w-cards,
.yms-card.yms-watch-soft .watchlist .w-cards,
.yms-card.yms-watch-square .watchlist .w-cards{
 gap:calc(var(--yms-watch-unit) * .42)!important;
 padding:
   calc(var(--yms-watch-unit) * .52)
   calc(var(--yms-watch-unit) * .88)!important;
 min-height:calc(var(--yms-watch-unit) * 2.25)!important;
}

/* Rounded styles stay fully rounded at every size. */
.yms-card.yms-watch-pill .watchlist .w-cards,
.yms-card.yms-watch-outline .watchlist .w-cards,
.yms-card.yms-watch-solid .watchlist .w-cards,
.yms-card.yms-watch-glass .watchlist .w-cards,
.yms-card.yms-watch-red-accent .watchlist .w-cards,
.yms-card.yms-watch-green .watchlist .w-cards{
 border-radius:calc(var(--yms-watch-unit) * 2)!important;
}

/* Plus/check scales with the text. */
.yms-card.yms-custom .watchlist .w-cards i{
 font-size:calc(var(--yms-watch-unit) * 1.05)!important;
 line-height:1!important;
 width:auto!important;
 height:auto!important;
 margin:0!important;
}

/* Circle Icon scales the entire circle too. */
.yms-card.yms-watch-circle .watchlist .w-cards{
 width:calc(var(--yms-watch-unit) * 2.7)!important;
 height:calc(var(--yms-watch-unit) * 2.7)!important;
 min-width:calc(var(--yms-watch-unit) * 2.7)!important;
 min-height:calc(var(--yms-watch-unit) * 2.7)!important;
 padding:0!important;
 border-radius:50%!important;
}

/* Soft/square radius also scales rather than remaining a fixed pixel value. */
.yms-card.yms-watch-soft .watchlist .w-cards{
 border-radius:calc(var(--yms-watch-unit) * .8)!important;
}
.yms-card.yms-watch-square .watchlist .w-cards{
 border-radius:calc(var(--yms-watch-unit) * .45)!important;
}

/* v2.4.1 SAFE — rating badge; does not alter Streamit/PHP card rendering */
.yms-card.yms-custom .yms-card-rating{
 position:absolute!important;left:12px!important;top:12px!important;z-index:20!important;
 display:inline-flex!important;align-items:center!important;gap:.35em!important;
 padding:.42em .65em!important;border-radius:999px!important;
 background:rgba(0,0,0,.72)!important;border:1px solid rgba(255,255,255,.28)!important;
 color:#fff!important;font-size:var(--yms-rating-size,12px)!important;line-height:1!important;
 transform:translate(var(--yms-rating-x,0px),var(--yms-rating-y,0px))!important;pointer-events:none!important;
}
.yms-card.yms-custom .yms-rating-star{color:#f5c518!important}
.yms-card.yms-custom.yms-hide-rating .yms-card-rating{display:none!important}

/* v2.4.3 — Rating follows the same hover-only behavior as card controls. */
.yms-card.yms-custom .yms-card-rating{
 opacity:0!important;
 visibility:hidden!important;
 pointer-events:none!important;
 transition:opacity .18s ease, visibility .18s ease!important;
}
.yms-card.yms-custom:hover .yms-card-rating{
 opacity:1!important;
 visibility:visible!important;
}
.yms-card.yms-custom.yms-hide-rating .yms-card-rating{
 display:none!important;
}

/* v2.5.0 — 8 NEW structural designs. Styles 1–14 unchanged. */
.yms-card.yms-custom.yms-style-15,.yms-card.yms-custom.yms-style-16,.yms-card.yms-custom.yms-style-17,.yms-card.yms-custom.yms-style-18,.yms-card.yms-custom.yms-style-19,.yms-card.yms-custom.yms-style-20,.yms-card.yms-custom.yms-style-21,.yms-card.yms-custom.yms-style-22{position:relative!important;overflow:hidden!important;isolation:isolate!important;transform:none!important}
.yms-card.yms-custom.yms-style-15:hover,.yms-card.yms-custom.yms-style-16:hover,.yms-card.yms-custom.yms-style-17:hover,.yms-card.yms-custom.yms-style-18:hover,.yms-card.yms-custom.yms-style-19:hover,.yms-card.yms-custom.yms-style-20:hover,.yms-card.yms-custom.yms-style-21:hover,.yms-card.yms-custom.yms-style-22:hover{transform:none!important}

/* 15 Angled Cinema */
.yms-card.yms-style-15:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:36%!important;background:linear-gradient(155deg,transparent 0 22%,rgba(12,12,14,.98) 22.5% 100%)!important;z-index:4!important;pointer-events:none!important}
.yms-card.yms-style-15 .card-description.with-transition{z-index:8!important;padding:0 16px 14px!important}
.yms-card.yms-style-15 .block-social-info{z-index:9!important}
.yms-card.yms-style-15:hover:before{content:""!important;position:absolute!important;left:10px!important;right:10px!important;bottom:0!important;height:3px!important;background:#e50914!important;z-index:12!important;border-radius:4px!important}

/* 16 Glass Drawer */
.yms-card.yms-style-16 .card-description.with-transition{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;padding:12px!important;border:1px solid rgba(255,255,255,.22)!important;background:linear-gradient(135deg,rgba(20,20,24,.76),rgba(0,0,0,.52))!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(0,0,0,.34)!important}

/* 17 Red Footer */
.yms-card.yms-style-17 .card-description.with-transition{left:0!important;right:0!important;bottom:0!important;width:100%!important;padding:14px!important;background:linear-gradient(90deg,rgba(155,0,8,.96),rgba(35,5,8,.96))!important;border-top:2px solid #ff2631!important}
.yms-card.yms-style-17 .card-description.with-transition:before{content:""!important;position:absolute!important;left:0!important;top:-34px!important;width:100%!important;height:35px!important;background:linear-gradient(to bottom,transparent,rgba(85,0,5,.72))!important;pointer-events:none!important}

/* 18 Floating Controls */
.yms-card.yms-style-18 .card-description.with-transition{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(0,0,0,.78)!important;border-left:3px solid #e50914!important}
.yms-card.yms-style-18 .block-social-info{top:12px!important;right:12px!important;padding:6px!important;border-radius:999px!important;background:rgba(0,0,0,.60)!important;backdrop-filter:blur(7px)!important}

/* 19 Split Cinema */
.yms-card.yms-style-19 .card-description.with-transition{left:0!important;right:0!important;bottom:0!important;width:100%!important;padding:15px 16px!important;background:linear-gradient(to top,rgba(0,0,0,.98),rgba(0,0,0,.72),transparent)!important}
.yms-card.yms-style-19 .card-description .content-left{padding-left:12px!important;border-left:3px solid #e50914!important}

/* 20 Spotlight Panel */
.yms-card.yms-style-20:after{content:""!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;background:radial-gradient(circle at 50% 65%,transparent 0 28%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.72) 100%)!important}
.yms-card.yms-style-20 .card-description.with-transition{z-index:8!important;left:14px!important;right:14px!important;bottom:14px!important;width:auto!important;padding:11px 13px!important;background:rgba(8,8,10,.80)!important;border-radius:10px!important;box-shadow:0 0 0 1px rgba(255,255,255,.13),0 12px 32px rgba(0,0,0,.45)!important}

/* 21 Premium Frame */
.yms-card.yms-style-21{box-shadow:inset 0 0 0 1px rgba(225,190,105,.65),inset 0 0 0 5px rgba(0,0,0,.36)!important}
.yms-card.yms-style-21:after{content:""!important;position:absolute!important;inset:7px!important;border:1px solid rgba(225,190,105,.42)!important;border-radius:inherit!important;z-index:4!important;pointer-events:none!important}
.yms-card.yms-style-21 .card-description.with-transition{z-index:8!important;padding:14px 18px!important;background:linear-gradient(to top,rgba(0,0,0,.96),rgba(0,0,0,.35),transparent)!important}

/* 22 Cut Corner */
.yms-card.yms-style-22{clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%)!important}
.yms-card.yms-style-22:after{content:""!important;position:absolute!important;right:0!important;bottom:0!important;width:35px!important;height:35px!important;background:linear-gradient(135deg,rgba(229,9,20,.95) 0 49%,transparent 50% 100%)!important;z-index:10!important;pointer-events:none!important}
.yms-card.yms-style-22 .card-description.with-transition{padding:14px 18px 16px!important;background:linear-gradient(to top,rgba(0,0,0,.96),rgba(0,0,0,.18),transparent)!important;z-index:8!important}

/* Existing hover-only rating remains above new decorative layers. */
.yms-card.yms-style-15 .yms-card-rating,.yms-card.yms-style-16 .yms-card-rating,.yms-card.yms-style-17 .yms-card-rating,.yms-card.yms-style-18 .yms-card-rating,.yms-card.yms-style-19 .yms-card-rating,.yms-card.yms-style-20 .yms-card-rating,.yms-card.yms-style-21 .yms-card-rating,.yms-card.yms-style-22 .yms-card-rating{z-index:30!important}

/* ============================================================
   v2.5.1 — Bottom-panel family.
   Fix Style 15: angle is ONLY at the bottom.
   Add Styles 23–30. Existing functionality remains unchanged.
   ============================================================ */

/* STYLE 15 FIX — no decorative diagonal through the top of the card. */
.yms-card.yms-custom.yms-style-15:after{
 content:""!important;
 position:absolute!important;
 left:0!important;right:0!important;top:auto!important;bottom:0!important;
 height:31%!important;
 background:#101014!important;
 clip-path:polygon(0 16%,72% 16%,80% 0,100% 0,100% 100%,0 100%)!important;
 z-index:4!important;pointer-events:none!important;
}
.yms-card.yms-custom.yms-style-15 .card-description.with-transition{
 left:0!important;right:0!important;top:auto!important;bottom:0!important;
 width:100%!important;height:auto!important;min-height:26%!important;
 padding:18px 16px 14px!important;background:transparent!important;
 z-index:8!important;
}
.yms-card.yms-custom.yms-style-15:hover:before{
 left:10px!important;right:10px!important;top:auto!important;bottom:0!important;
}

/* Shared bottom-panel rules 23–30 */
.yms-card.yms-custom.yms-style-23,
.yms-card.yms-custom.yms-style-24,
.yms-card.yms-custom.yms-style-25,
.yms-card.yms-custom.yms-style-26,
.yms-card.yms-custom.yms-style-27,
.yms-card.yms-custom.yms-style-28,
.yms-card.yms-custom.yms-style-29,
.yms-card.yms-custom.yms-style-30{
 position:relative!important;overflow:hidden!important;isolation:isolate!important;transform:none!important;
}
.yms-card.yms-custom.yms-style-23:hover,
.yms-card.yms-custom.yms-style-24:hover,
.yms-card.yms-custom.yms-style-25:hover,
.yms-card.yms-custom.yms-style-26:hover,
.yms-card.yms-custom.yms-style-27:hover,
.yms-card.yms-custom.yms-style-28:hover,
.yms-card.yms-custom.yms-style-29:hover,
.yms-card.yms-custom.yms-style-30:hover{transform:none!important}

.yms-card.yms-style-23 .card-description.with-transition,
.yms-card.yms-style-24 .card-description.with-transition,
.yms-card.yms-style-25 .card-description.with-transition,
.yms-card.yms-style-26 .card-description.with-transition,
.yms-card.yms-style-27 .card-description.with-transition,
.yms-card.yms-style-28 .card-description.with-transition,
.yms-card.yms-style-29 .card-description.with-transition,
.yms-card.yms-style-30 .card-description.with-transition{
 left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;
 padding:18px 16px 14px!important;z-index:8!important;
}
.yms-card.yms-style-23 .block-social-info,
.yms-card.yms-style-24 .block-social-info,
.yms-card.yms-style-25 .block-social-info,
.yms-card.yms-style-26 .block-social-info,
.yms-card.yms-style-27 .block-social-info,
.yms-card.yms-style-28 .block-social-info,
.yms-card.yms-style-29 .block-social-info,
.yms-card.yms-style-30 .block-social-info{z-index:12!important}

/* 23 Bottom Wedge — black footer with upper-right wedge, all geometry at bottom. */
.yms-card.yms-style-23:after{
 content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:32%!important;
 background:#101014!important;clip-path:polygon(0 12%,70% 12%,79% 0,100% 0,100% 100%,0 100%)!important;
 z-index:4!important;pointer-events:none!important;
}
.yms-card.yms-style-23 .card-description.with-transition{background:transparent!important}
.yms-card.yms-style-23:hover:before{content:""!important;position:absolute!important;left:12px!important;right:12px!important;bottom:0!important;height:3px!important;background:#e50914!important;z-index:14!important}

/* 24 Rounded Footer — clean rounded floating bottom box. */
.yms-card.yms-style-24 .card-description.with-transition{
 left:9px!important;right:9px!important;bottom:9px!important;width:auto!important;
 background:#101014!important;border-radius:16px!important;padding:14px 15px!important;
 box-shadow:0 10px 28px rgba(0,0,0,.46)!important;border:1px solid rgba(255,255,255,.10)!important;
}

/* 25 Red Slice — dark footer with diagonal red lower-right slice. */
.yms-card.yms-style-25:after{
 content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:31%!important;
 background:linear-gradient(110deg,#101014 0 76%,#8f0710 76.5% 100%)!important;z-index:4!important;pointer-events:none!important;
}
.yms-card.yms-style-25 .card-description.with-transition{background:transparent!important}

/* 26 Cinema Shelf — straight premium footer with thin red top line. */
.yms-card.yms-style-26 .card-description.with-transition{
 background:linear-gradient(90deg,#0c0c0f,#18181d)!important;border-top:2px solid #e50914!important;
 padding:15px 16px!important;box-shadow:0 -12px 28px rgba(0,0,0,.28)!important;
}

/* 27 Glass Bottom — translucent footer, not full-card glass. */
.yms-card.yms-style-27 .card-description.with-transition{
 left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;
 background:rgba(10,10,14,.70)!important;border:1px solid rgba(255,255,255,.24)!important;
 backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
 border-radius:14px!important;padding:14px 15px!important;box-shadow:0 12px 30px rgba(0,0,0,.45)!important;
}

/* 28 Double Angle — two small angles confined to upper edge of bottom footer. */
.yms-card.yms-style-28:after{
 content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:32%!important;
 background:#111116!important;
 clip-path:polygon(0 14%,26% 14%,31% 0,67% 0,72% 14%,100% 14%,100% 100%,0 100%)!important;
 z-index:4!important;pointer-events:none!important;
}
.yms-card.yms-style-28 .card-description.with-transition{background:transparent!important}

/* 29 Deep Footer — stronger tall lower panel like the supplied YuStream example. */
.yms-card.yms-style-29:after{
 content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:36%!important;
 background:linear-gradient(135deg,#111116,#09090b)!important;z-index:4!important;pointer-events:none!important;
}
.yms-card.yms-style-29 .card-description.with-transition{background:transparent!important;padding:20px 17px 16px!important}
.yms-card.yms-style-29:hover:before{content:""!important;position:absolute!important;left:0!important;bottom:0!important;width:42%!important;height:4px!important;background:#e50914!important;z-index:14!important}

/* 30 Corner Sweep — curved/red lower-right corner, poster remains untouched above footer. */
.yms-card.yms-style-30:after{
 content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:32%!important;
 background:radial-gradient(circle at 112% 120%,#7c0710 0 39%,transparent 40%),#101014!important;
 z-index:4!important;pointer-events:none!important;
}
.yms-card.yms-style-30 .card-description.with-transition{background:transparent!important}

/* Keep hover-only rating above all new panels. */
.yms-card.yms-style-23 .yms-card-rating,.yms-card.yms-style-24 .yms-card-rating,
.yms-card.yms-style-25 .yms-card-rating,.yms-card.yms-style-26 .yms-card-rating,
.yms-card.yms-style-27 .yms-card-rating,.yms-card.yms-style-28 .yms-card-rating,
.yms-card.yms-style-29 .yms-card-rating,.yms-card.yms-style-30 .yms-card-rating{z-index:30!important}

/* ============================================================
   v2.5.4 — STRUCTURAL PANEL FIX
   Decorative black/red/glass/footer shapes belong at BOTTOM.
   This is separate from title/watchlist positioning.
   ============================================================ */

/* New structural designs: force decorative layers to bottom. */
.yms-card.yms-custom.yms-style-15:after,
.yms-card.yms-custom.yms-style-17:after,
.yms-card.yms-custom.yms-style-22:after,
.yms-card.yms-custom.yms-style-23:after,
.yms-card.yms-custom.yms-style-25:after,
.yms-card.yms-custom.yms-style-28:after,
.yms-card.yms-custom.yms-style-29:after,
.yms-card.yms-custom.yms-style-30:after{
 top:auto!important;
 bottom:0!important;
}

/* 15 — Angled Cinema: complete black angle at bottom. */
.yms-card.yms-custom.yms-style-15:after{
 left:0!important;right:0!important;height:31%!important;
 background:#101014!important;
 clip-path:polygon(0 12%,72% 12%,80% 0,100% 0,100% 100%,0 100%)!important;
}

/* 17 — Red Footer: red/dark structural panel at bottom. */
.yms-card.yms-custom.yms-style-17:after{
 content:""!important;display:block!important;position:absolute!important;
 left:0!important;right:0!important;height:30%!important;
 background:linear-gradient(100deg,#101014 0 70%,#8f0710 70.5% 100%)!important;
 z-index:4!important;pointer-events:none!important;
}

/* 22 — Cut Corner: move decorative cut treatment to bottom-right only. */
.yms-card.yms-custom.yms-style-22:after{
 right:0!important;left:auto!important;width:36px!important;height:36px!important;
 background:linear-gradient(135deg,transparent 0 49%,#e50914 50% 100%)!important;
}

/* 23 — Bottom Wedge */
.yms-card.yms-custom.yms-style-23:after{
 left:0!important;right:0!important;height:32%!important;
 background:#101014!important;
 clip-path:polygon(0 12%,70% 12%,79% 0,100% 0,100% 100%,0 100%)!important;
}

/* 25 — Red Slice */
.yms-card.yms-custom.yms-style-25:after{
 left:0!important;right:0!important;height:31%!important;
 background:linear-gradient(110deg,#101014 0 76%,#8f0710 76.5% 100%)!important;
}

/* 28 — Double Angle */
.yms-card.yms-custom.yms-style-28:after{
 left:0!important;right:0!important;height:32%!important;
 background:#111116!important;
 clip-path:polygon(0 14%,26% 14%,31% 0,67% 0,72% 14%,100% 14%,100% 100%,0 100%)!important;
}

/* 29 — Deep Footer */
.yms-card.yms-custom.yms-style-29:after{
 left:0!important;right:0!important;height:36%!important;
 background:linear-gradient(135deg,#111116,#09090b)!important;
}

/* 30 — Corner Sweep: THIS is the screenshot issue.
   Whole black/red structural box is now bottom, never top. */
.yms-card.yms-custom.yms-style-30:after{
 content:""!important;display:block!important;position:absolute!important;
 left:0!important;right:0!important;top:auto!important;bottom:0!important;
 width:auto!important;height:32%!important;
 background:
   radial-gradient(circle at 112% 120%,#8b0711 0 40%,transparent 41%),
   #101014!important;
 z-index:4!important;pointer-events:none!important;
}

/* Put the info content over the bottom structural panels. */
.yms-card.yms-custom.yms-style-15 .card-description.with-transition,
.yms-card.yms-custom.yms-style-17 .card-description.with-transition,
.yms-card.yms-custom.yms-style-23 .card-description.with-transition,
.yms-card.yms-custom.yms-style-25 .card-description.with-transition,
.yms-card.yms-custom.yms-style-28 .card-description.with-transition,
.yms-card.yms-custom.yms-style-29 .card-description.with-transition,
.yms-card.yms-custom.yms-style-30 .card-description.with-transition{
 top:auto!important;bottom:0!important;z-index:8!important;
}

/* Controls must not manufacture a full-width top panel.
   Keep only the actual control buttons visible. */
.yms-card.yms-custom.yms-style-15 .block-social-info,
.yms-card.yms-custom.yms-style-17 .block-social-info,
.yms-card.yms-custom.yms-style-23 .block-social-info,
.yms-card.yms-custom.yms-style-25 .block-social-info,
.yms-card.yms-custom.yms-style-28 .block-social-info,
.yms-card.yms-custom.yms-style-29 .block-social-info,
.yms-card.yms-custom.yms-style-30 .block-social-info{
 background:transparent!important;
 box-shadow:none!important;
 border:0!important;
}

/* Rating remains hover-only and above decoration. */
.yms-card.yms-custom .yms-card-rating{z-index:30!important}

/* v2.5.5 — Rating corner presets + extended manual movement. */
.yms-card.yms-custom .yms-card-rating{
 left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
 transform:translate(var(--yms-rating-x,0px),var(--yms-rating-y,0px))!important;
}
.yms-card.yms-custom.yms-rating-top-left .yms-card-rating{left:12px!important;top:12px!important}
.yms-card.yms-custom.yms-rating-top-right .yms-card-rating{right:12px!important;top:12px!important}
.yms-card.yms-custom.yms-rating-bottom-left .yms-card-rating{left:12px!important;bottom:12px!important}
.yms-card.yms-custom.yms-rating-bottom-right .yms-card-rating{right:12px!important;bottom:12px!important}