/*
    body {
      background: #ffffff;
    }
    */
    .token-card {
      transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.2s;
      border-radius: 1rem;
      /* background: #ffffff; */
      border: 1px solid rgba(0,0,0,0.04);
    }
    .token-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(13, 110, 253, 0.07);
      border-color: rgba(13, 110, 253, 0.08);
    }
    
	.image-container {
	position: relative;
	display: inline-block; /* or block */
	}    
	.token-img {
	height: 76px;
	width: 76px;
	object-fit: contain;
	background: transparent;
	padding: 0.2rem;
	border-radius: 0;
	}
	.small-image {
	position: absolute;
	bottom: 10px; /* Adjust as needed */
	right: -10px; /* Adjust as needed */
	width: 34px; /* Set desired size */
	height: auto;
	}
    
    .card-title {
      font-weight: 600;
      letter-spacing: -0.01em;
      color: #0d6efd;
    }
    .btn-outline-primary {
      border-width: 1.5px;
      font-weight: 500;
      background: transparent;
    }
    .btn-outline-primary:hover {
      background: #0d6efd;
      color: #fff;
    }
    .modal-header.bg-primary {
      background: #0d6efd !important;
    }
    .modal-header .btn-close {
      filter: brightness(0) invert(1);
    }
    .modal-content {
      border: none;
      box-shadow: 0 20px 50px rgba(0,0,0,0.08);
      border-radius: 1.25rem;
    }
    .modal-token-img {
      max-height: 110px;
      width: auto;
      object-fit: contain;
    }
    .grid-wrapper {
      background: transparent;
      padding: 0.5rem 0;
    }
    .container {
      max-width: 1140px;
    }
    /* search input styling */
    .search-input {
      border-radius: 50px;
      padding-left: 1.25rem;
      border: 1.5px solid #e9ecef;
      transition: border-color 0.2s, box-shadow 0.2s;
      background: #ffffff;
    }
    .search-input:focus {
      border-color: #0d6efd;
      box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.1);
    }
    .search-input::placeholder {
      color: #adb5bd;
      font-weight: 400;
    }
    .search-wrapper {
      position: relative;
    }
    .search-wrapper i {
      position: absolute;
      right: 1.25rem;
      top: 50%;
      transform: translateY(-50%);
      color: #adb5bd;
      pointer-events: none;
    }
    /* hide/show for filtering */
    .token-item.hidden-card {
      display: none !important;
    }
    .no-results {
      display: none;
      padding: 3rem 0;
      text-align: center;
      color: #6c757d;
    }
    .no-results.show {
      display: block;
    }
    .section-title {
      border-bottom: 1px solid rgba(0,0,0,0.03);
      padding-bottom: 0.75rem;
    }
    .icon_stablecoins { width: 32px; height: auto;}