.plans__card[data-tier="novice"]   { background: linear-gradient(160deg, rgba(90, 160, 90, 0.5) 0%, rgba(90, 160, 90, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #5aa05a; box-shadow: inset 0 0 0 1px rgba(90, 160, 90, 0.25); }
.plans__card[data-tier="trainer"]   { background: linear-gradient(160deg, rgba(60, 130, 200, 0.5) 0%, rgba(60, 130, 200, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #3c82c8; box-shadow: inset 0 0 0 1px rgba(60, 130, 200, 0.25); }
.plans__card[data-tier="breeder"]   { background: linear-gradient(160deg, rgba(210, 140, 50, 0.5) 0%, rgba(210, 140, 50, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #d28c32; box-shadow: inset 0 0 0 1px rgba(210, 140, 50, 0.25); }
.plans__card[data-tier="champion"]   { background: linear-gradient(160deg, rgba(200, 170, 60, 0.5) 0%, rgba(200, 170, 60, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #c8aa3c; box-shadow: inset 0 0 0 1px rgba(200, 170, 60, 0.25); }
.plans__card[data-tier="master"]   { background: linear-gradient(160deg, rgba(150, 80, 200, 0.5) 0%, rgba(150, 80, 200, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #9650c8; box-shadow: inset 0 0 0 1px rgba(150, 80, 200, 0.25); }

.plans__card[data-tier="novice"] .plans__card-btn,
.plans__card[data-tier="trainer"] .plans__card-btn,
.plans__card[data-tier="breeder"] .plans__card-btn,
.plans__card[data-tier="champion"] .plans__card-btn,
.plans__card[data-tier="master"] .plans__card-btn { color: #0d0b14; }

.plans__card.plans__card--popular[data-tier="breeder"] {
  overflow: visible;
  box-shadow: 0 0 0 2px var(--tier-color), 0 0 40px rgba(210, 140, 50, 0.25), 0 12px 40px rgba(0, 0, 0, 0.4);
}

.plans__card.plans__card--popular[data-tier="breeder"]:hover {
  box-shadow: 0 0 0 3px var(--tier-color), 0 0 56px rgba(210, 140, 50, 0.35), 0 20px 56px rgba(0, 0, 0, 0.5);
}

.plans__card.plans__card--popular[data-tier="breeder"] .plans__card-overlay {
  border-radius: 18px;
}

.plans__card[data-tier="legend"]   { background: linear-gradient(160deg, rgba(190, 60, 90, 0.5) 0%, rgba(190, 60, 90, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #be3c5a; box-shadow: inset 0 0 0 1px rgba(190, 60, 90, 0.25); }
.plans__card[data-tier="lamball"]   { background: linear-gradient(160deg, rgba(150, 190, 120, 0.5) 0%, rgba(150, 190, 120, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #96be78; box-shadow: inset 0 0 0 1px rgba(150, 190, 120, 0.25); }
.plans__card[data-tier="foxparks"]   { background: linear-gradient(160deg, rgba(225, 120, 60, 0.5) 0%, rgba(225, 120, 60, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #e1783c; box-shadow: inset 0 0 0 1px rgba(225, 120, 60, 0.25); }
.plans__card[data-tier="chillet"]   { background: linear-gradient(160deg, rgba(110, 190, 210, 0.5) 0%, rgba(110, 190, 210, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #6ebed2; box-shadow: inset 0 0 0 1px rgba(110, 190, 210, 0.25); }
.plans__card[data-tier="penking"]   { background: linear-gradient(160deg, rgba(70, 140, 210, 0.5) 0%, rgba(70, 140, 210, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #468cd2; box-shadow: inset 0 0 0 1px rgba(70, 140, 210, 0.25); }
.plans__card[data-tier="anubis"]   { background: linear-gradient(160deg, rgba(215, 170, 90, 0.5) 0%, rgba(215, 170, 90, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #d7aa5a; box-shadow: inset 0 0 0 1px rgba(215, 170, 90, 0.25); }
.plans__card[data-tier="grizzbolt"]   { background: linear-gradient(160deg, rgba(230, 200, 70, 0.5) 0%, rgba(230, 200, 70, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #e6c846; box-shadow: inset 0 0 0 1px rgba(230, 200, 70, 0.25); }
.plans__card[data-tier="frostallion"]   { background: linear-gradient(160deg, rgba(130, 200, 235, 0.5) 0%, rgba(130, 200, 235, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #82c8eb; box-shadow: inset 0 0 0 1px rgba(130, 200, 235, 0.25); }
.plans__card[data-tier="paladius"]   { background: linear-gradient(160deg, rgba(225, 215, 190, 0.5) 0%, rgba(225, 215, 190, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #e1d7be; box-shadow: inset 0 0 0 1px rgba(225, 215, 190, 0.25); }
.plans__card[data-tier="necromus"]   { background: linear-gradient(160deg, rgba(140, 90, 200, 0.5) 0%, rgba(140, 90, 200, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #8c5ac8; box-shadow: inset 0 0 0 1px rgba(140, 90, 200, 0.25); }
.plans__card[data-tier="blazamut"]   { background: linear-gradient(160deg, rgba(220, 90, 50, 0.5) 0%, rgba(220, 90, 50, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #dc5a32; box-shadow: inset 0 0 0 1px rgba(220, 90, 50, 0.25); }
.plans__card[data-tier="shadowbeak"]   { background: linear-gradient(160deg, rgba(100, 80, 160, 0.5) 0%, rgba(100, 80, 160, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #6450a0; box-shadow: inset 0 0 0 1px rgba(100, 80, 160, 0.25); }
.plans__card[data-tier="jetragon"]   { background: linear-gradient(160deg, rgba(240, 70, 130, 0.5) 0%, rgba(240, 70, 130, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #f04682; box-shadow: inset 0 0 0 1px rgba(240, 70, 130, 0.25); }

.plans__card[data-tier="legend"] .plans__card-btn,
.plans__card[data-tier="lamball"] .plans__card-btn,
.plans__card[data-tier="foxparks"] .plans__card-btn,
.plans__card[data-tier="chillet"] .plans__card-btn,
.plans__card[data-tier="penking"] .plans__card-btn,
.plans__card[data-tier="anubis"] .plans__card-btn,
.plans__card[data-tier="grizzbolt"] .plans__card-btn,
.plans__card[data-tier="frostallion"] .plans__card-btn,
.plans__card[data-tier="paladius"] .plans__card-btn,
.plans__card[data-tier="necromus"] .plans__card-btn,
.plans__card[data-tier="blazamut"] .plans__card-btn,
.plans__card[data-tier="shadowbeak"] .plans__card-btn,
.plans__card[data-tier="jetragon"] .plans__card-btn { color: #0d0b14; }

/* Табы линеек - идентичны Minecraft и Garry's Mod */
.plans__tab--eco {
  --tab-color: #10b981;
}

.plans__tab--comfort {
  --tab-color: #38bdf8;
}

.plans__tab--premium {
  --tab-color: #f59e0b;
  border-color: rgba(245, 158, 11, 0.3);
}

.plans__tab--eco.plans__tab--active {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.3);
  color: #ffffff;
}

.plans__tab--comfort.plans__tab--active {
  background: rgba(56, 189, 248, 0.08);
  border-color: rgba(56, 189, 248, 0.3);
  color: #ffffff;
}

.plans__tab--premium.plans__tab--active {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.4);
  box-shadow: 0 0 24px rgba(245, 158, 11, 0.16);
  color: #ffffff;
}

.plans__tab--eco .plans__tab-icon {
  background: rgba(16, 185, 129, 0.12);
  color: var(--tab-color);
}

.plans__tab--comfort .plans__tab-icon {
  background: rgba(56, 189, 248, 0.12);
  color: var(--tab-color);
}

.plans__tab--premium .plans__tab-icon {
  background: rgba(245, 158, 11, 0.12);
  color: var(--tab-color);
}

.plans__tab-badges {
  position: absolute;
  top: -9px;
  left: 14px;
  display: flex;
  gap: 6px;
  z-index: 2;
}

.plans__tab-badge {
  padding: 2px 9px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: 52px;
  background: #f59e0b;
  color: #1a1206;
  white-space: nowrap;
}

.plans__tab-badge--alt {
  background: rgba(26, 18, 6, 0.9);
  border: 1px solid rgba(245, 158, 11, 0.5);
  color: #f5a623;
}

.plans__tab-badge--comfort {
  background: #38bdf8;
  color: #06222f;
}

.plans__compare-trigger--comfort {
  background: rgba(56, 189, 248, 0.15);
  border-color: rgba(56, 189, 248, 0.4);
  color: #38bdf8;
  animation: none;
}

.plans__compare-trigger--comfort.plans__compare-trigger--open {
  background: rgba(56, 189, 248, 0.25);
  box-shadow: 0 0 14px 4px rgba(56, 189, 248, 0.3);
}

@media (hover: hover) {
  .plans__compare-trigger--comfort:hover {
    background: rgba(56, 189, 248, 0.25);
    box-shadow: 0 0 14px 4px rgba(56, 189, 248, 0.3);
  }
}

@media screen and (max-width: 991px) {
  .plans__tab-badges {
    position: static;
    flex-wrap: wrap;
    gap: 6px;
  }
}