/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 26 2026 | 09:41:48 */
/* CATEGORY WRAPPER */
.fittingo-cat-wrap{
    display:flex;
    flex-wrap:nowrap !important;
    align-items:center;
    gap:16px;

    width:100%;
    overflow-x:auto;
    overflow-y:hidden;

    white-space:nowrap;
    padding-bottom:30px;

    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;

    cursor:grab;
}
/* SHOW HORIZONTAL SCROLLBAR */
.fittingo-cat-wrap::-webkit-scrollbar{
    height:2px;
}

.fittingo-cat-wrap::-webkit-scrollbar-track{
    background:#ece7df;
    border-radius:20px;
}

.fittingo-cat-wrap::-webkit-scrollbar-thumb{
    background:#c5a46d;
    border-radius:20px;
}

/* Firefox */
.fittingo-cat-wrap{
    scrollbar-width:thin;
    scrollbar-color:#c5a46d #ece7df;
}



/* CATEGORY BUTTON */
.fittingo-cat-item{
    flex:0 0 auto !important;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:10px 24px;

    border:1px solid #E5E7EB;
    border-radius:999px;

    background:#fff;
    color:#111;

  font-family: 'Inter', sans-serif!important;
  font-weight: 500!important;
	font-size:14px!important;
	line-height:20px!important;

    text-decoration:none;
    transition:all .3s ease;
}

/* HOVER */
.fittingo-cat-item:hover{
    background:#111;
    border-color:#111;
    color:#fff;
}

/* ACTIVE */
.fittingo-cat-item.active{
    background:#111;
    border-color:#111;
    color:#fff;
}


.products{
    transition:opacity .3s ease;
}




/* MOBILE */
@media(max-width:768px){

    .fittingo-cat-wrap{
        gap:12px;
        padding-bottom:10px;
    }

    .fittingo-cat-item{
        padding:12px 24px;
        font-size:15px;
    }
}