/* Basic layout */
.cefb-wrapper { width:100%; box-sizing:border-box; }
.cefb-inner{ display:flex; align-items:stretch; flex-wrap:nowrap; gap:20px; }

/* box */
.cefb-box{
    background: transparent;
    padding:18px;
    box-sizing:border-box;
    border-radius:10px;
    min-width: 0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

/* icon */
.cefb-icon-wrap { width:100%; }
.cefb-icon{ display:inline-flex; align-items:center; justify-content:center; overflow:hidden; }

/* content */
.cefb-box h3{ margin:10px 0 6px; font-size:16px; line-height:1.2; }
.cefb-box p{ margin:0; font-size:14px; }

/* Carousel mode: swiper container styling */
.cefb-carousel-enabled .cefb-inner{ display:block; }

/* Grid mode: we'll set display via JS to grid with responsive columns */

/* Small reset for images */
.cefb-box img{ display:block; max-width:100%; height:auto; }

/* Default gap variable fallback */
.cefb-wrapper { --cefb-gap: 20px; }
.swiper-slide img {
    width: auto;
    height: auto;
    background: white;
}
.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    width: 25%;
}