.js-product-variants-mini .dropdown-combinations { border: 1px solid #ddd; border-radius: .25rem; }
.js-product-variants-mini .dropdown-combinations .dropdown-toggle { background: #fff; font-size: .825rem; }
.js-product-variants-mini .dropdown-combinations .dropdown-menu { padding: 0 .25rem; max-height: 350px; overflow-y: auto;}
.js-product-variants-mini .dropdown-combinations .dropdown-menu::-webkit-scrollbar { height: 6px; width: 6px; }
.js-product-variants-mini .dropdown-combinations .dropdown-menu::-webkit-scrollbar-track { border-radius: 5px; background-color: #DFE9EB; }
.js-product-variants-mini .dropdown-combinations .dropdown-menu::-webkit-scrollbar-track:hover { background-color: #B8C0C2; }
.js-product-variants-mini .dropdown-combinations .dropdown-menu::-webkit-scrollbar-track:active { background-color: #B8C0C2; }
.js-product-variants-mini .dropdown-combinations .dropdown-menu::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #CCCCCC; }
.js-product-variants-mini .dropdown-combinations .dropdown-menu::-webkit-scrollbar-thumb:hover { background-color: #999999; }
.js-product-variants-mini .dropdown-combinations .dropdown-menu::-webkit-scrollbar-thumb:active { background-color: #999999; }

.js-product-variants-mini .dropdown-combinations .dropdown-item {
    padding: .25rem;
    text-align: left;
    display: flex;
    flex-direction: row;
    gap:.25rem;
    font-size: .820rem;
    border: 1px solid #ddd;
    border-radius: .25rem;
    margin-bottom: .25rem;
}
.js-product-variants-mini .dropdown-combinations .dropdown-item .dropdown-item-image img { width: 48px; }
.js-product-variants-mini .dropdown-combinations .dropdown-item .dropdown-item-info { display: flex; flex-direction: column; }
.js-product-variants-mini .dropdown-combinations .dropdown-item .dropdown-item-label { font-size: .750rem;}
.js-product-variants-mini .dropdown-combinations .dropdown-item .dropdown-item-reference { font-size: .750rem; font-weight: 600; }
.js-product-variants-mini .dropdown-combinations .dropdown-item .dropdown-item-stock { font-size: .750rem; }
.js-product-variants-mini .dropdown-combinations .dropdown-item .dropdown-item-stock strong { color: #00bb2d; font-weight: 600;}

.js-product-variants-mini .product-variants-item {
    margin: .5rem 0;
}
.js-product-variants-mini .product-variants-item .control-label {
    font-size: .825rem;
}
.js-product-variants-mini .product-variants-item .variant-options .variant-option {
    font-size: .825rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: .25rem;
    position: relative;
    margin-right: .15rem;
    margin-bottom: .15rem;
}
.js-product-variants-mini .product-variants-item .variant-options .variant-option.selected:before {
    content: '';
    color: #fff;
    position: absolute;
    background: #00bb2d;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    top: -3px;
    right: -3px;
}
.js-product-variants-mini .product-variants-item .variant-options .variant-option.color { width: 1.2rem; height: 1.2rem; }
/* .js-product-variants-mini .product-variants-item .variant-options .variant-option.color.selected { border: 2px solid #000; } */
.js-product-variants-mini .variant-stock { font-size: .825rem; }

.js-product-variants-mini .product-combinations-cards {
    display: flex;
    flex-direction: row;
    gap: .25rem;
    width: 230px;
    overflow-x: scroll;
}
.js-product-variants-mini .product-combinations-cards::-webkit-scrollbar { width: 6px; height: 6px; display: none;}
.js-product-variants-mini .product-combinations-cards::-webkit-scrollbar-track { border-radius: 5px; background-color: #DFE9EB; }
.js-product-variants-mini .product-combinations-cards::-webkit-scrollbar-track:hover { background-color: #B8C0C2; }
.js-product-variants-mini .product-combinations-cards::-webkit-scrollbar-track:active { background-color: #B8C0C2; }
.js-product-variants-mini .product-combinations-cards::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #CCCCCC; }
.js-product-variants-mini .product-combinations-cards::-webkit-scrollbar-thumb:hover { background-color: #999999; }
.js-product-variants-mini .product-combinations-cards::-webkit-scrollbar-thumb:active { background-color: #999999; }
.js-product-variants-mini .product-combinations-cards .card-combination {
    display: flex;
    flex-direction: row;
    gap: .25rem;
    border: 1px solid #ddd;
    padding: .25rem;
    border-radius: .25rem;
    flex: 0 0 calc(100% - 15px);
    cursor:pointer;
    scroll-snap-align: center;
    transition: all .35s ease-in-out;
}
.js-product-variants-mini .scroll-controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: .25rem;
    box-sizing: border-box;
}
.js-product-variants-mini .product-combinations-cards .card-combination.selected { background: #f2f2f2; border-color: #999; }
.js-product-variants-mini .product-combinations-cards .card-combination .card-item-image img {
    width: 48px;
    border-radius: .25rem;
}
.js-product-variants-mini .product-combinations-cards .card-combination .card-item-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.js-product-variants-mini .product-combinations-cards .card-combination .card-item-info .card-item-name {
    font-size: .790rem;
    margin-bottom: 0;
}
.js-product-variants-mini .product-combinations-cards .card-combination .card-item-info .card-item-reference { font-size: .750rem; }
.js-product-variants-mini .product-combinations-cards .card-combination .card-item-info .card-item-stock { font-size: .750rem; }
.js-product-variants-mini .product-combinations-cards .card-combination .card-item-info .card-item-stock strong { color: #00bb2d; }