/*.mts-sidebar{margin:15px 0;text-align:center;}*/
/*.mts-sidebar h3{font-size:16px;margin-bottom:12px;}*/
/*.mts-icons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}*/
/*.mts-item{width:75px;height:75px;border-radius:50%;background-size:cover;background-position:center;display:inline-block;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;text-decoration:none;overflow:hidden;}*/
/*.mts-item.active{box-shadow:0 0 10px rgba(40,167,69,0.8);}*/
/*.mts-item.active:hover{transform:scale(1.08);box-shadow:0 0 14px rgba(40,167,69,1);}*/
/*.mts-item.inactive{filter:grayscale(100%) brightness(0.7);opacity:0.85;}*/
/*.mts-item.inactive:hover{transform:scale(1.03);filter:grayscale(60%) brightness(0.85);opacity:1;}*/

/*@media(max-width:768px){.mts-item{width:60px;height:60px;}}*/
/*@media(max-width:480px){.mts-item{width:50px;height:50px;}}*/


.mts-sidebar {
    margin: 15px 0;
    text-align: center;
}

.mts-sidebar h3 {
    font-size: 16px;
    margin-bottom: 12px;
}

.mts-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.mts-item {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    display: inline-block;
    transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
    text-decoration: none;
    overflow: hidden;
}

/* Active state */
.mts-item.active {
    box-shadow: 0 0 10px rgba(40,167,69,0.8);
}
.mts-item.active:hover {
    transform: scale(1.08);
    box-shadow: 0 0 14px rgba(40,167,69,1);
}

/* Inactive state */
.mts-item.inactive {
    filter: grayscale(100%) brightness(0.7);
    opacity: 0.85;
}
.mts-item.inactive:hover {
    transform: scale(1.05);
    filter: none; /* remove grayscale & show full color */
    opacity: 1;
    box-shadow: 0 0 10px rgba(0,0,0,0.25); /* subtle glow on hover */
}

/* Responsive */
@media (max-width: 768px) {
    .mts-item {
        width: 60px;
        height: 60px;
    }
}
@media (max-width: 480px) {
    .mts-item {
        width: 50px;
        height: 50px;
    }
}