.navbar-list li > a > img {width:29px;height:29px;min-width:29px;}
 .navbar-list li>a {padding: 0px;}
 .navbar-list li {display: flex;align-items: center;gap:5px}

  /* Language & Notification: click-only (no hover) */
  /* Language dropdown only displays when it has class show */
  .dropdown-menu-language {display: none !important;}
  .dropdown-menu-language.show {display: grid !important;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(16, auto);grid-auto-flow: column;grid-column-gap: 5px;grid-row-gap: 3px;}
  /* Notification dropdown only displays when it has class show or inline style display */
  #notificationDropdown {display: none !important;}
  #notificationDropdown.show {display: block !important;}
  /* User dropdown (in navbarSupportedContent) click-toggle like language */
  #navbarSupportedContent .nav-item.dropdown > .dropdown-menu {display:none;}
  #navbarSupportedContent .nav-item.dropdown > .dropdown-menu.show {display:block;}
  .dropdown-menu {margin:0;min-width:10rem;margin-top:-3px;}
  .dropdown-menu-right {margin-top: 3px}
  .top-custom-dropdown {width:100%;padding:5px;font-size:16px;border:1px solid #ccc;border-radius:5px;background-color:#fff;}
  .top-custom-dropdown::-ms-expand {display:none;}
  .top-custom-dropdown option {padding:5px;}
  .user-name {display:contents;}
  .text-primary {color:white !important;}
  .border-primary {border-color:rgb(226 225 225 / 30%) !important;}
  .top-navbar {align-items:unset;gap:10px;color:white;}
  .top-navbar-toggler {width:30px;}
  .iq-top-navbar{align-content: center;}
  .top-side-menu {align-content:center;margin-bottom:-0.204rem;}
  .top-menu-icon {font-size:23px;vertical-align:middle;padding:5px 6px 5px 4px;margin-left:-12px;border-radius:5px;color:#fff;}
  .top-menu-icon:hover {background-color:#222 !important;padding: 5px 8.5px 5px 4px;}
  .language-hover,#notificationBellContainer,.top-change-mode,.top-logout-link {display: flex;align-items:center;justify-content: center;padding: 18px 18px;width:29px;height:29px;border-radius: 5px;text-align:center;}
  .language-hover:hover,#notificationBellContainer:hover,.top-change-mode:hover,.top-logout-link:hover {background-color:#222 !important;}
  .top-badge-currency {width:1.2rem;height:1.2rem;vertical-align:sub;}
  .top-badge-signin {border-color:rgb(226 225 225 / 30%) !important;color:#fff;background-color: #ff0000;border-radius: 5px; padding: 0.5em 0.5em; transition: background-color 0.3s ease; }
  .top-badge-signin:hover {background-color: #1f2021;color: #ffffff;text-decoration: none;}
  .top-language-icon {height:1.6rem;}
  .top-language-link {color:unset;}
  .top-language-link:hover {color:unset !important;}
  .top-language-item {align-items:center;justify-content:center;padding:0.3rem 0.5rem;text-align:center;transition:all 0.2s ease;border: 0.1px solid rgb(147 160 173 / 42%);}
  .top-language-item:hover {background-color:rgba(255, 255, 255, 0.05);}
  .top-language-text {margin:0 !important;text-align:center;width:100%;display:block;}
  .top-change-mode {margin-right:unset;border-radius: 5px;}
  /* .top-change-mode:hover {background-color: #1f2021;color: #ffffff;text-decoration: none;padding: 0px 5px; border-radius: 5px;} */
  .top-dark-mode-checkbox {display:none;}
  .top-dark-mode-label {font-size:22px;cursor:pointer;margin-bottom:0rem;}
  .top-sun-icon {color:white;}
  .icon-transition {display:inline-block;transition:opacity 0.3s ease, transform 0.3s ease;}
  .fade-out {opacity:0;transform:scale(0.8);}
  .fade-in {opacity:1;transform:scale(1);}
  .desktop-menu {display:flex !important;}
  .top-orders-link {color:white;}
  .top-user-dropdown-icon {height:1rem;opacity:0.6;filter:brightness(0) invert(1);}
  .top-svg-icon {width:20px;}
  .top-svg-icon.text-secondary {filter: brightness(0) invert(0.9);}
  .top-dropdown-telegram-icon {font-size:18px;margin-right:0.15rem;}
  .top-ml-auto {margin-left:auto;}
  .top-display-contents {display:contents;}
  .top-svg-white {color:white;filter: brightness(0) invert(1);}
  .bottom-nav {display:none;position:fixed;bottom:1px;left:50%;transform:translateX(-50%);width:90%;max-width:600px;background:rgb(180 180 180 / 8%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(12px);padding:3px;z-index:1000;border-radius:30px;box-shadow:0 2px 20px rgba(0, 0, 0, 0.1);border:0.1px solid cornflowerblue;}
  .bottom-nav ul {display:flex;justify-content:space-between;align-items:center;margin:0;padding:0;list-style:none;}
  .bottom-nav li {text-align:center;position:relative;flex:1;}
  .bottom-nav a {color:#666;text-decoration:none;font-size:12px;display:flex;flex-direction:column;align-items:center;padding:5px;transition:all 0.3s ease;text-transform:uppercase;}
  .bottom-nav li.active a {color:#FF4B7E;}
  .bottom-nav i {font-size:20px;margin-bottom:3px;}
  .bottom-nav a:hover {color:#FF4B7E;}
  .bottom-nav li.active::before {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:45px;height:45px;background:rgba(255, 75, 126, 0.1);border-radius:50%;z-index:-1;}
  .bottom-nav a::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background:radial-gradient( circle at var(--x, 50%) var(--y, 50%), rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50% );opacity:0;transition:opacity 0.3s;pointer-events:none;}
  .bottom-nav .tools-dropdown {position:fixed !important;bottom:60px !important;top:auto !important;right:auto !important;min-width: max-content !important;max-width:300px !important;background:rgba(42, 63, 84, 0.924) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;z-index:999 !important;border-radius:16px !important;border:1px solid rgba(255, 255, 255, 0.1) !important;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08) !important;max-height:50vh !important;overflow-y:auto !important;margin:0 !important;display:none !important;}
  .bottom-nav .tools-dropdown.show {display:block !important;}
  .bottom-nav .tools-dropdown .tools-dropdown-item {color:rgba(255, 255, 255, 0.9) !important;padding:12px 15px !important;border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;transition:all 0.3s ease !important;display:flex !important;align-items:center !important;text-decoration:none !important;flex-direction:row;justify-content: flex-start !important;}
  .bottom-nav .tools-dropdown .tools-dropdown-item:hover {background:rgba(255, 255, 255, 0.1) !important;color:#fff !important;}
  .bottom-nav .tools-dropdown .tools-dropdown-item:active {background: rgb(255 255 255 / 32%) !important;color:#fff !important;}
  .bottom-nav .tools-dropdown .tools-dropdown-item img {height:20px !important;margin-right:10px !important;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) !important;}
  .bottom-nav .tools-dropdown .tools-dropdown-item span {font-size:13px !important;}
  .bottom-nav .profile-dropdown {position:fixed !important;bottom:60px !important;top:auto !important;right:auto !important;transform:translateX(-50%) !important;min-width: max-content !important;max-width:300px !important;background:rgba(42, 63, 84, 0.924) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;z-index:1001 !important;border-radius:16px !important;border:1px solid rgba(255, 255, 255, 0.1) !important;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08) !important;max-height:50vh !important;overflow-y:auto !important;margin:0 !important;display:none !important;}
  .bottom-nav .profile-dropdown.show {display:block !important;}
  .bottom-nav .profile-dropdown .profile-dropdown-item {color:rgba(255, 255, 255, 0.9) !important;padding:12px 15px;border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;transition:all 0.3s ease !important;display:flex !important;align-items:center !important;text-decoration:none !important;flex-direction:row;justify-content: flex-start !important;}
  .bottom-nav .profile-dropdown .profile-dropdown-item:hover {background:rgba(255, 255, 255, 0.1) !important;color:#fff !important;}
  .bottom-nav .profile-dropdown .profile-dropdown-item:active {background: rgb(255 255 255 / 32%) !important;color:#fff !important;}
  .bottom-nav .profile-dropdown .profile-dropdown-item img {height:20px !important;width:20px !important;margin-right:10px !important;filter: brightness(0) invert(0.9);}
  .bottom-nav .profile-dropdown .profile-dropdown-item i {font-size:18px !important;margin-right:10px !important;width:20px !important;text-align:center !important;}
  .bottom-nav .profile-dropdown .profile-dropdown-item span {font-size:13px !important;}
  .mobile-language-menu {position:fixed;bottom:70px;left:50%;transform:translateX(-50%);width:80%;max-width:300px;background:rgb(42 63 84 / 22%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:999;border-radius:16px;border:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 4px 15px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);max-height:50vh;overflow-y:auto;}
  .mobile-language-menu a {color:rgba(255, 255, 255, 0.9);padding:12px 15px;display:flex;align-items:center;border-bottom:1px solid rgba(255, 255, 255, 0.1);transition:all 0.3s ease;}
  .mobile-language-menu a:hover {background:rgba(255, 255, 255, 0.1);}
  .mobile-language-menu img {height:20px;margin-right:10px;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));}
  .mobile-language-menu::-webkit-scrollbar {width:6px;}
  .mobile-language-menu::-webkit-scrollbar-track { background: transparent; }
  .mobile-language-menu::-webkit-scrollbar-thumb { background: rgba(0,0,0,.2); border-radius: 3px; }
  .mobile-language-menu::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.35); }
  .mobile-language-menu::-webkit-scrollbar-track {background:rgba(255, 255, 255, 0.1);border-radius:3px;}
  .mobile-language-menu::-webkit-scrollbar-thumb {background:rgba(255, 255, 255, 0.2);border-radius:3px;}
  @media (min-width:1300px){.menu-hide-on-desktop {display:none !important;}}
  @media (max-width:768px){.hide-on-mobile {display:none !important;}}
  @media (min-width:769px){.hide-on-desktop {display:none !important;}}
  @media (max-width:768px){
    .desktop-menu {display:none !important;}
    .bottom-nav {display:block;}
    body {padding-bottom:90px;}
    .navbar-collapse {display:none !important;}
    #language-link:focus {background:rgb(180 180 180 / 45%);color:red;border-radius:30px;}
    #h-05-p {width:30px !important;height:27px !important;min-width:30px !important;}
  }
  @media (max-width:540px){
    .currency-text {display:none !important;}
    #notificationDropdown {min-width: 300px !important;}
    .dropdown-menu-language {right:0 !important;}
  }
  @media (max-width:480px){
    .iq-top-navbar {padding: 10px 1px !important;}
    .language-hover, #notificationBellContainer, .top-change-mode, .top-logout-link {padding: 3px;}
      /* Mobile only: truncate "Charge" link text */
    .iq-top-navbar .badge2 > a.custom-link{
      max-width:100px;
      display:inline-block;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      vertical-align:top;
    }
  }
  @media (max-width:480px){
    #notificationDropdown {min-width: 270px !important;}
    .bottom-nav {width:95%;bottom:10px;}
    .bottom-nav a {font-size:10px;padding:6px 8px !important;min-height: 54px;display: flex;justify-content: center;}
    .bottom-nav .profile-dropdown-container .profile-dropdown-item, .bottom-nav .tools-dropdown-container .tools-dropdown-item {min-height: 40px !important;}
    .bottom-nav i {font-size:16px;}
      .iq-top-navbar .badge2 > a.custom-link{
      max-width:80px;
    }
    }

  .dropdown-menu .dropdown-item {padding: .1rem .3rem;}
  .dropdown-menu .dropdown-item:hover,.notification-item:hover {border-radius: 5px;background-color: #74808de0;color: white;}
  ul.dropdown-menu-language > a.active {
    background-color: rgba(0,128,128,0.56);
    border-radius: 5px;
  }

  .dropdown-menu .dropdown-item img {
    margin-right: .1rem;
  }
  .dark .dropdown-menu .dropdown-item:focus, .dark .dropdown-menu .dropdown-item:hover,.notification-item:hover {
    background-color: rgb(51 120 255 / 34%);
  }
  .dark .border, .dark .border-bottom{
    border-color: rgb(226 225 225 / 30%) !important;
    color: #fff;
  }
  .notification-item{padding: 3px 10px; border-bottom: 0.5px solid #dee2e682; cursor: pointer; transition: background 0.2s;}
  .notification-item.hidden-by-search {display: none !important;}
  .notification-item .search-highlight {background-color: rgba(255, 255, 0, 0.3); padding: 2px 0; border-radius: 2px;}
  .dropdown-notification-footer{text-align: center;padding: 0px 0px 10px 0px;cursor: auto;}
  #markAllReadBtn {background: none;border: 0px;color: whitesmoke;font-size: 13px;padding: 5px;border-radius: 5px;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;width: 90%;}
  #markAllReadBtn:hover {background-color: #8f9fbc;}
  #notificationSearchInput::placeholder {color: rgba(255, 255, 255, 0.5);}
  #notificationSearchInput:focus {border-color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.15);}
  #notificationList::-webkit-scrollbar {
      width: 6px; 
    }
  #notificationList::-webkit-scrollbar-track { background: transparent; }
  #notificationList::-webkit-scrollbar-thumb { background: rgba(  0,0,0,.2); border-radius: 3px; }
  #notificationList::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.35); }