/* TikTok service theme — same layout as IG (followers.css), cyan/magenta brand */

body.tt-svc {
  --ig-a: #25f4ee;
  --ig-b: #fe2c55;
  --ig-c: #25f4ee;
}

body.tt-svc .svc-glow-a {
  background: radial-gradient(circle, rgba(254, 44, 85, 0.26), transparent 68%);
}
body.tt-svc .svc-glow-b {
  background: radial-gradient(circle, rgba(37, 244, 238, 0.18), transparent 70%);
}

body.tt-svc .svc-badge {
  color: #7af8f3;
  background: linear-gradient(135deg, rgba(37, 244, 238, 0.1), rgba(254, 44, 85, 0.14));
  border-color: rgba(254, 44, 85, 0.35);
}
body.tt-svc .svc-badge i {
  background: linear-gradient(135deg, #25f4ee, #fe2c55);
  box-shadow: 0 0 0 0 rgba(254, 44, 85, 0.45);
  animation: svcPulseTt 2s ease-out infinite;
}
@keyframes svcPulseTt {
  0% { box-shadow: 0 0 0 0 rgba(254, 44, 85, 0.5); }
  70% { box-shadow: 0 0 0 8px rgba(254, 44, 85, 0); }
  100% { box-shadow: 0 0 0 0 rgba(254, 44, 85, 0); }
}

body.tt-svc .svc-hero h1 em {
  background: linear-gradient(115deg, #fff 0%, #25f4ee 40%, #fe2c55 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.tt-svc .svc-step.is-active .svc-step-n {
  background: linear-gradient(135deg, #25f4ee, #fe2c55);
  box-shadow: 0 8px 20px -8px rgba(254, 44, 85, 0.65);
}

body.tt-svc .pkg-card.is-selected {
  border-color: rgba(254, 44, 85, 0.5);
  background: linear-gradient(165deg, rgba(37, 244, 238, 0.1) 0%, rgba(254, 44, 85, 0.1) 100%);
  box-shadow:
    0 0 0 1px rgba(254, 44, 85, 0.1),
    0 18px 40px -20px rgba(254, 44, 85, 0.4);
}
body.tt-svc .pkg-hot {
  background: linear-gradient(135deg, #25f4ee, #fe2c55);
  color: #fff;
  box-shadow: 0 6px 16px -6px rgba(254, 44, 85, 0.65);
}
body.tt-svc .pkg-card.is-selected .pkg-radio {
  border-color: rgba(254, 44, 85, 0.7);
  box-shadow: 0 0 0 3px rgba(254, 44, 85, 0.12);
}
body.tt-svc .pkg-radio::after {
  background: linear-gradient(135deg, #25f4ee, #fe2c55);
}
body.tt-svc .pkg-card.is-selected .pkg-price strong {
  background: linear-gradient(115deg, #fff, #25f4ee, #fe2c55);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.tt-svc .field-wrap:focus-within {
  border-color: rgba(37, 244, 238, 0.55);
  box-shadow: 0 0 0 4px rgba(37, 244, 238, 0.1);
}

body.tt-svc .order-total strong {
  background: linear-gradient(115deg, #fff, #25f4ee, #fe2c55);
  -webkit-background-clip: text;
  background-clip: text;
}

body.tt-svc .pay-bar-inner {
  box-shadow:
    0 16px 50px -12px rgba(0, 0, 0, 0.65),
    0 0 0 1px rgba(37, 244, 238, 0.08);
}
body.tt-svc .pay-bar-btn {
  background: linear-gradient(135deg, #25f4ee 0%, #111 48%, #fe2c55 100%);
  color: #fff;
  box-shadow: 0 10px 28px -10px rgba(254, 44, 85, 0.65);
}