/* ===================================================================
   HOMEPAGE — Ana sayfa özgü CSS (homepage.css)
   Sadece index.php tarafından yüklenir, başka hiçbir sayfayı etkilemez
   =================================================================== */

/* Ana sayfada main-content padding yerine margin kullan
   padding: içerik sınırını etkiler (grid kaymaz ama yer açılır)
   margin: tüm bloğu fiziksel olarak kaydırır (doğru yaklaşım)       */
.homepage-main.main-content {
    padding-left: 0;
    /* style.css'teki genel padding'i sıfırla */
    margin-left: 260px;
    /* Sidebar 260px genişliğinde, bunu kaydır */
    transition: margin-left 0.3s ease;
}

@media (min-width: 769px) {
    body.sidebar-collapsed .homepage-main.main-content {
        margin-left: 64px;
        /* Sidebar ikon modunda 64px */
    }
}

@media (max-width: 768px) {
    .homepage-main.main-content {
        margin-left: 0;
    }
}

/* Ürün listesi (products-grid) — margin yeterli, ekstra padding yok */
.homepage-main .products-grid {
    margin-left: 0 !important;
    /* Zaten main-content margin'i var */
    margin-top: 120px;
    /* header(72px) + filtre bar(~50px) ayırımı */
    padding: 0 40px 40px 40px;
    /* Her taraftan içerik boşluğu */
}