.search-box {
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 3px 8px rgba(0,0,0,0.1);
      padding: 20px;
      margin: 30px auto;
      max-width: 1200px;
    }

    /* Tabs - compact and scrollable on mobile */
    .tab-icons {
      display: flex;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      justify-content: space-around;
      margin-bottom: 15px;
      text-align: center;
      gap: 5px;
    }

    .tab-icons::-webkit-scrollbar {
      display: none;
    }

    .tab-item {
      flex: 0 0 auto;
      min-width: 70px;
      cursor: pointer;
      color: #333;
      font-size: 12px;
      transition: 0.3s;
      padding: 5px;
    }

    .tab-item:hover, .tab-item.active {
      color: #ede500;
    }

    .tab-item i {
      font-size: 20px;
      display: block;
      margin-bottom: 2px;
    }

    .input-group {
      border: 1.5px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
    }

    .input-group-text {
      font-size: 13px;
      padding: 8px 10px;
    }

    .form-control {
      font-size: 13px;
      padding: 8px;
    }

    .btn-search {
      background-color: #212529;
      color: #f7f6db;
      border-radius: 0;
      padding: 8px 18px;
      font-size: 13px;
      font-weight: 500;
    }

    .btn-search:hover {
      background-color: #f2ff00;
    }

    .search-section {
      display: none;
      animation: fadeIn 0.3s ease;
    }

    .search-section.active {
      display: block;
    }

    @keyframes fadeIn {
      from {opacity: 0; transform: translateY(5px);}
      to {opacity: 1; transform: translateY(0);}
    }

    @media (min-width: 768px) {
      .tab-icons {
        justify-content: space-between;
        overflow: hidden;
      }
    }