.modal__description p, .panel__body p {
    margin-bottom: 1rem;
    margin-top: 0rem
  }
  .alert.alert--red, .modal__description img, .panel__body img {
    border-radius: 0rem;
    display: inline
  }
  .panel .panel__body img {
    width: 100%;
    border-radius: .5rem
  }
  .modal__description li, .modal__description p, .panel__body li, .panel__body p {
    color: #333333;
    line-height: 1.4;
  }
  
  .modal__description ol, .modal__description ul, .panel__body ol, .panel__body ul {
    opacity: 1
  }
  
  #modal-slideout-cart .cart-header__user-info b {
    text-transform: none;
  }
  
  /* The actual tooltip box */
  .username-tooltip {
      position: absolute;
      bottom: -35px; /* Adjust this to move it further down or up */
      left: 50%;
      transform: translateX(-50%);
      background-color: #1a1a1a; /* Dark background like your screenshot */
      color: #ffffff;
      padding: 4px 10px;
      border-radius: 4px;
      font-weight: bold;
      font-size: 13px;
      white-space: nowrap;
      z-index: 99;
      pointer-events: none; /* Prevents the tooltip from flickering if you mouse over it */
      
      /* Hide by default */
      opacity: 0;
      visibility: hidden;
      transition: all 0.2s ease-in-out;
  }
  
  /* Show when hovering over the avatar */
  .avatar:hover .username-tooltip {
      opacity: 1;
      visibility: visible;
      bottom: -40px; /* Slight "slide down" effect on hover */
  }
  
  .avatar {
      position: relative; 
      display: inline-block; /* Ensures the div doesn't take up 100% width */
  }


  html,
  body {
      scroll-behavior: auto;
  }

  #ndzn-bg {
      contain: paint;
      isolation: auto;
      transform: none;
  }

  .ndzn-bg-clouds {
      backface-visibility: hidden;
      transform: translateZ(0);
      will-change: background-position;
  }

  .page-sidebar .menu-cat {
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
  }

  .ndzn-js--dd .ndzn-js--ddMenu,
  .page-sidebar .complex__subcats {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      top: calc(100% + 10px);
      transition-property: opacity, visibility;
      transform: translateX(-50%);
      will-change: opacity;
  }

  .page-sidebar .complex__subcats a:focus,
  .page-sidebar .complex__subcats a:hover {
      filter: none;
  }

  .basket-item,
  .basket-item * {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
  }

  .basket-item .qty-down,
  .basket-item .qty-up {
      box-sizing: content-box;
      margin: -12px -10px;
      padding: 12px 10px;
      touch-action: manipulation;
  }

  #ndzn-footer .footer__bottom p {
    max-width: 520px;
}

#ndzn-footer .paynow-legal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.6rem;
    margin-top: 0.25rem;
    opacity: 0.55;
}

#ndzn-footer .paynow-legal-links a {
    color: inherit;
    font-size: 11px;
    line-height: 1.2;
    text-decoration: none;
}

#ndzn-footer .paynow-legal-links a:hover,
#ndzn-footer .paynow-legal-links a:focus {
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 2px;
}