/* ======================= ARTIKLER ======================= */
.article-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    margin-top: 15px;
    margin-bottom: 20px;
     max-width: 1000px;   /* samme bredde som shop-bar */
    margin: 20px auto;   /* centrerer gridet */
}

.article-grid article {
    background: var(--card);
    padding: 25px;
    border-radius: 14px;
    box-shadow: var(--shadow);
    transition: transform 0.25s;
}

.article-grid article:hover {
    transform: translateY(-4px);
}