/*******************************************************
Product list Styles
********************************************************/
ul.product_list
{
    position: relative;
}
ul.product_list .color-list-container
{
    margin-bottom: 12px;
}
ul.product_list .color-list-container ul li
{
    display: inline-block;

    border: 1px solid #ddd;
}
ul.product_list .color-list-container ul li a
{
    display: block;

    width: 23px;
    height: 23px;
    margin: 1px;
}

ul.product_list .product-container.cosmetica {
    background-color: #fcf8f9;
}

.price.product-price.cosmetica {
    color: #fe868d !important;
    font-weight: bold;
    font-size: 20px;
}

.product-name.cosmetica {
    color: #fe868d !important;
    font-weight: bold;
}

div .old-price.product-price,
div .price-percent-reduction.small {
    font-size: 14px;
}

.content_price {
    margin-bottom: 10px;
}

.sale-label.reduced-price {
    background: none !important;
    box-shadow: none;
    position: initial;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.category-img-cosmetica {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.category-img-cosmetica.mobile {
    display: none;
}

@media(max-width: 1000px) {
    .category-img-cosmetica.desktop {
        display: none;
    }

    .category-img-cosmetica.mobile {
        display: block;
    }
}

@media(min-width: 1000px) {
    div#center_column ul.product_list > li div.product-container > div.right-block.cosmetica {
        top: 30%;
        transform: translateY(-30%);
    }
}

/*******************************************************
Product list(Grid) Styles 
********************************************************/
ul.product_list.grid > li
{
    margin-bottom: 10px;
    padding-bottom: 10px;

    text-align: center;
}
ul.product_list.grid > li .product-container
{
    position: relative; 

    padding: 0;
}
ul.product_list.grid > li .product-container .product-desc,
ul.product_list.grid > li .product-container .color-list-container
{
    display: none;
}
ul.product_list.grid > li .product-container .old-price,
ul.product_list.grid > li .product-container .price,
ul.product_list.grid > li .product-container .price-percent-reduction
{
    display: inline-block;
}
ul.product_list.grid > li .product-container .old-price
{
    margin-right: 5px;
}
@media (min-width: 1320px)
{
    ul.product_list.grid > li.hovered .product-container
    {
        position: relative;
        z-index: 10; 

        -webkit-box-shadow: rgba(0, 0, 0, .17) 0 0 13px;
           -moz-box-shadow: rgba(0, 0, 0, .17) 0 0 13px;
                box-shadow: rgba(0, 0, 0, .17) 0 0 13px;
    }
    ul.product_list.grid > li.hovered .product-container .content_price
    {
        display: none;
    }
}
ul.product_list.grid li.hovered h5
{
    min-height: 30px;
}

#blockpack .button-container
{
    display: none;
}

/*******************************************************
Product list(List) Styles 
********************************************************/
ul.product_list.list
{
    margin-top: -20px;
    margin-bottom: -29px;
}
@media (max-width: 319px)
{
    ul.product_list.list > li .left-block
    {
        width: 100%;
    }
}
ul.product_list.list > li .product-container
{
    padding: 20px 0 20px; 

    border-top: 1px solid #ddd;
}
ul.product_list.list > li:first-child .product-container
{
    border-top: none;
}
ul.product_list.list > li h5
{
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}
ul.product_list.list > li .product-desc
{
    clear: both;

    margin-bottom: 15px;
}
ul.product_list.list > li .product-reference
{
    display: block; 
    clear: both;
}
@media (max-width: 999px)
{
    ul.product_list.grid > li .product-container
    {
        display: flex;
        flex-direction: column;
    }
    ul.product_list.grid > li .product-container .top-block
    {
        order: 2;
        margin-bottom: 0!important;
    }
    ul.product_list.grid > li .product-container .left-block
    {
        order: 1;
    }
    ul.product_list.grid > li .product-container .right-block
    {
        order: 3;
    }

    ul.product_list.list > li .right-block
    {
        clear: both;
    }
    .feature-10 p {
        margin: 0.3125rem 0 0;
    }
}
@media(max-width:767px) {
    ul.product_list.grid > li {
        text-align: left;
    }
    ul.product_list.grid > li .product-container {
        margin-left: -10px;
        margin-right: -10px;
    }
}
ul.product_list.list > li .product-name
{
    font-size: 14px;
}
ul.product_list.list > li .comments_note
{
    float: left; 

    margin-bottom: 5px;
}
ul.product_list.list > li .comments_note .star_content
{
    min-height: 0;
    margin-top: 2px;
    margin-right: 5px;
}
ul.product_list.list > li .comments_note .empty_comments
{
    display: none;
}
ul.product_list.list > li .comments_note .nb-comments
{
    font-style: italic; 

    overflow: hidden;
}
ul.product_list.list > li .functional-buttons
{
    position: static;

    display: block;
    clear: both;

    padding: 0;

    border-top: none;
    border-bottom: none;
    background: none;
}
ul.product_list.list > li .functional-buttons div
{
    float: none;

    width: 100%;
    height: 20px; 

    border: none !important;
}
@media (max-width: 999px)
{
    ul.product_list.list > li .functional-buttons div
    {
        float: left;

        width: 33.33333%;
        padding-right: 5px;
        padding-left: 5px;

        text-align: center;
    }
}
ul.product_list.list > li .functional-buttons div a,
ul.product_list.list > li .functional-buttons div label
{
    font-size: 11px;
}
ul.product_list.list > li .functional-buttons div a:before,
ul.product_list.list > li .functional-buttons div label:before
{
    margin-right: 4px;
}
@media (max-width: 479px)
{
    ul.product_list.list > li .functional-buttons div a,
    ul.product_list.list > li .functional-buttons div label
    {
        font-size: 0;
    }
}
ul.product_list.list > li .functional-buttons div.compare a:before
{
    margin-right: 7px;
}
ul.product_list.list > li .new-label,
ul.product_list.list > li .sale-label,
ul.product_list.list > li .online-label
{
    position: static;

    display: inline-block;

    margin-bottom: 5px; 

    white-space: nowrap;
}
ul.product_list.list > li .online-label
{
    background: #f8f8f8;
}
@media (min-width: 1000px)
{
    ul.product_list.list > li .right-block .right-block-content
    {
        margin: 0;
        padding-bottom: 16px; 
        padding-left: 15px;

        border-left: 1px solid #ddd;
    }
    ul.product_list.list > li .right-block .right-block-content > div
    {
        padding-right: 0; 
        padding-left: 0;
    }
}
@media (max-width: 999px)
{
    ul.product_list.list > li .right-block .right-block-content
    {
        clear: both; 

        padding-top: 10px;
    }
}
@media (max-width: 319px)
{
    ul.product_list.list > li .right-block .right-block-content
    {
        padding-top: 5px;
    }
}
ul.product_list.list > li .right-block .right-block-content .content_price
{
    padding-bottom: 10px;
}
@media (max-width: 999px)
{
    ul.product_list.list > li .right-block .right-block-content .content_price
    {
        padding-top: 5px;
        padding-right: 5px; 
        padding-bottom: 0;
        padding-left: 0;

        text-align: right;
    }
}
@media (max-width: 319px)
{
    ul.product_list.list > li .right-block .right-block-content .content_price
    {
        width: 100%; 
        padding-top: 0;
    }
}
ul.product_list.list > li .right-block .right-block-content .content_price span
{
    display: inline-block;

    margin-top: -4px;
}
ul.product_list.list > li .right-block .right-block-content .content_price span.old-price
{
    margin-right: 8px;
}
ul.product_list.list > li .right-block .right-block-content .button-container
{
    overflow: hidden;

    padding-bottom: 10px;
}
@media (max-width: 999px)
{
    ul.product_list.list > li .right-block .right-block-content .button-container
    {
        padding-right: 0; 
        padding-left: 5px;
    }
}
@media (max-width: 319px)
{
    ul.product_list.list > li
    {
        text-align: center;
    }
}

/*******************************************************
Product list(Index page) Styles 
********************************************************/
#index ul.product_list.tab-pane > li
{
    margin-bottom: 10px; 
    padding-bottom: 10px;
}
@media (min-width: 1320px)
{
    #index ul.product_list.tab-pane > li
    {
        margin-bottom: 0; 
        padding-bottom: 85px;
    }
}
#index ul.product_list.tab-pane > li .availability
{
    display: none;
}

/***** columns fix ****/
@media (min-width: 1000px) and (max-width: 1319px)
{
    .show-left-column.show-right-column ul.product_list.list > li .functional-buttons div a,
    .show-left-column.show-right-column ul.product_list.list > li .functional-buttons div label
    {
        font-size: 0;
    }
    .show-left-column.show-right-column ul.product_list.list > li .functional-buttons div
    {
        display: inline-block;

        width: auto;
    }
}

/* SEO Cambio de h5 a h2 */
h2.product-name-container
{
    line-height: .1;
}