/* =========================================================
   GÖVDESAN PUBLIC SITE - MODÜLER CSS
   Kaynak satırlar: 915-1053
   Ana sayfa ürün kartları
   NOT: İlk refactor aşamasında CSS kuralları değiştirilmemiştir.
   ========================================================= */

/* =========================================================
   PRODUCTS
   ========================================================= */

.gv-home-products {
    padding: 85px 0;
    background: #ffffff;
}

.gv-product-card {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e5e9;
    color: inherit;
    text-decoration: none;
}

.gv-product-card:hover,
.gv-product-card:focus {
    border-color: #b8c4cd;
    color: inherit;
    text-decoration: none;
}

.gv-product-card-image {
    height: 230px;
    overflow: hidden;
    background: #ffffff;
    border-bottom: 1px solid #edf0f2;
}

.gv-product-card-image img {
    display: block;

    width: 100%;
    height: 230px;

    object-fit: contain;

    padding: 12px;

    background: #ffffff;

    transition: transform .35s ease;
}

.gv-product-card:hover img {
    transform: scale(1.04);
}

.gv-product-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 230px;
    color: #8d9ba6;
}

.gv-product-placeholder .glyphicon {
    font-size: 52px;
}

.gv-product-placeholder small {
    margin-top: 12px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.gv-product-card-body {
    min-height: 175px;
    padding: 22px 23px;

    background: #f3f6f8;

    border-top: 1px solid #e2e8ec;

    transition: background .25s ease;
}
.gv-product-card:hover .gv-product-card-body {
    background: #eaf0f4;
}

.gv-product-code {
    display: block;

    margin-bottom: 8px;

    color: #a4272d;

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1px;
}

.gv-product-code:before {
    content: "";

    display: inline-block;

    width: 18px;
    height: 2px;

    margin-right: 7px;
    margin-bottom: 2px;

    background: #a4272d;
}

.gv-product-card h3 {
    margin: 0;
    color: #20394c;
    font-size: 18px;
    font-weight: 600;
}

.gv-product-card p {
    margin: 10px 0 0 0;
    color: #7b8892;
    font-size: 11px;
    line-height: 18px;
}

.gv-product-more {
    margin-top: 17px;
    color: #566d80;
    font-size: 9px;
    font-weight: 700;
}

.gv-product-more .glyphicon {
    margin-left: 5px;
    font-size: 8px;
}