/*
|---------------------------------
| PRODUCT
|---------------------------------
*/

.product-page {

    background:
        #F5F5F1;

    color:
        #1A1A1A;

}

.product {

    padding:
        2rem;

}

.product__gallery img {

    display:
        block;

    width:
        100%;

    height:
        auto;

}

.product__content {

    margin-top:
        2rem;

    max-width:
        520px;

}

.product__eyebrow {

    margin:
        0 0 1rem;

    font-size:
        .75rem;

    letter-spacing:
        .2em;

    text-transform:
        uppercase;

    opacity:
        .55;

}

.product h1 {

    margin:
        0;

    font-size:
        3rem;

    font-weight:
        300;

    line-height:
        1;

}

.product__price {

    margin:
        2rem 0;

    font-size:
        2rem;

    font-weight:
        300;

    color:
        #9e8f3d;

}

.product__description {

    line-height:
        1.8;

    margin-bottom:
        3rem;

}

/*
|---------------------------------
| PURCHASE
|---------------------------------
*/

.product form.cart {

    display:
        flex;

    flex-direction:
        column;

    gap:
        1rem;

    margin:
        0;

}

.quantity {

    display:
        flex;

}

.quantity input {

    width:
        88px;

    height:
        56px;

    padding:
        0;

    border:
        1px solid rgba(0,
            0,
            0,
            .15);

    background:
        transparent;

    text-align:
        center;

    appearance:
        textfield;

}

.quantity input::-webkit-inner-spin-button {

    display:
        none;

}

.product select {

    width:
        100%;

    height:
        56px;

    padding:
        0 1rem;

    border:
        1px solid rgba(0,
            0,
            0,
            .15);

    background:
        transparent;

    appearance:
        none;

    font:
        inherit;

}

.single_add_to_cart_button {

    width:
        100%;

    height:
        64px;

    border:
        none;

    background:
        #111 !important;

    color:
        #F5F5F1 !important;

    font-size:
        1rem;

    letter-spacing:
        .15em;

    text-transform:
        uppercase;

    cursor:
        pointer;

}

.single_add_to_cart_button:hover {

    opacity:
        .92;

}

/*
|---------------------------------
| REMOVE WOOCOMMERCE
|---------------------------------
*/

.product_meta,

.related,

.up-sells,

.woocommerce-tabs,

#reviews,

.woocommerce-breadcrumb,

.reset_variations,

.woocommerce-review-link {

    display:
        none !important;

}

.woocommerce div.product p.price,

.woocommerce div.product span.price {

    color:
        inherit;

}

.woocommerce-variation-price {

    margin:
        0 0 2rem;

}

/*
|---------------------------------
| DESKTOP
|---------------------------------
*/

@media (min-width:1024px) {

    .product {

        display:
            grid;

        grid-template-columns:
            1.3fr 1fr;

        gap:
            6rem;

        padding:
            4rem;

    }

    .product__content {

        margin:
            0;

        position:
            sticky;

        top:
            2rem;

        align-self:
            start;

    }

}