.rockit-sticky-ad {
  --rk-ink: #0B1220;
  --rk-panel: #131B2E;
  --rk-text: #EDEFF7;
  --rk-muted: #9AA4BF;
  --rk-blue: #3E7BFA;
  --rk-w: 300px;
  --rk-h: 84px;
  --rk-d: 84px;
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 10px 14px;
  background: linear-gradient(180deg, rgba(11,18,32,.4) 0%, rgba(7,10,18,.97) 35%, #070A12 100%);
  box-shadow: 0 -10px 30px rgba(0,0,0,.4);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.rockit-sticky-ad.rk-hidden { display: none; }
.rockit-sticky-ad * { box-sizing: border-box; }

@media (max-width: 620px) {
  .rockit-sticky-ad { --rk-w: 208px; --rk-h: 64px; --rk-d: 64px; gap: 10px; padding: 8px 10px; }
  .rockit-sticky-ad .rk-tagline { display: none; }
}
@media (max-width: 420px) {
  .rockit-sticky-ad .rk-endcap { display: none; }
}

.rockit-sticky-ad .rk-scene {
  position: relative;
  width: var(--rk-w);
  height: var(--rk-h);
  perspective: 1100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: visible;
}
.rockit-sticky-ad .rk-box {
  position: relative;
  width: var(--rk-w);
  height: var(--rk-h);
  transform-style: preserve-3d;
  /* Tumbles through four genuine holds -- front, back, top, bottom --
     each one dead-on to the camera in turn, rather than spinning on a
     single axis with a fixed tilt (which never actually brought top/
     bottom into full view, only a permanent sliver of them). One full
     cycle = 10s: ~1.4s holding each face, ~1.3s tumbling between them. */
  animation: rockit-sticky-tumble 10s ease-in-out infinite;
}
.rockit-sticky-ad .rk-scene:hover .rk-box,
.rockit-sticky-ad .rk-scene:focus-within .rk-box {
  animation-play-state: paused;
}
@keyframes rockit-sticky-tumble {
  0%   { transform: rotateX(0deg)   rotateY(0deg); }   /* front */
  14%  { transform: rotateX(0deg)   rotateY(0deg); }
  23%  { transform: rotateX(0deg)   rotateY(180deg); } /* back */
  37%  { transform: rotateX(0deg)   rotateY(180deg); }
  46%  { transform: rotateX(-90deg) rotateY(0deg); }   /* top */
  60%  { transform: rotateX(-90deg) rotateY(0deg); }
  69%  { transform: rotateX(90deg)  rotateY(0deg); }   /* bottom */
  83%  { transform: rotateX(90deg)  rotateY(0deg); }
  100% { transform: rotateX(0deg)   rotateY(0deg); }   /* back to front */
}
@media (prefers-reduced-motion: reduce) {
  .rockit-sticky-ad .rk-box { animation-duration: 90s; }
}

.rockit-sticky-ad .rk-face {
  position: absolute;
  top: 0; left: 0;
  width: var(--rk-w); height: var(--rk-h);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--rk-panel);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  backface-visibility: hidden;
  text-decoration: none;
  display: block;
}
.rockit-sticky-ad .rk-face img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.rockit-sticky-ad .rk-face-overlay {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  padding: 8px 10px;
  background: linear-gradient(0deg, rgba(11,18,32,.85) 0%, transparent 100%);
}
.rockit-sticky-ad .rk-face-headline {
  font-size: 12px; font-weight: 700; color: var(--rk-text); margin: 0;
  text-shadow: 0 1px 6px rgba(0,0,0,.6);
}
.rockit-sticky-ad .rk-face .rk-cap-text {
  font-weight: 700;
  font-size: 12px;
  color: rgba(237,239,247,.65);
}

.rockit-sticky-ad .rk-front { transform: rotateY(0deg)   translateZ(calc(var(--rk-d) / 2)); }
.rockit-sticky-ad .rk-back  { transform: rotateY(180deg) translateZ(calc(var(--rk-d) / 2)); }

.rockit-sticky-ad .rk-right,
.rockit-sticky-ad .rk-left {
  width: var(--rk-d); height: var(--rk-h);
  left: calc((var(--rk-w) - var(--rk-d)) / 2);
  display: flex; align-items: center; justify-content: center;
  background: repeating-linear-gradient(45deg, #17203A 0 8px, #131B2E 8px 16px);
}
.rockit-sticky-ad .rk-right { transform: rotateY(90deg)  translateZ(calc(var(--rk-w) / 2)); }
.rockit-sticky-ad .rk-left  { transform: rotateY(-90deg) translateZ(calc(var(--rk-w) / 2)); }

.rockit-sticky-ad .rk-top,
.rockit-sticky-ad .rk-bottom {
  width: var(--rk-w); height: var(--rk-d);
  top: calc((var(--rk-h) - var(--rk-d)) / 2);
}
.rockit-sticky-ad .rk-top    { transform: rotateX(90deg)  translateZ(calc(var(--rk-h) / 2)); }
.rockit-sticky-ad .rk-bottom { transform: rotateX(-90deg) translateZ(calc(var(--rk-h) / 2)); }

.rockit-sticky-ad .rk-gloss {
  position: absolute; inset: 0; z-index: 6; pointer-events: none;
  border-radius: 8px;
  background: linear-gradient(115deg,
    rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 30%,
    rgba(255,255,255,0) 72%, rgba(255,255,255,.05) 100%);
  mix-blend-mode: screen;
}

.rockit-sticky-ad .rk-cta-panel {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 1;
  min-width: 0;
}
.rockit-sticky-ad .rk-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rockit-sticky-ad .rk-brand {
  font-size: 13.5px; font-weight: 700; color: var(--rk-text); white-space: nowrap;
}
.rockit-sticky-ad .rk-brand span { color: var(--rk-blue); }
.rockit-sticky-ad .rk-tagline {
  font-size: 11.5px; color: var(--rk-muted); white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.rockit-sticky-ad .rk-cta {
  flex-shrink: 0;
  font-size: 13px; font-weight: 700; color: var(--rk-ink);
  background: var(--rk-text);
  padding: 10px 16px; border-radius: 8px;
  text-decoration: none; white-space: nowrap;
  transition: transform .15s ease, background .15s ease, color .15s ease;
}
.rockit-sticky-ad .rk-cta:hover { background: var(--rk-blue); color: #fff; transform: translateY(-1px); }

.rockit-sticky-ad .rk-dismiss {
  flex-shrink: 0;
  width: 26px; height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
  color: var(--rk-muted);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.rockit-sticky-ad .rk-dismiss:hover { color: var(--rk-text); background: rgba(255,255,255,.12); }