/* Presentation only: the existing OpeningTimerHtml keeps its date and countdown. */
.rb_new .rb_opening_timer {
  min-width:0; min-height:100px; margin:0 0 16px; padding:16px 24px;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 22px;
  border:1px solid #bda05b55; border-radius:4px;
  background:radial-gradient(ellipse at 100% 0,#b9984520,transparent 65%),linear-gradient(115deg,#15232e,#101c28);
  box-shadow:inset 0 1px 0 #eed49412,0 6px 20px #00000016;
}
.rb_new .rb_opening_timer_title {
  max-width:100%; color:#e7ce92; font:700 18px/1.35 Georgia,serif;
  text-transform:none; letter-spacing:.15px; overflow-wrap:anywhere;
}
.rb_new .rb_opening_timer_title:before { content:''; display:block; width:30px; height:2px; margin-bottom:9px; background:linear-gradient(90deg,#dfbf75,#dfbf7520); }
.rb_new .rb_opening_timer_units { display:flex; flex-shrink:0; gap:8px; }
.rb_new .rb_opening_timer_unit {
  width:57px; height:64px; border:1px solid #d6ba7033; border-radius:4px;
  background:linear-gradient(180deg,#22313d,#111d28); box-shadow:inset 0 1px 0 #ffffff08;
}
.rb_new .rb_opening_timer_unit b { color:#f0d695; font:700 28px/1 Georgia,serif; font-variant-numeric:tabular-nums; }
.rb_new .rb_opening_timer_unit small { margin-top:7px; color:#a9b5bf; font:10px/1 Arial,sans-serif; letter-spacing:1px; text-transform:uppercase; }

@media(max-width:540px) {
  .rb_new .rb_opening_timer { justify-content:center; gap:12px; padding:15px 12px; }
  .rb_new .rb_opening_timer_title { flex-basis:100%; text-align:center; font-size:17px; }
  .rb_new .rb_opening_timer_title:before { display:none; }
  .rb_new .rb_opening_timer_unit { width:53px; height:60px; }
  .rb_new .rb_opening_timer_unit b { font-size:26px; }
}

/* Absolute overlay only: never change banner/copy height, padding or alignment. */
.rb_new .banner .rb_opening_timer {
  position:absolute; z-index:2; right:28px; bottom:56px; width:310px; min-height:0;
  margin:0; padding:13px 16px; display:flex; flex-direction:column; flex-wrap:nowrap; gap:10px;
  border-color:#ddbe7566; background:linear-gradient(120deg,#111f2eef,#081520e8);
  box-shadow:inset 0 1px 0 #fff1c31a,0 6px 24px #0005; backdrop-filter:blur(8px);
}
.rb_new .banner .rb_opening_timer_title { flex-basis:auto; font-size:14px; line-height:1.2; letter-spacing:.7px; text-align:center; }
.rb_new .banner .rb_opening_timer_title:before { display:none; }
.rb_new .banner .rb_opening_timer_units { justify-content:center; gap:9px; }
.rb_new .banner .rb_opening_timer_unit { width:53px; height:54px; background:linear-gradient(180deg,#273746b3,#1423338c); }
.rb_new .banner .rb_opening_timer_unit b { font-size:26px; }
.rb_new .banner .rb_opening_timer_unit small { font-size:8px; margin-top:5px; }

.rb_new .banner .rb_opening_timer.is-compact {
  width:auto; max-width:calc(100% - 20px); padding:4px 8px; flex-direction:row; gap:8px; right:10px; top:6px; bottom:auto;
}
.rb_new .banner .rb_opening_timer.is-compact .rb_opening_timer_title { font-size:9px; letter-spacing:0; }
.rb_new .banner .rb_opening_timer.is-compact .rb_opening_timer_units { gap:4px; }
.rb_new .banner .rb_opening_timer.is-compact .rb_opening_timer_unit { width:28px; height:26px; }
.rb_new .banner .rb_opening_timer.is-compact .rb_opening_timer_unit b { font-size:14px; }
.rb_new .banner .rb_opening_timer.is-compact .rb_opening_timer_unit small { font-size:5px; letter-spacing:.3px; margin-top:2px; }

/* Not compact (set by interface.js): one short row in the top-right corner of the slider. */
.rb_new .banner .rb_opening_timer.is-top { width:auto; flex-direction:row; align-items:center; gap:12px; padding:8px 12px; }
.rb_new .banner .rb_opening_timer.is-top .rb_opening_timer_title { font-size:12px; white-space:nowrap; }
.rb_new .banner .rb_opening_timer.is-top .rb_opening_timer_units { gap:6px; }
.rb_new .banner .rb_opening_timer.is-top .rb_opening_timer_unit { width:44px; height:44px; }
.rb_new .banner .rb_opening_timer.is-top .rb_opening_timer_unit b { font-size:20px; }
.rb_new .banner .rb_opening_timer.is-top .rb_opening_timer_unit small { font-size:7px; margin-top:4px; }