/* Mobile Responsive - Small Screens */
@media (max-width: 480px) {
  .bouquet-container {
    width: 90vw;
    height: 90vw;
    /* Explicitly force centering logic again to override any potential drift */
    left: 50% !important;
    top: 40% !important; /* Adjust vertical position */
    transform: translate(-50%, -50%) !important;
  }

  .dialogue-box {
    width: 90vw;
    padding: 18px 20px;
    /* Ensure bottom spacing is safe */
    bottom: 5vh; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: clamp(14px, 3.5vw, 18px);
    line-height: 1.6;
    border-radius: 12px;
  }
  
  .dialogue-title {
    font-size: clamp(15px, 4vw, 19px);
    margin-bottom: 6px;
  }
}

/* Tablet Responsive */
@media (min-width: 481px) and (max-width: 768px) {
  .dialogue-box {
    width: 90vw;
    padding: 22px 26px;
    bottom: 5vh;
    font-size: clamp(15px, 3vw, 19px);
  }
}