/* =========================================
   activity.css
========================================= */
/* =========================================
   ACTIVITY COLLECTION
========================================= */
.category-block {
    padding: 20px;

    background: #fff;

    border: 1px solid #eee;
    border-radius: 12px;
}


/* =========================================
   STYLE ROW
========================================= */

.style-row h5 {
    font-weight: 600;
}

h2 a,
h5 a {
    color: inherit;
    text-decoration: none;
}


/* =========================================
   HORIZONTAL SCROLLER
========================================= */

.scroll-row {
    display: flex;
    gap: 16px;

    min-width: max-content;

    overflow-x: auto;
    overflow-y: hidden;

    padding: 16px;

    background: #fff;

    border-radius: 12px;

    scroll-behavior: smooth;
}

/* =========================================
   SCROLLBAR
========================================= */

.scroll-row::-webkit-scrollbar {
    height: 6px;
}

.scroll-row::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 999px;
}


/* =========================================
   CARD SIZING
========================================= */

.scroll-row .product-card-wrapper {
    flex: 0 0 240px;
}