/*==================================================
  PRODUCT TABS V5
==================================================*/

.cyb-tabs{

    margin-top:60px;

}

.cyb-tabs-nav{

    display:flex;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;

    margin-bottom:30px;

    border-bottom:2px solid var(--cyb-border);

    padding-bottom:15px;

}

.cyb-tab-button{

    background:#fff;

    border:1px solid var(--cyb-border);

    color:var(--cyb-text);

    padding:12px 22px;

    border-radius:10px;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    transition:var(--cyb-transition);

}

.cyb-tab-button:hover{

    background:var(--cyb-primary);

    color:#fff;

    border-color:var(--cyb-primary);

}

.cyb-tab-button.active{

    background:var(--cyb-primary);

    color:#fff;

    border-color:var(--cyb-primary);

}


/*==================================================
  TAB CONTENT
==================================================*/

.cyb-tab-content{
    display:none;
}

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



@keyframes cybTabFade{

    from{

        opacity:0;

        transform:translateY(10px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/*==================================================
  TAB CARD
==================================================*/

.cyb-tab-card{

    background:#fff;

    border:1px solid var(--cyb-border);

    border-radius:16px;

    padding:35px;

}

.cyb-tab-card h2{

    font-size:28px;

    margin-bottom:20px;

    color:var(--cyb-primary);

}

.cyb-tab-card h3{

    font-size:22px;

    margin:25px 0 15px;

    color:var(--cyb-text);

}

.cyb-tab-card p{

    line-height:1.9;

    color:var(--cyb-text-light);

    margin-bottom:18px;

}

.cyb-tab-card ul{

    margin-left:20px;

}

.cyb-tab-card li{

    margin-bottom:12px;

    line-height:1.8;

}


/*==================================================
  SPECIFICATION TABLE
==================================================*/

.cyb-spec-table{

    width:100%;

    border-collapse:collapse;

    margin-top:25px;

}

.cyb-spec-table tr{

    border-bottom:1px solid var(--cyb-border);

}

.cyb-spec-table th{

    width:35%;

    padding:16px;

    text-align:left;

    background:#F8FAFC;

    color:var(--cyb-primary);

    font-weight:700;

}

.cyb-spec-table td{

    padding:16px;

    color:var(--cyb-text);

}


/*==================================================
  EMPTY STATE
==================================================*/

.cyb-empty-tab{

    text-align:center;

    padding:60px 20px;

    color:var(--cyb-text-light);

}

.cyb-empty-tab svg{

    width:60px;

    height:60px;

    margin-bottom:20px;

    opacity:.4;

}

.cyb-empty-tab h3{

    margin-bottom:10px;

    color:var(--cyb-text);

}

.cyb-empty-tab p{

    max-width:500px;

    margin:auto;

}