/* --------  Modal de Checkout Baby Flowers  -------- */
.checkout-overlay{
  position:fixed;           /* cubre toda la ventana */
  inset:0;
  background:rgba(0,0,0,.6);/* overlay oscuro */
  display:flex;             /* centra el contenido */
  justify-content:center;
  align-items:center;
  z-index:100000;
}

.checkout-overlay iframe{
  width:100%;
  max-width:500px;          /* ancho máx en desktop */
  height:95vh;
  border:0;
  border-radius:8px;
  background:#fff;
}

.checkout-overlay #bf-close{
  position:absolute;
  top:1rem; right:1rem;
  font-size:2rem;
  background:none; border:none;
  color:#fff;
  cursor:pointer;
}

@media (max-width:768px){
  /* móvil: el formulario ocupa toda la pantalla */
  .checkout-overlay iframe{
    max-width:100%;
    height:100vh;
    border-radius:0;
  }
}

/* Bloquea completamente el scroll de fondo cuando el modal está abierto */
html.bf-lock,
body.bf-lock,
body.bf-lock #page-container{
  overflow:hidden !important;
  height:100% !important;      /* iOS */
}

/* opcional: evita que Safari “rebote” */
body.bf-lock{
  position:relative;
}


/* --------  Fin del CSS  -------- */