/*

//moduleview/catalog/blocks/topproducts/top_products.tpl:<div class="scrollable products contentblock top_products fastener {$dir.alias}" data-category="{$dir.name}">
//moduleview/catalog/blocks/topproducts/top_products.tpl:<div class="scrollable products contentblock top_products align {$dir.alias}">
//moduleview/catalog/blocks/topproducts/top_products.tpl:    {include file="%THEME%/fragments/_products.tpl" centered=$dir->alias!="novinki"}

//moduleview/catalog/list_products.tpl:<div class="products contentblock list_products fastener">
//moduleview/catalog/list_products.tpl:<div class="products contentblock list_products align">
//moduleview/catalog/list_products.tpl:    {include file="%THEME%/fragments/_products.tpl" products=$list}

//moduleview/catalog/blocks/lastviewed/products.tpl:<div class="products contentblock lastviewed fastener">
//moduleview/catalog/blocks/lastviewed/products.tpl:<div class="products contentblock lastviewed align">
//moduleview/catalog/blocks/lastviewed/products.tpl:    {include file="%THEME%/fragments/_products.tpl" autowidth=true skip=2}

*/

/* -- FIXES -- */

.products .product .title {
    text-decoration: none;
}

/* -- LAYOUT -- */

.products .product {
    display: flex;
    flex-direction: column;
}

.products .horz-holder {
    display: flex;
    flex-direction: row;
    align-self: stretch;
    align-items: flex-end;
    justify-content: space-between;
}

.products .product .price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.products .product .compare {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.products .product .image img {
    display: block; /* [!] to wrap ALT texts */
}

/* -- STYLING -- */

.products .product {
    background-color: white;
    border: 1px solid #e0e0e0;
}
.products .product .image {
    border-bottom: 1px solid #e0e0e0;
}
.products .product .image img {
    width: 268px;
    height: 208px;
    margin: auto;
    margin-top: 1px;
}

.products .product .title {
    color: #212121;
    text-align: left;
    font-size: 16px;
}

.products .product .price .new {
    font-size: 24px;
}

.products .product .price .old {
    font-size: 14px;
    text-decoration: line-through;
}

.products .product .available {
    color: #38b449;
}

.products .product .unavailable {
    color: #359323; /* [!] ??? */
}

.products .product .available,
.products .product .unavailable {
    white-space: nowrap;
    font-size: 11px;
}

/* -- SPACING -- */

.products .product .title {
    max-width: 210px;
    margin-top: 15px;
}

.products .product .compare,
.products .product .buy-button {
    margin-bottom: 30px;
}

.products .product .price,
.products .product .buy-button {
    /*margin-right: 30px;*/
}

.products .product .title,
.products .product .compare {
    margin-left: 15px;
    margin-right: 15px;
}

.products .product .available,
.products .product .unavailable {
    line-height: 30px;
}

.products .horz-holder {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: auto;
}

/* -- EFFECTS -- */

.products .product .image {
    overflow: hidden;
}

.products .product .image img {
    transition: transform 0.3s ease-out;
}

.products .product .image img:hover {
    transform: scale(1.05);
}
