.bcb-banner-wrapper {
    width: 100%;
    margin: 20px auto;
    clear: both;
    display: block;
    position: relative;
}

.bcb-banner-break {
    width: 100%;
    clear: both;
    margin: 20px 0;
    display: block;
}

ul.products .bcb-banner-wrapper {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-column: 1 / -1;
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.bcb-banner-link {
    display: block;
    text-decoration: none;
    width: 100%;
}

.bcb-banner {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bcb-banner-link:hover .bcb-banner {
    transform: scale(1.01);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.bcb-banner-desktop {
    display: block;
}

.bcb-banner-mobile {
    display: none;
}

@media (max-width: 768px) {
    .bcb-banner-desktop {
        display: none;
    }
    
    .bcb-banner-mobile {
        display: block;
    }
}

.bcb-banner-wrapper + .products {
    margin-top: 20px;
}