﻿.toolistify-logo-recovered-1, .toolistify-logo-recovered-2, .toolistify-logo-recovered-3,
    .mobile-logo, .mobile-logo-group, .desktop-student-tools-btn, .desktop-veiw-child10, .ai-tools, .polygon-icon,
    .sparkles-1-icon, .browse-tools, .arrow-icon, .desktop-veiw-child27,
    .remove-bg, .seo-audit, .image-prompt, .pdf, .calculator,
    .remove-background2, .image-to-prompt2, .website-audit-tool, .ai-prompt-generator2,
    .desktop-veiw-child13, .desktop-veiw-child14, .desktop-veiw-child15, .desktop-veiw-child16,
    .desktop-veiw-child18, .desktop-veiw-child19, .desktop-veiw-child20, .desktop-veiw-child21,
    .desktop-veiw-child22, .desktop-veiw-child23, .desktop-veiw-child24, .desktop-veiw-child25,
    .desktop-veiw-child26, .all-tools, .adobe-stock-tools, .ai-search-tools, .ai-writing-tools, .ai-slides,
    .mobile-ai-tools-btn, .mobile-pill, .mobile-rec-item, .mobile-card, .mobile-browse-link, .mobile-cat-chip {
      cursor: pointer;
    }
    .desktop-search-input {
      position: absolute;
      top: 459px;
      left: 496px;
      width: 480px;
      height: 24px;
      border: none;
      outline: none;
      background: transparent;
      font-size: 15px;
      font-weight: 500;
      font-family: Inter, sans-serif;
      color: #333;
      text-transform: uppercase;
      z-index: 10;
    }
    .desktop-search-input::placeholder { color: rgba(98, 98, 98, 0.43); }
    .toolistify-overlay {
      position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 9998;
      display: flex; align-items: center; justify-content: center; padding: 20px;
    }
    .toolistify-modal {
      background: #fff; border-radius: 24px; max-width: 520px; width: 100%;
      padding: 28px; box-shadow: 0 8px 40px rgba(0,164,255,0.25);
      font-family: Inter, sans-serif; max-height: 85vh; overflow-y: auto;
    }
    .toolistify-modal h3 { margin: 0 0 12px; color: #00a4ff; font-size: 22px; }
    .toolistify-modal p { margin: 0 0 16px; color: #555; line-height: 1.5; font-size: 15px; }
    .toolistify-modal button {
      background: #00a4ff; color: #fff; border: none; border-radius: 14px;
      padding: 10px 24px; font-weight: 600; cursor: pointer; font-size: 14px;
    }
    .toolistify-dropdown {
      position: absolute; background: #fff; border-radius: 16px;
      box-shadow: 0 8px 30px rgba(0,164,255,0.25); z-index: 9999;
      min-width: 220px; overflow: hidden; font-family: Inter, sans-serif;
    }
    .toolistify-dropdown-item {
      padding: 12px 18px; cursor: pointer; font-size: 14px; font-weight: 500;
      color: #333; border-bottom: 1px solid rgba(0,164,255,0.08);
    }
    .toolistify-dropdown-item:hover { background: rgba(0,164,255,0.08); color: #00a4ff; }
    .toolistify-dropdown-item:last-child { border-bottom: none; }
    .toolistify-toast {
      position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
      background: #00a4ff; color: #fff; padding: 12px 24px; border-radius: 24px;
      font-family: Inter, sans-serif; font-size: 14px; font-weight: 600;
      z-index: 10000; box-shadow: 0 4px 20px rgba(0,164,255,0.4);
      transition: opacity 0.3s;
    }
    .search-results-panel {
      position: absolute; top: 510px; left: 403px; width: 633px;
      background: #fff; border-radius: 16px; box-shadow: 0 8px 30px rgba(0,164,255,0.25);
      z-index: 9999; max-height: 280px; overflow-y: auto; font-family: Inter, sans-serif;
    }
    .search-result-item {
      padding: 14px 20px; cursor: pointer; font-size: 15px; font-weight: 500;
      color: #00a4ff; border-bottom: 1px solid rgba(0,164,255,0.08);
    }
    .search-result-item:hover { background: rgba(0,164,255,0.06); }
    .search-result-item:last-child { border-bottom: none; }
    .search-no-results { padding: 16px 20px; color: #888; font-size: 14px; }
    .mobile-card.hidden, .mobile-rec-item.hidden { display: none; }
    @media (max-width: 1439px) {
      .search-results-panel { position: fixed; top: auto; left: 20px; right: 20px; width: auto; bottom: 80px; }
    }
