/* Карточки тарифов — общие для главной (#price-grid), кабинета и страницы продления (#buy). */
.buy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#buy .buy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.term-row{display:flex;flex-direction:column;gap:10px;background:#111111;border:1px solid #242424;border-radius:20px;padding:24px;cursor:pointer;color:#f5f5f5;text-decoration:none;transition:background .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}
.term-pick{display:flex;align-items:center;justify-content:center;margin-top:12px;border-radius:999px;padding:12px 0;font-size:14px;font-weight:600;border:1px solid #3a3a3a;color:#f5f5f5;transition:background .15s ease,border-color .15s ease,color .15s ease}
.term-row.sel .term-pick{background:#2e65f9;border-color:#2e65f9;color:#ffffff}
.badge{background:#22c55e;color:#0a0a0a;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.term-row:focus-visible{outline:2px solid #2e65f9;outline-offset:3px}
@media (hover:hover){
  .term-row:hover{background:#161616}
  .term-row:not(.sel) .term-pick:hover{border-color:#555555;background:#141414}
}
@media (max-width:900px){
  .buy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .buy-grid,#buy .buy-grid{grid-template-columns:1fr}
}

#promo-code::placeholder{text-transform:none}