/**
 * AF Bind Products — front base styles for shortcode blocks (grid / list / carousel / single).
 * Override in your theme as needed.
 */
.afbindproducts { margin: 1rem 0; }
.afbindproducts .afbdp-item { margin-bottom: 1rem; }

/* LIST — one product per row */
.afbdp-list .products { display: block; }
.afbdp-list .afbdp-list-item { max-width: 100%; }

/* CAROUSEL — built on the theme's Swiper slider component.
   Swiper sets the slide widths inline; we only ensure equal-height cards
   and reserve room for the navigation arrows. */
.afbdp-carousel .afbdp-carousel__slider { position: relative; }
.afbdp-carousel .swiper-slide { height: auto; }
.afbdp-carousel .swiper-slide.afbdp-carousel-slide { margin-bottom: 0; }

/* SINGLE — one spotlight product, centered with a constrained width */
.afbdp-single .products { display: flex; justify-content: center; }
.afbdp-single .afbdp-single-item {
    width: 100%;
    max-width: 360px;
    margin-bottom: 0;
}