.llb-container { display: block; width: 100%; }

.llb-container.list .llb-list-item { display: flex; align-items: center; margin-bottom: 8px; }

.llb-container.carousel {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    scroll-behavior: smooth;
    position: relative;
    padding-bottom: 10px;
}

.llb-carousel-wrapper { display: flex; gap: 10px; flex-wrap: nowrap; }

.llb-container.carousel .llb-carousel-item { flex: 0 0 auto; display: flex; align-items: center; min-width: 150px; }

@media (max-width: 768px) { .llb-container.carousel .llb-carousel-item { min-width: 120px; } }
@media (max-width: 480px) { .llb-container.carousel .llb-carousel-item { min-width: 100px; } }

.llb-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.05); border: none; padding: 5px 10px; cursor: pointer; font-size: 18px; z-index: 10; }
.llb-carousel-arrow.left { left: 0; }
.llb-carousel-arrow.right { right: 0; }

.llb-icon { margin-right: 6px; }