.bounce-toast {
      background: linear-gradient(135deg, #00c853, #00e676);
      color: #ffffff;
      border-left: 6px solid #00ff9d;
      border-radius: 12px;
      padding: 16px 18px;
      font-weight: 600;
      box-shadow: 0 10px 30px rgba(0, 200, 83, 0.45);
      animation: bounceIn 0.6s ease;
      max-width: 420px; /* desktop cap */
      width: auto;
      box-sizing: border-box;
      word-wrap: break-word;
      line-height: 1.25;
    }
    .bounce-toast .toast-close {
      color: #ffffff !important;
      font-weight: 700;
      font-size: 18px;
    }

    @keyframes bounceIn {
      0% {
        transform: translateX(120%) scale(0.85);
        opacity: 0;
      }
      60% {
        transform: translateX(-12px) scale(1.05);
      }
      100% {
        transform: translateX(0) scale(1);
        opacity: 1;
      }
    }

    /* Responsive tweaks for toast on smaller viewports */
    @media (max-width: 600px) {
      .bounce-toast {
        max-width: 80%;
        padding: 12px 14px;
        font-size: 14px;
        border-left-width: 5px;
        border-radius: 10px;
        box-shadow: 0 8px 22px rgba(0, 200, 83, 0.35);
      }
      .bounce-toast .toast-close { font-size: 16px; }
    }

    @media (max-width: 360px) {
      .bounce-toast { font-size: 13px; padding: 10px 12px; }
    }

    /* Ensure Toastify container doesn't overflow on very small screens */
    .toastify { max-width: 100%; box-sizing: border-box; }