.bike-search-box {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    margin: 40px auto;
}

.tabs {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
}

.tab {
    padding: 12px 24px;
    border-radius: 10px;
    border: none;
    background: #f2f2f2;
    font-size: 16px;
    cursor: pointer;
}

.tab.active {
    background: red;
    color: #fff;
}

.search-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.search-input {
    flex: 1;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 12px 16px;
    border-radius: 10px;
}

.search-input .icon {
    margin-right: 10px;
    font-size: 18px;
    color: #757575;
}

.search-btn {
    background: #000;
    color: #fff;
    padding: 12px 24px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

<style>
/* container */
#hero-search-wrapper{ 
  background:#fff; border-radius:12px; padding:28px 36px; box-shadow:0 18px 22px rgba(0,0,0,0.12);
  max-width:1280px; margin:18px auto; font-family:Arial, sans-serif;
}
/* tabs */
.tabs{ display:flex; gap:22px; margin-bottom:18px; align-items:center;}
.tab{ background:transparent; border:none; padding:10px 18px; font-weight:700; cursor:pointer; border-radius:8px;}
.tab.active{ background:#e11; color:#fff; box-shadow:0 2px 0 rgba(0,0,0,0.06);}

/* search row */
.search-hero{ display:flex; justify-content:space-between; align-items:center; gap:16px; }
.search-left{ display:flex; align-items:center; gap:14px; flex:1; }
.search-left .icon{ opacity:0.5; }
#site-search-input{
  border:none; outline:none; font-size:18px; padding:18px 8px; width:100%;
  color:#444;
}
/* button */
#site-search-btn{
  background:#000; color:#fff; padding:12px 20px; border-radius:8px; border:none; font-weight:700; cursor:pointer;
  min-width:110px;
}

.d-none {display:none};

/* responsive */
@media (max-width:800px){
  #hero-search-wrapper{ padding:18px; }
  .search-hero{ flex-direction:column; align-items:stretch; }
  #site-search-btn{ width:100%; }
}
</style>