#product-header {row-gap: var(--size_s);}

#product_h-container {
    background: var(--c_black);
    row-gap: var(--size);
}

#product_h-price span {opacity: var(--alpha);}

#product_h-details dt {grid-column: 1/2;}
#product_h-details dd {grid-column: 2/-1;}

#product_h-container > button {
    top: var(--size);
    right: var(--size);
}

#product_h-description {background: var(--c_black);}
#product_h-description[data-status="close"] {
    display: none;
    height: 0;
}

#product-header .shopify-buy__quantity-container input[type="number"]:focus-visible {background: rgba(255, 255, 255, .25) !important;}

@media (hover: hover) {
    #product-header .shopify-buy__btn,
    #product-header .shopify-buy__quantity-container button,
    #product_h-container > button {transition: opacity 200ms ease-in-out;}

    #product-header .shopify-buy__btn:hover,
    #product-header .shopify-buy__quantity-container button:hover,
    #product_h-container > button:hover {opacity: var(--alpha);}
}




/* PAGE */
#product-page {padding-top: 50dvh;}
@media only screen and (min-width: 768px) {
    #product-page {padding-top: 0;}
}


#product_p-related {margin-top: var(--size_xxl);}
@media only screen and (min-width: 768px) {
    #product_p-related {margin-top: var(--size_xxxl);}
}

#product_p-related h3 {
    grid-column: 1/-1;
    column-gap: var(--size_s);
    margin-bottom: var(--size_s);
}

#product_p-related .--bullet {
    width: .8rem;
    height: .8rem;
    background: var(--c_black);
}

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