.feedbay-video-modal[hidden] {
  display: none;
}

.feedbay-video-modal {
  align-items: center;
  background: rgba(0, 0, 0, 0.82);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 999999;
}

.feedbay-video-frame {
  aspect-ratio: 16 / 9;
  background: #000;
  max-width: 1120px;
  width: min(100%, 1120px);
}

.feedbay-video-frame iframe {
  border: 0;
  height: 100%;
  width: 100%;
}

.feedbay-video-close {
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  font: 40px/1 sans-serif;
  padding: 8px;
  position: absolute;
  right: 20px;
  top: 12px;
}

.accordion-head[role="button"] {
  cursor: pointer;
}

#payment-element {
  min-height: 210px;
}

.feedbay-payment-placeholder {
  align-items: center;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #8c8c8c;
  display: flex;
  font: 14px/1.5 Inter, Arial, sans-serif;
  justify-content: center;
  min-height: 210px;
  padding: 24px;
  text-align: center;
}

.feedbay-payment-placeholder-error {
  background: #fafafa;
}

#feedbay-payment-error:not(:empty) {
  display: block;
  margin: 12px 0;
}

/* Keep the five comparison columns in one row on tablet and desktop.
   Swipe Pages' generated breakpoint rules changed them to wide wrapping
   columns between 768px and 1366px, breaking the table alignment. */
@media only screen and (min-width: 768px) {
  #ltd-comparison-section .ZJ.yE {
    flex-wrap: nowrap;
  }

  #ltd-comparison-section .ZJ.yE > .fJ {
    flex: 0 0 20%;
    min-width: 0;
    width: 20% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1220px) {
  #ltd-comparison-section .ZJ.yE {
    overflow-x: auto;
    padding-bottom: 12px;
    -webkit-overflow-scrolling: touch;
  }

  #ltd-comparison-section .ZJ.yE > .fJ {
    flex-basis: 236px;
    width: 236px !important;
  }
}