/* Container */
.msfm-exdir{direction:rtl;font-family:inherit}

/* Toolbar */
.msfm-exdir-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}
.msfm-exdir-filters{display:flex;flex-wrap:wrap;gap:8px}
.msfm-chip{border:1px solid #e6e6e6;background:#fafafa;color:#333;border-radius:999px;padding:6px 12px;cursor:pointer}
.msfm-chip.is-active{background:#0d6efd;color:#fff;border-color:#0d6efd}
.msfm-exdir-search .msfm-search-input{padding:8px 12px;border:1px solid #e5e5e5;border-radius:10px;min-width:220px}

/* Grid: 3 cols desktop / 1 col mobile */
.msfm-exdir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width: 768px){
  .msfm-exdir-grid{grid-template-columns:1fr}
}

/* Card */
.msfm-excard{border:1px solid #eee;border-radius:16px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column}
.msfm-excard-media{position:relative;overflow:hidden;aspect-ratio:16/10;background:#f6f6f6}
.msfm-excard .msfm-thumb{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.msfm-excard:hover .msfm-thumb{transform:scale(1.03)}
.msfm-gif-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:3px 6px;border-radius:6px}
.msfm-excard-body{padding:12px}
.msfm-excard-title{margin:4px 0 6px;font-size:16px}
.msfm-excard-tags{font-size:12px;color:#666;margin-bottom:8px}
.msfm-excard-excerpt{color:#444;line-height:1.7;margin:0 0 8px}
.msfm-excard-actions{display:flex;gap:8px}
.msfm-btn{border:1px solid #ddd;background:#fafafa;padding:8px 12px;border-radius:10px;text-decoration:none;display:inline-block}
.msfm-btn:hover{background:#f0f0f0}

/* Load More */
.msfm-exdir-more-wrap{display:flex;flex-direction:column;align-items:center;margin-top:16px}
.msfm-btn-more{border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}
.msfm-btn-more.is-hidden{display:none}

/* Empty */
.msfm-empty{border:1px dashed #ddd;border-radius:12px;padding:16px;text-align:center;color:#666}