/* Alvartus — «Тарифы»: три карточки с ценами, условия, сравнение. Сначала телефон. Золото и фиолет. */

.alv-tariffs { grid-template-columns: 1fr; gap: 16px; max-width: 1100px; margin: 0 auto; }
.alv-tariff { display: flex; flex-direction: column; }
.alv-tariff .alv-h3 { font-size: 1.6rem; margin-bottom: .3em; }
.alv-tariff__price { display: flex; align-items: baseline; gap: 8px; margin: 0 0 4px !important; }
.alv-tariff__price b { font: 600 3rem/1 var(--alv-serif); font-variant-numeric: lining-nums; color: #fff4d2; text-shadow: 0 0 20px color-mix(in srgb, var(--alv-acc) 50%, transparent); }
.alv-tariff__price span { color: var(--alv-muted); }
.alv-tariff__note { margin-bottom: 18px !important; font-size: .9rem; color: var(--alv-acc) !important; }
.alv-tariff .alv-checks { flex: 1; align-content: start; color: var(--alv-soft); }
.alv-tariff .alv-btn { align-self: flex-start; }
.alv-tariff--year { background: linear-gradient(160deg, rgba(110, 76, 30, .55), rgba(40, 28, 80, .9) 55%, rgba(18, 14, 48, .92)); box-shadow: 0 10px 40px rgba(4, 3, 20, .45), 0 0 50px rgba(212, 175, 55, .2); }
.alv-tariff--month { background: linear-gradient(160deg, rgba(90, 56, 170, .75), rgba(22, 17, 60, .9)); }
.alv-tariff__badge {
  display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin-bottom: 14px; padding: 6px 12px; border-radius: 999px;
  background: var(--alv-gold-grad); color: #1a1433; font-weight: 800; font-size: .85rem; box-shadow: 0 0 20px rgba(212, 175, 55, .45);
}
.alv-tariff__badge .alv-ico { width: 16px; height: 16px; stroke-width: 2; }

.alv-terms { display: grid; gap: 10px; list-style: none; margin: 30px auto 0; padding: 0; max-width: 1100px; }
.alv-terms li { display: flex; gap: 10px; align-items: center; padding: 12px 16px; border-radius: 14px; background: rgba(24, 20, 66, .7); box-shadow: inset 0 0 0 1px var(--alv-line); color: var(--alv-soft); }
.alv-terms .alv-ico { color: var(--alv-gold); }

.alv-compare { padding: 8px 6px; overflow-x: auto; }
.alv-compare table { width: 100%; border-collapse: collapse; font-size: .94rem; }
.alv-compare th, .alv-compare td { padding: 12px 10px; border-bottom: 1px solid rgba(212, 175, 55, .12); text-align: center; }
.alv-compare thead th { font: 600 1.25rem/1.1 var(--alv-serif); color: var(--alv-gold-l); }
.alv-compare tbody th { text-align: left; font-weight: 500; color: var(--alv-soft); }
.alv-compare td .alv-ico { width: 20px; height: 20px; color: #6ff0b0; stroke-width: 2.2; }
.alv-compare__no { color: var(--alv-muted); }
.alv-compare__price td { color: #fff4d2; font-weight: 700; }
.alv-compare tr:last-child th, .alv-compare tr:last-child td { border-bottom: 0; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (min-width: 760px) {
  .alv-tariffs { grid-template-columns: repeat(3, 1fr); }
  .alv-terms { grid-template-columns: repeat(3, 1fr); }
}