.seo-filter-wrapper{
max-width:1000px;
margin:auto;
}

.seo-filter-bar{

background:#FFFFFF;
border-radius:30px;
padding:20px 25px;

display:flex;
align-items:center;
gap:20px;

box-shadow:0 15px 40px rgba(0,0,0,0.05);

}

/* SEARCH */

.seo-search-box{

display:flex;
align-items:center;
gap:10px;

background:#F5F7FB;

padding:10px 15px;

border-radius:12px;

min-width:240px;

}

.seo-search-box input{

border:none;
background:transparent;

outline:none;

font-size:14px;
color:#6B7280;

width:180px;

}

/* CATEGORY TABS */

.seo-category-tabs{

display:flex;
gap:10px;
flex-wrap:nowrap;

}

.seo-tab{

background:#F3F6FB;

border:none;

padding:8px 18px;

border-radius:20px;

font-size:14px;

color:#6B7280;

cursor:pointer;

transition:.2s;

white-space:nowrap;

}

.seo-tab:hover{

background:#E7ECFF;

}

.seo-tab.active{

background:#3B6FF6;
color:#fff;

}

/* MOBILE */

@media(max-width:768px){

.seo-filter-bar{

flex-direction:column;
align-items:flex-start;

}

.seo-category-tabs{

overflow-x:auto;

}

}