.modal.fullscreen-modal .modal-dialog {
      margin: 0;
      width: 100%;
      height: 100%;
      max-width: 100%;
    }

    .modal.fullscreen-modal .modal-content {
      height: 100%;
      border: none;
      border-radius: 0;
      background-color: white;
      animation: slideDown 0.6s ease forwards;
    }

    /* Slide down animation */
    @keyframes slideDown {
      from {
        transform: translateY(-100%);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }

    /* Slide up on close */
    .modal.fade .modal-dialog {
      transition: transform 0.5s ease, opacity 0.5s ease;
      transform: translateY(0);
    }

    .modal.fade:not(.show) .modal-dialog {
      transform: translateY(-100%);
      opacity: 0;
    }