/* This file is reserved for overriding and extending the template styles. */
/* This file is reserved for overriding and extending the template styles. */

/* Responsive styles for notification popup */
@media (max-width: 576px) {
  .notification-popup {
    max-width: calc(100vw - 32px) !important;
    right: 16px !important;
    left: 16px !important;
    position: fixed !important;
    top: 60px !important;

  }
}

/* Ensure popup stays within viewport on medium screens */
/* @media (min-width: 577px) and (max-width: 991px) {
  .notification-popup {
    max-width: 360px !important;
    max-height: 500px !important;

  }
} */