/* VelaKiss v1.1.15 — responsive PayPal payment-method strip */
.vk-payment-methods {
  margin: 0;
  padding: 24px 0 22px;
  border-bottom: 1px solid var(--vk-line);
}

.vk-payment-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 15px;
}

.vk-payment-heading strong {
  font: normal 19px/1.1 Georgia, "Times New Roman", serif;
}

.vk-payment-heading span {
  color: #68757a;
  font-size: 9px;
}

.vk-payment-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vk-pay-logo {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 62px;
  height: 36px;
  padding: 0 10px;
  overflow: hidden;
  border: 1px solid rgba(20,36,43,.18);
  border-radius: 4px;
  background: #fff;
  color: #172d63;
  font: 700 12px/1 Arial, sans-serif;
  white-space: nowrap;
}

.vk-pay-logo i { font-style: normal; }

.vk-paypal {
  min-width: 74px;
  color: #003087;
  font-size: 15px;
  font-style: italic;
}
.vk-paypal i { color: #009cde; }

.vk-cards {
  min-width: 76px;
  color: var(--vk-ink);
  font-weight: 500;
}
.vk-cards svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; }

.vk-visa { color: #1434cb; font-size: 14px; font-style: italic; }

.vk-mastercard {
  position: relative;
  min-width: 78px;
  gap: 0;
  color: #202020;
  font-size: 7px;
}
.vk-mastercard i { width: 17px; height: 17px; border-radius: 50%; background: #eb001b; }
.vk-mastercard i + i { margin-left: -6px; background: #f79e1b; opacity: .9; }
.vk-mastercard b { margin-left: 5px; font-weight: 600; }

.vk-amex { background: #2b9cd8; color: #fff; letter-spacing: -.04em; }
.vk-apple { color: #111; font-size: 13px; }
.vk-apple b { font-size: 12px; }
.vk-google { color: #3c4043; font-weight: 500; }
.vk-google i { color: #4285f4; font-size: 15px; font-weight: 700; }
.vk-paylater { min-width: 76px; color: #003087; font-size: 10px; }
.vk-paylater b { color: #009cde; }
.vk-venmo { background: #008cff; color: #fff; font-size: 12px; font-style: italic; }

.vk-payment-availability {
  display: block;
  margin-top: 12px;
  color: #748085;
  font-size: 8px;
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .vk-payment-heading {
    display: block;
  }
  .vk-payment-heading span {
    display: block;
    margin-top: 5px;
  }
  .vk-pay-logo {
    min-width: 58px;
    height: 34px;
    padding-inline: 8px;
  }
}

@media (max-width: 800px) {
  .vk-payment-methods {
    padding: 22px 0 20px;
  }
  .vk-payment-heading strong {
    font-size: 18px;
  }
  .vk-payment-logos {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-template-rows: repeat(2, 36px);
    gap: 8px;
    margin-right: -24px;
    padding-right: 24px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
  }
  .vk-pay-logo {
    min-width: 66px;
    height: 36px;
    scroll-snap-align: start;
  }
}

@media (max-width: 420px) {
  .vk-payment-heading span {
    max-width: 250px;
    line-height: 1.45;
  }
}