.lbm-cc{ --gap: 24px; position: relative; }
.lbm-cc .viewport{ overflow: hidden; position: relative; }
.lbm-cc .track{
  display: flex; gap: var(--gap);
  will-change: transform; transition: transform .4s ease;
}
.lbm-cc .card{
  flex: 0 0 auto;
  width: calc((100% - (var(--per,6) - 1)*var(--gap)) / var(--per,6));
  background: #fff;
  border: 1px solid rgba(2,6,23,.08);
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  color: #111827;
  text-decoration: none;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
}
.lbm-cc .card:hover{ box-shadow: 0 14px 28px rgba(2,6,23,.08); transform: translateY(-1px); }
.lbm-cc .card .img{ height: 72px; display: grid; place-items: center; }
.lbm-cc .card .img img{ max-width: 60%; max-height: 100%; object-fit: contain; }
.lbm-cc .card .t{ margin-top: 8px; font-weight: 700; }
.lbm-cc .card .s{ margin-top: 4px; font-size: .92em; color: #4b5563; }

/* Arrows */
.lbm-cc.has-arrows .nav{ position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 999px; border: 1px solid rgba(2,6,23,.12); background: #fff; display: grid; place-items: center; cursor: pointer; z-index: 2; }
.lbm-cc.has-arrows .nav:hover{ box-shadow: 0 6px 14px rgba(2,6,23,.14); }
.lbm-cc .nav.prev{ left: -6px; }
.lbm-cc .nav.next{ right: -6px; }
.lbm-cc .nav span{ display:inline-block; width:10px; height:10px; border-top:2px solid #111827; border-right:2px solid #111827; transform: rotate(45deg); }
.lbm-cc[dir="rtl"] .nav.prev span{ transform: rotate(-135deg); }
.lbm-cc[dir="rtl"] .nav.next span{ transform: rotate(45deg); }
.lbm-cc:not([dir="rtl"]) .nav.prev span{ transform: rotate(-135deg); }
.lbm-cc:not([dir="rtl"]) .nav.next span{ transform: rotate(45deg); }

/* Dots */
.lbm-cc.has-dots .dots{ display:flex; gap:8px; justify-content:center; margin-top: 14px; }
.lbm-cc.has-dots .dots button{ width:8px; height:8px; border-radius:999px; border:none; background:#d1d5db; cursor:pointer; }
.lbm-cc.has-dots .dots button.is-active{ background:#111827; }

/* Mobile grid option */
@media (max-width: 768px){
  .lbm-cc[data-mgrid="1"] .viewport{ overflow: visible; }
  .lbm-cc[data-mgrid="1"] .track{ display:grid; grid-template-columns: repeat(var(--per,2), 1fr); gap: var(--gap); transform:none !important; }
  .lbm-cc[data-mgrid="1"] .card{ width:auto; }
  .lbm-cc[data-mgrid="1"] .nav, .lbm-cc[data-mgrid="1"] .dots{ display:none !important; }
}