// out: ../product-details.css, compress: true
body {
    .product {
        .product-photos {
            .owl-nav {
                .owl-prev, .owl-next {
                    position: absolute;
                    top: 0;
                    width: 100%;
                    z-index: 99;
                    font-size: 36px;
                    background-color: rgba(0,0,0,0.5);
                    padding: 10px!important;
                    opacity: 0;
                    height: 100%;
                    width: auto;
                    color: #fff;
                }
                .owl-prev {
                    left: 0;
                }
                .owl-next {
                    right: 0;
                }
            }
            .owl-dots {
                text-align: center;
                position: absolute;
                bottom: 10px;
                width: 100%;
                .owl-dot {
                    width: 5px;
                    height: 5px;
                    border: 2px solid #fff!important;
                    padding: 5px!important;
                    margin: 3px;
                    border-radius: 10px;
                    outline: none;
                    &:hover, &.active {
                        background-color: #fff;
                    }
                }
            }
            &:hover {
                .owl-nav {
                    .owl-prev, .owl-next {
                        opacity: 1;
                    }
                }
            }
        }
        .product-details {
            margin-bottom: 30px;
            .product-brand {
                text-transform: uppercase;
                color: #999;
                margin-bottom: 15px;
            }
            .price {
                font-size: 40px;
                font-weight: bold;
            }
            .product-description {
                font-size: 14px;
                margin-bottom: 35px;
            }
            .variations {
                margin-bottom: 10px;
                .label {
                    label {
                        text-transform: uppercase;
                        font-size: 12px;
                        margin-bottom: 0;
                    }
                }
                .value {
                    select {
                        padding: 10px 15px;
                        border-radius: 0;
                        margin: 5px 0 5px 15px;
                        border: 1px solid #000;
                    }
                    .reset_variations {
                        margin-left: 5px;
                    }
                }
            }
            form.cart {
                display: flex;
                &.variations_form {
                    display: block;
                    .woocommerce-variation-add-to-cart {
                        display: flex;
                    }
                }
                .quantity {
                    flex: 0 0 auto;
                    order: 2;
                    margin-left: 15px;
                    input {
                        height: 100%;
                        border-radius: 0;
                        border: 1px solid #000;
                        width: 4em;
                        padding: 0 15px;
                    }
                }
                .single_add_to_cart_button {
                    flex: 0 0 auto;
                    order: 1;
                    &.disabled {
                        opacity: 0.75;
                        cursor: no-drop;
                    }
                }
            }
            .add-to-cart.grouped {
                .woocommerce-grouped-product-list {
                    margin-right: 10px;
                    width: 100%;
                }
                .quantity {
                    input.qty {
                        padding: 5px 10px;
                        width: 3em;
                    }
                }
                label {
                    margin-bottom: 0;
                    padding: 5px;
                    a {
                        color: inherit;
                    }
                }

            }
            .share-links {
                p {
                    margin-bottom: 0;
                }
            }
        }
        .product-images {
            display: flex;
            margin-bottom: 30px;
            .gallery {
                flex: 0 0 20%;
                padding-right: 15px;
                .gallery-image {
                    width: 100px;
                    height: 100px;
                    border: 1px solid #ccc;
                    text-align: center;
                    margin-bottom: 15px;
                    cursor: pointer;
                    display: none;
                }
                .gallery-image:nth-child(-n+3){
                    display: flex;
                    align-items: center;
                }
                .next-gallery-image {
                    background: #ccc;
                    width: 100%;
                    display: block;
                    text-align: center;
                    color: #fff;
                    font-size: 25px;
                }
            }
            .main-image {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%;
            }
        }
        .product-tabs {
            .tab-title {
                cursor: pointer;
                h4 {
                    text-transform: uppercase;
                    border-top: 3px solid transparent;
                    border-bottom: 3px solid transparent;
                    line-height: 2;
                    color: #999999;
                    font-weight: 600;
                }
                &.active {
                    h4 {
                        color: #000;
                    }
                }
            }
            .tab-content {
                display: none;
                padding-top: 20px;
                padding-bottom: 20px;
                &.active {
                    display: block;
                }
                ul {
                    padding-left: 20px;
                }
            }
        }
        .product-accordeons {
            .tab-title {
                cursor: pointer;
                h4 {
                    text-transform: uppercase;
                    border-top: 3px solid transparent;
                    border-bottom: 3px solid transparent;
                    line-height: 2;
                    color: #000;
                    font-weight: 600;
                    display: inline-block;
                }
                &.active {
                    h4 {
                        color: #000;
                    }
                }
            }
            .tab-content {
                padding-top: 20px;
                padding-bottom: 20px;
                &.active {
                    display: block;
                }
                ul {
                    padding-left: 20px;
                }
            }
        }
        .related-products {
            padding-top: 20px;
            @import "parts/products/listing.less";
            .single-product-listing {
                padding: 15px;
            }
            .nav-btn {
                font-size: 40px;
                color: #999;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                &.prev-slide {
                    left: -40px;
                }
                &.next-slide {
                    right: -40px;
                }
            }
        }
    }
}
@media screen and (max-width: 767px){
body {
    .product {
        .related-products {
            max-width: ~"calc(100vw - 100px)";
            margin-left: auto;
            margin-right: auto;
        }
        .product-details {
            h1, .price {
                font-size: 24px
            }
        }
    }
}
}
@import (inline) "../vendor/owl.carousel.min.css";