/* Velora 5277 — header-only CTA upgrade. No JS, no layout script. */
.vp-header .vp-credit-cta,
.vp-header .vp-mobile-credit {
  --vp-credit-ink: #fff;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: #ffbd7a;
  background: linear-gradient(115deg,#9a3412 0%,#b43e0d 48%,#9a3412 100%);
  color: var(--vp-credit-ink)!important;
  box-shadow: 0 8px 18px rgba(93,34,9,.29),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,filter .24s ease;
}
/* Animated accent ring and a separate sparkle — never intercept clicks. */
.vp-header .vp-credit-cta::before,
.vp-header .vp-mobile-credit::before {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  border-radius:inherit;border:1px solid rgba(255,228,199,.5);
  background:radial-gradient(ellipse at 19% 50%,rgba(255,195,126,.2),transparent 58%);
  animation:vp-credit-glow-5277 6.8s ease-in-out infinite;
}
.vp-header .vp-credit-cta::after,
.vp-header .vp-mobile-credit::after {
  content:"✦";position:absolute;top:4px;right:8px;z-index:0;
  font-size:11px;line-height:1;color:#ffe1af;opacity:0;
  pointer-events:none;animation:vp-credit-spark-5277 6.8s ease-in-out infinite;
}
.vp-header .vp-credit-cta > :is(.vp-credit-icon,span:not(.vp-credit-glint)),
.vp-header .vp-mobile-credit > :is(svg,span) {position:relative;z-index:2}
.vp-header .vp-credit-cta > .vp-credit-icon {background:rgba(255,230,199,.14);border:1px solid rgba(255,231,202,.27)}
.vp-header .vp-credit-cta > .vp-credit-icon svg,
.vp-header .vp-mobile-credit > svg {
  transform-origin:50% 50%;animation:vp-credit-coin-5277 6.8s ease-in-out infinite;
}
.vp-header .vp-credit-glint,
.vp-header .vp-mobile-credit > i {
  position:absolute;top:-55%;bottom:-55%;left:-32%;width:18%;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(255,246,227,.52),transparent);
  transform:translateX(-160%) skewX(-18deg);
  pointer-events:none;animation:vp-credit-sweep-5277 6.8s ease-in-out infinite;
}
.vp-header .vp-credit-cta:is(:hover,:focus-visible),
.vp-header .vp-mobile-credit:is(:hover,:focus-visible) {
  filter:brightness(1.1);transform:translateY(-2px);
  box-shadow:0 12px 25px rgba(95,37,12,.36),0 0 0 3px rgba(255,187,112,.16),inset 0 1px 0 rgba(255,255,255,.35);
}
.vp-header .vp-credit-cta:active,
.vp-header .vp-mobile-credit:active {transform:translateY(0) scale(.985)}
.vp-header .vp-credit-cta:focus-visible,
.vp-header .vp-mobile-credit:focus-visible {outline:3px solid #fff;outline-offset:4px}
@keyframes vp-credit-glow-5277 {0%,60%,100%{opacity:.35}70%,78%{opacity:1}}
@keyframes vp-credit-spark-5277 {0%,65%,80%,100%{opacity:0;transform:translateY(3px) scale(.75)}72%{opacity:.95;transform:translateY(-3px) scale(1)}}
@keyframes vp-credit-coin-5277 {0%,58%,85%,100%{transform:translateY(0) rotate(0)}66%{transform:translateY(-2px) rotate(-12deg)}74%{transform:translateY(1px) rotate(8deg)}}
@keyframes vp-credit-sweep-5277 {0%,60%{opacity:0;transform:translateX(-160%) skewX(-18deg)}66%{opacity:.9}81%,100%{opacity:0;transform:translateX(950%) skewX(-18deg)}}
@media (prefers-reduced-motion:reduce){
 .vp-header .vp-credit-cta,.vp-header .vp-mobile-credit,
 .vp-header .vp-credit-cta::before,.vp-header .vp-credit-cta::after,
 .vp-header .vp-mobile-credit::before,.vp-header .vp-mobile-credit::after,
 .vp-header .vp-credit-glint,.vp-header .vp-mobile-credit>i,
 .vp-header .vp-credit-cta>.vp-credit-icon svg,.vp-header .vp-mobile-credit>svg {
  animation:none!important;transition:none!important;
 }
 .vp-header .vp-credit-cta::after,.vp-header .vp-mobile-credit::after,
 .vp-header .vp-credit-glint,.vp-header .vp-mobile-credit>i{opacity:0!important}
}