.stec-layout-shop {

    .stec-layout-shop-product-actions {
        .stec-style-button {
            white-space: nowrap;
            display: inline-block;
            i {
                width: 100%;
                text-align: center;
                font-size: 22px;
                display: none;
            }
        }
    }

    .stec-layout-shop-top {
        .flexbox();
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid @border-color;
        >p {
            &:not(:first-child) {
                margin-left: 50px;
            }
            &:first-child,
                &:nth-child(3),
                &:nth-child(4) {
                width: 100px;
            }
            &:first-child {
                min-width: 50px;
            }
            &:nth-child(2) {
                width: 300px;
                min-width: 150px;
            }
            &:nth-child(3) {
            }
            &:nth-child(5) {
                width: 150px;
            }
        }
    }

    .stec-layout-shop-product-wait {
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.5);
        padding-bottom: 30px;
        .flexbox(center,center);
    }

    .stec-layout-shop-product {
        position: relative;
        width: 100%;
        float: left;
        border-bottom: 1px solid @border-color;
        margin-bottom: 30px;
        padding-bottom: 30px;

        &.no-product-selected {
            [data-action="add_to_cart"] {
                filter: saturate(0);
                opacity: 0.5;
                cursor: no-drop;
            }
        }

        &.out-of-stock {

            [data-action="add_to_cart"] {
                filter: saturate(0);
                opacity: 0.5;
                cursor: no-drop;
            }

            .stec-layout-shop-product-quantity {
                > span, input {
                    display: none;
                }

                .stec-layout-shop-product-outofstock {
                    display: block;
                }
            }
        }

        &.is-featured {
            .stec-layout-shop-product-about-featured  {
                display: inline-block;
            }
        }

        &.is-on-sale {
            .stec-layout-shop-product-about-sale  {
                display: inline-block;
            }
        }
    }

    .stec-layout-shop-product-main {
        width: 100%;
        float: left;
        .flexbox();
        >* {
            &:not(:first-child) {
                margin-left: 50px;
            }
            &:first-child {
                min-width: 50px;
            }
            &:first-child,
                &:nth-child(3),
                &:nth-child(4) {
                width: 100px;
            }
            &:nth-child(5) {
                width: 150px;
                p {
                    text-align: center;
                }
            }
            &:nth-child(2) {
                width: 300px;
                min-width: 150px;
            }
        }

        .stec-layout-shop-product-outofstock {
            display: none;
            background: #bdc1c8;
            padding: 5px;
            font-size: 10px;
            font-weight: normal;
            text-transform: uppercase;
            border-radius: 3px;
            color: #fff;
        }

        .stec-layout-shop-product-quantity {
            text-align: center;
            >span:first-child {
                display: none;
            }
        }
        .stec-layout-shop-product-price {
            >span:first-child {
                display: none;
            }
            a {
                font-size: 10px;
                clear: both;
                text-transform: uppercase;
                float: left;
                margin-top: 5px;
                width: 100%;
            }
        }

        .stec-layout-shop-product-desc {
            p:last-child {
                margin-top: 5px;
                line-height: 1.2;
            }
        }

        .stec-layout-shop-product-image:not(.stec-layout-shop-no-gallery) {
            cursor: pointer;
        }

        .stec-layout-shop-product-image {

            position: relative;

            img {
                width: 100%;
                height: auto;
            }

            i {
                background: #fff;
                color:#666;
                font-size: 16px;
                position: absolute;
                top: 5px;
                right: 5px;
                .box(30px);
                line-height: 30px;
                text-align: center;
                border-radius: 50%;
                display: none;
            }

            &:hover {
                i {
                    display: block;
                }
            }
        }
    }

    .stec-layout-shop-product-status {
        span {
            display: none;
            text-transform: uppercase;
            font-size: 10px;
            color: #fff;
            padding: 4px 5px;
            border-radius: 2px;
            line-height: 1;
            margin-bottom: 5px;
            &.stec-layout-shop-product-about-featured {
                background: #f9b418;
            }
            &.stec-layout-shop-product-about-sale {
                background: #53b32b;
            }
        }
    }
    .stec-layout-shop-links {
        width: 100%;
        float: left;
        text-align: right;
        a {
            float: right;
        }
        >a:first-child {
            margin-left: 10px;
        }
    }

    .stec-layout-shop-product-variables {

        margin-top: 20px;
        width: 100%;
        float: left;

        &:not(.active) {
            display: none;
        }

        > div {
            width: 100%;
        }

        .stec-layout-shop-product-variables-actions {

            width: 100%;
            margin-top: 15px;
            float: right;

            .stec-style-button {
                float: right;
                max-width: 150px;
                white-space: nowrap;
                display: inline-block;
                i {
                    width: 100%;
                    text-align: center;
                    font-size: 22px;
                    display: none;
                }
            }
        }
    }

}
.stec-shop-modal-media-display {

    width: ~'calc(100% - 160px)';

    &.stec-shop-modal-media-simple {
        width: 100%;
    }

    float: left;

    img {
        display: none;
        width: 100%;
        height: auto;
        &.active {
            display: block;
        }
    }

    overflow: auto;
}
.stec-shop-modal-media-control {
    margin-left: 10px;
    width: 150px;
    float: right;
    overflow-x: hidden;
    overflow-y: auto;

    &.stec-shop-modal-media-simple {
        display: none !important;
    }

    .stec-shop-modal-media-control-thumb {
        .box(150px);
        float: left;
        opacity: 0.5;
        cursor: pointer;
        .trans(opacity, .25s);

        &:hover,
            &.active {
            opacity: 1;
        }

        img {
            .box(inherit);
        }
    }
}

.stec-layout-single-media-med,
.stec-media-med {
    .stec-layout-shop {
        .stec-layout-shop-top {
            p:last-child {
                text-align: right;
            }
        }

        .stec-layout-shop-product {

            .stec-style-button {

                max-width: 50px;
                padding: 12px 0;
                float: right;

                p { display: none; }
                i { display: block; }
            }

        }
    }
}

.stec-layout-single-media-small,
.stec-media-small {

    .stec-layout-event-inner-shop {
        padding: @event-inner-padding;
    }
    .stec-layout-shop {

        .stec-layout-shop-top {
            display: none;
        }

        .stec-layout-shop-product {
            &.out-of-stock {
                .stec-layout-shop-product-quantity {
                    > span:first-child, input {
                        display: none;
                    }

                    .stec-layout-shop-product-outofstock {
                        display: inline-block;
                        width: auto;
                    }
                }
            }
        }

        .stec-layout-shop-product-status {
            span {
                margin-top: 20px;
            }
        }

        .stec-layout-shop-product-main {
            position: relative;
            float: left;
            display: block;

            .stec-layout-shop-product-image {
                max-width: 300px;
                float: none;
                margin:0 auto;
            }

            > * {
                float: left;
                width: 100%;
                margin-left:0;
            }

            .stec-layout-shop-product-quantity,
            .stec-layout-shop-product-price {
                > span {
                    &:first-child {
                        display: inline-block;
                        margin-right: 10px;
                    }
                }
            }

            .stec-layout-shop-product-quantity {
                width: 100%;
                float: left;
                text-align: left;
            }

            .stec-layout-shop-product-actions {
                margin-top: 20px;
            }
        }

        .stec-layout-shop-product {
            .stec-style-select {
                margin-bottom: 10px;
            }

            .stec-style-button {
                max-width: 100%;
                width: 100%;
            }
        }
    }
}


@media all and (max-width: 768px) {

    .stec-shop-modal-media-display {
        width: 100%;
        float: left;

    }
    .stec-shop-modal-media-control {
        width: 100%;
        float: left;
        height: 100px !important;
        display: flex;
        overflow-y: hidden;
        overflow-x: auto;
        margin-left: 0;
        margin-top: 10px;

        .stec-shop-modal-media-control-thumb {
            .box(100px);
        }
    }

}