/* ---------------------------
   ARAÇLAR VE BLOG
--------------------------- */

/* Araç listesi */
.tool-list {
    display: block;      /* Grid kaldırıldı */
    width: 100%;         /* Ekranı tamamen kaplasın */
    margin: 0;           /* Üst-alt boşluk kaldırıldı */
    padding: 0;          /* Kenar boşluğu kaldırıldı */
}

/* Her araç öğesi */
.tool-item {
    background: none;    /* Beyaz kutu kaldırıldı */
    border: none;        /* Sınır kaldırıldı */
    border-radius: 0;    /* Köşe yuvarlama kaldırıldı */
    box-shadow: none;    /* Gölge kaldırıldı */
    padding: 0;          /* İç boşluk kaldırıldı */
    margin: 0;           /* Üst-alt boşluk kaldırıldı */
    display: block;      /* Flex kaldırıldı */
}

/* Araç altındaki içerikler */
.tool-item .article-item {
    background: none;    /* Arka plan kaldırıldı */
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

/* Blog listesi */
.homepage-blog {
    display: block;       /* Flex/grid kaldırıldı */
    width: 100%;          /* Ekranı tamamen kaplasın */
    margin: 0;
    padding: 0;
}

/* Blog kartları */
.homepage-blog .blog-card {
    background: none;    /* Kutuyu kaldır */
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;         /* Ekranı kapla */
    margin: 0;
    padding: 0;
}

/* Resimler ve başlıklar */
.blog-card img, .tool-item img {
    width: 100%;         /* Ekrana yay */
    height: auto;
    border-radius: 0;    /* Köşe yuvarlama kaldır */
}

.blog-card h3, .tool-item h1, .tool-item h2 {
    margin: 0;
    padding: 8px 0;      /* Sadece yazıya biraz boşluk */
    color: inherit;      /* Varsayılan renk */
}

.blog-card p, .tool-item p {
    margin: 0;
    padding: 4px 0;
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 768px) {
    .tool-list, .homepage-blog {
        padding: 0 8px;   /* Kenardan çok az boşluk */
    }
}