#product-page {padding: var(--size);}


/* 
ABOUT
*/
#product_p-about > * {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    #product_p-about {
        row-gap: var(--size);
    }
}


/* 
PICTURE
*/
@media only screen and (min-width: 768px) {
    #product_p-gallery {
        grid-column: 2/-1;
        grid-row: 1;
    }
}

/* Container */
#product_p-gallery .--container {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: var(--size-s);
}

#product_p-gallery figure {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    padding: var(--size);
    background: var(--colorAlpha);
    scroll-snap-align: center;
}
@media only screen and (min-width: 768px) {
    #product_p-gallery figure {padding: var(--size-m);}
}


/* Nav */
#product_p-gallery .--nav {margin-top: var(--size-s);}
#product_p-gallery .--buttons {column-gap: var(--size);}




/* 
TITLE
*/
#product_p-title {margin-top: var(--size-xs);}
@media only screen and (min-width: 768px) {
    #product_p-title {
        grid-column: 1/2;
        grid-row: 1;
        margin-top: -.5rem;
    }
}
#product_p-title .--autor {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: .082em;
    padding-bottom: .09em;
}
#product_p-title .--price {margin-top: .5em;}

#product_p-title #shopify-product {margin-top: var(--size);}
@media only screen and (min-width: 768px) {
    #product_p-title #shopify-product {margin: var(--size-m) 0;}
}




/* 
DESCRIPTION
*/
#product_p-description {margin-top: var(--size-l);}
@media only screen and (min-width: 768px) {
    #product_p-description {
        grid-column: 1/2;
        grid-row: 2;
        margin-top: 0;
    }
}




/* 
DETAILS
*/
#product_p-details {margin-top: var(--size-l);}
@media only screen and (min-width: 768px) {
    #product_p-details {
        grid-column: 2/-1;
        grid-row: 2;
        margin-top: 0;
    }
}
#product_p-details .--item {display: flex;}
#product_p-details .--item * {display: block;}
#product_p-details .--item dt {min-width: 12rem;}




/* 
RELATED
*/
#product_p-related {margin-top: var(--size-xxxl);}
#product_p-related .--container {margin-top: var(--size);}

#product_p-related .--container.--encontro-cegas {row-gap: var(--size);}
#product_p-related .--container.--encontro-cegas li {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    #product_p-related .--container.--encontro-cegas li {grid-column: span 2;}
}
@media only screen and (min-width: 1096px) {
    #product_p-related .--container.--encontro-cegas li {grid-column: span 1;}
}