/* spinners.css — lightbox loading spinner + brand overlay button spinner.
   Moved out of index.html (two adjacent inline \3c style> blocks),
   linked at the same spot in <body>. */

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

/* ── Brand overlay button spinner ──────────────────────────────────────── */
.bp-btn-spinner {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid rgba(255,255,255,0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: bpSpin .7s linear infinite;
  vertical-align: middle;
  margin-right: 4px;
}
@keyframes bpSpin { to { transform: rotate(360deg); } }

.sk-pulse {
  background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);
  background-size: 200% 100%;
  animation: skShimmer 1.4s ease infinite;
}
@keyframes skShimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}