
.alix-strip{width:100%;background:var(--alix-bg-color,#111);color:var(--alix-text-color,#fff);font-size:var(--alix-font-size,16px);font-family:var(--alix-font-family,inherit);font-weight:var(--alix-font-weight,400);overflow:hidden;position:relative;padding:var(--alix-pad-y,10px) var(--alix-pad-x,0px);z-index:var(--alix-z,9999);}
.alix-pos-top{position:fixed;top:0;left:0;right:0;}
.alix-pos-bottom{position:fixed;bottom:0;left:0;right:0;}
.alix-pos-normal{position:relative;}
.alix-strip-viewport{overflow:hidden;width:100%;}
.alix-close{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.25);color:currentColor;line-height:26px;padding:0;cursor:pointer;font-size:18px;}
.alix-close:hover{background:rgba(0,0,0,.35);}
.alix-has-close.alix-close-right .alix-close{right:10px;}
.alix-has-close.alix-close-left .alix-close{left:10px;}
.alix-strip-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--alix-btn-radius,6px);padding:6px 14px;background:var(--alix-btn-bg,#fff);color:var(--alix-btn-text,#000);border:var(--alix-btn-border-w,0px) solid var(--alix-btn-border,#fff);font-size:.92em;line-height:1;transition:transform .12s ease,filter .12s ease;white-space:nowrap;}
.alix-strip-btn:hover{transform:translateY(-1px);filter:brightness(0.96);}
.alix-lines{display:flex;flex-direction:column;}
.alix-line1{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;}
.alix-line2{white-space:nowrap;opacity:.95;}
.alix-align-center .alix-lines{align-items:center;text-align:center;}
.alix-align-left .alix-lines{align-items:flex-start;text-align:left;}
.alix-align-right .alix-lines{align-items:flex-end;text-align:right;}
.alix-align-auto.alix-ltr .alix-lines{align-items:flex-start;text-align:left;}
.alix-align-auto.alix-rtl .alix-lines{align-items:flex-end;text-align:right;}
.alix-ltr .alix-line1{flex-direction:row;}
.alix-rtl .alix-line1{flex-direction:row-reverse;}
.alix-sep{opacity:.65;margin:0 16px;}
.alix-mode-ticker .alix-strip-track{display:flex;width:max-content;will-change:transform;animation-duration:var(--alix-duration,12s);animation-timing-function:linear;animation-iteration-count:infinite;}
.alix-mode-ticker .alix-strip-item{display:flex;align-items:center;gap:18px;padding-right:42px;white-space:nowrap;}
.alix-strip-item-inner{display:inline-flex;align-items:center;gap:18px;}
.alix-move-left .alix-strip-track{animation-name:alix-scroll-left;}
.alix-move-right .alix-strip-track{animation-name:alix-scroll-right;}
@keyframes alix-scroll-left{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes alix-scroll-right{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.alix-pause-hover:hover .alix-strip-track{animation-play-state:paused;}
.alix-motion-second.alix-mode-ticker .alix-strip-viewport{display:flex;flex-direction:column;gap:6px;}
.alix-motion-second .alix-static-top{padding-right:42px;}
.alix-motion-second .alix-ticker-bottom{overflow:hidden;width:100%;}
.alix-motion-second .alix-line2only{white-space:nowrap;}
.alix-mode-rotate .alix-rotate-stage{width:100%;overflow:hidden;position:relative;}
.alix-mode-rotate .alix-rotate-item{will-change:transform,opacity;}
.alix-rot-fade-out{opacity:0;transition:opacity .28s ease;}
.alix-rot-fade-in{opacity:1;transition:opacity .28s ease;}
.alix-rot-slide-out{opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease;}
.alix-rot-slide-in{opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease;}
@media (prefers-reduced-motion:reduce){.alix-strip-track{animation:none!important;transform:none!important;}}

/* PRO: Highlight tag */
.alix-highlight{
  display:inline-block;
  padding:0.08em 0.35em;
  border-radius:10px;
  background: var(--alix-highlight-bg, rgba(255,255,255,0.16));
  color: var(--alix-highlight-color, #fff);
  margin:0 0.06em;
}

/* PRO: Badge */
.alix-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0.18em 0.55em;
  border-radius:999px;
  background: var(--alix-badge-bg, rgba(255,255,255,0.18));
  color: var(--alix-badge-color, #fff);
  font-size:0.78em;
  letter-spacing:0.02em;
  white-space:nowrap;
  margin-inline-end:10px;
}

/* PRO: Countdown */
.alix-countdown{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-inline-start:10px;
  opacity:0.95;
  font-variant-numeric: tabular-nums;
}
.alix-countdown::before{
  content:"⏳";
  opacity:0.85;
}
.alix-countdown .alix-cd-time{ font-weight:700; }

/* PRO: Background modes */
.alix-bg-gradient{
  background: linear-gradient(var(--alix-grad-dir, to right), var(--alix-grad1, #111), var(--alix-grad2, #333));
}
.alix-bg-glass{
  background: rgba(17,17,17, var(--alix-glass-opacity, 0.22));
  backdrop-filter: blur(var(--alix-glass-blur, 10px));
  -webkit-backdrop-filter: blur(var(--alix-glass-blur, 10px));
  border: 1px solid rgba(255,255,255,0.14);
}

/* PRO: Button effects */
.alix-btnfx-pulse .alix-strip-btn{ animation: alix-btn-pulse 1.6s ease-in-out infinite; }
@keyframes alix-btn-pulse{
  0%,100%{ transform: translateY(0) scale(1); }
  50%{ transform: translateY(-1px) scale(1.03); }
}
.alix-btnfx-shine .alix-strip-btn{ position:relative; overflow:hidden; }
.alix-btnfx-shine .alix-strip-btn::after{
  content:"";
  position:absolute;
  top:-20%;
  left:-40%;
  width:40%;
  height:140%;
  transform: skewX(-18deg);
  background: rgba(255,255,255,0.35);
  filter: blur(1px);
  animation: alix-btn-shine 2.8s ease-in-out infinite;
}
@keyframes alix-btn-shine{
  0%{ left:-50%; opacity:0; }
  15%{ opacity:0.7; }
  50%{ left:120%; opacity:0.15; }
  100%{ left:120%; opacity:0; }
}
.alix-btnfx-arrow .alix-strip-btn::after{ content:" →"; font-weight:700; }

/* PRO: Conversion (static) */
.alix-mode-static .alix-static-inner{ display:flex; justify-content:center; }

/* PRO: Auto hide on scroll (via CSS vars) */
.alix-strip-wrap.alix-hidden-scroll{ transform: translateY(-110%); transition: transform .25s ease; }
.alix-strip-wrap.alix-pos-bottom.alix-hidden-scroll{ transform: translateY(110%); }
