/* TAB BAR */

.travulls-tab-bar{
display:flex;
gap:22px;
overflow-x:auto;
padding:12px 16px;
background:#F5F0E6;
position:sticky;
top:60px;
z-index:999;
}

/* TAB BUTTON */

.travulls-tab-btn{
background:none;
border:none;
min-width:auto;
padding:6px 0;
text-align:center;
flex-shrink:0;
position:relative;
}

/* ICON */

.travulls-tab-btn img{
width:28px;
height:28px;
object-fit:contain;
margin:0 auto 4px;
display:block;
opacity:.6;
}

/* LABEL */

.travulls-tab-btn span{
font-size:13px;
font-weight:500;
color:#222;
white-space:nowrap;
opacity:.6;
}

/* ACTIVE */

.travulls-tab-btn.active img,
.travulls-tab-btn.active span{
opacity:1;
font-weight:600;
}

/* UNDERLINE */

.travulls-tab-btn.active:after{
content:'';
position:absolute;
bottom:-8px;
left:50%;
transform:translateX(-50%);
width:28px;
height:3px;
background:#111;
border-radius:3px;
}

/* CONTENT */

.travulls-tab-content{
display:none;
animation:fade .25s ease;
}

.travulls-tab-content.active{
display:block;
}

@keyframes fade{
from{opacity:0}
to{opacity:1}
}