/* Product Page */
/* Requires variables_1.0.css */
/* Reference HTML - Long description 
<div class="long-description-wrapper">
    <div class="long-description-item">
        <h2>Section label</h2>
        <ul>
            <li></li> 
        </ul> 
    </div>
    <div class="long-description-item">
        <h2>Section label</h2> 
        <ul>
            <li></li>
        </ul>
    </div>
    <div class="long-description-item"> 
        <h2>Section label</h2>
        <ul>
            <li></li>
        </ul> 
    </div>
</div>
*/

.catalog-product-view .column.main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.product.media {
    order: 1;
}

.catalog-product-view .product.media {
    min-width: calc(100% - 4rem);
    margin: auto;
}

.product-info-main {
    order: 2;
}

.product.info.detailed {
    order: 3;
    width: 100%;
}

.product-info-main {
    display: flex;
    flex-direction: column;
    position: relative;
}

.product-info-main .page-title-wrapper .page-title {
    line-height: var(--text-h1-line-height);
    margin-bottom: 10px;
}

.page-title-wrapper.product {
    order: 1;
}

.product-info-price {
    order: 2;
}

.product.attribute.overview {
    order: 3;
}

.product-add-form {
    order: 4;
    border-top: 1px solid var(--color-border-lines);
}

.long-description-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.long-description-item {
    width: calc(100% - 4rem);
    background: var(--color-product-page-description-background);
    padding: 2rem;
}

.long-description-item ul {
    padding: 0 0 0 2rem;
}

.long-description-item h2 {
    margin-top: 0;
}


.product.data.items > .item.content {
    margin-top: 0;
    padding: 0px;
    border: unset;
}

.fotorama {
    z-index: 999999 !important;
}

.fotorama__stage__frame.fotorama_vertical_ratio.fotorama__loaded.fotorama__loaded--img.magnify-wheel-loaded.fotorama__fade-rear.fotorama__loaded--full.fotorama__active {
    cursor: pointer;
}

.back-to-cat {
    width: calc(100% - 4rem);
    margin: 2rem auto 0;
    max-width: calc(var(--width-content-max) - 4rem);
}

.catalog-product-view .breadcrumbs {
    margin: 1rem auto;
}

.catalog-product-view .qty label.label {
    display: none;
}

.catalog-product-view .box-tocart .fieldset {
    display: flex;
}

.swatch-option.text {
    color: var(--color-text);
    font-size: var(--text-h3-size);
    font-weight: var( --font-weight-bold);
    line-height: var(--text-h3-line-height);
    padding: .8rem;
}

.product-info-main .flagged {
    order: 0;
    color: #fff;
    padding: .5rem 2rem;
    display: inline-block;
    width: fit-content;
    margin: 0 0 2rem 0;
    border-radius: .3rem;
    background: var(--color-branding-primary);
}

.box-tocart .qty button {
    height: 5.2rem;
    position: relative;
    top: -1px;
}

.product-add-form .fieldset>.field:not(.choice)>.label {
    display: none;
}

.product-info-main .box-tocart .actions {
    padding-top: 0;
}

.old-price span.price {
    color: var(--color-price-old);
}

.product-info-main .price-box .price-wrapper .price, 
.product-options-bottom .price-box .price-wrapper .price {
    color: var(--color-price);
    font-size: var(--text-h2-size);
    font-weight: 700;
    margin-top: 1rem;
    display: block;
}


@media only screen and (min-width: 768px) {

    .catalog-product-view .product.media {
        min-width: unset;
    }

    .long-description-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .page-layout-1column .product.media {
        width: calc(57% - 4rem);
        margin: 0rem 2rem 2rem 0;
    }

    .long-description-item {
        width: calc(33.33333% - 6rem);
        flex: auto;
    }

    .catalog-product-view .price-box.price-final_price {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        gap: 0rem;
        align-items: flex-start;
    }


}


/* Accordion sections */

.product-info-wrapper h2.copy-title {
    border-bottom: 1px solid #dedede;
    padding-bottom: 1rem;
    line-height: normal;
    margin: 0;
    position: relative;
}

.product-info-wrapper [data-role="content"] {
    margin-top: 1rem;
}

.product-info-wrapper h2.copy-title::after {
    content: "+";
    display: block;
    position: absolute;
    right: 1rem;
    top: 0;
}

.product-info-wrapper .active h2.copy-title::after {
    content: "-";
}


@media only screen and (min-width: 768px) {


}


@media only screen and (min-width: 1024px) {


}