#cp-productList {
    --cp-product-columns: 8;
    --cp-products-collapsed-height: 104px;
    grid-template-columns: repeat(var(--cp-product-columns), minmax(0, 1fr));
    grid-auto-rows: 1fr;
    align-items: start;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

#cp-productList li {
    min-width: 0;
    display: flex;
}

#cp-productList li > a {
    width: 100%;
    height: 100%;
}

#cp-toggleButton {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

#cp-toggleButton #dropdown-icon {
    margin-left: 6px;
    transition: transform 0.25s ease;
}

#cp-toggleButton[aria-expanded="true"] #dropdown-icon {
    transform: rotate(180deg);
}

#cp-toggleButton[aria-expanded="false"] #dropdown-icon {
    transform: rotate(0deg);
}
.cp-products-list{
    max-height: var(--cp-products-collapsed-height);
}

@media (max-width: 1277px) {
    #cp-productList {
        --cp-product-columns: 6;
        --cp-products-collapsed-height: 104px;
    }
}

@media (max-width: 1099px) {
    #cp-productList {
        --cp-product-columns: 4;
        --cp-products-collapsed-height: 84px;
    }
}

@media (max-width: 767px) {
    #cp-toggleButton {
        font-size: 14px;
    }

    #cp-productList {
        --cp-product-columns: 4;
        --cp-products-collapsed-height: 64px;
    }
}

@media (max-width: 575px) {
    #cp-productList {
        --cp-product-columns: 4;
        --cp-products-collapsed-height: 64px;
    }
}

@media (max-width: 465px) {
    #cp-productList {
        --cp-product-columns: 4;
        --cp-products-collapsed-height: 82px;
    }
}
@media (max-width: 350px) {
    .primary-product-heading{
font-size: 15px;
line-height: 18px;
    }
}
@media (max-width: 320px) {
    #cp-productList {
        --cp-product-columns: 3;
        --cp-products-collapsed-height: 82px;
    }
}
@media (min-width: 1278px) {
    .cp-products-list {
        max-height: none;
    }

    #cp-toggleButton {
        display: none !important;
    }
}