/* Scoped styling only; existing Streamit/YuStream widget styles are preserved. */
a.yupc-disabled-link {cursor:not-allowed !important;}
/* Ensure previously locked poster anchors become interactive without a refresh. */
a.yupc-released-link {cursor:pointer !important;pointer-events:auto !important;}
a.yupc-image-link {position:relative !important;}
.yupc-poster-badge {position:absolute;bottom:12px;left:8px;z-index:12;padding:7px 10px;color:#fff;background:rgba(7,9,17,.90);border-radius:7px;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.2px;max-width:calc(100% - 16px);white-space:normal;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.28);}
.yupc-upcoming-section{margin:24px 0;color:#fff;}
.yupc-section-title{font-size:28px;font-weight:700;margin:0 0 18px;}
.yupc-upcoming-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}
.yupc-upcoming-item{position:relative;overflow:hidden;background:#17191f;border-radius:12px;min-width:0;}
.yupc-upcoming-item img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;}
.yupc-no-poster{width:100%;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;background:#30323a;color:#fff;}
.yupc-upcoming-info{padding:11px;display:grid;gap:5px;font-size:13px;}
.yupc-upcoming-info strong{line-height:1.35;font-size:14px;}
.yupc-upcoming-info time{font-size:11px;color:#b6b8c1;}
.yupc-soon-label{font-weight:700;color:#fa4c4c;font-size:11px;letter-spacing:.5px;}
.yupc-time{font-weight:700;font-variant-numeric:tabular-nums;white-space:normal;}
.yupc-locked-page{min-height:65vh;padding:clamp(38px,6vw,86px) 20px;background:#090b11;color:#fff;}
.yupc-locked-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(200px,360px) minmax(0,1fr);gap:clamp(20px,5vw,70px);align-items:center;}
.yupc-locked-poster img{width:100%;height:auto;border-radius:14px;box-shadow:0 10px 34px rgba(0,0,0,.4);}
.yupc-eyebrow{font-size:14px;color:#f55;font-weight:700;letter-spacing:1px;margin-bottom:14px;}
.yupc-locked-copy h1{color:#fff;font-size:clamp(26px,4vw,48px);line-height:1.16;}
.yupc-locked-copy p{color:#d5d5dd;}
.yupc-locked-copy time{display:block;color:#e0e0e5;margin:12px 0;}
.yupc-large-counter{color:#fff;font-size:clamp(20px,3vw,36px);font-weight:750;font-variant-numeric:tabular-nums;margin:26px 0;}
.yupc-home-button{display:inline-block;background:#e50914;color:#fff!important;padding:10px 18px;border-radius:6px;text-decoration:none!important;}
@media(max-width:1000px){.yupc-upcoming-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:650px){.yupc-upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.yupc-locked-inner{grid-template-columns:1fr;}.yupc-locked-poster{width:min(66%,300px);margin:auto;}.yupc-poster-badge{font-size:10px;bottom:5px;left:5px;padding:5px;}}

/* v1.2.0: 11 selectable poster styles. The original badge remains unchanged. */
.yupc-poster-badge {box-sizing:border-box;overflow-wrap:anywhere;text-align:left;font-size:var(--yupc-badge-size,12px);}
.yupc-poster-badge .yupc-badge-head {display:flex;align-items:center;gap:.5em;font-size:.75em;letter-spacing:.1em;line-height:1.1;margin-bottom:.5em;font-weight:850;}
.yupc-poster-badge .yupc-badge-symbol {display:inline-flex;align-items:center;justify-content:center;font-size:.7em;line-height:1;}
.yupc-poster-badge .yupc-clock-value {display:block;font-size:1em;font-weight:800;line-height:1.24;font-variant-numeric:tabular-nums;letter-spacing:.1px;}
.yupc-poster-badge .yupc-flip-grid {display:none;}
.yupc-poster-badge.yupc-style-original {background:rgba(7,9,17,.90);border-radius:7px;color:#fff;padding:7px 10px;}
.yupc-poster-badge.yupc-style-glass {padding:.85em 1em;background:rgba(19,26,44,.47);border:1px solid rgba(255,255,255,.42);border-radius:11px;color:#fff;box-shadow:0 5px 24px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.21);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}
.yupc-style-glass .yupc-badge-symbol{color:#fff;filter:drop-shadow(0 0 4px #fff);}
.yupc-poster-badge.yupc-style-redcarpet {padding:.85em 1.15em;background:linear-gradient(125deg,#9b0015,#ef1828 72%,#750013);border-radius:3px 12px 3px 12px;border-top:3px solid #ff7c80;color:#fff;box-shadow:0 6px 24px #400000a3;}
.yupc-style-redcarpet .yupc-badge-head {color:#fff3b5;}
.yupc-poster-badge.yupc-style-gold{padding:.9em 1.05em;background:linear-gradient(140deg,rgba(16,13,8,.97),rgba(51,33,9,.96));border:1px solid #e2b45c;border-radius:7px;color:#fff4d4;box-shadow:0 0 0 2px #32260f,inset 0 0 17px #9e5d123d,0 6px 22px #000a;}
.yupc-style-gold .yupc-badge-head {color:#edc57d;}
.yupc-style-gold .yupc-badge-symbol {color:#ffdc7c;}
.yupc-poster-badge.yupc-style-neon {padding:.9em 1.05em;border:1px solid #f272ff;border-radius:10px;background:rgba(16,7,34,.94);color:#fff;box-shadow:0 0 13px #ae1fff97,inset 0 0 13px #9a0fd14f,0 4px 17px #000a;}
.yupc-style-neon .yupc-badge-head {color:#ffb5fe;text-shadow:0 0 6px #f541ff;}
.yupc-style-neon .yupc-clock-value {text-shadow:0 0 9px #a53bff;}
.yupc-poster-badge.yupc-style-minimal {padding:.72em .95em;border:1px solid #ffffffdc;border-radius:2px;background:#00000088;color:#fff;box-shadow:none;}
.yupc-style-minimal .yupc-badge-head {font-weight:600;letter-spacing:.2em;}
.yupc-poster-badge.yupc-style-cinema {padding:1em 1.05em;border-top:3px dashed #eee;border-bottom:3px dashed #eee;border-radius:5px;background:linear-gradient(135deg,#232323,#101010);color:#fff;box-shadow:0 6px 18px #0009;}
.yupc-style-cinema .yupc-badge-head {color:#f6d789;}
.yupc-poster-badge.yupc-style-electric {padding:.85em 1em;border:1px solid #43dafa;border-left:4px solid #36eaff;border-radius:6px;background:linear-gradient(135deg,#041a30,#063f56);color:#e1ffff;box-shadow:0 0 15px #16d8ff84,inset 0 0 9px #0a9bce52;}
.yupc-style-electric .yupc-badge-head {color:#60f9ff;}
.yupc-poster-badge.yupc-style-sunset {padding:.85em 1.05em;border:1px solid #ffc186;border-radius:13px 3px 13px 3px;background:linear-gradient(125deg,#ee344d,#ff7b2c 60%,#ffbf61);color:#240b17;box-shadow:0 5px 24px #d5334a8a;}
.yupc-style-sunset .yupc-badge-head {color:#3e1020;}
.yupc-poster-badge.yupc-style-pill {display:flex;align-items:center;gap:.75em;max-width:calc(100% - 16px);padding:.75em 1.1em;border-radius:50px;background:linear-gradient(90deg,#e50914,#aa0613);border:1px solid #ff5159;color:#fff;box-shadow:0 5px 19px #85060a99;}
.yupc-style-pill .yupc-badge-head {margin:0;padding-right:.75em;border-right:1px solid #ffffff8c;white-space:nowrap;flex:none;}
.yupc-style-pill .yupc-clock-value {flex:1;min-width:0;}
.yupc-poster-badge.yupc-style-flip {padding:.8em .85em;background:#080b12ee;border:1px solid #40495a;border-radius:9px;color:#fff;box-shadow:0 6px 20px #0009;}
.yupc-style-flip .yupc-badge-head {justify-content:center;color:#9faeff;letter-spacing:.2em;}
.yupc-style-flip .yupc-clock-value {display:none;}
.yupc-poster-badge.yupc-style-flip .yupc-flip-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.28em;}
.yupc-poster-badge.yupc-style-flip .yupc-flip-unit {display:flex;flex-direction:column;min-width:0;align-items:center;padding:.26em .35em;border-radius:4px;background:linear-gradient(to bottom,#343b55 0%,#343b55 47%,#11182b 48%,#11182b 100%);border:1px solid #515b75;line-height:1.15;}
.yupc-style-flip .yupc-flip-unit strong {font-size:1.1em;font-variant-numeric:tabular-nums;}
.yupc-style-flip .yupc-flip-unit small {font-size:.6em;line-height:1.3;color:#cad4f6;}

/* v1.2.9: Countdown alongside Gledaj odmah in full-size YuStream hero action rows only. */
.ys-widget .ys-slide .ys-copy .yupc-hero-action-row,
.ys-page-design-one .ys-slide .ys-copy .yupc-hero-action-row,
.ys-page-design-two .ys-slide .ys-copy .yupc-hero-action-row,
.ys-hero-shell .ys-slide .ys-copy .yupc-hero-action-row {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    column-gap:12px !important;
    row-gap:10px !important;
    width:100%;
}
.ys-widget .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown,
.ys-page-design-one .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown,
.ys-page-design-two .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown,
.ys-hero-shell .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown {
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    display:inline-block !important;
    width:max-content !important;
    height:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding-top:.7em;
    padding-bottom:.7em;
    flex:0 1 auto !important;
    vertical-align:middle !important;
    font-size:clamp(12px,1.05vw,17px) !important;
    --yupc-badge-size:clamp(12px,1.05vw,17px);
    z-index:4;
    pointer-events:none !important;
}
.ys-widget .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown.yupc-style-pill,
.ys-hero-shell .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown.yupc-style-pill {display:inline-flex !important;}
.ys-widget .ys-slide .ys-copy .yupc-hero-action-row > :not(.yupc-main-hero-countdown),
.ys-hero-shell .ys-slide .ys-copy .yupc-hero-action-row > :not(.yupc-main-hero-countdown) {margin-top:0 !important;margin-bottom:0 !important;}
@media(max-width:650px) {
  .ys-widget .ys-slide .ys-copy .yupc-hero-action-row,
  .ys-page-design-one .ys-slide .ys-copy .yupc-hero-action-row,
  .ys-page-design-two .ys-slide .ys-copy .yupc-hero-action-row,
.ys-hero-shell .ys-slide .ys-copy .yupc-hero-action-row {gap:8px !important;}
  .ys-widget .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown,
  .ys-page-design-one .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown,
  .ys-page-design-two .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown,
.ys-hero-shell .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown {
    font-size:11px !important;--yupc-badge-size:11px;max-width:100% !important;
  }
}


/* v1.2.12: Homepage + Serije hero badges share one compact action-row
 * layout. Non-hero cards and portrait posters keep their existing design. */
.ys-hero-shell .ys-slide .ys-copy :is(.ys-primary-actions,.ys-page-two-actions).yupc-hero-action-row {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:100% !important;
}
.ys-hero-shell .ys-slide .ys-copy :is(.ys-primary-actions,.ys-page-two-actions).yupc-hero-action-row > :is(a.ys-play,button.ys-info) {
  flex:0 0 auto !important;
  margin:0 !important;
}
.ys-hero-shell .ys-slide .ys-copy :is(.ys-primary-actions,.ys-page-two-actions).yupc-hero-action-row > .yupc-main-hero-countdown {
  box-sizing:border-box !important;
  flex:0 0 164px !important;
  width:164px !important;
  max-width:164px !important;
  min-width:0 !important;
  height:auto !important;
  min-height:47px !important;
  margin:0 !important;
  padding:7px 8px !important;
  font-size:11.5px !important;
  --yupc-badge-size:11.5px;
  line-height:1.15 !important;
  overflow:hidden !important;
}
.ys-hero-shell .ys-slide .ys-copy :is(.ys-primary-actions,.ys-page-two-actions).yupc-hero-action-row > .yupc-main-hero-countdown .yupc-badge-head {
  margin:0 0 3px !important;
  font-size:10px !important;
  line-height:1.1 !important;
}
.ys-hero-shell .ys-slide .ys-copy :is(.ys-primary-actions,.ys-page-two-actions).yupc-hero-action-row > .yupc-main-hero-countdown .yupc-clock-value {
  display:block !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
  letter-spacing:-.35px !important;
  white-space:nowrap !important;
  font-variant-numeric:tabular-nums !important;
}
.ys-hero-shell .ys-slide .ys-copy :is(.ys-primary-actions,.ys-page-two-actions).yupc-hero-action-row > .yupc-main-hero-countdown.yupc-style-flip .yupc-flip-grid {display:none !important;}
.ys-hero-shell .ys-slide .ys-copy :is(.ys-primary-actions,.ys-page-two-actions).yupc-hero-action-row > .yupc-main-hero-countdown.yupc-style-pill {display:block !important;border-radius:10px !important;}
.ys-hero-shell .ys-slide .ys-copy :is(.ys-primary-actions,.ys-page-two-actions).yupc-hero-action-row > .yupc-main-hero-countdown.yupc-style-pill .yupc-badge-head {border-right:0 !important;padding-right:0 !important;}
@media(max-width:900px){
  .ys-hero-shell .ys-slide .ys-copy :is(.ys-primary-actions,.ys-page-two-actions).yupc-hero-action-row {flex-wrap:wrap !important;}
}

/* v1.2.12: Independent hero-only placement. The poster position setting is
 * intentionally not consulted; this affects only full-size .ys-slide cards. */
.ys-hero-shell .ys-slide .ys-copy > .yupc-main-hero-countdown.yupc-hero-floating {
  position:absolute !important;
  z-index:18 !important;
  width:164px !important;
  max-width:calc(100% - 24px) !important;
  min-width:0 !important;
  min-height:47px !important;
  margin:0 !important;
  padding:7px 8px !important;
  box-sizing:border-box !important;
  font-size:11.5px !important;
  --yupc-badge-size:11.5px;
  line-height:1.15 !important;
  display:block !important;
  overflow:hidden !important;
  flex:none !important;
  transform:translate(var(--yupc-hero-x,0px),var(--yupc-hero-y,0px)) !important;
  pointer-events:none !important;
}
.ys-hero-shell .ys-slide .ys-copy > .yupc-hero-floating.yupc-hero-top-left {top:12px !important;right:auto !important;bottom:auto !important;left:12px !important;}
.ys-hero-shell .ys-slide .ys-copy > .yupc-hero-floating.yupc-hero-top-right {top:12px !important;right:12px !important;bottom:auto !important;left:auto !important;}
.ys-hero-shell .ys-slide .ys-copy > .yupc-hero-floating.yupc-hero-bottom-left {top:auto !important;right:auto !important;bottom:12px !important;left:12px !important;}
.ys-hero-shell .ys-slide .ys-copy > .yupc-hero-floating.yupc-hero-bottom-right {top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;}
.ys-hero-shell .ys-slide .ys-copy > .yupc-hero-floating .yupc-badge-head {font-size:10px !important;margin:0 0 3px !important;line-height:1.1 !important;}
.ys-hero-shell .ys-slide .ys-copy > .yupc-hero-floating .yupc-clock-value {display:block !important;font-size:11.5px !important;line-height:1.25 !important;letter-spacing:-.35px !important;white-space:nowrap !important;font-variant-numeric:tabular-nums !important;}
.ys-hero-shell .ys-slide .ys-copy > .yupc-hero-floating.yupc-style-flip .yupc-flip-grid {display:none !important;}
.ys-hero-shell .ys-slide .ys-copy > .yupc-hero-floating.yupc-style-pill {border-radius:10px !important;}
/* The horizontal/vertical nudge also applies to the 'beside Watch' option. */
.ys-hero-shell .ys-slide .ys-copy .yupc-hero-action-row > .yupc-main-hero-countdown {
  transform:translate(var(--yupc-hero-x,0px),var(--yupc-hero-y,0px)) !important;
}

/* v1.2.14: independently chosen hero styles and sizes. Does not affect
 * ordinary poster badges; the variables are set on the hero badge alone. */
.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown {
  font-size:var(--yupc-slider-font,12px) !important;
  --yupc-badge-size:var(--yupc-slider-font,12px);
  width:var(--yupc-slider-width,164px) !important;
  max-width:calc(100% - 4px) !important;
  flex:0 0 var(--yupc-slider-width,164px) !important;
  min-height:calc(var(--yupc-slider-font,12px) * 4) !important;
  height:auto !important;
}
.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown .yupc-clock-value {
  font-size:var(--yupc-slider-font,12px) !important;
}
.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown .yupc-badge-head {
  font-size:calc(var(--yupc-slider-font,12px) * .85) !important;
}
.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown.yupc-style-flip .yupc-clock-value {display:none !important;}
.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown.yupc-style-flip .yupc-flip-grid {display:grid !important;}
.ys-hero-shell .ys-slide .ys-copy > .yupc-main-hero-countdown.yupc-hero-floating {flex:none !important;}

/* YuStream Premium Fold countdowns v1.2.16. Slider styles only; poster styles untouched. */
.ys-hero-shell .ys-slide.yupc-hide-native-badge .ys-info-fold-badge,
.ys-widget .ys-slide.yupc-hide-native-badge .ys-info-fold-badge,
.ys-page-design-one .ys-slide.yupc-hide-native-badge .ys-info-fold-badge,
.ys-page-design-two .ys-slide.yupc-hide-native-badge .ys-info-fold-badge {
  visibility:hidden!important; opacity:0!important; pointer-events:none!important;
}

.yupc-poster-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) {
  --yupc-accent:#a95d2d; --yupc-accent-light:#d6a676; --yupc-accent-dark:#6c3d1f; --yupc-accent-deep:#23150e;
  --yupc-ribbon-text:#ffffff; --yupc-premium-gold:#e8bf78;
  --yupc-premium-size:var(--yupc-slider-font,12px);
  position:relative; isolation:isolate;
  display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:center!important;
  padding:calc(var(--yupc-premium-size) * 1.16) calc(var(--yupc-premium-size) * .85) calc(var(--yupc-premium-size) * .92)!important;
  width:var(--yupc-slider-width,288px)!important;
  max-width:calc(100% - 8px)!important;
  min-width:0!important;
  min-height:calc(var(--yupc-premium-size) * 8.3)!important;
  height:auto!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  border-radius:calc(var(--yupc-premium-size) * 1.2)!important;
  border:1px solid rgba(237,196,113,.7)!important;
  background:linear-gradient(138deg,rgba(27,20,14,.98),rgba(7,8,13,.98))!important;
  box-shadow:0 13px 30px #0008,0 0 0 1px #e0b46618 inset, 0 0 17px color-mix(in srgb,var(--yupc-accent) 25%,transparent)!important;
  color:#fff!important;
  line-height:1.1!important;
  letter-spacing:normal!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  font-size:var(--yupc-premium-size)!important;
  white-space:normal!important;
  pointer-events:none!important;
  transition:none!important;
}
/* The existing hero CSS from v1.2.12 forced 164px badges; premium styles override that scope. */
.ys-hero-shell .ys-slide .ys-copy :is(.ys-primary-actions,.ys-page-two-actions,.ys-page-one-actions).yupc-hero-action-row > .yupc-main-hero-countdown:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold),
.ys-hero-shell .ys-slide .ys-copy > .yupc-main-hero-countdown.yupc-hero-floating:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold),
.yupc-slider-preview-stage .yupc-preview-slider-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) {
  width:var(--yupc-slider-width,288px)!important;
  max-width:calc(100% - 8px)!important;
  min-height:calc(var(--yupc-slider-font,12px) * 8.3)!important;
  flex:0 0 var(--yupc-slider-width,288px)!important;
  padding:calc(var(--yupc-slider-font,12px) * 1.16) calc(var(--yupc-slider-font,12px) * .85) calc(var(--yupc-slider-font,12px) * .92)!important;
  font-size:var(--yupc-slider-font,12px)!important;
  overflow:visible!important;
  display:flex!important;
}
.ys-hero-shell .ys-slide .ys-copy > .yupc-main-hero-countdown.yupc-hero-floating:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold){flex:none!important;}
/* When beside Watch, let the large award-style plaque take its own neat row if needed. */
.ys-hero-shell .ys-slide .ys-copy .yupc-hero-action-row:has(> .yupc-slider-ribbon-badge){flex-wrap:wrap!important;row-gap:12px!important;overflow:visible!important;}

/* Heading and clock symbol. */
.yupc-poster-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) .yupc-badge-head {
  display:flex!important;align-items:center!important;gap:.62em!important;
  width:calc(100% - 60px)!important;margin:0 0 .78em!important;
  font-size:calc(var(--yupc-premium-size) * 1.18)!important;
  font-weight:900!important;line-height:1!important;letter-spacing:.11em!important;
  color:#ffedcc!important;text-transform:uppercase!important;white-space:nowrap!important;
  position:relative;z-index:2;
}
.yupc-poster-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) .yupc-badge-symbol {
  flex:0 0 auto;width:1.34em;height:1.34em;display:block!important;
  border-radius:50%;border:.15em solid var(--yupc-premium-gold);
  color:transparent!important;font-size:1em!important;position:relative;
  box-shadow:0 0 8px color-mix(in srgb,var(--yupc-premium-gold) 24%,transparent);
}
.yupc-poster-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) .yupc-badge-symbol::after {
  content:'';position:absolute;left:50%;top:21%;height:36%;width:2px;
  transform-origin:center bottom;transform:translateX(-50%) rotate(-34deg);
  background:var(--yupc-premium-gold);border-radius:2px;
}
.yupc-poster-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) .yupc-badge-symbol::before {
  content:'';position:absolute;left:49%;top:48%;height:27%;width:2px;
  background:var(--yupc-premium-gold);border-radius:2px;
}
/* Grid uses live D/H/M/S values maintained by the existing countdown JS. */
.yupc-poster-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) .yupc-clock-value {display:none!important;}
.yupc-poster-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) .yupc-flip-grid {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:calc(var(--yupc-premium-size) * .5)!important;
  min-width:0!important;width:100%!important;
  margin:0!important;position:relative;z-index:2;
}
.yupc-poster-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) .yupc-flip-unit {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;min-height:calc(var(--yupc-premium-size) * 4.3)!important;
  margin:0!important;padding:.3em .1em!important;
  border-radius:.72em!important;border:1px solid color-mix(in srgb,var(--yupc-premium-gold) 44%,transparent)!important;
  background:linear-gradient(160deg,#ffffff12,#00000040)!important;
  box-shadow:inset 0 1px #ffffff0b,0 3px 9px #0003!important;
  line-height:1.05!important;
}
.yupc-poster-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) .yupc-flip-unit strong {
  font-size:calc(var(--yupc-premium-size) * 2.12)!important;
  line-height:1.08!important;font-weight:900!important;
  color:#fff7e7!important;font-variant-numeric:tabular-nums!important;
  text-shadow:0 2px 7px #0007;
}
.yupc-poster-badge:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold) .yupc-flip-unit small {
  font-size:calc(var(--yupc-premium-size) * .82)!important;color:var(--yupc-premium-gold)!important;
  line-height:1.15!important;text-transform:lowercase!important;font-weight:750!important;
}

/* Folded metallic corner: the banner is a diagonal triangle, not a plain tag. */
.yupc-poster-badge .yupc-premium-corner {
  --fold-size:calc(var(--yupc-premium-size) * 7.5);
  width:var(--fold-size)!important;height:var(--fold-size)!important;
  display:block!important;position:absolute!important;top:-2px!important;right:-2px!important;
  overflow:hidden!important;pointer-events:none!important;z-index:5!important;
  clip-path:polygon(0 0,100% 0,100% 100%);
  border-radius:0 calc(var(--yupc-premium-size) * 1.2) 0 0!important;
  background:linear-gradient(135deg,#ffd999 0%,#af6f2d 36%,#6f3717 85%)!important;
  filter:drop-shadow(-5px 6px 4px #0006);
}
.yupc-poster-badge .yupc-premium-peel {
  position:absolute;top:0;left:0;width:60%;height:26%;
  display:block!important;
  border-radius:0 0 64% 32%;transform:skewX(-26deg) translateX(-7%);
  background:linear-gradient(176deg,#fff4c8,#d6a158 42%,#784521 100%);
  box-shadow:0 3px 9px #0008;
}
.yupc-poster-badge .yupc-premium-word {
  position:absolute;display:block!important;top:42%;left:24%;width:88%;
  transform:translate(-2%,-3%) rotate(45deg);
  font-family:inherit;font-size:calc(var(--yupc-premium-size) * 1.15)!important;
  font-weight:1000!important;letter-spacing:.08em;text-align:center;line-height:1!important;
  color:var(--yupc-ribbon-text,#fff)!important;text-shadow:0 1px 2px #0007;
}

/* Gold fold: warm golden trim and rich bronze glass. */
.yupc-poster-badge.yupc-style-slider_gold_fold {
  --yupc-premium-gold:color-mix(in srgb,var(--yupc-accent-light) 65%,#ffdf93);
  background:linear-gradient(125deg,#312116f6,#0c0d13fa 66%)!important;
  border:2px solid var(--yupc-premium-gold)!important;
  box-shadow:0 15px 32px #0009,0 0 0 1px #fff4bf16 inset,0 0 20px color-mix(in srgb,var(--yupc-accent) 23%,transparent)!important;
}
.yupc-poster-badge.yupc-style-slider_gold_fold .yupc-premium-corner {
  background:linear-gradient(135deg,#ffecae 0%,var(--yupc-accent-light) 45%,var(--yupc-accent-dark) 100%)!important;
}
/* Red premiere: ruby enamel, gold edges, luminous red cells. */
.yupc-poster-badge.yupc-style-slider_red_fold {
  --yupc-premium-gold:#ffd08b;
  background:linear-gradient(118deg,#4b080efb,#17080ffa 72%)!important;
  border:2px solid #f76b52!important;
  box-shadow:0 15px 32px #000a,0 0 23px #ef233959,0 0 0 1px #ffd5a022 inset!important;
}
.yupc-poster-badge.yupc-style-slider_red_fold .yupc-premium-corner {
  background:linear-gradient(135deg,#ffc78a 0%,#f12d32 28%,#a8031e 88%)!important;
}
.yupc-poster-badge.yupc-style-slider_red_fold .yupc-flip-unit {
  border-color:#e64a48!important;
  background:linear-gradient(135deg,#6a111dbb,#1f090ecc)!important;
  box-shadow:0 0 10px #ff244338,inset 0 1px #ffd1aa1b!important;
}
/* Black gold: no cells, elegant open numbered strip with separators. */
.yupc-poster-badge.yupc-style-slider_black_fold {
  --yupc-premium-gold:#dfb874;
  border:2px solid #b58e56!important;
  background:linear-gradient(135deg,#25221ffc,#060609fd 76%)!important;
  box-shadow:0 15px 30px #000a,0 0 0 1px #f3d39413 inset!important;
}
.yupc-poster-badge.yupc-style-slider_black_fold .yupc-premium-corner {
  background:linear-gradient(130deg,#fcda91 0%,#9b702f 24%,#111114 38%,#08090e 92%)!important;
}
.yupc-poster-badge.yupc-style-slider_black_fold .yupc-flip-grid {
  border:1px solid #caa15b72!important;
  border-radius:.8em!important;
  padding:.3em!important;
  background:#0303048c!important;
  gap:0!important;
}
.yupc-poster-badge.yupc-style-slider_black_fold .yupc-flip-unit {
  border:0!important;border-radius:0!important;
  border-right:1px solid #d3ab6966!important;
  background:transparent!important;box-shadow:none!important;
}
.yupc-poster-badge.yupc-style-slider_black_fold .yupc-flip-unit:last-child {border-right:0!important;}
.yupc-poster-badge.yupc-style-slider_black_fold .yupc-flip-unit strong {color:#f3d294!important;}
/* Frosted glass: cool translucent panels with warm champagne metal. */
.yupc-poster-badge.yupc-style-slider_glass_fold {
  --yupc-premium-gold:#e2c18b;
  border:1.5px solid #dfcba5bb!important;
  background:linear-gradient(130deg,#23313dcc,#111b28bd 76%)!important;
  box-shadow:0 17px 29px #0007,inset 0 1px #ffffff58,0 0 15px #d2c09629!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
}
.yupc-poster-badge.yupc-style-slider_glass_fold .yupc-premium-corner {
  background:linear-gradient(130deg,#f9eabf 0%,var(--yupc-accent-light) 52%,var(--yupc-accent-dark) 100%)!important;
}
.yupc-poster-badge.yupc-style-slider_glass_fold .yupc-flip-unit {
  background:linear-gradient(155deg,#ffffff24,#040a145e)!important;
  border:1px solid #ffffff55!important;
  box-shadow:inset 0 1px #fff3,0 3px 10px #0004!important;
}
/* On very small viewports avoid numeric overflow while retaining the premium design. */
@media(max-width:650px) {
  .ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown:is(.yupc-style-slider_gold_fold,.yupc-style-slider_red_fold,.yupc-style-slider_black_fold,.yupc-style-slider_glass_fold){
    max-width:calc(100% - 8px)!important;
  }
}