#fbp-banner {
  position: fixed;
  bottom: 0;
  left: 50%; /* center horizontally */
  transform: translateX(-50%); /* adjust for perfect centering */
  background: #fff;
  box-shadow: 0 -5px 10px 0px rgba(35,45,75,0.5);
  color: #232D4B;
  padding: 1rem;
  display: none;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  font-family: "franklin-gothic-urw",sans-serif;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
  width:100%
}

#fbp-banner .btn-group {
  display: flex;
  gap: 10px;
  padding-left:1rem;
}

#fbp-banner button {
  padding: 8px 16px;
  background: #fff;
  border: #232D4B 2px solid;
  color: #232D4B;
  cursor: pointer;
  font-family: "franklin-gothic-urw",sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#fbp-banner button.accept-btn {
  border-color: #e57200;
}

#fbp-banner button.accept-btn:hover, #fbp-banner button.reject-btn:hover {
  background: #495E9D;
  border-color: #495E9D;
  color: #fff;
}

/* Mobile responsive styles */
@media (max-width: 767px) {
  #fbp-banner {
    flex-direction: column; /* stack text and buttons vertically */
  }

  #fbp-banner .btn-group {
    gap: 8px; /* smaller gap for mobile */
    margin-top: 1rem; /* space between text and buttons */
    align-items: center; /* center the buttons */
  }

  #fbp-banner button {
    width: 100%; /* make buttons full width */
    max-width: 200px; /* optional: prevent stretching too wide */
  }
}