.product-list .accesories-banner{
    background-image: url('/static/images/accesories/MB-Accesorios-section1-background-min.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 400px;
    color: white;
}
.product-list .accessories-color-selector{ display:inline-flex; align-items:center; gap:8px; margin-left:8px; }
.product-list .accessories-indicator{ width:18px; height:18px; border-radius:50%; border:2px solid #000; background:#fff; display:inline-block; }
.product-list .accessory-color-swatch{ width:18px; height:18px; border-radius:50%; border:2px solid rgba(0,0,0,0.12); cursor:pointer; display:inline-block; margin-right:6px; }
.product-list .accessory-color-swatch.active{ border-color:#000; box-shadow: 0 0 0 4px rgba(0,0,0,0.06) inset; }
/* Per-product vertical swatches and layout */
.product-list .product-card{ display:flex; align-items:flex-start; gap:12px; }
.product-list .product-card .color-col{ width:28px; flex-shrink:0; }
.product-list .product-card .color-col .accessory-color-swatch{ width:20px; height:20px; margin:6px 0; border-width:2px; }
.product-list .product-link img{ max-width:100%; height:auto; display:block; }

.product-list .products-container{
    background-image: url('/static/images/product_details/bg-gray.jpg');
    background-size: cover;
    background-position: center;
}

.filter-btn{
    cursor: pointer;
    background-color: transparent;
    border: 2px solid #919191;
    border-radius: 10px;
    font-size: 18px !important;
    padding: 12px 24px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.filter-btn.active, .filter-btn:hover{
    background-color: #919191;
    color: #fff;
    border-color: #919191;
}