.tbz-tools-page{
background:#ffffff;
padding-bottom:80px;
overflow:hidden;
}

.tbz-container{
max-width:1320px;
margin:auto;
padding:0 20px;
}

.tbz-tools-hero{
padding:65px 0 40px;
text-align:center;
}

.tbz-main-title{
color:#111827;
font-size:clamp(2rem,4vw,3.3rem);
font-weight:900;
line-height:1.1;
margin-bottom:14px;
letter-spacing:-1px;
}

.tbz-subtitle{
color:#6b7280;
max-width:780px;
margin:auto;
font-size:1rem;
line-height:1.8;
}

.tbz-search-box{
max-width:620px;
margin:28px auto 0;
position:relative;
}

.tbz-search-box input{
width:100%;
height:58px;
border:none;
outline:none;
background:#ffffff;
border:1px solid #e5e7eb;
border-radius:18px;
padding:0 22px;
font-size:0.96rem;
font-weight:500;
color:#111827;
box-shadow:0 10px 30px rgba(0,0,0,0.04);
transition:0.25s ease;
}

.tbz-search-box input:focus{
border-color:#c2559c;
box-shadow:0 0 0 4px rgba(194,85,156,0.10);
}

.tbz-search-box input::placeholder{
color:#9ca3af;
}

.tbz-tools-content{
padding-top:45px;
display:flex;
flex-direction:column;
gap:0;
}

.tbz-category{
margin-bottom:55px;
transition:0.3s ease;
}

.tbz-category-header{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:24px;
gap:20px;
}

.tbz-category-header h2{
color:#111827;
font-size:1.7rem;
font-weight:800;
letter-spacing:-0.5px;
}

.tbz-category-header span{
background:linear-gradient(135deg,#9004d1,#c2559c);
padding:9px 16px;
border-radius:999px;
color:#ffffff;
font-size:0.82rem;
font-weight:700;
box-shadow:0 8px 20px rgba(144,4,209,0.18);
}

/* IMPORTANT FLEX GRID */

.tbz-tools-grid{
display:flex;
flex-wrap:wrap;
gap:22px;
align-items:stretch;
}

/* IMPORTANT WIDTH */

.tbz-tool-card{
width:calc(33.333% - 15px);
display:flex;
gap:18px;
align-items:flex-start;
background:#ffffff;
border:1px solid #ececec;
padding:24px;
border-radius:24px;
text-decoration:none !important;
transition:0.3s ease;
box-shadow:0 8px 24px rgba(0,0,0,0.04);
position:relative;
overflow:hidden;
}

.tbz-tool-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
135deg,
rgba(144,4,209,0.03),
rgba(194,85,156,0.01)
);
opacity:0;
transition:0.3s ease;
pointer-events:none;
}

.tbz-tool-card:hover::before{
opacity:1;
}

.tbz-tool-card:hover{
transform:translateY(-5px);
border-color:#c2559c;
box-shadow:0 18px 40px rgba(144,4,209,0.10);
text-decoration:none !important;
}

.tbz-tool-icon{
width:62px;
height:62px;
min-width:62px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:1.5rem;
background:linear-gradient(135deg,#9004d1,#c2559c);
box-shadow:0 10px 24px rgba(144,4,209,0.20);
flex-shrink:0;
}

.tbz-tool-card h3{
color:#111827;
font-size:1.08rem;
margin-bottom:8px;
font-weight:800;
line-height:1.4;
transition:0.25s ease;
}

.tbz-tool-card:hover h3{
color:#9004d1;
}

.tbz-tool-card p{
color:#6b7280;
line-height:1.7;
font-size:0.92rem;
margin:0;
}

/* TABLET */

@media(max-width:1024px){

.tbz-tool-card{
width:calc(50% - 11px);
}

}

/* MOBILE */

@media(max-width:768px){

.tbz-tools-hero{
padding:50px 0 35px;
}

.tbz-category-header{
flex-direction:column;
align-items:flex-start;
}

.tbz-tool-card{
width:100%;
padding:20px;
border-radius:20px;
}

.tbz-tool-icon{
width:54px;
height:54px;
min-width:54px;
font-size:1.3rem;
border-radius:16px;
}

.tbz-category-header h2{
font-size:1.4rem;
}

.tbz-main-title{
font-size:2.2rem;
}

.tbz-search-box input{
height:54px;
font-size:0.92rem;
padding:0 18px;
}

}

/* REMOVE UNDERLINES */

.tbz-tool-card,
.tbz-tool-card:hover,
.tbz-tool-card:focus,
.tbz-tool-card:active{
text-decoration:none !important;
}

/* SMOOTH SEARCH REORDER */

.tbz-tool-card{
order:999;
}