.bilc { container-type: inline-size; width: 100%; min-width: 0; background: white; color: #414141; padding: 1.5rem 0; }
.bilc .bilc-track { --bilc-count: var(--bilc-desktop, 5); display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; direction: ltr; }
.bilc-track::-webkit-scrollbar { display: none; }
.bilc .bilc-item { flex: 0 0 calc(100% / var(--bilc-count)); min-width: 0; box-sizing: border-box; padding: 0 12px; height: max(150px, var(--bilc-height) + 24px); display: grid; place-items: center; scroll-snap-align: start; }
.bilc .bilc-item img { display: block; width: var(--bilc-width, 145px); max-width: 100%; height: var(--bilc-height, 68px); object-fit: contain; margin: 0; border: 0; box-shadow: none; }
.bilc .bilc-nav { display: flex; gap: 10px; justify-content: center; margin-top: 38px; }
.bilc .bilc-nav[hidden] { display: none; }
.bilc .bilc-nav button { display: grid; place-items: center; width: 28px; height: 28px; min-width: 0; min-height: 0; padding: 0; margin: 0; border: 0; border-radius: 50%; background: #ededed; color: #626262; font: 22px/1 Arial,sans-serif; box-shadow: none; cursor: pointer; }
.bilc .bilc-nav button:hover { background: #ddd; color: #222; }
.bilc :focus-visible { outline: 2px solid #176b9a; outline-offset: -2px; }
@container (max-width: 760px) { .bilc .bilc-track { --bilc-count: var(--bilc-tablet, 3); } }
@container (max-width: 480px) { .bilc .bilc-track { --bilc-count: var(--bilc-mobile, 2); } .bilc .bilc-item { height: max(100px, var(--bilc-height) + 16px); } .bilc .bilc-nav { margin-top: 12px; } }

.bilc .bilc-item a { display: block; max-width: 100%; min-width: 0; }
.bilc-grid .bilc-track, .bilc-marquee:not(.bilc-running) .bilc-track {
    display: grid; grid-template-columns: repeat(var(--bilc-count), minmax(0, 1fr)); overflow: visible;
}
.bilc-marquee.bilc-running .bilc-track { scroll-snap-type: none; scroll-behavior: auto; overflow-x: hidden; }
