.wcbf-slider{ position:relative; overflow:hidden; --wcbf-gap:20px; }
.wcbf-track{ display:flex; will-change:transform; }
.wcbf-item{ background:transparent; border:var(--wcbf-item-border,1px solid rgba(0,0,0,.06)); border-radius:12px; padding:12px; text-align:center; min-height:var(--wcbf-card-min-h,0); display:flex; flex-direction:column; }
.wcbf-featured .wcbf-thumb{ height:var(--wcbf-thumb-h,auto); display:flex; align-items:flex-end; justify-content:center; margin-bottom:8px; }
.wcbf-featured .wcbf-thumb img{ max-height:100%; width:auto; border-radius:8px; object-fit:contain; }
.wcbf-title{ font-size:inherit; margin:8px 0; }
.wcbf-price{ font-weight:600; }
.wcbf-prev,.wcbf-next{ position:absolute; top:50%; transform:translateY(-50%); z-index:5; border:none; background:rgba(0,0,0,.5); color:#fff; width:36px; height:36px; border-radius:999px; cursor:pointer; }
.wcbf-prev{ left:8px; } .wcbf-next{ right:8px; }
.wcbf-dots{ display:flex; gap:8px; justify-content:center; margin-top:10px; }
.wcbf-dot{ width:8px; height:8px; border-radius:20px; background:#d0d0d0; border:none; }
.wcbf-dot.is-active{ background:#111; }

/* Logos */
.wcbf-logos .wcbf-item{ background:transparent; border:none; padding:8px; }
.wcbf-logos .wcbf-item img{ height:var(--wcbf-logo-h,60px); width:auto; object-fit:contain; filter:none; transition:filter .2s ease; }
.wcbf-logos.is-grayscale .wcbf-item img{ filter:grayscale(100%); }
.wcbf-logos.is-grayscale .wcbf-item img:hover{ filter:none; }

/* Editor placeholder */
.wcbf-editor-placeholder{ border:1px dashed #ddd; padding:16px; border-radius:8px; }
.wcbf-editor-preview{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.wcbf-editor-preview .ph{ background:#f5f5f5; border-radius:8px; height:16px; }
.wcbf-editor-preview .wcbf-thumb.ph{ height:100px; }


/* Featured products: flex layout so button lines up across cards */
.wcbf-featured .wcbf-title{ color:var(--wcbf-title-color,inherit); }
.wcbf-featured .wcbf-price{ color:var(--wcbf-text-color,inherit); }
.wcbf-featured .wcbf-action{ margin-top:auto; align-self:center; }

/* apply card min-height via CSS var already on .wcbf-item */