/* Listing sidebar — Home Banner 1 (synced with homepage) */
.listing-sidebar-banners {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.listing-sidebar-banners__item {
    border: 1px solid #e8eaed;
    transition: box-shadow 0.25s, transform 0.25s;
}

.listing-sidebar-banners__item:hover {
    box-shadow: 0 8px 24px rgba(25, 25, 25, 0.08) !important;
    transform: translateY(-2px);
}

.listing-sidebar-banners__img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 1199.98px) {
    .listing-sidebar-banners {
        gap: 10px;
    }

    .listing-sidebar-banners__item {
        border-radius: 8px !important;
    }
}

@media (max-width: 575.98px) {
    .listing-sidebar-banners {
        gap: 8px;
    }
}

/* Square product thumbnails on homepage and listing cards (1:1).
   Do not apply the padding-top ratio hack to <a.d-block>: images sit inside
   .embed-responsive, and collapsing the <a> hides the photo. */
.aiz-card-box .product-box-thumb {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    padding-top: 100% !important;
    overflow: hidden !important;
    background: #f3f4f6;
    line-height: 0;
}

.aiz-card-box .embed-responsive-1by1 {
    background: #f3f4f6;
}

.aiz-card-box .product-box-thumb > img,
.aiz-card-box .embed-responsive-1by1 > img,
.aiz-card-box .embed-responsive-item {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
}

.aiz-card-box .product-box-thumb > img {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}