/* YuStream Premiere Countdown v1.2.17 — four truly distinct premium slider badges */

.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.yupc-premium-countdown::before,
.yupc-poster-badge.yupc-premium-countdown::after,
.yupc-slider-preview-stage .yupc-preview-slider-badge.yupc-premium-countdown::before,
.yupc-slider-preview-stage .yupc-preview-slider-badge.yupc-premium-countdown::after {
  content: none !important;
  display: none !important;
}

.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown.yupc-premium-countdown,
.yupc-slider-preview-stage .yupc-preview-slider-badge.yupc-premium-countdown {
  --yupc-accent: #b57a35;
  --yupc-accent-light: #f3cf88;
  --yupc-accent-dark: #75461d;
  --yupc-accent-deep: #24170d;
  --yupc-ribbon-text: #fff;
  --yupc-scale: 1;
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: calc(6px * var(--yupc-scale)) !important;
  width: var(--yupc-slider-width, 246px) !important;
  flex: 0 0 var(--yupc-slider-width, 246px) !important;
  max-width: calc(100% - 5px) !important;
  min-width: 0 !important;
  min-height: calc(86px * var(--yupc-scale)) !important;
  height: auto !important;
  overflow: visible !important;
  padding: calc(10px * var(--yupc-scale)) !important;
  margin: 0 !important;
  border-radius: calc(12px * var(--yupc-scale)) !important;
  border: 1px solid rgba(227, 179, 96, .72) !important;
  background: linear-gradient(145deg, rgba(46, 31, 20, .96), rgba(8, 10, 14, .98)) !important;
  color: #fff3db !important;
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size: var(--yupc-slider-font, 12px) !important;
  line-height: 1.08 !important;
  text-align: left !important;
  text-shadow: none !important;
  letter-spacing: normal !important;
  box-shadow: 0 calc(10px * var(--yupc-scale)) calc(26px * var(--yupc-scale)) rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.1) !important;
  transform: translate(var(--yupc-hero-x,0px), var(--yupc-hero-y,0px)) !important;
  isolation: isolate !important;
  pointer-events: none !important;
  z-index: 20 !important;
}
.ys-hero-shell .ys-slide .ys-copy > .yupc-main-hero-countdown.yupc-premium-countdown.yupc-hero-floating,
.yupc-slider-preview-stage:not([data-position="beside"]) .yupc-preview-slider-badge.yupc-premium-countdown {
  position: absolute !important;
  flex: none !important;
  width: min(var(--yupc-slider-width, 246px), calc(100% - 24px)) !important;
  max-width: calc(100% - 24px) !important;
}

.yupc-premium-countdown .yupc-badge-head {
  display: flex !important;
  align-items: center !important;
  gap: calc(8px * var(--yupc-scale)) !important;
  min-height: calc(22px * var(--yupc-scale)) !important;
  max-width: calc(100% - calc(54px * var(--yupc-scale))) !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: calc(var(--yupc-slider-font, 12px) * 1.05) !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  color: #f6cf8b !important;
  white-space: nowrap !important;
}
.yupc-premium-countdown .yupc-badge-head-label { display: inline-block !important; }
.yupc-premium-countdown .yupc-badge-symbol {
  position: relative !important;
  display: inline-block !important;
  width: calc(18px * var(--yupc-scale)) !important;
  height: calc(18px * var(--yupc-scale)) !important;
  min-width: calc(18px * var(--yupc-scale)) !important;
  border: max(1px, calc(2px * var(--yupc-scale))) solid currentColor !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  font-size: 0 !important;
}
.yupc-premium-countdown .yupc-badge-symbol::before,
.yupc-premium-countdown .yupc-badge-symbol::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background: currentColor;
  border-radius: 999px;
  transform-origin: bottom center;
}
.yupc-premium-countdown .yupc-badge-symbol::before {
  width: max(1px, calc(2px * var(--yupc-scale)));
  height: calc(5px * var(--yupc-scale));
  margin-left: calc(-1px * var(--yupc-scale));
  margin-top: calc(-6px * var(--yupc-scale));
}
.yupc-premium-countdown .yupc-badge-symbol::after {
  width: calc(5px * var(--yupc-scale));
  height: max(1px, calc(2px * var(--yupc-scale)));
  margin-left: 0;
  margin-top: calc(-1px * var(--yupc-scale));
}

