/* YouTube followers theme — same layout as IG (followers.css), YouTube red */

body.yt-svc {
  --ig-a: #ff0033;
  --ig-b: #ff4d6d;
  --ig-c: #ff0033;
}

body.yt-svc .svc-glow-a {
  background: radial-gradient(circle, rgba(255, 0, 51, 0.28), transparent 68%);
}
body.yt-svc .svc-glow-b {
  background: radial-gradient(circle, rgba(255, 77, 109, 0.16), transparent 70%);
}

body.yt-svc .svc-badge {
  color: #ffb3c0;
  background: linear-gradient(135deg, rgba(255, 0, 51, 0.14), rgba(255, 77, 109, 0.1));
  border-color: rgba(255, 0, 51, 0.4);
}
body.yt-svc .svc-badge i {
  background: linear-gradient(135deg, #ff0033, #ff4d6d);
  box-shadow: 0 0 0 0 rgba(255, 0, 51, 0.45);
  animation: svcPulseYt 2s ease-out infinite;
}
@keyframes svcPulseYt {
  0% { box-shadow: 0 0 0 0 rgba(255, 0, 51, 0.5); }
  70% { box-shadow: 0 0 0 8px rgba(255, 0, 51, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 0, 51, 0); }
}

body.yt-svc .svc-hero h1 em {
  background: linear-gradient(115deg, #fff 0%, #ffb3c0 42%, #ff0033 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.yt-svc .svc-step.is-active .svc-step-n {
  background: linear-gradient(135deg, #ff0033, #ff4d6d);
  box-shadow: 0 8px 20px -8px rgba(255, 0, 51, 0.65);
}

body.yt-svc .pkg-card.is-selected {
  border-color: rgba(255, 0, 51, 0.5);
  background: linear-gradient(165deg, rgba(255, 0, 51, 0.1) 0%, rgba(255, 77, 109, 0.08) 100%);
  box-shadow:
    0 0 0 1px rgba(255, 0, 51, 0.1),
    0 18px 40px -20px rgba(255, 0, 51, 0.4);
}
body.yt-svc .pkg-hot {
  background: linear-gradient(135deg, #ff0033, #ff4d6d);
  color: #fff;
  box-shadow: 0 6px 16px -6px rgba(255, 0, 51, 0.65);
}
body.yt-svc .pkg-card.is-selected .pkg-radio {
  border-color: rgba(255, 0, 51, 0.7);
  box-shadow: 0 0 0 3px rgba(255, 0, 51, 0.12);
}
body.yt-svc .pkg-radio::after {
  background: linear-gradient(135deg, #ff0033, #ff4d6d);
}
body.yt-svc .pkg-card.is-selected .pkg-price strong {
  background: linear-gradient(115deg, #fff, #ffb3c0, #ff0033);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.yt-svc .field-wrap:focus-within {
  border-color: rgba(255, 0, 51, 0.55);
  box-shadow: 0 0 0 4px rgba(255, 0, 51, 0.1);
}

body.yt-svc .order-total strong {
  background: linear-gradient(115deg, #fff, #ffb3c0, #ff0033);
  -webkit-background-clip: text;
  background-clip: text;
}

body.yt-svc .pay-bar-btn {
  background: linear-gradient(135deg, #ff0033, #ff4d6d);
  box-shadow: 0 10px 28px -10px rgba(255, 0, 51, 0.75);
}