
.enable-product-list {
    .product-listing__rail {
            flex-wrap: wrap;
            display:grid !important;
            column-gap: 0px;
            row-gap: 16px;
            grid-template-columns: 1fr;
            .alphabet-group {
             flex: 0 0 100%;
             font-size:40px;
             line-height: 52px;
             grid-column: 1 / -1;
             width: 100%;
         }
        }
        .result-counts {
        display: flex;
        justify-content: space-between;
        padding: 32px 1px;
        
        .product-display-type {
            
            .list-view, .grid-view {
                width:24px;
                height:24px;
                padding: 8px;
                border: solid 1px #D8D7D5;
                cursor: pointer;
            }
        }
    }
    
}


.enable-product-list.horizontal-layout {
    padding-right: 24px;
    .product-card__image {
            display: none;
        }
    .product-listing__rail {
        gap: 16px;
        padding-right: 24px;
        .product-card {
         grid-column: 1 / span3;
        }
    }

    
    @media only screen and (min-width: 1024px) {
        .product-listing__rail {
            grid-template-columns: repeat(1, 1fr);
        }
        .product-card__content .product-card__description {
        width: 76%;
        }
    }

    @media only screen and (min-width: 720px) {
        .product-card__footer {
            width: fit-content;
        }
        .product-card__footer .product-card__cta {
            width: fit-content !important; /* only for direct vlt css, remove !important in css file*/
            position: absolute;
            right: 24px;
            top: calc(100% / 2 - 27px);
        }
         .product-listing__rail {
             padding-right: 0px;
             display:grid !important; /* only for direct vlt css, remove !important in css file*/
            grid-template-columns: repeat(1, 1fr);
        }
        .product-card__content .product-card__description {
            width: 64%;
        }
        
        .product-card__content {
            flex-direction: column;
        }
    }
}