.voucher-network-choices {
  margin: 12px 0 0;
  padding: 0;
  border: 0;
}

.voucher-payment-choice {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  min-height: 64px;
}

.voucher-payment-choice > .payment-choice-copy,
.voucher-payment-choice > .payment-choice-price {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.voucher-payment-choice > .payment-choice-copy small {
  color: #7b899d;
  font-size: 9px;
  font-weight: 700;
}

.voucher-payment-choice > .payment-choice-copy strong {
  color: #18243a;
  font-size: 14px;
}

.voucher-payment-choice > .payment-choice-price {
  justify-items: end;
  text-align: right;
}

.voucher-payment-choice > .payment-choice-price strong {
  color: #1769df;
  font-size: 20px;
  line-height: 1;
  white-space: nowrap;
}

.voucher-payment-choice > .payment-choice-price strong em {
  font-size: 9px;
  font-style: normal;
  letter-spacing: .02em;
}

.voucher-payment-choice > .payment-choice-price small {
  color: #7b899d;
  font-size: 8px;
  white-space: nowrap;
}

.voucher-network-choices legend {
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 800;
}

.voucher-network-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  max-height: 194px;
  padding: 3px;
  overflow-y: auto;
}

.voucher-network-choice {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 52px;
  padding: 8px;
  border: 1px solid #d6e2f1;
  border-radius: 10px;
  background: #f8fbff;
  cursor: pointer;
}

.voucher-network-choice:has(input:checked) {
  border-color: #1769e0;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(23, 105, 224, .1);
}

.voucher-network-choice input {
  position: absolute;
  opacity: 0;
}

.voucher-network-choice > span:last-child {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.voucher-network-choice strong {
  font-size: 12px;
}

.voucher-network-choice small {
  overflow: hidden;
  color: #718198;
  font-size: 9px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.voucher-network-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #eaf2ff center / cover no-repeat;
}

.voucher-network-icon-bep20 { background-image: url("/static/img/payment-network-bep20-v2.webp"); }
.voucher-network-icon-ethereum { background-image: url("/static/img/payment-network-ethereum-v2.webp"); }
.voucher-network-icon-polygon { background-image: url("/static/img/payment-network-polygon-v2.webp"); }
.voucher-network-icon-arbitrum { background-image: url("/static/img/payment-network-arbitrum-v2.webp"); }
.voucher-network-icon-optimism { background-image: url("/static/img/payment-network-optimism-v2.webp"); }
.voucher-network-icon-base { background-image: url("/static/img/payment-network-base-v2.webp"); }
.voucher-network-icon-linea { background-image: url("/static/img/payment-network-linea-v2.webp"); }
.voucher-network-icon-trc20 { background-image: url("/static/img/payment-network-trc20-v2.webp"); }

.checkout-form:has(input[name="payment_method"][value="waffo"]:checked) .voucher-network-choices {
  display: none;
}

@media (max-width: 700px) {
  .voucher-payment-choice {
    grid-template-columns: 34px minmax(0, 1fr) auto;
  }

  .voucher-network-grid {
    grid-template-columns: 1fr;
    max-height: 176px;
  }
}