.payman-post-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.post-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    transition: 0.3s ease;
}

.post-item:hover {
    transform: translateY(-3px);
}

.post-thumb img {
    border-radius: 12px;
}

.post-title {
    margin: 0 0 6px;
    font-size: 16px;
}

.post-title a {
    text-decoration: none;
    color: #111;
}

.post-title a:hover {
    color: #c40000;
}

.post-excerpt {
    font-size: 13px;
    color: #666;
}

/* ===== Layout Variations ===== */

.layout1 .post-item:first-child {
    flex-direction: column;
}

.layout2 .post-thumb { width: 80px; }

.layout3 .post-item {
    flex-direction: column;
    background: #fff;
    padding: 14px;
    border-radius: 14px;
    box-shadow: 0 5px 18px rgba(0,0,0,0.06);
}

.layout4 .post-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.layout5 { background:#fafafa;padding:15px;border-radius:10px; }
.layout6 .post-title { font-weight:bold; }
.layout7 .post-item { gap:20px; }
.layout8 .post-thumb img { border-radius:50%; }
.layout9 { background:#111;color:#fff;padding:15px;border-radius:10px; }
.layout9 .post-title a { color:#fff; }
.layout10 .post-item { flex-direction:column; text-align:center; }
.layout11 .post-thumb { width:120px; }
.layout12 .post-item { background:#f4f4f4;padding:10px;border-radius:8px; }
.layout13 .post-title { font-size:18px; }
.layout14 .post-item { border-left:4px solid #c40000;padding-left:10px; }
.layout15 .post-item { background:#fff;border:1px solid #eee;padding:12px;border-radius:10px; }

@media (max-width:768px){
    .post-item { flex-direction:column; }
}