/* ============ Barra fixa em mobile (template) ============ */
.fbs-sticky-cta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  display: flex;
  gap: 8px;
  padding: 14px 16px calc(16px + env(safe-area-inset-bottom));
  background: linear-gradient(rgba(248, 245, 240, 0), var(--fbs-bg) 32%);
}
/* Com JS (fbs-header.js), escondida até os botões do hero saírem do ecrã */
.fbs-sticky-cta[data-fbs-sticky] {
  transform: translateY(110%);
  visibility: hidden;
  transition: transform 0.25s ease, visibility 0s linear 0.25s;
}
.fbs-sticky-cta[data-fbs-sticky].is-visible {
  transform: none;
  visibility: visible;
  transition: transform 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .fbs-sticky-cta[data-fbs-sticky],
  .fbs-sticky-cta[data-fbs-sticky].is-visible {
    transition: none;
  }
}
.fbs-sticky-cta .fbs-btn {
  flex: 1;
  height: 52px;
  font-size: 15px;
}
/* Segundo botão (item de menu com a classe fbs-sticky-secondary), só na homepage */
.fbs-sticky-cta .fbs-btn--outline {
  flex: 0 0 auto;
  padding: 0 20px;
  background: var(--fbs-bg);
}
body.fbs-ds {
  padding-bottom: 0;
}
@media (max-width: 699px) {
  body.fbs-chrome.fbs-has-sticky {
    padding-bottom: 90px;
  }
}
@media (min-width: 700px) {
  .fbs-sticky-cta {
    display: none;
  }
}
/* Com o menu ou o saco abertos (body.fbs-lock) a barra não tapa o painel */
body.fbs-lock .fbs-sticky-cta {
  display: none;
}