.gamep--subscription .gamep-layout { min-height: 0; }
.gamep--subscription .gamep-image-wrap picture,
.gamep--subscription .gamep-image-wrap img { display: block; width: 100%; height: auto; }
.subscription-duration-label { margin-top: 23px; font-size: 16px; font-weight: 600; }
.subscription-duration-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 10px;
  margin: 12px 0 22px;
}
.subscription-duration-card {
  position: relative;
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 91px;
  padding: 12px 7px;
  border: 1px solid #3c5589;
  border-radius: 12px;
  background: #0b1b40;
  color: #f1f3ff;
  text-align: center;
  cursor: pointer;
}
.subscription-duration-card:hover,
.subscription-duration-card:focus-visible { border-color: #bc58ed; }
.subscription-duration-card:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.subscription-duration-card[aria-pressed="true"] {
  border: 2px solid #ec00bc;
  background: #201343;
  box-shadow: 0 0 0 1px rgba(236, 0, 188, .18);
}
.subscription-duration-card span { font-size: 13px; line-height: 1.25; }
.subscription-duration-card strong { font-size: 17px; font-weight: 800; white-space: nowrap; }
.subscription-duration-hint { grid-column: 1 / -1; margin: 0; color: #b5bbdc; font-size: 13px; }
@media (max-width: 1200px) {
  .gamep--subscription .gamep-add { margin-top: 0; }
}
@media (max-width: 520px) {
  .subscription-duration-label { font-size: 14px; }
  .subscription-duration-cards { gap: 8px; }
  .subscription-duration-card { min-height: 78px; }
  .subscription-duration-card strong { font-size: 15px; }
}