.yupc-premium-countdown .yupc-clock-value { display: none !important; }
.yupc-premium-countdown .yupc-flip-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: calc(5px * var(--yupc-scale)) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.yupc-premium-countdown .yupc-flip-unit {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(2px * var(--yupc-scale)) !important;
  min-width: 0 !important;
  min-height: calc(42px * var(--yupc-scale)) !important;
  padding: calc(6px * var(--yupc-scale)) calc(2px * var(--yupc-scale)) calc(5px * var(--yupc-scale)) !important;
  border-radius: calc(8px * var(--yupc-scale)) !important;
  border: 1px solid rgba(228, 187, 113, .35) !important;
  background: linear-gradient(180deg, rgba(70,47,26,.65), rgba(11,12,17,.9)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 calc(-10px * var(--yupc-scale)) calc(18px * var(--yupc-scale)) rgba(0,0,0,.16) !important;
  overflow: hidden !important;
}
.yupc-premium-countdown .yupc-flip-unit strong {
  display: block !important;
  font-size: calc(var(--yupc-slider-font, 12px) * 1.72) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #fff !important;
  font-variant-numeric: tabular-nums !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.4) !important;
}
.yupc-premium-countdown .yupc-flip-unit small {
  display: block !important;
  font-size: calc(var(--yupc-slider-font, 12px) * .68) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: lowercase !important;
  color: #efc16e !important;
}

