.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;
}

/* The tick drawn over a checked order bump covers the middle of the box;
   without this a click there lands on the icon and the box stays ticked. */
.tatsu-order-bump-add-to-order svg {
  pointer-events: none;
}

/* 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;
  }
}

/* The source page positions this paragraph beside its heading with a fixed
   580px desktop offset. At the generated tablet breakpoint that offset was
   left in place, collapsing the copy into a ~100px column. Stack the copy
   below the heading, matching the existing mobile composition. */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tatsu-fLlCZYlqg8N {
    margin: 0 0 32px !important;
  }
}

/* Log in в шапке — просьба заказчика (25.09.2026). Единственная ссылка с
   offer на feedbay.io, которой здесь можно быть (см. scripts/check-static.mjs).
   На главной ссылка стоит соседом обёртки «Claim Lifetime Deal»: цветная
   пилюля — это сама обёртка, внутри неё ссылка легла бы на синий фон. На
   checkout и «спасибо» кнопки в шапке нет, ссылка просто прижата вправо.
   Селекторы структурные: классы шапки конструктор генерирует заново. */
.feedbay-login-link {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0 12px 0 auto;
  height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid #dbe3f0;
  background: #fff;
  color: #111827;
  font: 600 16px/1 Inter, system-ui, -apple-system, sans-serif;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s;
}
.feedbay-login-link:last-child { margin-right: 0; }
.feedbay-login-link:hover { background: #f3f7ff; border-color: #3b82f6; }
.tatsu-header .tatsu-header-menu:empty { display: none; }
.tatsu-header .feedbay-login-link + div { margin-left: 0 !important; }

@media only screen and (max-width: 767px) {
  .feedbay-login-link { height: auto; margin-right: 0; padding: 8px 2px; border: 0; background: none; font-size: 15px; }
  .tatsu-header > div > div { column-gap: 12px; }
  .tatsu-header > div > div > div:first-child { flex: 0 0 96px; }
  .tatsu-header > div > div > div:first-child img { width: 100%; }
  .tatsu-header .feedbay-login-link + div { width: auto !important; margin-right: 0 !important; }
  .tatsu-header .feedbay-login-link + div a { min-width: 0 !important; white-space: nowrap; padding: 11px 14px; font-size: 13px; }
}
@media only screen and (max-width: 359px) {
  .tatsu-header > div > div { column-gap: 8px; }
  .tatsu-header > div > div > div:first-child { flex-basis: 80px; }
  .tatsu-header .feedbay-login-link + div a { padding: 10px 10px; font-size: 12px; }
}