/*
cover titolo autore carrello
*/

[data-idx="0"] {
    --sezioni-idx: 0;
}
[data-idx="1"] {
    --sezioni-idx: 1;
}
[data-idx="2"] {
    --sezioni-idx: 2;
}
[data-idx="3"] {
    --sezioni-idx: 3;
}
[data-idx="4"] {
    --sezioni-idx: 4;
}
[data-idx="5"] {
    --sezioni-idx: 5;
}
[data-idx="6"] {
    --sezioni-idx: 6;
}
[data-idx="7"] {
    --sezioni-idx: 7;
}
[data-idx="8"] {
    --sezioni-idx: 8;
}
[data-idx="9"] {
    --sezioni-idx: 9;
}
[data-idx="10"] {
    --sezioni-idx: 10;
}


.product-page .grid-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0 0;
}
.product-page .grid-wrapper .grid-item-cover {
    order: 2;
}
.product-page .grid-wrapper .grid-item-title {
    order: 1;
    row-gap: .75rem;
}
.product-page .grid-wrapper .grid-item-authors {
    order: 1;
    margin: 0 0 2rem 0;
}
.product-page .grid-wrapper .grid-item-authors>h3.author {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.25rem;
    row-gap: .5rem;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: normal;
    margin: 0 0 0 0;
}
.product-page .grid-wrapper .grid-item-carrello {
    order: 3;
}
.product-page .grid-wrapper .grid-item-abstract {
    order: 1;
}

.grid-item-cover .product-main-image .fotorama .fotorama__nav {
    /* max-width: var(--dgl-fotorama-max-width, 300px) !important; */
}
.grid-item-cover .fotorama .fotorama__stage__frame {
    display: flex;
    align-items: center;
    padding: var(--dgl-fotorama-padding, 0) !important;
}
.grid-item-cover .fotorama .fotorama__stage__frame .fotorama__html {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
}
.grid-item-cover .fotorama .fotorama__stage__frame .fotorama__html .fotorama-wrapper>img ,
.grid-item-cover .fotorama .fotorama__stage__frame img.fotorama__img {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.3) !important;
}

.product-page .grid-wrapper>div {
    grid-row: var(--sezioni-idx);
    width: 100%;
}
.product-page .grid-wrapper.grid-row-2 {
    --grid-rows-length: 2;
    grid-auto-rows:
        minmax(min-content, min-content)
        minmax(min-content, min-content)
    ;
}
.product-page .grid-wrapper.grid-row-3 {
    --grid-rows-length: 3;
    grid-auto-rows:
        minmax(min-content, min-content)
        minmax(min-content, min-content)
        minmax(min-content, min-content)
    ;
}
.product-page .grid-wrapper.grid-row-4 {
    --grid-rows-length: 4;
    grid-auto-rows:
        minmax(min-content, min-content)
        minmax(min-content, min-content)
        minmax(min-content, min-content)
        minmax(min-content, min-content)
    ;
}
.product-page .grid-wrapper.grid-row-5 {
    --grid-rows-length: 5;
    grid-auto-rows:
        minmax(min-content, min-content)
        minmax(min-content, min-content)
        minmax(min-content, min-content)
        minmax(min-content, min-content)
        minmax(min-content, min-content)
    ;
}
.product-page .grid-wrapper.grid-row-6 {
    --grid-rows-length: 6;
    grid-auto-rows:
        minmax(min-content, min-content)
        minmax(min-content, min-content)
        minmax(min-content, min-content)
        minmax(min-content, min-content)
        minmax(min-content, min-content)
        minmax(min-content, min-content)
    ;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .product-page .grid-wrapper {
        --grid-cols-length: 2;
        --grid-rows-length: 1;
        display: grid;
        grid-template-columns: 50% auto;
        grid-auto-rows: auto;
        gap: 0 var(--dgl-prodotto-head-box-spacer, 0);
    }
    .product-page .grid-wrapper .grid-item-cover {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row: span 2;
        padding: 3rem 0 3rem 0;
        background-color: var(--dgl-detail-cover-wrapper-bg);
    }
    .product-page .grid-wrapper .grid-item-cover {
        grid-row: span var(--grid-rows-length);
    }
    .product-page .grid-wrapper .grid-item-title {
        grid-column: 2;
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        margin: 0 var(--dgl-prodotto-head-box-spacer, 0) 2rem 0 !important; 
    }
    .product-page .grid-wrapper .grid-item-authors {
        grid-column: 2;
        /*
        grid-row: 2;
        */
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        margin: 0 var(--dgl-prodotto-head-box-spacer, 0) 2rem 0 !important; 
    }
    .product-page .grid-wrapper .grid-item-carrello {
        grid-column: 2;
        /*
        grid-row: 3;
        grid-row: 4;
        */
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        box-sizing: content-box;
        margin: 0 var(--dgl-prodotto-head-box-spacer, 0) 2rem 0 !important;
    }
    .product-page .grid-wrapper.cell-carrello .grid-item-carrello .product-page-cart {
        max-width: 450px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .product-page .grid-wrapper.cell-abstract .grid-item-abstract {
        grid-column: 2;
        /*
        grid-row: 3;
        */
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        margin: 0 var(--dgl-prodotto-head-box-spacer, 0) 2rem 0 !important;
    }

}
@media (min-width: 1025px) {
    .product-page .grid-wrapper {
        --grid-cols-length: 2;
        --grid-rows-length: 1;
        display: grid;
        grid-template-columns: 50% auto;
        gap: 0 4rem;
    }
    .product-page .grid-wrapper.grid-row-7 {
        --grid-rows-length: 7;
        grid-auto-rows:
            auto
            minmax(min-content, min-content)
            minmax(min-content, min-content)
            minmax(min-content, min-content)
            minmax(min-content, min-content)
            minmax(min-content, min-content)
            auto
        ;
    }
    .product-page .grid-wrapper .grid-item-cover {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-column-start: 1;
        grid-column-end: 1;
        padding: 3rem 0 3rem 0;
        background-color: var(--dgl-detail-cover-wrapper-bg);
    }
    .product-page .grid-wrapper .grid-item-cover {
        grid-row: span var(--grid-rows-length);
    }
    .product-page .grid-wrapper .grid-item-title {
        grid-column: 2;
        /*
        grid-row: 2;
        */
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        margin: 0 var(--dgl-prodotto-head-box-spacer, 0) 2rem 0 !important; 
    }
    .product-page .grid-wrapper.cell-autori .grid-item-authors {
        grid-column: 2;
        /*
        grid-row: 3;
        */
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        margin: 0 var(--dgl-prodotto-head-box-spacer, 0) 2rem 0 !important; 
    }
    .product-page .grid-wrapper.cell-carrello .grid-item-carrello {
        grid-column: 2;
        /*
        grid-row: 3;
        grid-row: 4;
        */
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        box-sizing: content-box;
        margin: 0 var(--dgl-prodotto-head-box-spacer, 0) 2rem 0 !important;
    }
    .product-page .grid-wrapper.cell-carrello .grid-item-carrello .product-page-cart {
        max-width: 450px !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    .product-page .grid-wrapper.cell-abstract .grid-item-abstract {
        grid-column: 2;
        /*
        grid-row: 4;
        */
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        margin: 0 var(--dgl-prodotto-head-box-spacer, 0) 2rem 0 !important;
    }
}
@media (max-width: 767px) {
    .grid-item-cover .product-main-image .fotorama .fotorama__nav {
        max-width: var(--dgl-fotorama-mobile-max-width, 250px) !important;
    }
}