/* dynamic width items */
.acp-track {
    display: flex;
    gap: 16px;
    transition: transform 0.5s ease;
}

.acp-item {
    flex: 0 0 auto;
    height: 220px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

/* FOCUS MODE */
.acp-carousel[data-focus="1"] .acp-item {
    transform: scale(0.9);
    opacity: 0.6;
}

.acp-carousel[data-focus="1"] .acp-item.active {
    transform: scale(1.1);
    opacity: 1;
    z-index: 2;
}