/* Storefront 4 column product grid */

/*
   Amaç:
   - Masaüstünde ürünleri yan yana 4 kart göstermek
   - Tablet: 3 / 2 kolon
   - Mobil: 1 kolon
   - Mevcut ürün kartı tasarımını bozmadan grid davranışı vermek
*/

.products-grid,
.product-grid,
.product-list,
.shop-products,
.category-products,
.home-products,
.featured-products,
.products-wrapper{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}

.product-card,
.product-item,
.shop-product-card,
.product-box{
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    border-radius:16px !important;
    overflow:hidden !important;
    transition:box-shadow .16s ease, transform .16s ease, border-color .16s ease !important;
}

.product-card:hover,
.product-item:hover,
.shop-product-card:hover,
.product-box:hover{
    border-color:#f97316 !important;
    box-shadow:0 10px 28px rgba(15,23,42,.10) !important;
    transform:translateY(-2px) !important;
}

.product-card img,
.product-item img,
.shop-product-card img,
.product-box img,
.product-image img{
    width:100% !important;
    height:190px !important;
    object-fit:contain !important;
    background:#f8fafc !important;
    padding:12px !important;
}

.product-card .product-title,
.product-item .product-title,
.shop-product-card .product-title,
.product-box .product-title,
.product-card h3,
.product-item h3,
.shop-product-card h3,
.product-box h3{
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    color:#0f172a !important;
    min-height:42px !important;
    margin:10px 12px 6px !important;
}

.product-card .product-price,
.product-item .product-price,
.shop-product-card .product-price,
.product-box .product-price,
.price{
    font-size:18px !important;
    font-weight:900 !important;
    color:#dc2626 !important;
    margin:4px 12px 10px !important;
}

.product-card .add-to-cart,
.product-item .add-to-cart,
.shop-product-card .add-to-cart,
.product-box .add-to-cart,
.product-card button,
.product-item button,
.shop-product-card button,
.product-box button{
    margin:auto 12px 12px !important;
    min-height:40px !important;
    border-radius:10px !important;
    font-weight:800 !important;
}

/* Sayfa içeriği çok genişliyorsa ürün alanını toparlar */
.store-content,
.products-page,
.category-page,
.home-section{
    max-width:1400px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Tablet */
@media(max-width:1200px){
    .products-grid,
    .product-grid,
    .product-list,
    .shop-products,
    .category-products,
    .home-products,
    .featured-products,
    .products-wrapper{
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Küçük tablet */
@media(max-width:900px){
    .products-grid,
    .product-grid,
    .product-list,
    .shop-products,
    .category-products,
    .home-products,
    .featured-products,
    .products-wrapper{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:14px !important;
    }

    .product-card img,
    .product-item img,
    .shop-product-card img,
    .product-box img,
    .product-image img{
        height:170px !important;
    }
}

/* Mobil */
@media(max-width:560px){
    .products-grid,
    .product-grid,
    .product-list,
    .shop-products,
    .category-products,
    .home-products,
    .featured-products,
    .products-wrapper{
        grid-template-columns:1fr !important;
    }
}