/* EGDTW Payment Methods - single row, no duplicates, no backgrounds */
.egdtw-payments{
  background: transparent !important;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
}

.egpm-inner{
  max-width: var(--egpm-maxw, 1280px);
  margin: 0 auto;
  text-align: center;
}

.egpm-head{ margin-bottom: var(--egpm-desc-gap, 12px); }

.egpm-title{
  margin: 0;
  font-weight: 900;
  font-size: clamp(18px, 2.4vw, 34px);
  color: inherit; }

.egpm-sub{
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: inherit; }

/* Track container (no auto-scroll, no marquee) */
.egpm-track{
  direction: ltr;
  overflow: visible;
}

/* Logos row */
.egpm-row{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--egpm-gap, 12px);
}

/* Shape box (square/circle) - no background from us */
.egpm-badge{
  width: var(--egpm-size, 78px);
  height: var(--egpm-size, 78px);
  border-radius: var(--egpm-radius, 12px);
  background: #fff;
  border: 1px solid var(--egpm-logo-border, rgba(0,0,0,.12));
  overflow: hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  position: relative;
  transition: box-shadow .2s ease, transform .2s ease;
}

.egpm-badge:hover,
.egpm-badge:focus-visible{
  box-shadow: 0 0 0 3px rgba(255,165,0,.18), 0 10px 22px rgba(0,0,0,.10);
  transform: translateY(-1px);
}


/* Image fills the shape completely */
.egpm-badge img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
  filter: none;
  transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}

.egpm-badge:hover img,
.egpm-badge:focus-visible img{
  filter: grayscale(1) contrast(1.05);
}

.egpm-fallback{
  font-weight: 800;
  font-size: 12px;
  opacity: .85;
  padding: 0 8px;
  line-height: 1.1;
}

/* Mobile */
@media (max-width: 640px){
  .egpm-badge{
    width: var(--egpm-size-m, 64px);
    height: var(--egpm-size-m, 64px);
  }
}


/* Hover label */
.egpm-label{
  position:absolute;
  left:50%;
  bottom:6px;
  transform: translateX(-50%) translateY(6px);
  background: rgba(255, 140, 0, 0.22);
  color: #111;
  font-weight: 800;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 999px;
  opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
  white-space: nowrap;
  max-width: calc(100% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.egpm-badge:hover .egpm-label,
.egpm-badge:focus-visible .egpm-label{
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}