.products-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.products-grid .grid-col {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    display: flex; /* h-100 uyumlu */
}

.product-card {
    flex: 1 1 auto; 
    display: flex;
    flex-direction: column;
    height: 450px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    border: 1px solid #eee;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15),
                0 0 20px 10px rgba(0,0,0,0.10);
}

.product-card img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    transition: transform 0.3s;
    display: block;
}

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

.product-card .card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 12px;
}

.card-title a {
    color: #333;
    text-decoration: none;
    font-size: 0.95rem;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 6px;
}

.product-rating {
    color: #f7c04a;
    font-size: 0.85rem;
    margin: 0;
}

.product-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 8px;
    margin-top: 0;
}

.product-footer .price {
    font-weight: bold;
    font-size: 1rem;
    color: #000;
    margin: 0;
}

.product-footer .add-to-cart-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 2px solid #0d6efd;
    border-radius: 8px;
    color: #0d6efd;
    font-size: 16px;
    margin-left: auto;
    transition: all 0.3s ease;
}

.product-footer .add-to-cart-icon:hover {
    background-color: #0d6efd;
    color: #fff;
    transform: scale(1.1);
}

.product-card .badge {
    font-size: 0.75rem;
    padding: 0.25em 0.5em;
    border-radius: 50px;
}

/* Responsive Grid */
@media (max-width: 1200px) { .products-grid .col-lg-3 { flex:0 0 25%; max-width:25%; } }
@media (max-width: 992px)  { .products-grid .col-lg-3 { flex:0 0 33.3333%; max-width:33.3333%; } }
@media (max-width: 768px)  { .products-grid .col-lg-3 { flex:0 0 50%; max-width:50%; } }
@media (max-width: 576px)  { .products-grid .col-lg-3 { flex:0 0 100%; max-width:100%; } }
/* -------------------------
   Kart Stil Özelleştirmeleri
------------------------- */

/* Giyim Kartı */
.giyim-card {
    border: 1px solid #eee;
    transition: transform 0.3s;
}
.giyim-card:hover {
    transform: translateY(-5px);
}
.giyim-card .hover-zoom {
    transition: transform 0.3s;
}
.giyim-card:hover .hover-zoom {
    transform: scale(1.1);
}

/* Takı Kartı */
.taki-card {
    border: 2px solid gold;
    border-radius: 15px;
}
.taki-card .text-gold {
    color: goldenrod;
}
.taki-card .btn-outline-warning {
    border-radius: 50px;
}

/* Teknoloji Kartı */
.teknoloji-card {
    border: 1px solid #0d6efd;
    border-radius: 8px;
}
.teknoloji-card .text-primary {
    font-weight: bold;
}
.teknoloji-card .btn-primary {
    border-radius: 6px;
}

/* Elektronik Kartı */
.elektronik-card {
    background: #f8f9fa;
    border-radius: 8px;
}
.elektronik-card .btn-outline-secondary {
    border-radius: 6px;
}

/* Kozmetik Kartı */
.kozmetik-card {
    border: 2px solid pink;
    border-radius: 12px;
    background: #fff0f5;
}
.kozmetik-card .text-pink {
    color: #d63384;
}
.kozmetik-card .btn-pink {
    background: #d63384;
    color: #fff;
    border-radius: 50px;
    border: none;
}
.kozmetik-card .btn-pink:hover {
    background: #b52d6f;
}

/* Default Kart (Senin mevcut stilin zaten burada var)
   -> product-card class'ı korunuyor */