.mitra-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 25px; }
.mitra-card { text-align: center; margin-bottom: 20px; }
.mitra-photo-wrapper { background-color: #e3f2fd; border-radius: 30px; overflow: hidden; aspect-ratio: 4/5; margin-bottom: 15px; }
.mitra-photo-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.mitra-loc { color: #004a61; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.mitra-name { color: #004a61; font-size: 18px; font-weight: 800; margin: 5px 0; }
.mitra-certs { color: #004a61; font-size: 14px; margin-bottom: 10px; }
.mrh-btn-wa { 
    display: inline-flex; align-items: center; background: #25d366; color: #fff !important; 
    padding: 8px 15px; border-radius: 50px; text-decoration: none; font-weight: bold; font-size: 13px;
}
.mrh-btn-wa:hover { background: #128c7e; transform: translateY(-2px); transition: 0.3s; }
.mitra-filter-wrapper { display: flex; gap: 10px; margin-bottom: 30px; background: #f4f4f4; padding: 15px; border-radius: 10px; }
.mitra-filter-wrapper input, .mitra-filter-wrapper select { flex: 1; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }