@import '../common/vars.less';


.nosto-shop:extend(.shop all) {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}


/* ------------------------------------------------------ *
 * Headings
 */
.nosto-heading {
    padding: 0 10px;
    margin-bottom: 20px;
    h4 {
        a {
            display: none;
        }
        font: 18px/1.35 @fontBody;
        margin: 0;
    }
}


/* ------------------------------------------------------ *
 * Homepage
 */
#nosto-front-page1  .nosto-wrapper {
    padding-top: 44px;
}
#nosto-front-page2  .nosto-wrapper {
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 50px;
    position: relative;
    &:after {
        position: absolute;
        content: '';
        display: block;
        left: -100%; bottom: 0; right: -100%;
        height: 1px;
        background: #c8c8c8;
    }
}


/* ------------------------------------------------------ *
 * Layout Category
 */
.no-mode-view,
.list {
    .nosto-product-list-item {
        @media @list-large {
            &:nth-of-type(n + 6) {
                display: none;
            }
        }
        @media @list-medium {
            &:nth-of-type(n + 5) {
                display: none;
            }
        }
        @media @list-small {
            &:nth-of-type(n + 4) {
                display: none;
            }
        }
    }
}
.grid .products-container {
    .nosto-product-list-item {
        width: 25%;
        &:nth-of-type(n + 5) {
            display: none;
        }

        @media @grid-medium {
            width: 33.333333%;
            &:nth-of-type(n + 4) {
                display: none;
            }
        }

        @media @grid-small {
            width: 50%;
            &:nth-of-type(n + 3) {
                display: none;
            }
        }
        .product-name {
            font-size: 17px;
        }
        .product-name-text {
            height: 40px;
        }
        .product-brand {
            width: 220px;
        }
        .price-box {
            font-size: 17px;
        }
    }
}


/* ------------------------------------------------------ *
 * Top Category
 */
#nosto-page-latest1 .nosto-wrapper {
    margin-bottom: 40px;
    position: relative;
    &:after {
        position: absolute;
        content: '';
        display: block;
        left: -100%; bottom: 0; right: -100%;
        height: 1px;
        background: #c8c8c8;
    }
}
#nosto-page-category1,
#nosto-page-sale1,
#nosto-page-search1 {
    &:extend(#nosto-page-latest1 all);
}


/* ------------------------------------------------------ *
 * Bottom Category
 */
#nosto-page-latest2 .nosto-wrapper {
    padding-top: 30px;
    position: relative;
    &:before {
        position: absolute;
        content: '';
        display: block;
        left: -100%; top: 0; right: -100%;
        height: 1px;
        background: #c8c8c8;
    }
}
#nosto-page-category2,
#nosto-page-sale2,
#nosto-page-search2 {
    &:extend(#nosto-page-latest2 all);
}


/* ------------------------------------------------------ *
 * Single Product
 */
#nosto-page-product1 .nosto-wrapper {
    margin-top: 50px;
    padding-top: 50px;
    position: relative;
    &:before {
        position: absolute;
        content: '';
        display: block;
        left: -100%; top: 0; right: -100%;
        height: 1px;
        background: #c8c8c8;
    }
}
#nosto-page-product2 .nosto-wrapper {
    margin-top: 30px;
}


/* ------------------------------------------------------ *
 * Cart = Product template
 */
#nosto-page-cart1 .nosto-wrapper {
    margin-top: -50px;
}



/* ------------------------------------------------------ *
 * 404
 */
#page-404 {
    .nosto-wrapper .std {
        position: relative;
        line-height: 18px;
        letter-spacing: 0.1em;
        display: block;
        text-align: left;
    }
}