:root {
    --grid-gap-sm: 2rem 2rem;
    --grid-gap-md: 2rem 2.5rem;
    --grid-gap-lg: 2rem 4rem;
}
body.ecommerce.productDetail .container.body-container .grid-item-title h1 ,
body.ecommerce.productDetail .container.body-container .grid-item-title  h2 {
    padding: 0 0 0 0;
    text-align: left;
}
body.ecommerce.productDetail .container.body-container .grid-item-title  h1 {
    padding: 0 0 .5rem 0;
}
.grid-item-body-meta {
    border-top: solid 1px var(--dgl-bs-gray-200);
    border-bottom: solid 1px var(--dgl-bs-gray-200);
    padding: 1.5rem 0 1.5rem 0;
    margin: 0 0 2rem 0;
    gap: .5rem;
    justify-content: space-between;
}
.grid-item-body-meta [data-item="isbn"] {
    display: flex;
    flex-direction: column;
}
.grid-item-body-meta [data-item="vertical-separator"] {
    width: 1px;
    flex: 0 0 1px;
    background-color: var(--dgl-bs-gray-300);
}
.grid-item-body-meta [data-item="year-publication"] {
    display: flex;
    flex-direction: column;
}

@media (min-width:768px) {
    .product-page .grid-wrapper .column-title {
        grid-area: gridColumnTitle;
    }
    .product-page .grid-wrapper .column-cover {
        grid-area: gridColumnCover;
    }
    .product-page .grid-wrapper .column-cart {
        grid-area: gridColumnCart;
    }
    .product-page .grid-wrapper .column-data {
        grid-area: gridColumnData;
    }
    
    .product-page .grid-wrapper {
        display: grid;
        grid-template-columns: 250px auto;
        /*
        grid-template-rows: minmax(0 , auto);
        */
        gap: var(--grid-gap-sm);
        grid-template-areas:
            "gridColumnCover gridColumnTitle"
            "gridColumnCover gridColumnCart"
            "gridColumnData gridColumnData"
    }
    .grid-item-body-meta {
        gap: 2rem;
        justify-content: flex-start;
    }
    .grid-item-body-meta [data-item="isbn"] ,
    .grid-item-body-meta [data-item="year-publication"] {
        display: block;
        flex-direction: unset;
    }
    

}
@media (min-width: 992px) {   
    .product-page .grid-wrapper {
        display: grid;
        grid-template-columns: 270px auto;
        gap: var(--grid-gap-md);
        grid-template-areas:
            "gridColumnCover gridColumnTitle"
            "gridColumnCover gridColumnCart"
            "gridColumnData gridColumnData"
    }
}
@media (min-width: 1200px) {
    /* .product-page .grid-wrapper .column-title>* ,
    .product-page .grid-wrapper .column-cover>* ,
    .product-page .grid-wrapper .column-cart>* ,
    .product-page .grid-wrapper .column-data>* {
        display: flex;
    } */

    .product-page .grid-wrapper {
        display: grid;
        grid-template-columns: 300px auto 300px;
        gap: var(--grid-gap-md);
        grid-template-areas:
            "gridColumnCover gridColumnTitle gridColumnCart"
            "gridColumnCover gridColumnData gridColumnData"
    }
}
@media (min-width: 1340px) {
    .product-page .grid-wrapper {
        grid-template-columns: 340px auto 340px;
        gap: var(--grid-gap-lg);
    }
}

/* .product-main-image .fotorama__wrap {
    width: 100% !important;
}
.product-main-image .fotorama__wrap .fotorama__stage {
    width: 100% !important;
}
.product-main-image .fotorama__wrap .fotorama__stage .fotorama__stage__shaft {
    width: 100% !important;
} */


/*
@media (min-width: 1200px) {
    .product-page .grid-wrapper .grid-item-title {
        grid-area: gridItemTitle;
    }
    .product-page .grid-wrapper .grid-item-cover {
        grid-area: gridItemCover;
    }
    .product-page .grid-wrapper .grid-item-carrello {
        grid-area: gridItemCarrello;
    }
    .product-page .grid-wrapper .grid-item-authors {
        grid-area: gridItemAuthors;
    }
    .product-page .grid-wrapper .grid-item-body-meta {
        grid-area: gridItemBodyMeta;
    }
    .product-page .grid-wrapper .grid-item-description {
        grid-area: gridItemDescription;
    }
    .product-page .grid-wrapper .grid-item-description {
        grid-area: gridItemDescription;
    }
    .product-page .grid-wrapper .grid-item-meta-data-primary {
        grid-area: gridItemMetaDataPrimary;
    }
    .product-page .grid-wrapper .grid-item-tipo-prodotto {
        grid-area: gridItemTipoProdotto;
    }

    .product-page .grid-wrapper {
        display: grid;
        align-content: start;
        grid-template-columns: 340px auto 340px;
        grid-template-rows: auto auto auto auto 1fr;
        grid-template-areas: 
            "gridItemCover              gridItemTipoProdotto    gridItemCarrello"
            "gridItemMetaDataPrimary    gridItemTitle           gridItemCarrello"
            ".              gridItemAuthors         gridItemCarrello"
            ".              gridItemBodyMeta        gridItemCarrello"
            ".              gridItemDescription     gridItemCarrello"
            ".    gridItemDescription     gridItemCarrello"
        ;
        gap: 0 4rem;
    }
}
*/