.yupc-premium-countdown .yupc-premium-fold {
  position: absolute !important;
  top: calc(-1px * var(--yupc-scale)) !important;
  right: calc(-1px * var(--yupc-scale)) !important;
  width: calc(88px * var(--yupc-scale)) !important;
  height: calc(88px * var(--yupc-scale)) !important;
  overflow: hidden !important;
  border-radius: 0 calc(12px * var(--yupc-scale)) 0 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transform-origin: top right !important;
}
.yupc-premium-countdown .yupc-premium-fold::before {
  content: '';
  position: absolute;
  inset: 0;
  clip-path: polygon(0 0,100% 0,100% 100%);
  background: linear-gradient(135deg, #fff0c6 0%, var(--yupc-accent-light) 20%, var(--yupc-accent) 52%, var(--yupc-accent-dark) 84%, var(--yupc-accent-deep) 100%);
  filter: drop-shadow(calc(-3px * var(--yupc-scale)) calc(5px * var(--yupc-scale)) calc(3px * var(--yupc-scale)) rgba(0,0,0,.36));
}
.yupc-premium-countdown .yupc-premium-fold::after {
  content: '';
  position: absolute;
  top: 0;
  right: calc(53px * var(--yupc-scale));
  width: calc(34px * var(--yupc-scale));
  height: calc(28px * var(--yupc-scale));
  clip-path: polygon(0 0,100% 0,100% 100%);
  background: linear-gradient(140deg, rgba(255,255,255,.95), var(--yupc-accent-light) 45%, var(--yupc-accent-dark) 100%);
  filter: drop-shadow(calc(1px * var(--yupc-scale)) calc(3px * var(--yupc-scale)) calc(2px * var(--yupc-scale)) rgba(0,0,0,.42));
}
.yupc-premium-countdown .yupc-premium-fold > span {
  position: absolute !important;
  top: calc(25px * var(--yupc-scale)) !important;
  right: calc(-11px * var(--yupc-scale)) !important;
  width: calc(95px * var(--yupc-scale)) !important;
  text-align: center !important;
  font-size: calc(var(--yupc-slider-font, 12px) * 1.1) !important;
  line-height: 1 !important;
  letter-spacing: .03em !important;
  font-weight: 900 !important;
  color: var(--yupc-ribbon-text) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
  transform: translate(var(--yupc-novo-text-x, 0px), var(--yupc-novo-text-y, 0px)) rotate(45deg) !important;
}

/* STYLE 1: Gold Compact Fold */
.yupc-style-slider_gold_fold.yupc-premium-countdown {
  background: linear-gradient(145deg, #2d1d11 0%, #151111 38%, #06080d 100%) !important;
  border: 1px solid rgba(247, 196, 103, .86) !important;
  box-shadow: 0 calc(12px * var(--yupc-scale)) calc(28px * var(--yupc-scale)) rgba(0,0,0,.5), 0 0 calc(16px * var(--yupc-scale)) rgba(226,165,61,.24), inset 0 1px 0 rgba(255,235,187,.18) !important;
}
.yupc-style-slider_gold_fold.yupc-premium-countdown .yupc-badge-head::after {
  content: '';
  flex: 1 1 auto;
  min-width: calc(20px * var(--yupc-scale));
  height: max(1px, calc(2px * var(--yupc-scale)));
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(240,183,72,.95), rgba(240,183,72,.12));
  margin-left: calc(4px * var(--yupc-scale));
}
.yupc-style-slider_gold_fold.yupc-premium-countdown .yupc-flip-unit {
  border-radius: calc(10px * var(--yupc-scale)) !important;
  border-color: rgba(247,196,103,.42) !important;
  background: linear-gradient(180deg, rgba(88,58,29,.8), rgba(18,15,17,.95)) !important;
}

/* STYLE 2: Glass Gold Wide */
.yupc-style-slider_glass_fold.yupc-premium-countdown {
  background: linear-gradient(145deg, rgba(46,61,84,.78), rgba(10,14,20,.88)) !important;
  border: 1px solid rgba(247, 213, 156, .72) !important;
  border-radius: calc(18px * var(--yupc-scale)) !important;
  backdrop-filter: blur(calc(16px * var(--yupc-scale))) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(calc(16px * var(--yupc-scale))) saturate(1.15) !important;
  box-shadow: 0 calc(12px * var(--yupc-scale)) calc(26px * var(--yupc-scale)) rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.18), 0 0 calc(12px * var(--yupc-scale)) rgba(241,179,81,.18) !important;
  min-height: calc(100px * var(--yupc-scale)) !important;
  padding: calc(12px * var(--yupc-scale)) !important;
}
.yupc-style-slider_glass_fold.yupc-premium-countdown .yupc-badge-head {
  font-size: calc(var(--yupc-slider-font, 12px) * 1.5) !important;
  color: #f3d291 !important;
  max-width: calc(100% - calc(74px * var(--yupc-scale))) !important;
}
.yupc-style-slider_glass_fold.yupc-premium-countdown .yupc-badge-symbol {
  width: calc(22px * var(--yupc-scale)) !important;
  height: calc(22px * var(--yupc-scale)) !important;
  min-width: calc(22px * var(--yupc-scale)) !important;
  border-width: max(1px, calc(2.5px * var(--yupc-scale))) !important;
  box-shadow: 0 0 calc(10px * var(--yupc-scale)) rgba(247,199,101,.18);
}
.yupc-style-slider_glass_fold.yupc-premium-countdown .yupc-flip-grid {
  gap: 0 !important;
  border-radius: calc(16px * var(--yupc-scale)) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  background: linear-gradient(180deg, rgba(8,12,18,.34), rgba(9,12,17,.18)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
  padding: calc(6px * var(--yupc-scale)) calc(8px * var(--yupc-scale)) !important;
}
.yupc-style-slider_glass_fold.yupc-premium-countdown .yupc-flip-unit {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(238,198,114,.42) !important;
  border-radius: 0 !important;
  min-height: calc(46px * var(--yupc-scale)) !important;
  box-shadow: none !important;
}
.yupc-style-slider_glass_fold.yupc-premium-countdown .yupc-flip-unit:last-child { border-right: 0 !important; }
.yupc-style-slider_glass_fold.yupc-premium-countdown .yupc-flip-unit strong { color: #ffffff !important; }
.yupc-style-slider_glass_fold.yupc-premium-countdown .yupc-flip-unit small { color: #efbf67 !important; }

/* STYLE 3: Black Gold Luxury Strip */
.yupc-style-slider_black_fold.yupc-premium-countdown {
  background: linear-gradient(160deg, #22211f 0%, #0f1112 48%, #040507 100%) !important;
  border: 1px solid rgba(233, 182, 91, .85) !important;
  border-radius: calc(10px * var(--yupc-scale)) !important;
  box-shadow: 0 calc(12px * var(--yupc-scale)) calc(28px * var(--yupc-scale)) rgba(0,0,0,.56), inset 0 1px 0 rgba(255,225,176,.08) !important;
}
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-badge-head {
  font-size: calc(var(--yupc-slider-font, 12px) * 1.62) !important;
  color: #e8bb68 !important;
  letter-spacing: .02em !important;
}
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-badge-symbol { display: none !important; }
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-flip-grid {
  gap: 0 !important;
  padding: calc(6px * var(--yupc-scale)) calc(8px * var(--yupc-scale)) !important;
  border-radius: calc(10px * var(--yupc-scale)) !important;
  background: rgba(0,0,0,.46) !important;
  border: 1px solid rgba(232,187,104,.18) !important;
}
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-flip-unit {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(232,187,104,.55) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-flip-unit:last-child { border-right: 0 !important; }
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-flip-unit strong,
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-flip-unit small { color: #e7c17b !important; }
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-flip-unit small { margin-top: 0 !important; display: inline !important; font-size: calc(var(--yupc-slider-font, 12px) * 1.05) !important; }
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-flip-unit strong { display: inline !important; margin-right: calc(1px * var(--yupc-scale)); }
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-flip-unit { flex-direction: row !important; gap: 0 !important; }
.yupc-style-slider_black_fold.yupc-premium-countdown .yupc-premium-fold::before {
  background: linear-gradient(135deg, #f8e4ba 0%, #c58b43 28%, #1e1c1b 70%, #000 100%);
}

/* STYLE 4: Red Launch Premium */
.yupc-style-slider_red_fold.yupc-premium-countdown {
  background: linear-gradient(160deg, rgba(74,5,12,.98) 0%, rgba(34,5,12,.97) 46%, rgba(11,6,10,.98) 100%) !important;
  border: 1px solid rgba(255, 180, 92, .82) !important;
  border-radius: calc(16px * var(--yupc-scale)) !important;
  box-shadow: 0 calc(10px * var(--yupc-scale)) calc(26px * var(--yupc-scale)) rgba(0,0,0,.55), 0 0 calc(16px * var(--yupc-scale)) rgba(246,22,47,.32), inset 0 1px 0 rgba(255,226,190,.18) !important;
  padding-top: calc(12px * var(--yupc-scale)) !important;
}
.yupc-style-slider_red_fold.yupc-premium-countdown .yupc-badge-head {
  justify-content: center !important;
  max-width: calc(100% - calc(70px * var(--yupc-scale))) !important;
  margin: 0 auto !important;
  color: #ffe4ba !important;
}
.yupc-style-slider_red_fold.yupc-premium-countdown .yupc-badge-head::before,
.yupc-style-slider_red_fold.yupc-premium-countdown .yupc-badge-head::after {
  content: '';
  flex: 1 1 auto;
  min-width: calc(18px * var(--yupc-scale));
  height: max(1px, calc(2px * var(--yupc-scale)));
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,203,132,.05), rgba(255,203,132,.92), rgba(255,203,132,.05));
}
.yupc-style-slider_red_fold.yupc-premium-countdown .yupc-flip-grid {
  gap: calc(6px * var(--yupc-scale)) !important;
}
.yupc-style-slider_red_fold.yupc-premium-countdown .yupc-flip-unit {
  border-radius: calc(10px * var(--yupc-scale)) !important;
  background: linear-gradient(180deg, rgba(126,9,22,.92), rgba(39,5,13,.98)) !important;
  border: 1px solid rgba(255, 106, 81, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255,185,170,.2), 0 0 calc(9px * var(--yupc-scale)) rgba(255,49,49,.22) !important;
}
.yupc-style-slider_red_fold.yupc-premium-countdown .yupc-flip-unit strong { color: #fff7eb !important; }
.yupc-style-slider_red_fold.yupc-premium-countdown .yupc-flip-unit small { color: #ffd39a !important; }
.yupc-style-slider_red_fold.yupc-premium-countdown .yupc-premium-fold::before {
  background: linear-gradient(135deg, #ffdca3 0%, #fa6b49 22%, #d10a21 62%, #7c0918 100%);
}
.yupc-style-slider_red_fold.yupc-premium-countdown .yupc-premium-fold::after {
  background: linear-gradient(140deg, #ffe8bd, #ca8850 55%, #82222f 100%);
}

@media (max-width: 650px) {
  .ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown.yupc-premium-countdown {
    max-width: 100% !important;
    flex-shrink: 1 !important;
  }
}


/* v1.2.18 — independent USKORO and NOVO font sizes on the two hero sliders.
 * Zero/Auto removes the variable, preserving each premium design's original proportions. */
.yupc-premium-countdown {
  --yupc-uskor-design-size: calc(var(--yupc-slider-font, 12px) * 1.05);
  --yupc-novo-design-size: calc(var(--yupc-slider-font, 12px) * 1.1);
}
.yupc-premium-countdown.yupc-style-slider_black_fold {
  --yupc-uskor-design-size: calc(var(--yupc-slider-font, 12px) * 1.62);
}
.yupc-premium-countdown.yupc-style-slider_glass_fold {
  --yupc-uskor-design-size: calc(var(--yupc-slider-font, 12px) * 1.5);
}
.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown.yupc-premium-countdown .yupc-badge-head,
.yupc-slider-preview-stage .yupc-preview-slider-badge.yupc-premium-countdown .yupc-badge-head {
  font-size: var(--yupc-uskor-size, var(--yupc-uskor-design-size)) !important;
}
.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown.yupc-premium-countdown .yupc-premium-fold > span,
.yupc-slider-preview-stage .yupc-preview-slider-badge.yupc-premium-countdown .yupc-premium-fold > span {
  font-size: var(--yupc-novo-size, var(--yupc-novo-design-size)) !important;
}
/* Allow more room in the corner when the NOVO lettering is enlarged. */
.yupc-premium-countdown .yupc-premium-fold {
  width: calc(88px * var(--yupc-scale) * var(--yupc-novo-fold-mult)) !important;
  height: calc(88px * var(--yupc-scale) * var(--yupc-novo-fold-mult)) !important;
}
.yupc-premium-countdown .yupc-premium-fold::after {
  right: calc(53px * var(--yupc-scale) * var(--yupc-novo-fold-mult));
  width: calc(34px * var(--yupc-scale) * var(--yupc-novo-fold-mult));
  height: calc(28px * var(--yupc-scale) * var(--yupc-novo-fold-mult));
}
.yupc-premium-countdown .yupc-premium-fold > span {
  top: calc(25px * var(--yupc-scale) * var(--yupc-novo-fold-mult)) !important;
  right: calc(-11px * var(--yupc-scale) * var(--yupc-novo-fold-mult)) !important;
  width: calc(95px * var(--yupc-scale) * var(--yupc-novo-fold-mult)) !important;
}


/* v1.2.20: move only the folded NOVO ribbon without moving/scaling its parent
   countdown or changing the NOVO lettering size. Values are independent per slider. */
.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown.yupc-premium-countdown .yupc-premium-fold,
.yupc-slider-preview-stage .yupc-preview-slider-badge.yupc-premium-countdown .yupc-premium-fold {
  transform: translate(var(--yupc-ribbon-x, 0px), var(--yupc-ribbon-y, 0px)) !important;
}


/* v1.2.21: Defensive cleanup for old Slick-cloned badges carrying the
   abandoned second ribbon element. The live badge uses yupc-premium-fold. */
.ys-hero-shell .ys-slide .yupc-premium-countdown .yupc-premium-corner,
.yupc-slider-preview-stage .yupc-preview-slider-badge.yupc-premium-countdown .yupc-premium-corner {
  display:none!important;
}

/* v1.2.26 — Serije: countdown and NOVO can occupy independent corners.
   A detached ribbon is still scoped to the active hero .ys-copy only.
   Existing countdown styling/placement on mobile stays unchanged when
   'Attached to countdown' is selected (default). */
.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown.yupc-serije-detached .yupc-premium-fold,
.yupc-slider-preview-stage .yupc-preview-slider-badge.yupc-serije-detached .yupc-premium-fold {
  visibility: hidden !important;
}
.ys-hero-shell .ys-slide .ys-copy > .yupc-serije-corner-ribbon,
.yupc-slider-preview-stage .yupc-slider-preview-panel > .yupc-serije-corner-ribbon {
  position: absolute !important;
  display: block !important;
  z-index: 45 !important;
  pointer-events: none !important;
  width: calc(88px * var(--yupc-scale, 1) * var(--yupc-novo-fold-mult, 1)) !important;
  height: calc(88px * var(--yupc-scale, 1) * var(--yupc-novo-fold-mult, 1)) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  line-height: 1 !important;
}
.yupc-serije-corner-ribbon.yupc-ribbon-corner-top-left {top: 0 !important;left: 0 !important;right: auto !important;bottom: auto !important;}
.yupc-serije-corner-ribbon.yupc-ribbon-corner-top-right {top: 0 !important;right: 0 !important;left: auto !important;bottom: auto !important;}
.yupc-serije-corner-ribbon.yupc-ribbon-corner-bottom-left {bottom: 0 !important;left: 0 !important;right: auto !important;top: auto !important;}
.yupc-serije-corner-ribbon.yupc-ribbon-corner-bottom-right {bottom: 0 !important;right: 0 !important;left: auto !important;top: auto !important;}
.yupc-serije-corner-ribbon > .yupc-premium-fold {
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  transform: translate(var(--yupc-ribbon-x, 0px), var(--yupc-ribbon-y, 0px)) !important;
  visibility: visible !important;
}
.yupc-serije-corner-ribbon > .yupc-premium-fold > span {
  font-size: var(--yupc-novo-size, var(--yupc-novo-design-size)) !important;
}
/* The detached fold has inherited accent/size variables but is NOT a second
   countdown. It must not intercept clicks or replace the native NOVO badge
   once the title is released. */

/* v1.2.27 — detached Serije NOVO is ribbon ONLY, not a second glass badge.
   This intentionally does not use .yupc-premium-countdown (which carries
   blur/box decoration). Admin preview and live Serije use identical markup.
   All rules are scoped to our detached ribbon, never the native widget badge. */
.ys-hero-shell .ys-slide .ys-copy > .yupc-serije-corner-ribbon,
.yupc-slider-preview-stage .yupc-slider-preview-panel > .yupc-serije-corner-ribbon {
  display: block !important;
  position: absolute !important;
  isolation: auto !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  width: calc(88px * var(--yupc-scale, 1) * var(--yupc-novo-fold-mult, 1)) !important;
  height: calc(88px * var(--yupc-scale, 1) * var(--yupc-novo-fold-mult, 1)) !important;
  z-index: 45 !important;
  pointer-events: none !important;
}
/* A fully opaque CSS corner triangle (with a small metallic turned-over tip):
   no extra rectangular panel, frosted backing or unpainted 'ghost square'. */
.ys-hero-shell .ys-slide .ys-copy > .yupc-serije-corner-ribbon > .yupc-premium-fold,
.yupc-slider-preview-stage .yupc-slider-preview-panel > .yupc-serije-corner-ribbon > .yupc-premium-fold {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  height: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  transform: translate(var(--yupc-ribbon-x, 0px), var(--yupc-ribbon-y, 0px)) !important;
  z-index: 1 !important;
}
.ys-hero-shell .ys-slide .ys-copy > .yupc-serije-corner-ribbon > .yupc-premium-fold::before,
.yupc-slider-preview-stage .yupc-slider-preview-panel > .yupc-serije-corner-ribbon > .yupc-premium-fold::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  clip-path: polygon(0 0,100% 0,100% 100%) !important;
  background: linear-gradient(135deg, #fff0c6 0%,var(--yupc-accent-light,#d9a47c) 24%,var(--yupc-accent,#a95d2d) 53%,var(--yupc-accent-dark,#633b26) 83%,var(--yupc-accent-deep,#211814) 100%) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.ys-hero-shell .ys-slide .ys-copy > .yupc-serije-corner-ribbon > .yupc-premium-fold::after,
.yupc-slider-preview-stage .yupc-slider-preview-panel > .yupc-serije-corner-ribbon > .yupc-premium-fold::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 59% !important;
  width: 39% !important;
  height: 32% !important;
  clip-path: polygon(0 0,100% 0,100% 100%) !important;
  background: linear-gradient(135deg, #ffefd0,var(--yupc-accent-light,#d9a47c) 48%,var(--yupc-accent-dark,#633b26)) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.yupc-serije-corner-ribbon.yupc-style-slider_black_fold > .yupc-premium-fold::before {
  background: linear-gradient(135deg,#f8e4ba 0%,#c58b43 30%,#282322 70%,#070708 100%) !important;
}
.yupc-serije-corner-ribbon.yupc-style-slider_red_fold > .yupc-premium-fold::before {
  background: linear-gradient(135deg,#ffe0a6 0%,#fc6648 23%,#d10a21 64%,#7c0918 100%) !important;
}
.yupc-serije-corner-ribbon > .yupc-premium-fold > span {
  display: block !important;
  position: absolute !important;
  top: 28% !important;
  right: -13% !important;
  width: 108% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: system-ui,-apple-system,'Segoe UI',sans-serif !important;
  font-size: var(--yupc-novo-size,calc(var(--yupc-slider-font,12px) * 1.1)) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
  color: var(--yupc-ribbon-text,#fff) !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.5) !important;
  white-space: nowrap !important;
  transform: translate(var(--yupc-novo-text-x,0px),var(--yupc-novo-text-y,0px)) rotate(45deg) !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
}

/* v1.2.28: Independent NOVO ribbon corner curvature (0–100px).
   Zero preserves v1.2.27's attached/detached ribbon outline.
   Round only the ribbon, never the countdown or information panel. */
.ys-hero-shell .ys-slide .ys-copy .yupc-main-hero-countdown.yupc-premium-countdown > .yupc-premium-fold,
.yupc-slider-preview-stage .yupc-preview-slider-badge.yupc-premium-countdown > .yupc-premium-fold {
  border-radius: 0 max(calc(12px * var(--yupc-scale, 1)), var(--yupc-ribbon-curve, 0px)) var(--yupc-ribbon-curve, 0px) 0 !important;
  overflow: hidden !important;
}
.ys-hero-shell .ys-slide .ys-copy > .yupc-serije-corner-ribbon > .yupc-premium-fold,
.yupc-slider-preview-stage .yupc-slider-preview-panel > .yupc-serije-corner-ribbon > .yupc-premium-fold {
  border-radius: 0 var(--yupc-ribbon-curve, 0px) var(--yupc-ribbon-curve, 0px) 0 !important;
  overflow: hidden !important;
}