.product-list-wrapper {
    /*
    padding-left: calc( var(--dgl-list-unit) / 2);
    padding-right: calc( var(--dgl-list-unit) / 2);
    */
}
.product-list-wrapper>.product-list-content {
    overflow-x: hidden;
}
.product-list-wrapper .row.productsList {
    margin-left: calc(var(--dgl-product-list-gutter) * -1) !important;
    margin-right: calc(var(--dgl-product-list-gutter) * -1) !important;
}
.product-list-wrapper .box_product_list {
    margin-top: calc( var(--dgl-list-unit) * -1 );    
}

.product-list-wrapper .row.productsList>.productListItem {
    padding-left: var(--dgl-product-list-gutter) !important;
    padding-right: var(--dgl-product-list-gutter) !important;
}
.productsList>.productListItem {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 0 0 var(--dgl-list-unit) 0;
}
.productsList>.productListItem>.productImage {
    position: relative;
    padding: 150% 0 0 0;
    display: flex;
    justify-content: center;
}
.productsList>.productListItem>.productImage {
    position: relative;
    padding: 150% 0 0 0;
    display: flex;
    justify-content: center;
}
.productsList>.productListItem>.productImage>a {
    position: absolute;
    display: flex;
    bottom: 0;
    max-height: 100%;
}
.productsList>.productListItem .product-cover-wrapper {
    display: flex;
    height: initial;
    max-height: 100%;
    justify-content: center;
}
.productsList>.productListItem .product-cover-wrapper>.img-wrapper {
    position: relative;
}
.productsList>.productListItem>.productImage>a img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    box-shadow: 0 10px 10px rgba(var(--dgl-black-rgb),.1);
    border: inset 1px rgba(var(--dgl-black-rgb),.05);
    aspect-ratio: auto !important;
}
.productsList>.productListItem>.productInfo {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.productsList>.productListItem>.productInfo .productInfoContent {
    flex: auto;
    text-align: center;
}
.productsList>.productListItem>.productInfo .productInfoContent>.title {
    font-size: 1.25rem;
    line-height: 1.25em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    max-height: calc( 1.25em * 2);
    overflow: hidden;
    margin: 0 0 .25em 0;
    font-weight: bold;
}
.productsList>.productListItem>.productInfo .productInfoContent>.subtitle {
    font-size: 1.125rem;
    line-height: 1.25em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    max-height: calc( 1.25em * 2);
    overflow: hidden;
    margin: 0 0 .5em 0;
    font-weight: normal;
    color: rgba(var(--dgl-bs-body-color-rgb),.5);
}
.productsList>.productListItem>.productInfo .productInfoContent>.author {
    font-size: 1rem;
    line-height: 1.25em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    max-height: calc( 1.25em * 2);
    overflow: hidden;
    margin: 0 0 0 0;
    font-weight: normal;
}
.productsList>.productListItem>.productInfo .productInfoContent>.author>a {
    display: table;
    margin: 0 auto 0 auto;
}

.productsList>.productListItem>.productInfo .price-button {
    flex: 0;
}

.productsList>.productListItem>.productImage .cover-extra-layer {
    --dgl-cover-estra-color-rgb: 255, 255, 255;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: rgba(var(--dgl-black-rgb), .75);
    overflow: hidden;
    z-index: 10;
    transition: height .5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgba(var(--dgl-cover-estra-color-rgb), .9);
    text-decoration: none;
}
.productsList>.productListItem>.productImage:hover .cover-extra-layer ,
.productsList>.productListItem>.productImage:focus-within .cover-extra-layer {
    height: 100%;
}
.productsList>.productListItem>.productImage .cover-extra-layer .pi-price  {
    flex: 1;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
}
.productsList>.productListItem>.productImage .cover-extra-layer .pi-price em {
    order: 2;
    font-size: 1.5rem;
    font-weight: normal;
    font-style: normal;
    text-decoration: line-through;
}
.productsList>.productListItem>.productImage .cover-extra-layer .pi-price strong {
    order: 1;
}
.productsList>.productListItem>.productImage .cover-extra-layer .cover-extra-layer-cta {
    font-size: 1rem;
    margin-top: -2.5rem;
    padding-bottom: 2.5rem;
}
.productsList>.productListItem>.productImage .cover-extra-layer {
    height: 100%;
    opacity: 0;
    z-index: 10;
    transition: opacity .5s;
}
.productsList>.productListItem>.productImage .cover-extra-layer>button.add2cart {
    display: flex;
    align-items: center;
    gap: .75rem;
    order: 1;
    background-color: transparent;
    color: rgba(var(--dgl-cover-estra-color-rgb), .9);
    border-color: rgba(var(--dgl-cover-estra-color-rgb), .9);
    margin: 0 0 2.5rem 0;
}
.productsList>.productListItem>.productImage .cover-extra-layer>button.add2cart>i {
    display: none !important;
}
.productsList>.productListItem>.productImage .cover-extra-layer>button.add2cart:hover {
    background-color: var(--dgl-bs-primary);;
    color: var(--dgl-bs-white);
    border-color: var(--dgl-bs-primary);
}
.productsList>.productListItem>.productImage:hover .cover-extra-layer ,
.productsList>.productListItem>.productImage:focus-within .cover-extra-layer {
    opacity: 1;
}



@media (max-width: 767px) {
    .productsList>.productListItem>.productImage {
        position: static;
        padding: 0 0 0 0;
        text-align: center;
        max-width: var(--dgl-cover-mobile-max-width);
        margin-left: auto;
        margin-right: auto;
    }
    .productsList>.productListItem>.productImage .cover-extra-layer {
        display: none !important;
    }
    .productsList>.productListItem>.productImage>a {
        position: static;
        display: inline-block;
        bottom: auto;
        max-width: none;
    }
    .productsList>.productListItem .product-cover-wrapper {
        display: block;
        height: auto;
        max-height: none;
        justify-content: none;
    }
}