/* 
    Created on : Apr 4, 2017, 10:27:10 PM
    Author     : alexvfornazieri

    CSS de customisão dos produtos, listagem e vizualização.
*/

/* --- Litagem --- */

#productList {
    display: flex;
    flex-wrap: wrap;
}

#productList .product .image {
    max-height: 210px;
    width: 100%;
}

.product h3 {
    font-size: 1.6rem;
    color: rgb(102, 102, 102);
}

/* Produto escotado */
.soldOut {
    font-weight: bold;
    padding: 6px;
    font-style: italic;
}

.price {
    font-size: 2.3rem;
    font-weight: bold;
}

/* --- Página detalhamento --- */
#productMain #thumbs, #mainImage {
    float: left;
}

#productMain #thumbs {
    margin-right: 5px;
}

#productMain .price {
    font-size: 3rem;
    padding-bottom: 20px;
}

/* --- Carrinho ---- */

.itemQtd {
    width: 60px;
}