/* Bereza perf: calc loading UX, skip-loader hint, lazy video placeholder */
.currency-converter__field.loading .currency-converter__input.amount-to {
  background: linear-gradient(
    90deg,
    var(--app-color-light-gray, #f7f7f9) 25%,
    var(--app-color-gray, #eeeef1) 37%,
    var(--app-color-light-gray, #f7f7f9) 63%
  );
  background-size: 400% 100%;
  animation: bereza-calc-shimmer 1.2s ease-in-out infinite;
}

@keyframes bereza-calc-shimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}

html.bereza-skip-loader .loader {
  display: none !important;
}

video.bg-video-lazy:not([src]) {
  visibility: hidden;
}

video.bg-video-lazy:not([src]) + .reviews-bg,
.section-wrapper:has(video.bg-video-lazy:not([src])) .reviews-bg {
  visibility: visible;
}

/* Hide mobile pinned buttons until JS positions them; prevents FOUC on desktop/tablet */
.mobile-pinned-buttons {
  display: none !important;
}

@media (max-width: 576px) {
  .mobile-pinned-buttons {
    display: block !important;
  }
}

/* Ensure secondary buttons in hidden mobile panel are fully invisible, not just width:0 */
.mobile-pinned-buttons .button.button--secondary {
  opacity: 0 !important;
  visibility: hidden !important;
}

.mobile-pinned-buttons--visible .button.button--secondary {
  opacity: 1 !important;
  visibility: visible !important;
}

.services__wrapper.active .services__picture {
  opacity: 1;
  transform: none;
}