.product-page {margin-top: 0 !important;}
.product_p-main > * {grid-column: 1/-1;}

/* 
SLIDESHOW
*/
/* .product_p-slideshow {
    width: 100vw;
    aspect-ratio: 3/4;
}
@media only screen and (min-width: 768px) {
    .product_p-slideshow {aspect-ratio: 6/4;}
}

.product_p-slideshow-container {
    min-width: 100vw;
    width: 100vw;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    aspect-ratio: 3/4;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
}
@media only screen and (min-width: 768px) {
    .product_p-slideshow-container {
        flex-direction: row;
        scroll-snap-type: x mandatory;
        overflow-x: auto;
        overflow-y: hidden;
        aspect-ratio: 6/4;
    }
}

.product_p-slideshow-container img {
    min-width: 100vw;
    width: 100vw;
    max-width: 100vw;
    aspect-ratio: 3/4;
    object-fit: cover;
    scroll-snap-align: start;
}
@media only screen and (min-width: 768px) {
    .product_p-slideshow-container img {
        min-width: 50vw;
        width: 50vw;
        max-width: 50vw;
    }
} */




/* 
GALLERY
*/
.product_p-gallery > * {grid-column: 1/-1;}
.product_p-gallery img {
    aspect-ratio: 3/4;
    object-fit: cover;
}
@media only screen and (min-width: 768px) {
    .product_p-gallery > * {grid-column: span 1;}
}
@media only screen and (min-width: 1024px) {
    .product_p-gallery {
        grid-column: 1/9;
        margin-top: var(--margin_t-desktop) !important;
    }
}




/* 
INFO
*/
.product_p-info {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: calc(calc(var(--vh) * 100) - 4rem);
    overflow-y: auto;
    background-color: white;
    -webkit-box-shadow: 0px -5px 8px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px -5px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px -5px 8px 0px rgba(0, 0, 0, 0.15);
    z-index: 20;
}
@media only screen and (min-width: 1024px) {
    .product_p-info {
        position: sticky;
        top: 0;
        right: unset;
        bottom: unset;
        left: unset;
        grid-column: 9/-1;
        min-height: calc(var(--vh) * 100);
        height: calc(var(--vh) * 100);
        max-height: calc(var(--vh) * 100);
        overflow-y: auto;
        padding-top: var(--margin_t-desktop);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}
.product_p-info > * {grid-column: 1/-1;}
.product_p-info-title {margin-bottom: .75rem;}
.product_p-info-title span {
    cursor: pointer;
    float: right;
}
.product_p-info-description,
.product_p-info-details_table,
.product_p-info-details_table .--table article {
    height: 0;
    transition: 1s ease;
}

.product_p-info-details_table .--table_button {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid black;
    width: 100%;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

@media only screen and (min-width: 768px) {
    .product_p-info-title {
        grid-column: 1/-1;
        grid-row: 1;
    }

    .product_p-info-price {
        grid-column: 1/-1;
        grid-row: 2;
    }

    .product_p-info-description {
        grid-column: 1/3;
        grid-row: 3/5;
        height: auto;
        margin-top: 2rem;
        padding-right: .75rem;
    }

    .product_p-info-details_table {
        margin-top: 1rem;
        grid-column: 1/3;
        grid-row: 5;
        height: auto;
    }

    .product_p-info-details_table .--arrow {font-size: 1rem;}

    #shopify-product {
        grid-column: 3/-1;
        grid-row: 3;
    }

    .product_p-info-details {
        grid-column: 3/-1;
        grid-row: 4;
    }
}
@media only screen and (min-width: 1024px) {
    .product_p-info {display: block;}
}

@media only screen and (min-width: 1024px) {
    .product_p-info-title {margin-bottom: 1.1rem;}
    .product_p-info-description {margin-top: 3rem;}
}

#shopify-product {margin-top: 1rem;}
@media only screen and (min-width: 768px) {
    #shopify-product {margin: 2rem 0 4rem;}
}
@media only screen and (min-width: 1024px) {
    #shopify-product {margin: 2rem 0 1.1rem;}
}

.product_p-info-details {
    height: 0;
    transition: 1s ease;
}
@media only screen and (min-width: 768px) {
    .product_p-info-details {
        height: auto;
        margin-top: auto;
    }
}
/* @media only screen and (min-width: 1024px) {
    .product_p-info-details {
        position: absolute;
        background: white;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.1rem;
    }
} */
.product_p-info-details > * {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    .product_p-info-details > * {
        grid-column: span 2;
        margin-bottom: 0 !important;
    }
}

.product_p-info-details div:not(:last-of-type) {margin-bottom: 1em;}

@media (hover: hover) {
    .product_p-info-details_table .--table {transition: opacity 250ms ease;}
    .product_p-info-details_table:hover .--table {opacity: .3;}
    .product_p-info-details_table .--table:hover {opacity: 1;}
}

#product_p-size_chart {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0;
    row-gap: 0;
    /* border: 1px solid black;
    border-bottom: 0; */
    margin: 1rem 0 .25rem;
}
#product_p-size_chart > div:not(.--last) {border-bottom: 1px solid rgba(0, 0, 0, .1);}
.--header {border-bottom: none !important;}

.-length {grid-column: 1/2;}
.-us_size-full {grid-column: 2/-2;}
.-us_size_man {grid-column: 2/3;}
.-us_size_woman {grid-column: 3/-2;}
.-eu_size {grid-column: -2/-1;}

.chart-item {padding: .25rem;}




/* 
STYLING
*/
.product_p-styling {margin-top: 4rem;}
.product_p-styling-content li {grid-column: span 3;}
@media only screen and (min-width: 768px) {
    .product_p-styling {margin-top: 8rem;}
    .product_p-styling-content li {grid-column: span 4;}
}
.product_p-styling img {
    aspect-ratio: 3/4;
    object-fit: cover;
}
@media only screen and (min-width: 1024px) {
    .product_p-styling {margin-top: 12rem;}
}


/* 
RELATED
*/
.product_p-related {margin-top: 4rem;}
.product_p-related-content li {grid-column: span 3;}
@media only screen and (min-width: 768px) {
    .product_p-related {margin-top: 8rem;}
    .product_p-related-content li {grid-column: span 4;}
}
@media only screen and (min-width: 1024px) {
    .product_p-related {margin-top: 12rem;}
}