/* Barra A-Z */

.alphabet-index-wrapper{
    position: sticky;
    top: 40px;
    z-index: 10;
    background:white;
    border-bottom:1px solid #eee;
    padding:15px 0;
}

.alphabet-index{
    text-align:center;
    font-size:16px;
    letter-spacing:6px;
}

.alphabet-index a,
.alphabet-index span{
    margin:0 6px;
}

.alphabet-index a:focus{
    font-size: 24px;
    text-decoration: none;
    color: var(--color-main);
}

.letter-active{
    color: var(--color-main);
    font-weight:600;
}

.letter-active:hover{
    color:#000;
}

.letter-disabled{
    color:#ccc;
}

/* secciones */

.letter-section{
    scroll-margin-top: 140px;
    margin-top:50px;
    border-bottom: 1px solid #ccc;
}

.letter-header{
    font-size:32px;
    font-weight:700;
    margin-bottom:25px;
    color: var(--color-main);
}

/* productos */

.product-list{
    list-style:none;
    padding:0;
}

.product-list li{
    margin-bottom:18px;
    list-style:none;
    text-align: left;
    font-size: 0.9rem;
}

.product-list a{
    color:#666;
    text-decoration:none;
}

.product-list a:hover{
    color:#000;
}