/* Static premium edges — no rotating lights */
.ring{display:none}
.glow-edge::before,
.glow-edge::after{
  display:none !important;
}

/* Content/category buttons: thin still gold border */
.content-btn{
  border:1px solid var(--gold) !important;
  box-shadow:none !important;
  animation:btnShake .7s ease-in-out infinite;
}
.content-btn .gold-bg{
  display:none !important;
}

/* Small shake only; no glow/rotation */
@keyframes btnShake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-1px)}
  75%{transform:translateX(1px)}
}
.content-btn.mini{animation:none}

/* Payment button: keep gentle shake, remove all rotating/glowing edge */
.btn-lipa{
  animation:shake .7s ease-in-out infinite;
  box-shadow:none !important;
}
.btn-lipa.glow-edge::before,
.btn-lipa.glow-edge::after{
  display:none !important;
}

/* Payment popup stays still */
.pay-card{
  animation:popIn .4s cubic-bezier(.34,1.56,.64,1);
}

/* Network logo active: no pulsing light */
.pay-logos img.active{
  animation:none !important;
}

/* Loading spinner remains */
.pay-status.loading::after{
  content:'';
  display:inline-block;
  width:12px;
  height:12px;
  border:2px solid var(--gold);
  border-top-color:transparent;
  border-radius:50%;
  animation:spin .8s linear infinite;
  margin-left:6px;
  vertical-align:middle;
}

@keyframes spin{to{transform:rotate(360deg)}}

@keyframes shake{
  0%,100%{transform:translate(0,0) rotate(0)}
  10%{transform:translate(-2px,-1px) rotate(-1deg)}
  20%{transform:translate(2px,1px) rotate(1deg)}
  30%{transform:translate(-2px,2px) rotate(-.5deg)}
  40%{transform:translate(2px,-1px) rotate(.5deg)}
  50%{transform:translate(-1px,1px) rotate(-1deg)}
  60%{transform:translate(1px,-2px) rotate(1deg)}
  70%{transform:translate(-2px,1px) rotate(-.5deg)}
  80%{transform:translate(2px,1px) rotate(.5deg)}
  90%{transform:translate(-1px,-1px) rotate(-1deg)}
}

@keyframes popIn{
  from{opacity:0;transform:scale(.8) translateY(20px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}

/* Landing ENDELEA: video-style rotating segmented border + gentle shake */
@keyframes rotateBorder{to{transform:rotate(360deg)}}

@keyframes landingShake{
  0%,100%{transform:translate(0,0)}
  25%{transform:translate(-1px,1px)}
  50%{transform:translate(1px,-1px)}
  75%{transform:translate(-1px,-1px)}
}

@media (prefers-reduced-motion:reduce){
  .btn-endelea{animation:none}
  .btn-endelea::before{animation:none}
}