/* static/corestatic/css/loyalty/customer-admin.css */
.athlete-scroll-container {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    padding-bottom: 10px;

    /* smooth scrolling */
    scroll-behavior: smooth;
}

/* hide ugly scrollbar (optional) */
.athlete-scroll-container::-webkit-scrollbar {
    height: 8px;
}

.athlete-scroll-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.athlete-card {
    flex: 0 0 auto;

    /* 🔥 control width here */
    width: 420px;
}

/* responsive tweak */
@media (max-width: 768px) {
    .athlete-card {
        width: 85%;
    }
}